LEDColors/css/main.css

139 lines
2.2 KiB
CSS
Executable File

.active {
background-color: orange;
}
html, body {
padding: 0px;
margin: 0px;
}
body {
background-color: #1C1C1C;
color: #D8D8D8;
}
div.mainbody {
width: 97%;
min-height: 700px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 4px;
color: #D8D8D8;
font-family: Futura, Arial;
font-size: 18pt;
font-weight: bold;
}
p {
margin: 0px;
padding: 0px;
margin-bottom: 8px;
}
input[type=button] {
/* background-color: #D8D8D8; */
color: #1C1C1C;
font-family: Futura, Arial;
font-size: 14pt;
font-weight: bold;
cursor: pointer;
border-radius: 0.25em;
margin-left: 0;
margin-top: 0;
}
.bc_red {
background-color: red;
}
.bc_green {
background-color: green;
}
.bc_blue {
background-color: #4444ff;
}
.bc_cyan {
background-color: cyan;
}
.bc_purple {
background-color: #ff0cf3;
}
.bc_orange {
background-color: orange;
}
.buttonfull {
width: 95%;
}
.buttonhalf {
width: 47%;
}
.buttonthird {
width: 31%;
}
.buttonquarter {
width: 23%;
}
.buttonsixth {
width: 14.5%;
}
#tabs {
padding: 0px;
background: none;
border-width: 0px;
}
#tabs .ui-tabs-nav {
border-color: #D8D8D8;
padding-left: 0px;
background: transparent;
border-width: 0px 0px 1px 0px;
border-radius: 0px;
}
#tabs .ui-tabs-nav .ui-state-default {
background: transparent;
}
#tabs .ui-tabs-nav .ui-state-active {
background: #D8D8D8;
border: #D8D8D8;
}
#tabs .ui-tabs-nav .ui-state-default a {
color: #D8D8D8;
padding: 6px;
}
#tabs .ui-tabs-nav .ui-state-active a {
color: #1C1C1C;
padding: 6px;
}
#tabs .ui-tabs-nav li {
font-size: 50%;
font-family: Futura, Arial;
font-weight: bold;
top: 0px;
margin: 0em;
}
#tabs .ui-tabs-panel {
color: #D8D8D8;
padding: 0px;
}
.devices {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.device-container {
width: 100%;
text-align: left;
margin-top: 0.5em;
padding: 0.25em;
border: 2px solid gray;
}
.device-property {
width: 100%;
text-align: left;
}
.device-property-label {
width: 12em;
text-align: right;
font-weight: bold;
color: white;
display: inline-block;
margin-right: 1em;
}
.button-refresh {
margin-top: 0.5em;
width: 12em;
}