.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; }