mirror of
https://github.com/fhem/fhem-mirror.git
synced 2025-01-31 12:49:34 +00:00
118 lines
4.7 KiB
CSS
118 lines
4.7 KiB
CSS
@import url("darkCommon.css");
|
|
|
|
/* Author: Bernd auf Basis der Vorlage von Till*/
|
|
body { background-color: #444444; background-image:url(../images/default/fhemicon_darksmall.png); background-repeat:no-repeat; color: #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
|
|
#logo { position:absolute; top:10px; left:20px; width:78px; visibility:hidden; }
|
|
#menu { position:absolute; top: 2px; left:65px; }
|
|
#hdr { position:absolute; top:40px; left:65px; }
|
|
#content { position:absolute; top:75px; left: 0px; right: 0px;}
|
|
#errmsg { left:0px; }
|
|
|
|
a { color: #CCCCCC; text-decoration: none;}
|
|
a:hover { color: #ffffff; }
|
|
.wide { width:100%; }
|
|
|
|
table.block { border:1px solid #ffffff; width: 300px;
|
|
background: #333333; box-shadow:5px 5px 5px #000;}
|
|
table.block tr.odd { background: #111111; }
|
|
table.block tr.sel { background: red; }
|
|
table { border-radius:8px; border-spacing: 0px;
|
|
padding-bottom: 6px; padding-top: 6px; }
|
|
|
|
table.room { background: #111111; width: 140px; border:1px solid #CCCCCC; box-shadow:5px 5px 5px #000;}
|
|
table.room a { color: #CCCCCC; text-decoration: none; }
|
|
table.room a:hover { color: #ffffff; }
|
|
table.room tr.sel { background: red; }
|
|
th {color:red; text-align: left; padding-left: 10px; font-weight: bold;}
|
|
td {padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px;}
|
|
|
|
input {outline:none; background-color: #111111;
|
|
border: 1px solid #ffffff; color: #cccccc; padding:5px;
|
|
margin-left: 10px; border-radius:8px; box-shadow: 5px 5px 5px #000000;}
|
|
input:focus {border: 1px solid red;}
|
|
input:disabled {color: #808080; }
|
|
input[type="submit"] { background-color: #353535; border-style:outset; border-width:2px }
|
|
|
|
textarea {background-color: #111111;
|
|
border: 1px solid #ffffff; color: #cccccc;
|
|
padding:5px; margin-left: 10px;
|
|
border-radius:8px; box-shadow: 5px 5px 5px #000000;}
|
|
|
|
/*
|
|
next lines are for commandref and faq
|
|
*/
|
|
#left { position:absolute; top:140px; left:60px; width:140px; }
|
|
#right { position:absolute; top:20px; left:200px; bottom:20px;
|
|
right:10px; }
|
|
body>div#left { position:fixed; }
|
|
div#block { border:1px solid gray; background: #101010; padding:0.7em; }
|
|
div#dist { padding-top:0.3em; }
|
|
button.dist { margin:10px; background:transparent; border:0px; cursor:pointer; }
|
|
h2,h3,h4 { color:#EEE; line-height:1.3; margin-top:1.5em; font-family:Verdana; }
|
|
|
|
a img { border-style:none; }
|
|
.col2 { text-align:center; }
|
|
tr.column td { padding:0; vertical-align:top;}
|
|
|
|
/* detail-selector & slider */
|
|
.makeTable { display:inline; float:left; clear:left;
|
|
margin-top:10px; margin-bottom:20px;}
|
|
.makeSelect { display:inline; float:left; clear:left; vertical-align:middle; }
|
|
|
|
select { margin-left:5px; margin-right:5px; }
|
|
.get,.set,.attr { margin-bottom:5px; float:left; }
|
|
.slider { float:right; width:300px; height:26px; }
|
|
.get .slider,.set .slider,.attr .slider {
|
|
background:#101010; border-radius:8px; }
|
|
|
|
/* timepicker */
|
|
.set .set { margin-bottom:2px; margin-top:3px; }
|
|
|
|
.slider { margin-left:10px; float:left; width:250px; height:26px;
|
|
border-style:solid; border-width:2px; border-color:#555555 }
|
|
|
|
.handle { position:relative; cursor:pointer; width:50px;
|
|
height:20px; line-height:20px;
|
|
-webkit-user-select:none; -moz-user-select:none; -user-select:none;
|
|
border:2px solid; color:white; text-align:center; }
|
|
.downText,.makeSelect select { margin:0.7em; }
|
|
|
|
|
|
svg { height:32px; width:32px; vertical-align:middle; margin:2px 0; }
|
|
svg:not([fill]) { fill:#fff; }
|
|
g.on { fill:red; }
|
|
|
|
/* next lines are for remotecontrol */
|
|
.rc_body { border-style: solid; border-color: gray; border-width: 2px;
|
|
padding: 5px; background: #101010; font-size:6px;}
|
|
.rc_button { padding: 5px 7px;}
|
|
.rc_button img { border-style: solid; border-width: 1px;
|
|
border-color: transparent; }
|
|
.rc_button img:active { border-color: gray; }
|
|
|
|
.changed a, .changed { color:red; }
|
|
|
|
div.dname, div.dval {
|
|
width: 152px;
|
|
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
|
|
font-size:16px;
|
|
}
|
|
div.tiny { font-size:10px; }
|
|
|
|
/* Portrait mode */
|
|
@media all and (orientation:portrait) {
|
|
/*table.block select, table.block input { width: 0px; display: none; } */
|
|
table.block tr td:nth-child(n+3) { width: 0px; display: none; }
|
|
}
|
|
|
|
/* Landscape mode */
|
|
@media all and (orientation:landscape) {
|
|
table.block{ width: 600px; }
|
|
table.block input { text-align: center; }
|
|
table.block tr td:nth-child(3) { text-align: center; }
|
|
|
|
table.block div.slider { width: 108px; text-align: center; }
|
|
table.block slider { float: none; }
|
|
table.block select { text-align: center; }
|
|
}
|