#menu .pure-menu-heading { font-size: 100%; padding: .5em .5em; } .header h2 { font-size: 1em; } .panel { display: none; } .footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; font-size: 80%; color: #999; } #menu .footer a { text-decoration: none; padding: 0px; } .content { margin: 0px; } .page { margin-top: 10px; } .pure-button { color: white; padding: 8px 8px; border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .main-buttons { margin: 50px auto; text-align: center; } .main-buttons button { width: 100px; margin: 5px auto; } .button-update-password, .button-update { background: #1f8dd6; } .button-reboot, .button-reconnect, .button-ha-del, .button-rfb-forget { background: rgb(202, 60, 60); } .button-upgrade { background: rgb(202, 60, 60); margin-left: 5px; } .button-upgrade-browse, .button-ha-add, .button-apikey { background: rgb(0, 202, 0); margin-left: 5px; } .button-add-network, .button-add-schedule, .button-rfb-learn { background: rgb(28, 184, 65); } .button-del-network, .button-del-schedule { background: rgb(202, 60, 60); } .pure-button { letter-spacing: 0; } .button-more-network, .button-more-schedule, .button-wifi-scan, .button-rfb-send { background: rgb(223, 117, 20); } .button-settings-backup, .button-settings-restore { background: rgb(0, 202, 0); margin-bottom: 10px; } .pure-g { margin-bottom: 0px; } .pure-form legend { font-weight: bold; letter-spacing: 0; margin: 10px 0 1em 0; } .l-box { padding-right: 1px; } .pure-form input { margin-bottom: 10px; } .pure-form input[type=text][disabled] { color: #777777; } div.hint { font-size: 80%; color: #ccc; margin: -10px 0 10px 0; } .break { margin-top: 5px; } #networks .pure-g, #schedules .pure-g { padding: 10px 0 10px 0; margin-bottom: 10px; border-bottom: 1px solid #eee; } #networks .more { display: none; } legend.module, .module { display: none; } .template { display: none; } input[name=upgrade] { display: none; } #upgrade-progress { display: none; width: 100%; height: 20px; margin-top: 10px; } input.center { margin-bottom: 0px; } div.center { margin: .5em 0 1em; } .webmode { display: none; } #credentials { font-size: 200%; text-align: center; height: 100px; width: 400px; position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -200px; } div.state { border-top: 1px solid #eee; margin-top: 20px; padding-top: 30px; } .state div { font-size: 80%; } .state span { font-size: 80%; font-weight: bold; } .right { text-align: right; } input.slider { margin-top: 10px; } span.slider { font-size: 70%; margin-left: 10px; margin-top: 7px; letter-spacing: 0; } #panel-rfb fieldset { margin: 10px 2px; padding: 20px; } #panel-rfb input { margin-right: 5px; } #panel-rfb label { padding-top: 5px; } #panel-rfb input { text-align: center; } #uploader, #downloader { display: none; } .panel.block { display: block; } select { width: 100%; margin-bottom: 10px; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #eee; margin: 1em 0; padding: 0; } #scanResult { margin-top: 10px; font-size: 60%; color: #888; font-family: 'Courier New', monospace; } div.loading { background-image: url('images/loading.gif'); width: 20px; height: 20px; margin: 8px 0 0 10px; display: none; } #menu span.small { font-size: 60%; padding-left: 9px; }