361 lines
6.2 KiB
CSS
361 lines
6.2 KiB
CSS
#header {
|
|
height: 41px;
|
|
font-weight: normal;
|
|
color: black;
|
|
}
|
|
|
|
|
|
#version, #proc {
|
|
position: absolute;
|
|
float: left;
|
|
font-size: 10px;
|
|
left: 4px;
|
|
}
|
|
|
|
#helpdlg {
|
|
background: #efefef;
|
|
}
|
|
|
|
.ui-loader-background {
|
|
width: 100%;
|
|
height: 100%;
|
|
top:0;
|
|
margin: 0;
|
|
background: rgba(0, 0, 0, 0.3);
|
|
display: none;
|
|
position: fixed;
|
|
z-index: 100;
|
|
}
|
|
|
|
.ui-loading .ui-loader-background {
|
|
display:block;
|
|
}
|
|
|
|
#version {
|
|
top: 5px;
|
|
}
|
|
|
|
#proc {
|
|
top: 20px;
|
|
}
|
|
|
|
.ui-li-static {
|
|
min-height: 27px;
|
|
padding: 5px 0px 5px 0px;
|
|
}
|
|
|
|
.dimmer {
|
|
height: 70px;
|
|
}
|
|
|
|
.pendingsw .ui-btn {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
height: 15px;
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.pendingsw .ui-btn *, .pendingsw .ui-btn *:hover {
|
|
color: black;
|
|
}
|
|
|
|
.pendingsw .ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.pendingsw .ui-icon-loader {
|
|
background: transparent url('smallloader.gif') no-repeat 10px 7px;
|
|
}
|
|
|
|
.pendingsw .ui-icon-off {
|
|
background: transparent url('off.png') no-repeat 10px 6px;
|
|
}
|
|
|
|
.pendingsw .ui-icon-on {
|
|
background: transparent url('on.png') no-repeat 10px 6px;
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
.pendingsw .ui-icon-loader {
|
|
background-position: 10px 6px;
|
|
}
|
|
|
|
.pendingsw .ui-icon-off {
|
|
background-position: 10px 4px;
|
|
}
|
|
|
|
.pendingsw .ui-icon-on {
|
|
background-position: 10px 4px;
|
|
}
|
|
}
|
|
|
|
.pendingsw .ui-icon-loader.ui-btn-icon-left:after {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.pendingsw .ui-icon-on.ui-btn-icon-left:after {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.pendingsw .ui-icon-off.ui-btn-icon-left:after {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.pendingsw a {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
.ui-btn-right {
|
|
position: absolute;
|
|
top: 2px;
|
|
}
|
|
|
|
.ui-slider {
|
|
position: relative;
|
|
top: 25px;
|
|
width: 100%;
|
|
}
|
|
|
|
.slider-value {
|
|
position: absolute;
|
|
float: left;
|
|
left: 10px;
|
|
}
|
|
|
|
div.ui-slider-switch, div.screen {
|
|
position: absolute;
|
|
right: 10px;
|
|
}
|
|
|
|
li.label .text {
|
|
position: relative;
|
|
right: 0px;
|
|
margin: 2px 5px 0px 5px;
|
|
color: black;
|
|
}
|
|
|
|
li.label .marquee {
|
|
right: 15px;
|
|
position: relative;
|
|
float: right;
|
|
overflow: hidden;
|
|
font-weight: normal;
|
|
text-align: right;
|
|
max-width: 95%;
|
|
padding: 4px 5px 0px 5px;
|
|
white-space: normal;
|
|
min-height: 25px;
|
|
-moz-border-radius: 4px 4px 4px 4px;
|
|
border-radius: 4px 4px 4px 4px;
|
|
}
|
|
|
|
div.screen {
|
|
right: -20px;
|
|
top: -10px;
|
|
width: 205px;
|
|
}
|
|
|
|
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
|
|
display: block;
|
|
}
|
|
|
|
div.name {
|
|
padding-top: 4px;
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
|
|
div.humidity, div.temperature, div.pressure, div.illuminance,
|
|
div.rain, div.windavg, div.windgust, div.winddir,
|
|
div.temperature_icon, div.humidity_icon, div.pressure_icon,
|
|
div.rain_icon, div.windavg_icon, div.illuminance_icon,
|
|
div.windgust_icon, div.winddir_icon,
|
|
div.update_active, div.update_inactive,
|
|
div.sunrise, div.sunset, div.sunset_icon.gray,
|
|
div.sunrise_icon.gray, div.sunset_icon.blue,
|
|
div.sunrise_icon.yellow, div.media_icon, div.action_icon,
|
|
div.battery.red, div.battery.green,
|
|
div.datetime {
|
|
position: relative;
|
|
float: right;
|
|
padding: 6px 0px 0px 0px;
|
|
}
|
|
|
|
div.battery.red, div.battery.green {
|
|
margin: 6px 0px 0px 0px;
|
|
}
|
|
|
|
|
|
div.sunset_icon.gray, div.sunrise_icon.gray,
|
|
div.sunset_icon.blue, div.sunrise_icon.yellow {
|
|
width: 19px;
|
|
height: 16px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
div.temperature_icon, div.humidity_icon, div.pressure_icon,
|
|
div.rain_icon, div.windavg_icon, div.illuminance_icon,
|
|
div.windgust_icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
div.winddir_icon {
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
div.windgust_icon {
|
|
margin-right: 0px;
|
|
margin-left: -16px;
|
|
}
|
|
|
|
div.winddir_icon {
|
|
margin-top: 14px;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
div.update_active, div.update_inactive,
|
|
div.media_icon, div.action_icon {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
div.update_active, div.update_inactive {
|
|
margin: 7px 0px 0px 4px;
|
|
}
|
|
|
|
div.media_icon, div.action_icon {
|
|
margin: 5px 10px 0px 4px;
|
|
}
|
|
|
|
div.battery.red, div.battery.green {
|
|
width: 10px;
|
|
height: 16px;
|
|
}
|
|
|
|
div.webcam_image {
|
|
position: absolute;
|
|
float: right;
|
|
right: 10px;
|
|
top: 14px;
|
|
}
|
|
|
|
div.battery.red {
|
|
background: url('battery_red.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.battery.green {
|
|
background: url('battery_green.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.sunrise_icon.gray {
|
|
background: url('sunrise_gray.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.sunrise_icon.yellow {
|
|
background: url('sunrise_yellow.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.sunset_icon.gray {
|
|
background: url('sunset_gray.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.sunset_icon.blue {
|
|
background: url('sunset_blue.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.temperature_icon {
|
|
background: url('temp.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.humidity_icon {
|
|
background: url('humi.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.pressure_icon {
|
|
background: url('pressure.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.rain_icon {
|
|
background: url('rain.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.windavg_icon {
|
|
background: url('windavg.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.winddir_icon {
|
|
background: url('winddir.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.windgust_icon {
|
|
background: url('windgust.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.illuminance_icon {
|
|
background: url('illuminance.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.update_active {
|
|
background: url('update_active.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.update_inactive {
|
|
background: url('update_inactive.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.action_icon.play {
|
|
background: url('play.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.action_icon.stop {
|
|
background: url('stop.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.action_icon.pause {
|
|
background: url('pause.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.action_icon.screen_active {
|
|
background: url('screen_active.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.action_icon.screen_inactive {
|
|
background: url('screen_inactive.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.action_icon.shutdown {
|
|
background: url('shutdown.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.action_icon.home {
|
|
background: url('home.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.media_icon.movie {
|
|
background: url('movie.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.media_icon.episode {
|
|
background: url('episode.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
div.media_icon.song {
|
|
background: url('song.png') 0px 0px no-repeat;
|
|
}
|
|
|
|
ul.ui-listview li.switch div.name {
|
|
padding-right: 95px;
|
|
white-space: normal;
|
|
}
|
|
|
|
.weather_values {
|
|
overflow: auto;
|
|
float: right;
|
|
}
|