Начало Каталог Помощ
Регистрация Вход
hmetzner
/
do_fhem
Наблюдаван 1
Харесван 0
Разклонения 0
Файлове Задачи 2 Заявки за сливане 0 Уики
ИН на ревизия: a15e2de4df
Клонове Маркери
do_fhem
/
fhem
/
core
/
www
/
pgm2
/
dashboard_style.css

dashboard_style.css 14 KB
История Директен файл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178 
  1. /* Author: svenson08*/
    2. 

  2. 

  3. .ui-widget-overlay {background: #000000;opacity: .7;filter: Alpha(Opacity=30);position: fixed;top: 0;left: 0;width: 100%;height: 100%;}	
    4. 

  4. .ui-corner-bottom,
    5. 

  5. .ui-corner-top,
    6. 

  6. .ui-corner-left,
    7. 

  7. .ui-corner-right,
    8. 

  8. .ui-corner-all {border-radius: 5px;}	
    9. 

  9. 

  10. /* Dashboard
    11. 

  11. ------------------------------------------------------------------------*/
    12. 

  12. #dashboard {margin-top: -10px;}
    13. 

  13. #dashboard .dashboard_column { float: left; }
    14. 

  14. #dashboard .dashboard_columnhelper { border: 1px dotted #808080;}
    15. 

  15. #dashboard .dashboard_row {width: 100%; height: inherit; padding: 0;}
    16. 

  16. #dashboard .dashboard_columncenter {height: inherit;}		
    17. 

  17. #dashboard .dashboard_content { padding: 0.2em; }
    18. 

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

  19. #dashboard .ui-widget-content a {color: #278727;}
    20. 

  20. #dashboard .dashboard_content.table { box-shadow: none !important; border-radius: 0 0 8px 8px !important; border: 1px none #278727!important;
    21. 

  21. 					border-left: 1px solid #278727 !important; border-right: 1px solid #278727 !important; border-bottom: 1px solid #278727 !important;}					
    22. 

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

  23. #dashboard .dashboard_button_iconplus { margin: 0.1em 0.4em; float: right; background-position: -65px 0px; }
    24. 

  24. #dashboard .dashboard_button_iconminus { margin: 0.1em 0.4em; float: right; background-position: -52px 0px; }
    25. 

  25. #dashboard .dashboard-button {	display: inline-block; padding: 0 .6em;	height: 1.9em; cursor: pointer;
    26. 

  26. 					background-color: #f5f5f5; background-repeat:no-repeat !important; background-position: 7px;	
    27. 

  27. 					border: 1px solid #278727; border-radius: 4px; margin-top: 2px; width: 14px; position: absolute;}
    28. 

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

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

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

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

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

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

  34. #dashboard .ui-button, #dashboard .ui-button:active {text-decoration: none;}
    35. 

  35. #dashboard .ui-button .ui-button-text {display: block;line-height: normal;}
    36. 

  36. #dashboard .ui-button-text-only .ui-button-text {padding: .4em 1em;}
    37. 

  37. #dashboard .ui-resizable { position: relative; }
    38. 

  38. #dashboard .ui-resizable-handle { position: absolute; font-size: 0.1px; }
    39. 

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

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

  41. #dashboard .block.wide {border-radius: 5px;}
    42. 

  42. #dashboard .dashboard_widgetinner .block .block {border: none; box-shadow: none;}
    43. 

  43. #dashboard .dashboard_tabcontent {width: 100%; padding: 0; margin: 0; }
    44. 

  44. #dashboard .dashboard_widget {border-radius: 8px; float: left;} 
    45. 

  45. #dashboard .dashboard_widgethelper {background-color: #A8A870; }
    46. 

  46. #dashboard .dashboard_widgetheader {background: none repeat scroll 0 0 #F0F0D8; border: 1px solid #808080;
    47. 

  47. 					margin: 0.2em; padding-bottom: 4px; padding-top: 3px; padding-left: 0.7em; font-weight: normal;}			
    48. 

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

  49. #dashboard .ui-widget-header {background-color: #e9e9c8;color: #278727;}
    50. 

  50. #dashboard .ui-helper-clearfix:before,
    51. 

  51. #dashboard .ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;}
    52. 

  52. #dashboard .ui-helper-clearfix:after {clear: both;}
    53. 

  53. #dashboard .ui-helper-clearfix {min-height: 0;}
    54. 

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

  55. #dashboard .ui-tabs {position: relative;padding: 0px;}
    56. 

  56. #dashboard .ui-tabs .ui-tabs-panel {display: block;border-width: 0;background: none;box-shadow: 0 0 0 0;border-radius: 0; padding: 0;}
    57. 

  57. #dashboard .ui-tabs .ui-tabs-nav {margin: 0;padding: 0.2em 140px 0.2em 0.2em;}
    58. 

  58. #dashboard .ui-tabs .ui-tabs-nav li {list-style: none;float: left;position: relative;top: 0;margin: 1px .2em 0 0;padding: 0;}
    59. 

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

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

  61. #dashboard .ui-tabs-icon {width: 23px;height: 23px; margin: -8px 2px -6px -3px; padding-right: 2px;/*float: left;vertical-align: top;margin-left: 0.3em;margin-top: 0.5em;*/}
    62. 

  62. #dashboard .dashboard_tabnav_hidden{background-color: #F8F8d5;}
    63. 

  63. #dashboard .dashboard_tabnav {background: #e9e9c8 !important;}
    64. 

  64. #dashboard .ui-widget-header .ui-state-default {border: 1px solid #278727;background-color: #d5d5b7;font-weight: normal;color: #F0F0dd;}
    65. 

  65. #dashboard .ui-widget-header .ui-state-active{border: 1px solid #278727;background: #F8F8d5;font-weight: normal;color: #278727;}
    66. 

  66. #dashboard .ui-state-default a {color: #F8F8d5;text-decoration: none;}
    67. 

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

  68. #dashboard .ui-state-active a {color: #278727;text-decoration: none;}
    69. 

  69. #dashboard .ui-state-hover {border: 1px solid #278727;font-weight: normal;color: #278727;}
    70. 

  70. #dashboard .ui-state-hover a,
    71. 

  71. #dashboard .ui-state-focus a:hover {color: #278727;text-decoration: none;}
    72. 

  72. #dashboard .dashboard_rowcenter { position: relative; }
    73. 

  73. 

  74. /* Dashboard Dialog
    75. 

  75. ------------------------------------------------------------------------*/	
    76. 

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

  77. #dashboard-dialog .ui-dialog-content {padding: 0;}
    78. 

  78. #dashboard-dialog .ui-widget-header {background-color: #E9E9C8;color: #278727; padding: 5px;}	
    79. 

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

  80. #dashboard-dialog .ui-button,
    81. 

  81. #dashboard-dialog .ui-button:hover,
    82. 

  82. #dashboard-dialog .ui-button:active {text-decoration: none;}
    83. 

  83. #dashboard-dialog .ui-button .ui-button-text {display: block;line-height: normal;}
    84. 

  84. #dashboard-dialog .ui-button-text-only .ui-button-text {padding: .4em 1em;}		
    85. 

  85. #dashboard-dialog .ui-dialog-buttonpane {background-color: #E9E9C8;padding:5px;}	
    86. 

  86. #dashboard-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: right;}
    87. 

  87. #dashboard-dialog .ui-helper-clearfix:before,
    88. 

  88. #dashboard-dialog .ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;}
    89. 

  89. #dashboard-dialog .ui-helper-clearfix:after {clear: both;}
    90. 

  90. #dashboard-dialog .ui-helper-clearfix {min-height: 0;}
    91. 

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

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

  93. #dashboard-dialog .ui-tabs .ui-tabs-panel {display: block;border-width: 0;background: none;box-shadow: 0 0 0 0;border-radius: 0; padding: 0;}
    94. 

  94. #dashboard-dialog .ui-tabs .ui-tabs-nav {margin: 0;padding: 0.2em 0.2em 0.4em;}
    95. 

  95. #dashboard-dialog .ui-tabs .ui-tabs-nav li {list-style: none;float: left;position: relative;top: 0;margin: 1px .2em 0 0;padding: 0;}
    96. 

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

  97. #dashboard-dialog .ui-state-default {border: 1px solid #278727;background-color: #d5d5b7;font-weight: normal;color: #F8F8d5;}
    98. 

  98. #dashboard-dialog .ui-state-default a {color: #F8F8d5;text-decoration: none;}
    99. 

  99. #dashboard-dialog .ui-state-disabled {border: 1px solid #444444;background: #F8F8d5;font-weight: normal;color: #444444;}
    100. 

  100. #dashboard-dialog .ui-state-active {border: 1px solid #278727;background: #F8F8d5;font-weight: normal;color: #278727;}
    101. 

  101. #dashboard-dialog .ui-state-active a {color: #278727;text-decoration: none;}
    102. 

  102. #dashboard-dialog .ui-state-hover {border: 1px solid #278727;font-weight: normal;color: #278727;}
    103. 

  103. #dashboard-dialog .ui-state-hover a, #dashboard-dialog .ui-state-hover a:hover {color: #278727;text-decoration: none;}
    104. 

  104. 

  105. /* Colorpicker 
    106. 

  106. ------------------------------------------------------------------------*/
    107. 

  107. .evo-pop {-index: 10000; width: 204px;padding: 3px 3px 0;border: 1px solid;}
    108. 

  108. .evo-pop-ie {z-index: 10000;width: 212px;padding: 3px;}
    109. 

  109. .evo-palette td {font-size: 1px;border: solid 1px #c0c0c0;padding: 7px;cursor: pointer;}
    110. 

  110. .evo-palette tr.top td {border-bottom: 0;}
    111. 

  111. .evo-palette tr.in td {border-top: 0;border-bottom: 0;}
    112. 

  112. .evo-palette tr.bottom td {border-top: 0;}
    113. 

  113. .evo-palette div.sep {height: 3px;}
    114. 

  114. .evo-palette,.evo-palette-ie {border-collapse: separate;border-spacing: 4px 0px; *border-collapse: expression('separate', cellSpacing='2px');}
    115. 

  115. .evo-palette th,.evo-palette-ie th {border: 0;padding: 5px 3px;text-align: left;font-weight: normal;background: transparent !important;}
    116. 

  116. .evo-palette-ie td {font-size: 1px;border: solid 1px #c0c0c0;padding: 7px;cursor: pointer;}
    117. 

  117. .evo-palette2,.evo-palette2-ie {margin: auto;border-collapse: collapse;}
    118. 

  118. .evo-palette2 td,.evo-palette2-ie td {font-size: 1px;cursor: pointer;}
    119. 

  119. .evo-palette2 td {padding: 6px 7px;}
    120. 

  120. .evo-palette2-ie td {padding: 5px;}
    121. 

  121. .evo-palcenter {padding: 5px;text-align: center;}
    122. 

  122. .evo-colorind,.evo-colorind-ie,.evo-colorind-ff {border: solid 1px #c3c3c3;width: 20px;height: 20px;float: right; margin-top: 3px;}
    123. 

  123. .evo-colorind {position: relative;top: 2px;}
    124. 

  124. .evo-colorind-ie {position: relative;top: -23px;}
    125. 

  125. .evo-colorbox-ie {font-size: 8px;padding: 3px 9px !important;}
    126. 

  126. .evo-colortxt-ie {position: relative;top: -6px;}
    127. 

  127. .evo-pop:after,.evo-pop-ie:after,.evo-colorind:after,
    128. 

  128. .evo-colorind-ie:after,.evo-colorind-ff:after,.evo-color span:after,
    129. 

  129. .evo-cHist:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;}
    130. 

  130. .evo-color {width: 94px;padding: 1px 3px 0 4px;}
    131. 

  131. .evo-color div {border: solid 1px #808080;border-right: solid 1px #c0c0c0;border-bottom: solid 1px #c0c0c0;padding: 3px;margin-bottom: 5px;width: 10px;height: 10px;float: left;}
    132. 

  132. .evo-color span {font-size: 15px;margin: 1px 0 4px 3px;float: left;}
    133. 

  133. .evo-sep {height: 10px;font-size: 0;}
    134. 

  134. .evo-more {padding: 4px 5px 4px;font-size: smaller;}
    135. 

  135. .evo-cHist {padding: 3px;}
    136. 

  136. .evo-cHist div {cursor: pointer;border: solid 1px #c0c0c0;padding: 3px;margin: 5px;width: 10px;height: 10px;float: left;}
    137. 

  137. a.evo-hist {margin-left: 6px;}
    138. 

  138. .evo-pointer {cursor: pointer;visibility:hidden;position:absolute;}
    139. 

  139. 

  140. /* Make readingGroups 100% wide */
    141. 

  141. #dashboard td table {
    142. 

  142.   width: 100%;
    143. 

  143. }
    144. 

  144. 

  145. #dashboard td[informid] {
    146. 

  146.   padding: 0px;
    147. 

  147. }
    148. 

  148. 

  149. #dashboard .dashboard_dev_container > table > tbody > tr > td {
    150. 

  150.   padding: 0px;
    151. 

  151. }
    152. 

  152. 

  153. body.dashboard_fullsize #menuScrollArea {
    154. 

  154.   display: none;
    155. 

  155. }
    156. 

  156. 

  157. body.dashboard_fullsize #hdr {
    158. 

  158.   display: none;
    159. 

  159. }
    160. 

  160. 

  161. body.dashboard_fullsize {
    162. 

  162.   background-image: none;
    163. 

  163. }
    164. 

  164. 

  165. body.dashboard_fullsize #content {
    166. 

  166.   position: inherit !important;
    167. 

  167.   overflow: visible !important;
    168. 

  168.   float: none !important;
    169. 

  169.   width: 100% !important;
    170. 

  170.   height: 100% !important;
    171. 

  171.   padding: 0px !important;
    172. 

  172.   border: none !important;
    173. 

  173. }
    174. 

  174. 

  175. .dashboard_widgetheader svg {
    176. 

  176.   margin-right: 5px;
    177. 

  177. }
    178. 

  178.