mirror of
https://github.com/fhem/fhem-mirror.git
synced 2025-01-31 12:49:34 +00:00
124 lines
3.9 KiB
CSS
124 lines
3.9 KiB
CSS
/*
|
|
Edit: fhainz
|
|
*/
|
|
body { background: #e5e5e5;
|
|
font-family:Helvetica; font-weight:300; font-size:16px; }
|
|
|
|
input { font-family:Helvetica; font-weight:300; font-size:16px; }
|
|
input[type="submit"] { background: transparent; color:#147bff; border:0px; cursor: pointer; }
|
|
input[type="text"] { background: #fff; 1px solid #cbcbcb; }
|
|
|
|
select { font-family:Helvetica; font-weight:300; font-size:16px; }
|
|
|
|
#menuScrollArea { }
|
|
|
|
#menu { margin: 20px 0 20px 12px; width:200px; left: 20px; }
|
|
#menu a { color: #151515; }
|
|
|
|
#hdr { position:absolute; top:20px; left:250px; }
|
|
|
|
#content { position:absolute; top:50px; left:250px; bottom:20px; right:10px; }
|
|
|
|
#connect_err { background-color: #e5e5e5; color: #151515; text-align: center; padding-top: 25%; font-size: 350%; font-weight: bold;
|
|
position:fixed; top:0px; left:0px; z-index: 10; width:100%; height: 100%; opacity: 0.7;
|
|
}
|
|
|
|
#bla {
|
|
-moz-transition: all 3s 3s;
|
|
-webkit-transition: all 3s 3s;
|
|
transition: all 3s 3s;
|
|
}
|
|
|
|
.devType { padding-top:20px; }
|
|
|
|
a { color: #147bff; text-decoration:none; cursor: pointer; }
|
|
|
|
img { border-style: none; }
|
|
|
|
#.wide { width: 100%; }
|
|
|
|
table { border-radius:2px; margin: 0; padding: 0px; border-spacing: 0px; border-collapse:collapse; }
|
|
|
|
table.room { width:210px; margin-bottom:15px; }
|
|
table.room tr { background:#fff; border-bottom: 1px solid #cbcbcb;}
|
|
table.room tr:last-child { border: 0; }
|
|
table.room tr.sel { background: #d9d9d9; }
|
|
table.room td div { height: 36px; }
|
|
table.room td:hover { background: #d9d9d9; }
|
|
|
|
table.roomBlock1 tr { border: 0; }
|
|
|
|
table.room a { display: block; width: 100%; height: 100%; padding: 6px 0 6px 6px; }
|
|
table.block a { display: block; width: 100%; height: 100%; }
|
|
|
|
table.block { width:750px; background: #fff; }
|
|
table.block a { color: #151515; }
|
|
table.block tr { width: 100%; border-bottom: 1px solid #cbcbcb; }
|
|
table.block tr:last-child { border: 0; }
|
|
table.block tr.odd { background: #fff; }
|
|
table.block tr.sel { background: #d9d9d9; }
|
|
table.block td { padding:3px; }
|
|
|
|
table.assoc a { color: #147bff; }
|
|
|
|
table.fileList { width:750px; }
|
|
table.fileList td { padding:5px; padding-left: 7px; }
|
|
table.fileList td:hover { background: #d9d9d9; }
|
|
|
|
table.FileLog td { border: none; }
|
|
|
|
table.internals a { color: #147bff }
|
|
|
|
table.attributes a { display: inline; }
|
|
|
|
#right { position:absolute; top:20px; left:180px; }
|
|
|
|
textarea { width: 100%; }
|
|
|
|
h2,h3,h4 { color:#52865D; line-height:1.3;
|
|
margin-top:1.5em; font-family:Arial,Sans-serif; }
|
|
|
|
div#block { border:1px solid gray; background: #F8F8E0; padding:0.7em; }
|
|
div.dist { padding-top:0.3em; }
|
|
div.dval a { color: #147bff; }
|
|
|
|
button.dist { margin:10px; background:transparent; border:0px; cursor:pointer; }
|
|
|
|
a img { border-style:none; }
|
|
|
|
/* detail-selector & slider */
|
|
.makeTable { display:inline; float:left; clear:left;
|
|
margin-top:10px; margin-bottom:20px;}
|
|
.makeSelect { display:inline; float:left; clear:left; }
|
|
|
|
select { margin-left:5px; margin-right:5px; background: #fff; border:0px; }
|
|
.get,.set,.attr { margin-bottom:5px; float:left; }
|
|
.slider { float:left; width:250px; height:26px; }
|
|
.get .slider,.set .slider,.attr .slider {
|
|
background:#F0F0D8; border-radius:8px; }
|
|
/* timepicker */
|
|
.set .set { margin-bottom:2px; margin-top:3px; }
|
|
|
|
.changed { color:#fc3e39; }
|
|
|
|
.handle { position:relative; cursor:pointer; width:50px;
|
|
height:20px; line-height:20px;
|
|
-webkit-user-select:none; -moz-user-select:none; -user-select:none;
|
|
border:3px solid; color:#1c7efb; text-align:center; }
|
|
.downText { margin-top:2px; }
|
|
|
|
pre { white-space: pre-wrap; }
|
|
|
|
/* ============== SVG ============== */
|
|
|
|
svg { height:32px; width:32px; fill:#1c7efb; }
|
|
table.room td a { margin-left: 50px; }
|
|
table.room svg.icon { margin-left: -43px; margin-right:20px; }
|
|
|
|
svg.icon { margin-left: 7px; margin-right:20px; }
|
|
|
|
g.on { fill:#53d769; }
|
|
|
|
table.room svg { height:20px; width:20px; fill:#147bff; }
|
|
table.room svg.it_raspberry_logo { height: 26px; width: 26px; }
|