All styles built into app.css file

This commit is contained in:
mmcwilliams 2018-02-01 14:51:27 -05:00
parent a361ff1de6
commit db47c4b524
1 changed files with 44 additions and 10 deletions

View File

@ -50,6 +50,11 @@ button .active {
button:focus { button:focus {
outline: none; outline: none;
} }
.clearfix:after {
content: "";
clear: both;
display: table;
}
#colors-tabs { #colors-tabs {
width: 411px; width: 411px;
} }
@ -545,14 +550,21 @@ button:focus {
.cmd { .cmd {
width: 240px; width: 240px;
text-align: center; text-align: center;
margin: 5px auto; margin: 10px auto;
display: block; display: block;
font-size: 16px; font-size: 16px;
} }
.cmd i { .cmd i {
margin-top: 3px;
}
.cmd i:first-child {
float: left; float: left;
margin-right: 5px; margin-right: 5px;
} }
.cmd i:last-child {
float: right;
margin-right: 5px;
}
.cmd.fwd i { .cmd.fwd i {
color: #00C4A0; color: #00C4A0;
} }
@ -633,6 +645,11 @@ button:focus {
#settings select:focus { #settings select:focus {
outline: none; outline: none;
} }
#settings input[type=text].active,
#settings select.active {
border-color: #DAE035;
color: #DAE035;
}
#settings button { #settings button {
margin-top: -1px; margin-top: -1px;
float: right; float: right;
@ -703,23 +720,29 @@ button:focus {
} }
#counters .cam, #counters .cam,
#counters_2 .cam, #counters_2 .cam,
#move_to .cam,
#counters .proj, #counters .proj,
#counters_2 .proj { #counters_2 .proj,
#move_to .proj {
width: 50%; width: 50%;
padding-bottom: 25px; padding-bottom: 25px;
} }
#counters .cam label, #counters .cam label,
#counters_2 .cam label, #counters_2 .cam label,
#move_to .cam label,
#counters .proj label, #counters .proj label,
#counters_2 .proj label { #counters_2 .proj label,
#move_to .proj label {
text-align: center; text-align: center;
font-size: 24px; font-size: 24px;
display: block; display: block;
} }
#counters .cam input, #counters .cam input,
#counters_2 .cam input, #counters_2 .cam input,
#move_to .cam input,
#counters .proj input, #counters .proj input,
#counters_2 .proj input { #counters_2 .proj input,
#move_to .proj input {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
color: #fff; color: #fff;
padding: 6px 12px; padding: 6px 12px;
@ -731,18 +754,29 @@ button:focus {
} }
#counters .cam input.changed, #counters .cam input.changed,
#counters_2 .cam input.changed, #counters_2 .cam input.changed,
#move_to .cam input.changed,
#counters .proj input.changed, #counters .proj input.changed,
#counters_2 .proj input.changed { #counters_2 .proj input.changed,
#move_to .proj input.changed {
color: #DAE035; color: #DAE035;
} }
#counters .cam, #counters .cam,
#counters_2 .cam { #counters_2 .cam,
#move_to .cam {
float: left; float: left;
} }
#counters .proj, #counters .proj,
#counters_2 .proj { #counters_2 .proj,
#move_to .proj {
float: right; float: right;
} }
#move_to {
margin-top: 20px;
}
#move_to .cam label,
#move_to .proj label {
font-size: 18px;
}
#overlay { #overlay {
position: fixed; position: fixed;
top: 0; top: 0;