mirror of
https://github.com/fhem/fhem-mirror.git
synced 2025-01-31 12:49:34 +00:00
30aa28b6ec
git-svn-id: https://svn.fhem.de/fhem/trunk@13426 2b470e98-0d58-463d-a4d8-8e2adae1ed80
142 lines
5.3 KiB
CSS
142 lines
5.3 KiB
CSS
@import url("dashboard_style.css");
|
|
|
|
body { font-family:Arial, sans-serif; background-color: #FFFFE7; }
|
|
input { font-family:Arial, sans-serif; font-size:16px;}
|
|
select { font-family:Arial, sans-serif; font-size:16px;}
|
|
|
|
#console { width:100%; top:2em; bottom:0px; position:absolute; overflow-y:auto;}
|
|
#errmsg { background-color: #000000; color: #FFFFFF;
|
|
position:fixed; top:0px; left:40px; z-index: 10; }
|
|
.devType { padding-top:20px; }
|
|
a { color:#278727; }
|
|
img { border-style:none; }
|
|
.wide { width:100%; }
|
|
table.readings td:nth-child(2) { word-break: break-all; }
|
|
|
|
table.block { border:1px solid gray; background: #F8F8E0; }
|
|
table.block tr.odd { background: #F0F0D8; }
|
|
table.block tr.sel { background: #F0F0D8; }
|
|
table { border-radius:8px; }
|
|
table.room { border:1px solid gray; width: 100%; background: #D7FFFF; }
|
|
table.room tr.sel { background: #A0FFFF; }
|
|
tr.column > td { padding:0; vertical-align:top;}
|
|
.changed a, .changed { color:red; }
|
|
.fhemlog { color:#278727; }
|
|
.col2 { text-align:center; }
|
|
|
|
/* Documentation */
|
|
h2,h3,h4 { color:#52865D; line-height:1.3;
|
|
margin-top:1.5em; font-family:Arial,Sans-serif; }
|
|
div.dist { padding-top:0.3em; }
|
|
button.dist { margin:10px; background:transparent; border:0px; cursor:pointer; }
|
|
div.block { border:1px solid gray; background: #F8F8E0; padding:0.7em; }
|
|
#right { position:absolute; top:20px; left:180px; bottom:5px; right: 5px; }
|
|
|
|
|
|
/* Widgets */
|
|
.makeTable { display:inline; float:left; clear:left; /*detail-selector,slider*/
|
|
margin-top:10px; margin-bottom:20px;}
|
|
.makeSelect { display:inline; float:left; clear:left; }
|
|
select { margin-left:5px; margin-right:5px; }
|
|
.slider { float:left; width:250px; height:26px; }
|
|
.colorpicker_ct .slider { background: url(../jscolor/ct_background.svg); }
|
|
.colorpicker_ct_mired .slider { background: url(../jscolor/ct_mired_background.svg); }
|
|
.colorpicker_hue .slider { background: url(../jscolor/hue_background.svg); }
|
|
.get,.set,.attr { margin-bottom:5px; float:left; }
|
|
select.svgSrc { width:100px; }
|
|
select.svgColumn { width:50px; }
|
|
select.svgRegexp { width:120px; }
|
|
|
|
/* sortable Widget */
|
|
ul.sortable-src, ul.sortable-dest {
|
|
min-width: 130px; min-height:1.8em;
|
|
list-style-type: none;border: 2px solid black;
|
|
vertical-align:middle; border-radius: 3px; margin: 3px;
|
|
background: #eee; padding: 2px;
|
|
}
|
|
ul.sortable-src li, ul.sortable-dest li {
|
|
color: black!important;font-size: 0.8em;
|
|
line-height: 1.6em; vertical-align:middle;
|
|
text-align:left; border-radius:3px;
|
|
margin: 3px; padding: 2px; padding-left:4px;
|
|
min-width: 120px;
|
|
}
|
|
ul.sortable-dest { background: #278727; }
|
|
span.sort-item-delete-link {
|
|
float:right; margin:0px;
|
|
vertical-align:middle;
|
|
margin-left:3px; padding:0px;
|
|
}
|
|
.ui-state-highlight { height: 1.1em; line-height: 1.1em; }
|
|
|
|
|
|
|
|
.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:#278727; text-align:center; }
|
|
.downText { margin-top:2px; }
|
|
.set .set { margin-bottom:2px; margin-top:3px; } /* timepicker */
|
|
|
|
pre { white-space: pre-wrap; }
|
|
svg { height:32px; width:32px; vertical-align:middle; margin:2px 0;}
|
|
svg:not([fill]):not(.jssvg) { fill:#278727; }
|
|
|
|
svg.on,svg.FS20_on { fill:orange!important; }
|
|
|
|
/* next lines are for remotecontrol */
|
|
.rc_body { border-style:solid; border-color:gray;
|
|
border-width:2px; padding:5px;
|
|
background:#C8C8B0; 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; }
|
|
|
|
table#atWizard td:first-child { width: 240px; }
|
|
|
|
/* jQuery-UI mods */
|
|
div.ui-dialog { border:3px solid #278727; padding: 0.2em; }
|
|
div.ui-dialog div.ui-dialog-titlebar { display:none; }
|
|
div.ui-widget-content { background:#FFFFE7; }
|
|
div.ui-widget-content a {color:#278727!important;}
|
|
.ui-widget { font-family:Arial,sans-serif!important; }
|
|
.ui-button-text { font-weight:normal!important; color:#555!important; }
|
|
|
|
/* UZSU */
|
|
.ui-button-text-only.ui-state-active { background:#F0F0D8; }
|
|
|
|
#fwmenu {
|
|
position: absolute; z-index:1005;
|
|
text-align:left; max-width:600px;
|
|
font-weight: normal; font-size: 100%;
|
|
background:#FFFFE7; border:1px solid #278727;
|
|
}
|
|
#fwmenu li a { color:#278727; }
|
|
|
|
div#svgmarker {
|
|
position: absolute; z-index:1005; padding: 6px 10px;
|
|
text-align:left; max-width:600px;
|
|
color:#278727; background:#FFFFE7;
|
|
border:2px solid #278727; border-radius:4px;
|
|
}
|
|
|
|
div.detLink { display:inline-block; margin-right:0.5em; }
|
|
|
|
select [value^=l0] { color: red; }
|
|
select [value^=l1] { color: green; }
|
|
select [value^=l2] { color: blue; }
|
|
select [value^=l3] { color: pink; }
|
|
select [value^=l4] { color: brown; }
|
|
select [value^=l5] { color: black; }
|
|
select [value^=l6] { color: olive; }
|
|
select [value^=l7] { color: gray; }
|
|
select [value^=l8] { color: yellow; }
|
|
|
|
svg.zw_nr .zwBox { stroke:#278727; stroke-width:2px; fill:#F0F0D8; }
|
|
svg.zw_nr .zwDongle { stroke:red; stroke-width:2px; fill:#F0F0D8; }
|
|
svg.zw_nr .zwMargin { stroke:#278727; stroke-width:1px; fill:none; }
|
|
svg.zw_nr .zwLine { stroke:#278727; stroke-width:1px; }
|
|
svg.zw_nr .zwArrowHead { fill:#278727; stroke-width:1px; }
|
|
svg.zw_nr { height:auto; width:auto; margin:0; }
|