Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
hmetzner
/
do_fhem
İzle 1
Yıldızla 0
Çatalla 0
Files Sorunlar 2 Değişiklik İstekleri 0 Wiki
Ağaç: a15e2de4df
Dallar Biçim İmleri
do_fhem
/
fhem
/
core
/
www
/
pgm2
/
hausautomatisierung_comstyle.css

hausautomatisierung_comstyle.css 26 KB
Geçmiş Ham

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260 
  1. @import url(https://fonts.googleapis.com/css?family=Open+Sans);
    2. 

  2. @import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);
    3. 

  3. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
    4. 

  4. 

  5. html { line-height: 1; }
    6. 

  6. 

  7. ol, ul { list-style: none; }
    8. 

  8. 

  9. table { border-collapse: collapse; border-spacing: 0; }
    10. 

  10. 

  11. caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
    12. 

  12. 

  13. q, blockquote { quotes: none; }
    14. 

  14. q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
    15. 

  15. 

  16. a img { border: none; }
    17. 

  17. 

  18. article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
    19. 

  19. 

  20. /* Author: Matthias Kleine */
    21. 

  21. body { background: #354d69 url(../hausautomatisierung-com/images/bg_wrapper.jpg) no-repeat center 0 fixed; background-size: cover; background-position: top center; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 13px; margin: 0 auto; padding: 0; tab-size: 4; background-size: cover; }
    22. 

  22. 

  23. div { font-family: 'Open Sans', sans-serif !important; font-size: 13px !important; }
    24. 

  24. 

  25. body.dashboard_fullsize #content { border: none !important; float: none !important; height: 100% !important; overflow: visible !important; padding: 0 !important; position: inherit !important; width: 100% !important; }
    26. 

  26. 

  27. body.dashboard_fullsize #menuScrollArea, body.dashboard_fullsize #hdr, div.ui-dialog div.ui-dialog-titlebar { display: none; }
    28. 

  28. 

  29. a { color: #e56524; text-decoration: none; }
    30. 

  30. 

  31. button.dist { border: 0; cursor: pointer; margin: 10px; }
    32. 

  32. 

  33. #logo { background: url(../hausautomatisierung-com/images/haus_automatisierung.png) no-repeat; height: 120px; margin-left: 40px; margin-top: 10px; position: fixed; width: 220px; }
    34. 

  34. #logo .theme-version { opacity: 0.7; }
    35. 

  35. #logo #clock { opacity: 0.7; position: absolute; right: 0; top: 0; }
    36. 

  36. 

  37. #content, #right { bottom: 20px; left: 180px; position: absolute; right: 10px; top: 50px; }
    38. 

  38. 

  39. #content, #hdr, #right { left: 320px; }
    40. 

  40. 

  41. input[type="text"] { border: 1px #e56524 solid; background: none; }
    42. 

  42. 

  43. #hdr { left: 310px; position: fixed; top: 0px; background: #fffffff0; padding: 10px; z-index: 99; border-radius: 0 0 4px 4px; box-shadow: 0 3px 3px #11111130; }
    44. 

  44. #hdr input.maininput { color: #e56524; width: 1000px; font-size: 16px; box-sizing: border-box; }
    45. 

  45. #hdr input.maininput:focus { outline: none; }
    46. 

  46. #hdr:after { color: #e56524; content: 'Theme-JS aktivieren fuer vollen Funktionsumfang: attr WEB JavaScripts codemirror/fhem_codemirror.js hausautomatisierung-com/custom.js'; margin-top: 5px; display: block; padding: 5px; opacity: 0.9; }
    47. 

  47. #hdr.js-installed:after { content: none; }
    48. 

  48. #hdr.header--hidden { -webkit-transform: translateY(-110%); -ms-transform: translateY(-110%); transform: translateY(-110%); }
    49. 

  49. 

  50. #errmsg { background: #e56524; border-bottom: 3px #fff solid; border-top: 3px #fff solid; color: #fff; font-size: 16px !important; font-weight: 700; left: 0; padding: 20px; position: fixed; top: 10px; width: 100%; z-index: 99999; opacity: 0.8; }
    51. 

  51. #errmsg:after { content: ' !!!!'; }
    52. 

  52. #errmsg:before { content: '!!!! '; }
    53. 

  53. 

  54. embed { margin-bottom: 10px; }
    55. 

  55. 

  56. select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; }
    57. 

  57. 

  58. #content { max-width: 1000px; }
    59. 

  59. #content .get, #content .set, #content .attr { float: left; }
    60. 

  60. #content pre { font-family: 'Source Code Pro', monospace !important; }
    61. 

  61. #content .roomoverview .icon { margin-right: 5px; }
    62. 

  62. #content .roomoverview .first-table-column { width: 25%; border-right: 2px #e56524 solid; }
    63. 

  63. #content .modCmdinput[type="submit"] { border: 1px #e56524 solid; border-radius: 0; color: #e56524; padding: 1px 10px; background: transparent; font-size: 16px; }
    64. 

  64. #content .makeTable { clear: left; display: inline; float: left; width: 100%; font-size: 16px !important; text-transform: uppercase; letter-spacing: 10px; overflow-x: scroll; }
    65. 

  65. #content .makeTable .first-table-column { width: 25%; border-right: 2px #e56524 solid; }
    66. 

  66. #content .makeTable table { font-size: 13px; text-transform: none; letter-spacing: normal; }
    67. 

  67. #content .makeTable table.block td:nth-child(2) { width: 60%; }
    68. 

  68. #content .makeTable + .makeTable { margin-top: 10px; }
    69. 

  69. #content .makeTable + .makeSelect { margin-top: 10px; }
    70. 

  70. #content .makeTable .slider { height: 16px; }
    71. 

  71. #content .makeTable .slider .handle { height: 16px; line-height: 16px; }
    72. 

  72. #content .slider { width: 350px; border: 1px #e56524 solid; }
    73. 

  73. #content .slider .handle { -moz-user-select: none; -user-select: none; -webkit-user-select: none; background: #e56524; color: #f5f6f9; cursor: pointer; position: relative; text-align: center; width: 40px; }
    74. 

  74. #content .colorpicker_ct .slider { background: url(../jscolor/ct_background.svg); background-size: 150px; }
    75. 

  75. #content .colorpicker_ct_mired .slider { background: url(../jscolor/ct_mired_background.svg); background-size: 150px; }
    76. 

  76. #content .colorpicker_hue .slider { background: url(../jscolor/hue_background.svg); background-size: 150px; }
    77. 

  77. #content .dval > table { margin-bottom: 10px; }
    78. 

  78. #content .dval > table .downText { line-height: 24px; font-family: 'Source Code Pro', monospace !important; }
    79. 

  79. #content .dval input { border: 1px #e56524 solid; border-radius: 0; color: #e56524; padding: 1px 10px; background: transparent; font-size: 16px; }
    80. 

  80. #content .makeSelect { background: #fff; border-left: 5px #e56524 solid; border-right: 5px #e56524 solid; box-sizing: border-box; clear: left; color: #676f7a; display: inline; float: left; padding: 5px; width: 100%; }
    81. 

  81. #content .makeSelect .downText { line-height: 24px; font-family: 'Source Code Pro', monospace !important; }
    82. 

  82. #content .makeSelect select { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(0.5em), calc(100% - 15px) calc(0.5em), calc(100% - 2.5em) 0.2em; background-size: 5px 5px, 5px 5px, 1px 0.9em; background-repeat: no-repeat; border: 1px #e56524 solid; border-radius: 0; color: #e56524; font-size: 16px; line-height: 20px; height: 24px; margin-left: 5px; margin-right: 5px; padding: 0 10px; min-width: 200px; }
    83. 

  83. #content .makeSelect input[type="submit"] { border: 1px #e56524 solid; border-radius: 0; color: #e56524; padding: 1px 10px; background: transparent; font-size: 16px; height: 24px; }
    84. 

  84. #content .makeSelect input[type="text"] { border: 1px #e56524 solid; color: #555; background: transparent; font-size: 16px; height: 20px; }
    85. 

  85. #content .makeSelect + .makeTable { margin-top: 10px; }
    86. 

  86. #content .makeSelect .slider { width: 250px; height: 22px; }
    87. 

  87. #content .makeSelect .slider .handle { height: 22px; line-height: 22px; }
    88. 

  88. #content table { border-collapse: collapse; max-width: 1000px; width: 100%; }
    89. 

  89. #content table.wide { width: 100%; }
    90. 

  90. #content table select { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 15px) calc(0.5em + 1px), calc(100% - 10px) calc(0.5em + 1px), calc(100% - 2em) 0.4em; background-size: 5px 5px, 5px 5px, 1px 0.9em; background-repeat: no-repeat; border: 1px #e56524 solid; border-radius: 0; color: #e56524; font-size: 100%; line-height: 20px; padding: 0 0px 0 10px; min-width: 90px; max-width: 300px; }
    91. 

  91. #content table .slider { width: 150px; }
    92. 

  92. #content table.block { background: #fff; border: none; color: #676f7a; }
    93. 

  93. #content table.block.readings .changed { color: #e56524; }
    94. 

  94. #content table.block.readings .changed:after { content: ' !!!'; }
    95. 

  95. #content table .no-background { background: none !important; }
    96. 

  96. #content table.block td:nth-child(1) { white-space: nowrap; }
    97. 

  97. #content table.block tr.odd { background: #f5f6f9; }
    98. 

  98. #content table.readings td:nth-child(2) { word-break: break-all; }
    99. 

  99. #content table tr.odd > td, #content table tr.even > td { padding: 5px; }
    100. 

  100. #content table .ex { max-width: 1000px; white-space: normal; }
    101. 

  101. #content table input + select, #content table select + select { margin-left: 10px; }
    102. 

  102. #content #pedit { margin-bottom: 10px; text-transform: uppercase; font-size: 16px; letter-spacing: 10px; }
    103. 

  103. #content #pedit > * { text-transform: none; font-size: 13px; letter-spacing: normal; }
    104. 

  104. #content #pedit .plotEditor select.svgSrc, #content #pedit .plotEditor select.set { border: 1px #e56524 solid; border-radius: 0; color: #e56524; }
    105. 

  105. #content .SVGlabel { background: #f5f6f9; padding: 5px; }
    106. 

  106. #content .SVGplot { background: #f5f6f9; padding: 10px; }
    107. 

  107. #content .odd .SVGplot, #content .even .SVGplot { background: none !important; }
    108. 

  108. #content .devType { font-size: 16px !important; text-transform: uppercase; letter-spacing: 10px; margin-top: 10px; }
    109. 

  109. #content .devType a { color: #fff; }
    110. 

  110. #content .odd .devType, #content .even .devType { color: #676f7a; margin-left: 5px; margin-bottom: 10px; }
    111. 

  111. #content .odd .devType a, #content .even .devType a { color: #676f7a; }
    112. 

  112. #content .detLink { background: #00000061; border: 1px #e56524 solid; padding: 2px 10px; display: inline-block; margin-top: 10px; line-height: 20px; margin-right: 10px; margin-bottom: 20px; vertical-align: top; }
    113. 

  113. #content .detLink a { color: #e56524; }
    114. 

  114. #content #devSpecHelp { background: #fff; border-left: 5px #e56524 solid; color: #676f7a; font-family: 'Source Code Pro', monospace !important; max-width: 985px; padding: 5px; width: 100%; margin-top: 10px; }
    115. 

  115. #content #devSpecHelp h3 { font-size: 16px; letter-spacing: 10px; text-transform: uppercase; font-weight: bold; }
    116. 

  116. #content #devSpecHelp dd { margin-left: 50px; }
    117. 

  117. #content #devSpecHelp dt { margin-left: 25px; }
    118. 

  118. #content #devSpecHelp b, #content #devSpecHelp strong { font-weight: bold; text-transform: uppercase; }
    119. 

  119. #content #devSpecHelp p { margin: 5px 0; }
    120. 

  120. #content #devSpecHelp code { font-family: 'Source Code Pro', monospace; }
    121. 

  121. #content #devSpecHelp ul { list-style-type: square; margin-left: 20px; }
    122. 

  122. #content #devSpecHelp ul li { margin: 10px 0; }
    123. 

  123. #content #devSpecHelp table td { padding: 5px; }
    124. 

  124. #content #ZWHelp { font-size: 13px !important; text-transform: none !important; letter-spacing: normal !important; background: #fff; color: #676f7a; padding: 5px; box-sizing: border-box; }
    125. 

  125. #content #ZWHelp.makeTable.help:empty { display: none; }
    126. 

  126. #content div.img { width: 100%; background: #fff; padding: 5px; box-sizing: border-box; text-align: center; margin-top: 10px; margin-bottom: 10px; }
    127. 

  127. #content .CodeMirror { width: auto; }
    128. 

  128. #content #edit input[type="submit"].psc { border: 1px #e56524 solid; border-radius: 0; color: #e56524; font-size: 16px; margin: 10px; background: transparent; min-width: 200px; }
    129. 

  129. 

  130. #console { bottom: 0; overflow: auto; white-space: nowrap; position: absolute; top: 2em; width: 100%; }
    131. 

  131. 

  132. textarea#console { white-space: normal; margin-top: 10px; margin-bottom: 10px; border-left: 5px #e56524 solid; font-size: 100%; }
    133. 

  133. 

  134. #console, .fhemlog { color: #fff; font-family: 'Source Code Pro', monospace; background: none; border: none; }
    135. 

  135. 

  136. #dashboard { margin-top: -10px; }
    137. 

  137. #dashboard .dashboard-button { background: #f5f5f5 no-repeat 7px !important; border: 1px solid #ddd; border-radius: 0 !important; cursor: pointer; display: inline-block; height: 1.9em; margin-top: 2px; padding: 0 .6em; position: absolute; width: 14px; }
    138. 

  138. #dashboard .dashboard-button-defineDetails { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NjYwOTg0NEJFQzExRTI4MjI3OTFCOEEyNzY2MzE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4NjYwOTg1NEJFQzExRTI4MjI3OTFCOEEyNzY2MzE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjg2NjA5ODI0QkVDMTFFMjgyMjc5MUI4QTI3NjYzMTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg2NjA5ODM0QkVDMTFFMjgyMjc5MUI4QTI3NjYzMTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7i4cyWAAAAsElEQVR42mJgoCEwA+IPUGxGrKZkIE6AsjOB+D8UZyKJReHTDNOwGoifIPEfAvFGJH4gIQMIYZyuWI3mCm8oRhZfhCvA0pCcvRGLmnVI3klDD9gPaE50gopvRDLMG00NSA8DCw6vcELpX0hifwnFeRrUef+hzsXlhSfYvMCA5GTkQPSAYvTAxQoyyYlGJiQDviOxFwPxCyQ+iL0eh1oUEA7EfniSciySPG0yE8kAIMAAicRYTX3YPyoAAAAASUVORK5CYII=) !important; right: 10px; top: .2em; }
    139. 

  139. #dashboard .dashboard-button-editTab { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABOklEQVR42o3SPUhCURjG8WPR1tBgU23SEEH0AUFDSURDtFU4FOQSQh9LlDgEUdSiU7QUuSq0RCAIYhTl0JCUIEFLRUQ1NLWIEGX9D74XRPJ4XvjB5V7Oc8597nUpuxnDBDbxWfnAZbG4Ce9w4xmzuLINaEALlrGBRnxjCzs2AWF4MA0vYmjHL7pwbwoYRxz9COABJ9jDG0KmE7Qhh0U5chR9mJSQF1MH+j3PcYcIbuFHM3bRjQ9TwLZ8smGcSuP7yMIn91StgFEcYwDzUpy+d4kU1qt3qwxoRR6rqvyzxKTAFfRgBD+mAF3clJxAF7iAEg7Ri9f/2nYCBmXBkjTdiQPcYA7JWt/aCdDveoFHzOAaR7LrmjJMdYCeL1X+baPSRckmYAgZuS4gLTs/qTrjBHQgiATOUKy30Jk/KjtDEXVEBowAAAAASUVORK5CYII=); right: 115px; top: .2em; }
    140. 

  140. #dashboard .dashboard-button-goBack { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAZ0lEQVQ4jd3RMQqDQBBA0YekV0wj3v8QNqZTJBEtPY42K9l2p0s+TDHF/zAMf8kTE4aovOPEp1TucGRyE5XXUhnmJJfMCFUKVMp55EuLzfeENhBUY0mRA30kkr/xHQnckQWvaODHuADAUSEXjMLoMwAAAABJRU5ErkJggg==) !important; right: 80px; top: .2em; }
    141. 

  141. #dashboard .dashboard-button-setPosition { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYUlEQVR4XtWRUQrAMAhDneyg9mT2ptugHRaCY/FnLJAveWKifCW7AS3Avlj2AmzrFUrDIYhgJNwvN4VcBDwiYC5/CyclBpDDoe2poATGEuegs3AswCUIk/8+pl2K8uE/6ATG4BstrVLVgQAAAABJRU5ErkJggg==) !important; right: 45px; top: .2em; }
    142. 

  142. #dashboard .dashboard-button-setPosition:not(.ui-state-disabled) { background: red !important; }
    143. 

  143. #dashboard .dashboard_button_icon { background: url(../images/default/dashboardicons.png) no-repeat; float: left; height: 14px; width: 13px; }
    144. 

  144. #dashboard .dashboard_button_iconminus { background: -52px 0; float: right; margin: .1em .4em; }
    145. 

  145. #dashboard .dashboard_button_iconplus { background: -65px 0; float: right; margin: .1em .4em; }
    146. 

  146. #dashboard .dashboard_column { float: left; }
    147. 

  147. #dashboard .dashboard_columncenter { height: inherit; }
    148. 

  148. #dashboard .dashboard_columnhelper { border: 1px dotted gray; }
    149. 

  149. #dashboard .dashboard_content tr { height: 50px; }
    150. 

  150. #dashboard .dashboard_content.table { border: 1px none #278727 !important; border-bottom: 1px solid #278727 !important; border-left: 1px solid #278727 !important; border-radius: 0 0 8px 8px !important; border-right: 1px solid #278727 !important; box-shadow: none !important; }
    151. 

  151. #dashboard .dashboard_row { height: inherit; padding: 0; width: 100%; }
    152. 

  152. #dashboard .dashboard_tabcontent { margin: 0; padding: 0; width: 100%; }
    153. 

  153. #dashboard .dashboard_tabnav { background: #fff !important; border-radius: 0; }
    154. 

  154. #dashboard .dashboard_tabnav_hidden { background: #F8F8d5; }
    155. 

  155. #dashboard .dashboard_widget { border-radius: 8px; float: left; }
    156. 

  156. #dashboard .dashboard_widgetheader { background: #F0F0D8; border: 1px solid gray; font-weight: 400; margin: .2em; padding-bottom: 4px; padding-left: .7em; padding-top: 3px; }
    157. 

  157. #dashboard .dashboard_widgethelper { background: #A8A870; }
    158. 

  158. #dashboard .dashboard_widgetinner { padding: .2em; }
    159. 

  159. #dashboard .dashboard_widgetinner .block .block { border: none; box-shadow: none; }
    160. 

  160. #dashboard .ui-button .ui-button-text, #dashboard #dashboard-dialog .ui-button .ui-button-text { display: block; line-height: normal; }
    161. 

  161. #dashboard .ui-button, #dashboard #dashboard .ui-button:active, #dashboard #dashboard-dialog .ui-button, #dashboard #dashboard-dialog .ui-button:hover, #dashboard #dashboard-dialog .ui-button:active { text-decoration: none; }
    162. 

  162. #dashboard .ui-button, #dashboard #dashboard-dialog .ui-button { cursor: pointer; display: inline-block; line-height: normal; margin-right: .1em; overflow: visible; text-align: center; vertical-align: middle; }
    163. 

  163. #dashboard .ui-button-text-only .ui-button-text, #dashboard #dashboard-dialog .ui-button-text-only .ui-button-text { padding: .4em 1em; }
    164. 

  164. #dashboard .ui-helper-clearfix, #dashboard #dashboard-dialog .ui-helper-clearfix { min-height: 0; }
    165. 

  165. #dashboard .ui-helper-clearfix:after, #dashboard #dashboard-dialog .ui-helper-clearfix:after { clear: both; }
    166. 

  166. #dashboard .ui-helper-clearfix:before, #dashboard #dashboard .ui-helper-clearfix:after, #dashboard #dashboard-dialog .ui-helper-clearfix:before, #dashboard #dashboard-dialog .ui-helper-clearfix:after { border-collapse: collapse; content: ""; display: table; }
    167. 

  167. #dashboard .ui-helper-reset { border: 0; font-size: 100%; line-height: 1.3; list-style: none; margin: 0; outline: 0; padding: 0; text-decoration: none; }
    168. 

  168. #dashboard .ui-resizable, #dashboard #dashboard .dashboard_rowcenter { position: relative; }
    169. 

  169. #dashboard .ui-resizable-handle { font-size: .1px; position: absolute; }
    170. 

  170. #dashboard .ui-resizable-se { background: url(data:image/gif;base64,R0lGODlhEAAQAIABAJOnY////yH5BAEAAAEALAAAAAAQABAAAAIZjI+py+0IwDtx2ktlqI1zDCae9mXGGKZgAQA7); bottom: 1px; cursor: se-resize; height: 12px; right: 1px; width: 12px; }
    171. 

  171. #dashboard .ui-sortable-placeholder { border: 1px dotted #278727; height: 25px !important; visibility: visible !important; width: 150px; }
    172. 

  172. #dashboard .ui-state-active a, #dashboard #dashboard .ui-state-hover a, #dashboard #dashboard .ui-state-focus a:hover, #dashboard #dashboard-dialog .ui-state-active a, #dashboard #dashboard-dialog .ui-state-hover a, #dashboard #dashboard-dialog .ui-state-hover a:hover { color: #278727; text-decoration: none; }
    173. 

  173. #dashboard .ui-state-default a, #dashboard #dashboard-dialog .ui-state-default a { color: #F8F8d5; text-decoration: none; }
    174. 

  174. #dashboard .ui-state-disabled { filter: Alpha(Opacity=35); opacity: .35; }
    175. 

  175. #dashboard .ui-state-hover, #dashboard #dashboard-dialog .ui-state-hover { border: 1px solid #278727; color: #278727; font-weight: 400; }
    176. 

  176. #dashboard .ui-tabs { padding: 0; position: relative; }
    177. 

  177. #dashboard .ui-tabs .ui-tabs-nav { margin: 0 3px; padding: .2em; }
    178. 

  178. #dashboard .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em; text-decoration: none; }
    179. 

  179. #dashboard .ui-tabs .ui-tabs-nav li a { float: none; padding: 0; }
    180. 

  180. #dashboard .ui-tabs .ui-tabs-nav li, #dashboard #dashboard-dialog .ui-tabs .ui-tabs-nav li { float: left; list-style: none; margin: 0 .2em 0 0; padding: 0; position: relative; top: 0; }
    181. 

  181. #dashboard .ui-tabs .ui-tabs-panel, #dashboard #dashboard-dialog .ui-tabs .ui-tabs-panel { border-radius: 0; border-width: 0; box-shadow: 0 0 0 0; display: block; padding: 0; }
    182. 

  182. #dashboard .ui-tabs-icon { height: 23px; margin: -8px 2px -6px -3px; padding-right: 2px; width: 23px; }
    183. 

  183. #dashboard .ui-widget .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
    184. 

  184. #dashboard .ui-widget-content { background: #F8F8d5; border: none; color: #278727; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; }
    185. 

  185. #dashboard .ui-widget-content a, #dashboard .fhemlog, #dashboard #fwmenu li a { color: #278727; }
    186. 

  186. #dashboard .ui-widget-header { background: #e56524; border: none; color: #fff; margin: 0; }
    187. 

  187. #dashboard .ui-widget-header .ui-state-active, #dashboard #dashboard-dialog .ui-state-active { background: #F8F8d5; border: 1px solid #278727; color: #278727; font-weight: 400; }
    188. 

  188. #dashboard .ui-widget-header .ui-state-default { background: #fff; border: 1px solid #ddd; color: #676f7a; font-weight: 400; }
    189. 

  189. #dashboard td table, #dashboard .wide { width: 100%; }
    190. 

  190. 

  191. #dashboard-dialog { border: 2px solid #e56524; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; left: 0; outline: 0; overflow: visible !important; padding: .2em; position: absolute; top: 0; z-index: 100; }
    192. 

  192. #dashboard-dialog .ui-dialog-buttonpane { background: #f5f6f9; padding: 5px; }
    193. 

  193. #dashboard-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
    194. 

  194. #dashboard-dialog .ui-helper-reset { border: 0; font-size: 100%; line-height: 1.3; list-style: none; margin: 0; outline: 0; text-decoration: none; }
    195. 

  195. #dashboard-dialog .ui-state-default { background: #f5f6f9; border: 1px solid #ddd; color: #F8F8d5; font-weight: 400; }
    196. 

  196. #dashboard-dialog .ui-state-disabled { background: #F8F8d5; border: 1px solid #444; color: #444; font-weight: 400; }
    197. 

  197. #dashboard-dialog .ui-tabs { border: none; padding: .2em; position: relative; }
    198. 

  198. #dashboard-dialog .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em; }
    199. 

  199. #dashboard-dialog .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; }
    200. 

  200. #dashboard-dialog .ui-widget-header { background: #fff; color: #676f7a; padding: 5px; }
    201. 

  201. 

  202. #menu { margin-left: 20px; margin-top: 140px; width: 260px; z-index: 9999; }
    203. 

  203. #menu table { border-collapse: collapse; border-radius: 0; width: 100%; }
    204. 

  204. #menu a { background: #fff; color: #676f7a; display: block; padding: 10px 15px; position: relative; }
    205. 

  205. #menu .menuTree { position: relative; }
    206. 

  206. #menu .menuTree.level0.closed > td > div > a:after { width: 35px; height: 35px; content: ' '; position: absolute; top: 0; right: 0; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(229, 101, 36)" d="M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z" transform="rotate(90,896,896)"/></svg>') !important; }
    207. 

  207. #menu .menuTree.level0.open > td > div > a:after { width: 35px; height: 35px; content: ' '; position: absolute; top: 0; right: 0; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(229, 101, 36)" d="M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z" transform="rotate(270,896,896)"/></svg>') !important; }
    208. 

  208. #menu .menuTree > td > div > div { display: none; }
    209. 

  209. #menu table.room { border: none; border-spacing: 0; margin-bottom: 10px; }
    210. 

  210. #menu table.room .custom-menu-entry { color: #e56524; }
    211. 

  211. #menu table.room img.icon, #menu table.room svg.icon { width: 20px; height: 20px; margin: 0; position: absolute; right: 10px; top: 7px; }
    212. 

  212. #menu table.room #saveCheck { margin-top: -33px; background: transparent; border-right: 5px #e56524 solid; border-left: 5px #e56524 solid; text-indent: -9999px; margin-left: 220px; }
    213. 

  213. #menu table.room tr.sel a { background: #e56524; color: #fff; }
    214. 

  214. #menu table.room tr.sel svg.icon { fill: #fff; }
    215. 

  215. #menu table.room tr.sel td a:after { border-bottom: 17px solid transparent; border-left: 13px solid #e56524; border-top: 17px solid transparent; content: " "; height: 0; margin-top: -17px; position: absolute; right: -13px; top: 50%; width: 0; }
    216. 

  216. 

  217. #menuScrollArea { height: 100%; top: 0; left: 0; overflow: auto; position: relative; width: 300px; }
    218. 

  218. 

  219. svg { width: 32px; height: 32px; vertical-align: middle; }
    220. 

  220. 

  221. svg.on, svg.FS20_on { fill: #e56524 !important; }
    222. 

  222. 

  223. #ZWDongleNrSVG { background: #f5f6f9; margin-bottom: 10px; margin-top: 10px; border-left: 5px #e56524 solid; border-right: 5px #e56524 solid; box-sizing: border-box; width: 1000px !important; }
    224. 

  224. 

  225. svg.zw_nr { fill: transparent !important; }
    226. 

  226. svg.zw_nr text { fill: #e56524; }
    227. 

  227. svg.zw_nr .col_link { color: #e56524; stroke: #e56524; }
    228. 

  228. svg.zw_nr .zwMargin { stroke: transparent; color: transparent; }
    229. 

  229. svg.zw_nr .zwLine { stroke-width: 1px; }
    230. 

  230. svg.zw_nr .zwBox { stroke-width: 2px; }
    231. 

  231. svg.zw_nr .zwDongle { stroke-width: 3px; }
    232. 

  232. 

  233. svg:not([fill]):not(.jssvg) { fill: #676f7a; }
    234. 

  234. 

  235. .ui-dialog { background: #fff !important; border: 2px solid #e56524 !important; padding: .2em !important; border-radius: 0 !important; color: #676f7a !important; padding: 0 !important; }
    236. 

  236. .ui-dialog .CodeMirror { width: auto; }
    237. 

  237. 

  238. .ui-widget-content { background: #fff !important; }
    239. 

  239. .ui-widget-content pre { font-family: 'Source Code Pro', monospace !important; }
    240. 

  240. 

  241. .ui-button { border-radius: 0 !important; color: #e56524 !important; }
    242. 

  242. 

  243. .ui-dialog-titlebar { display: block !important; border: none !important; border-radius: 0 !important; background: #f5f6f9 !important; }
    244. 

  244. 

  245. #dashboard .ui-widget-content a, #dashboard .fhemlog, #dashboard #fwmenu li a { color: #e56524 !important; }
    246. 

  246. #dashboard .ui-corner-all, #dashboard .ui-corner-top, #dashboard .ui-corner-right, #dashboard .ui-corner-left, #dashboard .ui-corner-bottom, #dashboard .ui-corner-bl, #dashboard .ui-corner-br, #dashboard .ui-corner-tl, #dashboard .ui-corner-tr { border-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; }
    247. 

  247. 

  248. #right { max-width: 1000px; width: 100%; }
    249. 

  249. #right > h3, #right > h4 { font-size: 20px; text-transform: uppercase; letter-spacing: 10px; margin-top: 10px; }
    250. 

  250. #right > ul, #right > div, #right > div > ul, #right > p { color: #676f7a; background: #fff; border-collapse: collapse; border-left: 5px #e56524 solid; font-family: 'Source Code Pro', monospace !important; max-width: 995px; padding: 5px; width: 100%; }
    251. 

  251. #right > ul h3, #right > div h3, #right > div > ul h3, #right > p h3 { font-size: 16px; letter-spacing: 10px; text-transform: uppercase; font-weight: bold; }
    252. 

  252. #right > ul dd, #right > div dd, #right > div > ul dd, #right > p dd { margin-left: 50px; }
    253. 

  253. #right > ul dt, #right > div dt, #right > div > ul dt, #right > p dt { margin-left: 25px; }
    254. 

  254. #right > ul b, #right > ul strong, #right > div b, #right > div strong, #right > div > ul b, #right > div > ul strong, #right > p b, #right > p strong { font-weight: bold; text-transform: uppercase; }
    255. 

  255. #right > ul p, #right > div p, #right > div > ul p, #right > p p { margin: 5px 0; }
    256. 

  256. #right > ul code, #right > div code, #right > div > ul code, #right > p code { font-family: 'Source Code Pro', monospace; }
    257. 

  257. #right > ul ul, #right > div ul, #right > div > ul ul, #right > p ul { list-style-type: square; margin-left: 20px; }
    258. 

  258. #right > ul ul li, #right > div ul li, #right > div > ul ul li, #right > p ul li { margin: 10px 0; }
    259. 

  259. #right > ul table td, #right > div table td, #right > div > ul table td, #right > p table td { padding: 5px; }
    260. 

  260.