FHEM UI Dark Theme
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

604 lines
15 KiB

/* topa-LE Blue Dark Theme for FHEM Smarthome */
/**********************************************/
@import url('https://fonts.googleapis.com/css?family=Titillium+Web') ;
.ui-widget-overlay {
background : #000000;
opacity : 0.7;
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.ui-corner-bottom, .ui-corner-top, .ui-corner-left, .ui-corner-right, .ui-corner-all {
border-radius : 5px;
}
#dashboard {
margin-top : -10px;
}
#dashboard .dashboard_column {
float : left;
}
#dashboard .dashboard_columnhelper {
border : #CCCCCC dotted 1px;
}
#dashboard .dashboard_widgetinner .block .block {
border : none;
box-shadow : none;
}
#dashboard .dashboard_row {
width : 100%;
height : inherit;
padding : 0;
}
#dashboard .dashboard_columncenter {
height : inherit;
}
#dashboard .dashboard_content {
padding : 0.2em;
}
#dashboard .ui-widget-content {
background-color : #333333;
color : #eeeeee;
border : none;
font-size : 13px !important ;
font-family : 'Titillium Web', Arial, Helvetica, sans-serif !important ;
}
#dashboard .ui-widget-content a {
color : #eeeeee;
}
#dashboard .dashboard_content.table {
box-shadow : none !important ;
border-radius : 0 0 8px 8px !important ;
border : #FFFFFF none 1px !important ;
border-left : 1px solid #FFFFFF !important ;
border-right : 1px solid #FFFFFF !important ;
border-bottom : 1px solid #FFFFFF !important ;
}
#dashboard .dashboard_button_icon {
width : 13px;
height : 14px;
background-repeat : no-repeat;
float : left;
background-image : url(../images/default/dashboardicons.png);
}
#dashboard .dashboard_button_iconplus {
margin : 0.1em 0.4em;
float : right;
background-position : -65px 0;
}
#dashboard .dashboard_button_iconminus {
margin : 0.1em 0.4em;
float : right;
background-position : -52px 0;
}
#dashboard .dashboard-button {
display : inline-block;
padding : 0 0.6em;
height : 1.9em;
cursor : pointer;
background-color : #f5f5f5;
background-repeat : no-repeat !important ;
background-position : 7px;
border : #FFFFFF solid 1px;
border-radius : 4px;
margin-top : 2px;
width : 14px;
position : absolute;
}
#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 ;
}
#dashboard .dashboard-button-setPosition {
right : 45px;
top : 0.2em;
background-image : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYUlEQVR4XtWRUQrAMAhDneyg9mT2ptugHRaCY/FnLJAveWKifCW7AS3Avlj2AmzrFUrDIYhgJNwvN4VcBDwiYC5/CyclBpDDoe2poATGEuegs3AswCUIk/8+pl2K8uE/6ATG4BstrVLVgQAAAABJRU5ErkJggg==") !important ;
}
#dashboard .dashboard-button-setPosition:not(.ui-state-disabled) {
background-color : red !important ;
}
#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 ;
}
#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=");
}
#dashboard .ui-button {
display : inline-block;
line-height : normal;
margin-right : 0.1em;
cursor : pointer;
vertical-align : middle;
text-align : center;
overflow : visible;
}
#dashboard .ui-button, #dashboard .ui-button:active {
text-decoration : none;
}
#dashboard .ui-button .ui-button-text {
display : block;
line-height : normal;
}
#dashboard .ui-button-text-only .ui-button-text {
padding : 0.4em 1em;
}
#dashboard .ui-resizable {
position : relative;
}
#dashboard .ui-resizable-handle {
position : absolute;
font-size : 0.1px;
}
#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");
}
#dashboard .ui-sortable-placeholder {
border : #FFFFFF dotted 1px;
visibility : visible !important ;
height : 25px !important ;
width : 150px;
}
#dashboard .block.wide {
border-radius : 5px;
}
#dashboard .dashboard_tabcontent {
width : 100%;
padding : 0;
margin : 0;
}
#dashboard .dashboard_widget {
border-radius : 8px;
float : left;
}
#dashboard .dashboard_widgethelper {
background-color : #111111;
}
#dashboard .dashboard_widgetheader {
background : none 0 0 repeat scroll #333333;
border : #FFFFFF solid 1px;
box-shadow : 5px 5px 5px #000000;
margin : 0.2em;
padding-bottom : 4px;
padding-top : 3px;
padding-left : 0.7em;
font-weight : normal;
}
#dashboard .ui-widget .ui-widget {
font-size : 1em;
font-family : 'Titillium Web', Arial, Helvetica, sans-serif;
}
#dashboard .ui-widget-header {
background-color : #222222;
color : #ffffff;
}
#dashboard .ui-helper-clearfix:before, #dashboard .ui-helper-clearfix:after {
content : "";
display : table;
border-collapse : collapse;
}
#dashboard .ui-helper-clearfix:after {
clear : both;
}
#dashboard .ui-helper-clearfix {
min-height : 0;
}
#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;
}
#dashboard .ui-tabs {
position : relative;
padding : 0;
}
#dashboard .ui-tabs .ui-tabs-panel {
display : block;
border-width : 0;
background : none;
box-shadow : 0 0 0 0;
border-radius : 0;
padding : 0;
}
#dashboard .ui-tabs .ui-tabs-nav {
margin : 0;
padding : 0.2em 140px 0.2em 0.2em;
background-image : none;
}
#dashboard .ui-tabs .ui-tabs-nav li {
list-style : none;
float : left;
position : relative;
top : 0;
margin : 1px 0.2em 0 0;
padding : 0;
}
#dashboard .ui-tabs .ui-tabs-nav li a {
float : none;
padding : 0;
}
#dashboard .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float : left;
padding : 0.5em 0.5em;
text-decoration : none;
color : black;
}
#dashboard .ui-tabs-icon {
width : 23px;
height : 23px;
margin : -8px 2px -6px -3px;
padding-right : 2px;
}
#dashboard .dashboard_tabnav_hidden {
background-color : #333333;
}
#dashboard .ui-widget-header .ui-state-default {
border : #FFFFFF solid 1px;
background-color : #adadad;
font-weight : normal;
color : #333333;
}
#dashboard .ui-widget-header .ui-state-active {
border : #FFFFFF solid 1px;
background : #333333;
font-weight : normal;
color : #ffffff;
}
#dashboard .ui-state-default a {
color : #333333;
text-decoration : none;
}
#dashboard .dashboard_tab.ui-state-default a {
color : #333333 !important ;
text-decoration : none;
}
#dashboard .dashboard_tab.ui-state-default a svg:not([fill]) {
fill : #333333;
}
#dashboard .dashboard_tab.ui-state-active a {
color : #CCCCCC !important ;
text-decoration : none;
}
#dashboard .dashboard_tab.ui-state-active a svg:not([fill]) {
fill : #CCCCCC;
}
#dashboard .ui-state-disabled {
opacity : 0.35;
}
#dashboard .ui-state-active a {
color : #ffffff;
text-decoration : none;
}
#dashboard .ui-state-hover {
border : #FFFFFF solid 1px;
font-weight : normal;
color : #ffffff;
}
#dashboard .ui-state-hover a, #dashboard .ui-state-focus a:hover {
color : #ffffff;
text-decoration : none;
}
#dashboard .dashboard_rowcenter {
position : relative;
}
#dashboard-dialog {
overflow : visible !important ;
position : absolute;
top : 0;
left : 0;
padding : 0.2em;
outline : 0;
border : #FFFFFF solid 1px;
z-index : 100;
font-size : 13px !important ;
font-family : 'Titillium Web', Arial, Helvetica, sans-serif !important ;
}
#dashboard-dialog .ui-dialog-content {
padding : 0;
}
#dashboard-dialog .ui-widget-header {
background-color : #222222;
color : #ffffff;
padding : 5px;
}
#dashboard-dialog .ui-button {
display : inline-block;
line-height : normal;
margin-right : 0.1em;
cursor : pointer;
vertical-align : middle;
text-align : center;
overflow : visible;
}
#dashboard-dialog .ui-button, #dashboard-dialog .ui-button:hover, #dashboard-dialog .ui-button:active {
text-decoration : none;
}
#dashboard-dialog .ui-button .ui-button-text {
display : block;
line-height : normal;
}
#dashboard-dialog .ui-button-text-only .ui-button-text {
padding : 0.4em 1em;
}
#dashboard-dialog .ui-dialog-buttonpane {
background-color : #222222;
padding : 5px;
}
#dashboard-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float : right;
}
#dashboard-dialog .ui-helper-clearfix:before, #dashboard-dialog .ui-helper-clearfix:after {
content : "";
display : table;
border-collapse : collapse;
}
#dashboard-dialog .ui-helper-clearfix:after {
clear : both;
}
#dashboard-dialog .ui-helper-clearfix {
min-height : 0;
}
#dashboard-dialog .ui-helper-reset {
margin : 0;
border : 0;
outline : 0;
line-height : 1.3;
text-decoration : none;
font-size : 100%;
list-style : none;
}
#dashboard-dialog .ui-tabs {
position : relative;
padding : 0.2em;
border : none;
}
#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;
}
#dashboard-dialog .ui-tabs .ui-tabs-nav {
margin : 0;
padding : 0.2em 0.2em 0.4em;
}
#dashboard-dialog .ui-tabs .ui-tabs-nav li {
list-style : none;
float : left;
position : relative;
top : 0;
margin : 1px 0.2em 0 0;
padding : 0;
}
#dashboard-dialog .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float : left;
padding : 0.5em 1em;
text-decoration : none;
}
#dashboard-dialog .ui-state-default {
border : #FFFFFF solid 1px;
background-color : #adadad;
font-weight : normal;
color : #333333;
}
#dashboard-dialog .ui-state-default a {
color : #333333;
text-decoration : none;
}
#dashboard-dialog .ui-state-disabled {
border : #444444 solid 1px;
background : #333333;
font-weight : normal;
color : #444444;
}
#dashboard-dialog .ui-state-active {
border : #FFFFFF solid 1px;
background : #333333;
font-weight : normal;
color : #ffffff;
}
#dashboard-dialog .ui-state-active a {
color : #ffffff;
text-decoration : none;
}
#dashboard-dialog .ui-state-hover {
border : #FFFFFF solid 1px;
font-weight : normal;
color : #ffffff;
}
#dashboard-dialog .ui-state-hover a, #dashboard-dialog .ui-state-hover a:hover {
color : #ffffff;
text-decoration : none;
}
.evo-pop {
width : 204px;
padding : 3px 3px 0;
border : solid 1px;
}
.evo-pop-ie {
z-index : 10000;
width : 212px;
padding : 3px;
}
.evo-palette td {
font-size : 1px;
border : #c0c0c0 solid 1px;
padding : 7px;
cursor : pointer;
}
.evo-palette tr.top td {
border-bottom : 0;
}
.evo-palette tr.in td {
border-top : 0;
border-bottom : 0;
}
.evo-palette tr.bottom td {
border-top : 0;
}
.evo-palette div.sep {
height : 3px;
}
.evo-palette, .evo-palette-ie {
border-collapse : separate;
border-spacing : 4px 0;
}
.evo-palette th, .evo-palette-ie th {
border : 0;
padding : 5px 3px;
text-align : left;
font-weight : normal;
background : transparent !important ;
}
.evo-palette-ie td {
font-size : 1px;
border : #c0c0c0 solid 1px;
padding : 7px;
cursor : pointer;
}
.evo-palette2, .evo-palette2-ie {
margin : auto;
border-collapse : collapse;
}
.evo-palette2 td, .evo-palette2-ie td {
font-size : 1px;
cursor : pointer;
}
.evo-palette2 td {
padding : 6px 7px;
}
.evo-palette2-ie td {
padding : 5px;
}
.evo-palcenter {
padding : 5px;
text-align : center;
}
.evo-colorind, .evo-colorind-ie, .evo-colorind-ff {
border : #c3c3c3 solid 1px;
width : 20px;
height : 20px;
float : right;
margin-top : 3px;
}
.evo-colorind {
position : relative;
top : 2px;
}
.evo-colorind-ie {
position : relative;
top : -23px;
}
.evo-colorbox-ie {
font-size : 8px;
padding : 3px 9px !important ;
}
.evo-colortxt-ie {
position : relative;
top : -6px;
}
.evo-pop:after, .evo-pop-ie:after, .evo-colorind:after, .evo-colorind-ie:after, .evo-colorind-ff:after, .evo-color span:after, .evo-cHist:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
font-size : 0;
}
.evo-color {
width : 94px;
padding : 1px 3px 0 4px;
}
.evo-color div {
border : #808080 solid 1px;
border-right : 1px solid #c0c0c0;
border-bottom : 1px solid #c0c0c0;
padding : 3px;
margin-bottom : 5px;
width : 10px;
height : 10px;
float : left;
}
.evo-color span {
font-size : 15px;
margin : 1px 0 4px 3px;
float : left;
}
.evo-sep {
height : 10px;
font-size : 0;
}
.evo-more {
padding : 4px 5px 4px;
font-size : smaller;
}
.evo-cHist {
padding : 3px;
}
.evo-cHist div {
cursor : pointer;
border : #c0c0c0 solid 1px;
padding : 3px;
margin : 5px;
width : 10px;
height : 10px;
float : left;
}
a.evo-hist {
margin-left : 6px;
}
.evo-pointer {
cursor : pointer;
visibility : hidden;
position : absolute;
}
#dashboard td table.readingsGroup {
padding : 0;
}
#dashboard td table {
width : 100%;
}
#dashboard .dashboard_dev_container {
padding : 0;
}
#dashboard .dashboard_dev_container > table > tbody > tr > td {
padding : 0;
}
body.dashboard_fullsize #menuScrollArea {
display : none;
}
body.dashboard_fullsize #hdr {
display : none;
}
body.dashboard_fullsize {
background-image : none;
}
body.dashboard_fullsize #content {
position : inherit !important ;
overflow : visible !important ;
float : none !important ;
width : 100% !important ;
height : 100% !important ;
padding : 0 !important ;
border : none !important ;
}
.dashboard_widgetheader svg {
margin-right : 5px;
}