FHEM/fhem-mirror
2
0
Fork 0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-01-31 12:49:34 +00:00
Code Issues Releases Wiki Activity

iOS 6 Theme for FHEM - Dashboard init: Forum #23406, Entry #166953 from Blackcat

Browse Source 
git-svn-id: https://svn.fhem.de/fhem/trunk@6039 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
blackcatsandy 2014-06-03 14:21:27 +00:00
parent 125a910069
commit b089780c37
2 changed files with 191 additions and 157 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

332
fhem/www/pgm2/ios6dashboard.css
View File

@ -4,23 +4,53 @@
/* by Sandra Ohmayer */ /* by Sandra Ohmayer */
/* http://www.animeschatten.net */ /* http://www.animeschatten.net */
.dashboard_column { float: left; } .ui-widget-overlay {background: #000000;opacity: .7;filter: Alpha(Opacity=30);position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.dashboard_columnhelper { border: 1px dotted #808080; } .ui-corner-bottom,
.ui-corner-top,
.dashboard_content { padding: 0.1em; } .ui-corner-left,
.dashboard_content.table { .ui-corner-right,
box-shadow: none !important; .ui-corner-all {border-radius: 5px;}
border-radius: 0 0 8px 8px !important;
border: 1px solid #666666 !important; /* Dashboard
border-top: 1px none #666666!important; ------------------------------------------------------------------------*/
} .dashboardhidden { height:0px;}
.dashboard_button_icon { width: 13px ; height: 14px; background-repeat: no-repeat; #dashboard {margin-top: -55px;}
float: left; background-image: url(../images/default/dashboardicons.png); } #dashboard .dashboard_column { float: left; }
.dashboard_button_iconplus { margin: 0.1em 0.4em; float: right; background-position: -65px -16px; } #dashboard .dashboard_columnhelper { border: 1px dotted #CCCCCC;}
.dashboard_button_iconminus { margin: 0.1em 0.4em; float: right; background-position: -52px -16px; } #dashboard .dashboard_row {
.dashboard-button { width: 100%;
height:auto;
padding: 0;
overflow:inherit;
}
#dashboard input, #dashboard select {
margin:0px;
}
#dashboard tr {
height:40px
}
#dashboard .dashboard_columncenter {height: inherit;}
#dashboard .dashboard_content { padding: 0.2em; }
#dashboard .ui-widget-content {
border: none;
}
#dashboard .ui-widget-content a {
/*color: #eeeeee;*/
}
#dashboard .dashboard_content.table { box-shadow: none !important; border-radius: 0 0 8px 8px !important; border: 1px none #FFFFFF!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 0px; }
#dashboard .dashboard_button_iconminus { margin: 0.1em 0.4em; float: right; background-position: -52px 0px; }
#dashboard .dashboard-button { display: inline-block; padding: 0 .6em; height: 1.9em; cursor: pointer;
background-color: #f5f5f5; background-repeat:no-repeat !important; background-position: 7px;
border: 1px solid #FFFFFF; border-radius: 4px; margin-top: 2px; width: 14px; position: absolute;}
#dashboard .dashboard-button-defineDetails{right: 10px; 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; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYUlEQVR4XtWRUQrAMAhDneyg9mT2ptugHRaCY/FnLJAveWKifCW7AS3Avlj2AmzrFUrDIYhgJNwvN4VcBDwiYC5/CyclBpDDoe2poATGEuegs3AswCUIk/8+pl2K8uE/6ATG4BstrVLVgQAAAABJRU5ErkJggg==') !important;}
#dashboard .dashboard-button-goBack{right: 80px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAZ0lEQVQ4jd3RMQqDQBBA0YekV0wj3v8QNqZTJBEtPY42K9l2p0s+TDHF/zAMf8kTE4aovOPEp1TucGRyE5XXUhnmJJfMCFUKVMp55EuLzfeENhBUY0mRA30kkr/xHQnckQWvaODHuADAUSEXjMLoMwAAAABJRU5ErkJggg==') !important;}
#dashboard .dashboard-button-editTab{right: 115px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABOklEQVR42o3SPUhCURjG8WPR1tBgU23SEEH0AUFDSURDtFU4FOQSQh9LlDgEUdSiU7QUuSq0RCAIYhTl0JCUIEFLRUQ1NLWIEGX9D74XRPJ4XvjB5V7Oc8597nUpuxnDBDbxWfnAZbG4Ce9w4xmzuLINaEALlrGBRnxjCzs2AWF4MA0vYmjHL7pwbwoYRxz9COABJ9jDG0KmE7Qhh0U5chR9mJSQF1MH+j3PcYcIbuFHM3bRjQ9TwLZ8smGcSuP7yMIn91StgFEcYwDzUpy+d4kU1qt3qwxoRR6rqvyzxKTAFfRgBD+mAF3clJxAF7iAEg7Ri9f/2nYCBmXBkjTdiQPcYA7JWt/aCdDveoFHzOAaR7LrmjJMdYCeL1X+baPSRckmYAgZuS4gLTs/qTrjBHQgiATOUKy30Jk/KjtDEXVEBowAAAAASUVORK5CYII=');}
#dashboard .ui-button {
display: inline-block; display: inline-block;
padding: 0 .6em; padding: 0 .6em;
height: 1.9em; height: 1.9em;
@ -34,148 +64,148 @@
width: 14px; width: 14px;
position: absolute; position: absolute;
} }
.dashboard-button-defineDetails{right: 10px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NjYwOTg0NEJFQzExRTI4MjI3OTFCOEEyNzY2MzE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4NjYwOTg1NEJFQzExRTI4MjI3OTFCOEEyNzY2MzE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjg2NjA5ODI0QkVDMTFFMjgyMjc5MUI4QTI3NjYzMTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg2NjA5ODM0QkVDMTFFMjgyMjc5MUI4QTI3NjYzMTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7i4cyWAAAAsElEQVR42mJgoCEwA+IPUGxGrKZkIE6AsjOB+D8UZyKJReHTDNOwGoifIPEfAvFGJH4gIQMIYZyuWI3mCm8oRhZfhCvA0pCcvRGLmnVI3klDD9gPaE50gopvRDLMG00NSA8DCw6vcELpX0hifwnFeRrUef+hzsXlhSfYvMCA5GTkQPSAYvTAxQoyyYlGJiQDviOxFwPxCyQ+iL0eh1oUEA7EfniSciySPG0yE8kAIMAAicRYTX3YPyoAAAAASUVORK5CYII=') !important;} #dashboard .ui-button, #dashboard .ui-button:active {text-decoration: none;}
.dashboard-button-setPosition{right: 45px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYUlEQVR4XtWRUQrAMAhDneyg9mT2ptugHRaCY/FnLJAveWKifCW7AS3Avlj2AmzrFUrDIYhgJNwvN4VcBDwiYC5/CyclBpDDoe2poATGEuegs3AswCUIk/8+pl2K8uE/6ATG4BstrVLVgQAAAABJRU5ErkJggg==') !important;} #dashboard .ui-button .ui-button-text {display: block;line-height: normal;}
.dashboard-button-goBack{right: 80px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAZ0lEQVQ4jd3RMQqDQBBA0YekV0wj3v8QNqZTJBEtPY42K9l2p0s+TDHF/zAMf8kTE4aovOPEp1TucGRyE5XXUhnmJJfMCFUKVMp55EuLzfeENhBUY0mRA30kkr/xHQnckQWvaODHuADAUSEXjMLoMwAAAABJRU5ErkJggg==') !important;} #dashboard .ui-button-text-only .ui-button-text {padding: .4em 1em;}
.dashboard-button-editTab{right: 115px;} #dashboard .ui-resizable { position: relative; }
.dashboard .ui-button {display: inline-block;line-height: normal;margin-right: .1em;cursor: pointer;vertical-align: middle;text-align: center;overflow: visible;} #dashboard .ui-resizable-handle { position: absolute; font-size: 0.1px; }
.dashboard .ui-button, #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-button:link, #dashboard .ui-sortable-placeholder {border: 1px dotted #FFFFFF; visibility: visible !important; height: 25px !important; width: 150px;}
.dashboard .ui-button:visited, #dashboard .block.wide {border-radius: 5px;}
.dashboard .ui-button:hover, #dashboard .dashboard_tabcontent {width: 100%; padding: 0; margin: 0; }
.dashboard .ui-button:active {text-decoration: none;} #dashboard .dashboard_widget {border-radius: 8px; float: left;}
.dashboard .ui-button .ui-button-text {display: block;line-height: normal;} #dashboard .dashboard_widgethelper {background-color: #111111; }
.dashboard .ui-button-text-only .ui-button-text {padding: .4em 1em;} #dashboard .ui-widget .ui-widget {font-size: 1em; font-family: Arial,Helvetica,sans-serif;}
#dashboard .ui-widget-header {
font-weight:bold;
color:#4c566c;
font-size:16px;
text-shadow: 0px 1px #FFFFFF;
padding:10px 0px 0px 3px;
}
#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-resizable { position: relative; } #dashboard .ui-tabs {
.dashboard .ui-resizable-handle { position: absolute; font-size: 0.1px; } position: relative;
.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-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 0.2em 0.4em;}
#dashboard .ui-tabs .ui-tabs-nav li {list-style: none;float: left;position: relative;top: 0;margin: 1px .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;
font-weight:bold;
color:#4c566c;
font-size:16px;
text-shadow: 0px 1px #FFFFFF;
padding:0px 3px 0px 0px;
}
#dashboard .ui-tabs-icon {
fill:#FFFFFF;
padding:7.5px;
width:27px;
height:27px;
.dashboard .ui-sortable-placeholder { box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.7);
border: 1px dotted #666666;
visibility: visible !important;
height: 25px !important;
width: 150px;
}
.dashboard .block.wide {
padding:0px !important;
border-spacing:0px !important;
}
.dashboard table.block tr {
height:40px !important;
}
.dashboard .block input, table.block select {
}
.dashboard_tabcontent {width: 100%; padding: 0; margin: 0; }
.dashboard .dashboard_row {width: 100%; height: inherit; padding: 0;}
.dashboard .dashboard_columncenter {height: inherit;}
.dashboard .ui-corner-bottom, background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6+ */
.dashboard .ui-corner-top, background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0.2))); /* Chrome,Safari4+ */
.dashboard .ui-corner-left, background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10+,Safari5.1+ */
.dashboard .ui-corner-right, background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* Opera 11.10+ */
.dashboard .ui-corner-all {border-radius: 5px;} background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */
.dashboard_widget {border-radius: 8px; float: left;} background-size: 42px 18px;
.dashboard_widgethelper { background-repeat:no-repeat;
background-color: #f7f7f7; border-radius:7.5px;
border: 1px solid #666666;
background-color:#4b6dab;
} }
.dashboard_widgetheader { #dashboard .ui-widget-header .ui-state-active .ui-tabs-icon {
background-repeat: repeat; border-color:#333333;
background-position: 0 0 #F0F0D8; background-color:#111111;
background-image: none;
background-color: #f7f7f7;
background-attachment: scroll;
border: 1px solid #808080;
border-radius: 8px;
margin: 0.1em;
padding-bottom: 4px;
padding-top: 3px;
padding-left: 0.7em;
}
.dashboard .ui-widget .ui-widget {font-size: 1em;}
.dashboard .ui-widget-content {
background-color: #F7f7f7;
color: #666666;
}
.dashboard .ui-widget-content a {
color: #666666;
}
.dashboard .ui-widget-header {
background-color: #CCCCCC;
color: #666666;
}
.dashboard .ui-widget-header a {
color: #666666;
}
.dashboard .ui-state-default,
.dashboard .ui-widget-content .ui-state-default,
.dashboard .ui-widget-header .ui-state-default {
border: 1px solid #666666;
background-color: #FFFFFF;
font-weight: normal;
color: #FFFFFF;
} }
#dashboard .dashboard_tabnav_hidden{background-color: #333333;}
#dashboard .ui-widget-header .ui-state-default {
.dashboard .ui-helper-clearfix:before, }
.dashboard .ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;} #dashboard .ui-widget-header .ui-state-active{
.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: .2em;}
.dashboard .ui-tabs .ui-tabs-panel {display: block;border-width: 0;background: none;box-shadow: 0 0 0 0;border-radius: 0;}
.dashboard .ui-tabs .ui-tabs-nav {margin: 0;padding: 0.2em 0.2em 0.4em;}
.dashboard .ui-tabs .ui-tabs-nav li {list-style: none;float: left;position: relative;top: 0;margin: 1px .2em 0 0;padding: 0;}
.dashboard .ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: left;padding: .5em 1em;text-decoration: none;}
.dashboard .ui-tabs-icon {width: 18px;height: 18px;float: left;vertical-align: top;margin-left: 0.3em;margin-top: 0.5em;}
.dashboard .dashboard_tabnav_hidden{
background-color: #f7f7f7;
}
.dashboard .ui-state-default a,
.dashboard .ui-state-default a:link,
.dashboard .ui-state-default a:visited {color: #666666;text-decoration: none;}
.dashboard .ui-state-active,
.dashboard .ui-widget-content .ui-state-active,
.dashboard .ui-widget-header .ui-state-active{
border: 1px solid #666666;
background: #F7f7f7;
font-weight: normal;
color: #666666;
}
.dashboard .ui-state-active a,
.dashboard .ui-state-active a:link,
.dashboard .ui-state-active a:visited {
color: #000000; color: #000000;
text-decoration: none; }
} #dashboard .ui-state-default a {color: #333333;text-decoration: none;}
#dashboard .ui-state-disabled {opacity: .35;filter:Alpha(Opacity=35);}
#dashboard .ui-state-active a {color: #ffffff;text-decoration: none;}
#dashboard .ui-state-hover {color: #ffffff;}
#dashboard .ui-state-hover a,
#dashboard .ui-state-focus a:hover {color: #ffffff;text-decoration: none;}
.dashboard .ui-state-hover, /* Dashboard Dialog
.dashboard .ui-widget-content .ui-state-hover, ------------------------------------------------------------------------*/
.dashboard .ui-widget-header .ui-state-hover, #dashboard-dialog {overflow: visible!important;position: absolute;top: 0;left: 0;padding: .2em;outline: 0;border: 1px solid #FFFFFF;z-index: 100; font-size: 13px!important; font-family:Arial,Helvetica,sans-serif!important;}
.dashboard .ui-state-focus, #dashboard-dialog .ui-dialog-content {padding: 0;}
.dashboard .ui-widget-content .ui-state-focus, #dashboard-dialog .ui-widget-header {background-color: #222222;color: #ffffff; padding: 5px;}
.dashboard .ui-widget-header .ui-state-focus { #dashboard-dialog .ui-button {display: inline-block;line-height: normal;margin-right: .1em;cursor: pointer;vertical-align: middle;text-align: center;overflow: visible;}
border: 1px solid #666666; #dashboard-dialog .ui-button,
font-weight: normal; #dashboard-dialog .ui-button:hover,
color: #666666; #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: .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: .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 .2em 0 0;padding: 0;}
#dashboard-dialog .ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: left;padding: .5em 1em;text-decoration: none;}
#dashboard-dialog .ui-state-default {border: 1px solid #FFFFFF;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: 1px solid #444444;background: #333333;font-weight: normal;color: #444444;}
#dashboard-dialog .ui-state-active {border: 1px solid #FFFFFF;background: #333333;font-weight: normal;color: #ffffff;}
#dashboard-dialog .ui-state-active a {color: #ffffff;text-decoration: none;}
#dashboard-dialog .ui-state-hover {border: 1px solid #FFFFFF;font-weight: normal;color: #ffffff;}
#dashboard-dialog .ui-state-hover a, #dashboard-dialog .ui-state-hover a:hover {color: #ffffff;text-decoration: none;}
.dashboard .ui-state-hover a, /* Colorpicker
.dashboard .ui-state-hover a:hover, ------------------------------------------------------------------------*/
.dashboard .ui-state-hover a:link, .evo-pop {-index: 10000; width: 204px;padding: 3px 3px 0;border: 1px solid;}
.dashboard .ui-state-hover a:visited, .evo-pop-ie {z-index: 10000;width: 212px;padding: 3px;}
.dashboard .ui-state-focus a, .evo-palette td {font-size: 1px;border: solid 1px #c0c0c0;padding: 7px;cursor: pointer;}
.dashboard .ui-state-focus a:hover, .evo-palette tr.top td {border-bottom: 0;}
.dashboard .ui-state-focus a:link, .evo-palette tr.in td {border-top: 0;border-bottom: 0;}
.dashboard .ui-state-focus a:visited { .evo-palette tr.bottom td {border-top: 0;}
color: #666666; .evo-palette div.sep {height: 3px;}
text-decoration: none; .evo-palette,.evo-palette-ie {border-collapse: separate;border-spacing: 4px 0px; *border-collapse: expression('separate', cellSpacing='2px');}
} .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: solid 1px #c0c0c0;padding: 7px;cursor: pointer;}
.dashboard .ui-state-disabled, .evo-palette2,.evo-palette2-ie {margin: auto;border-collapse: collapse;}
.dashboard .ui-widget-content .ui-state-disabled, .evo-palette2 td,.evo-palette2-ie td {font-size: 1px;cursor: pointer;}
.dashboard .ui-widget-header .ui-state-disabled {opacity: .35;filter:Alpha(Opacity=35);} .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: solid 1px #c3c3c3;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: solid 1px #808080;border-right: solid 1px #c0c0c0;border-bottom: solid 1px #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: solid 1px #c0c0c0;padding: 3px;margin: 5px;width: 10px;height: 10px;float: left;}
a.evo-hist {margin-left: 6px;}
.evo-pointer {cursor: pointer;visibility:hidden;position:absolute;}

16
fhem/www/pgm2/ios6touchpadstyle.css
View File

@ -31,7 +31,16 @@ height: calc(100vh - 44px);
#hdr input { #hdr input {
width: 80%; width: 80%;
} }
.SVGplot{
text-align:center;
}
.SVGplot embed {
-o-transition:scale(-o-calc(100vw - 260px),100px);
-ms-transition:scale(c-ms-alc(100vw - 260px),100px);
-moz-transition:scale(-moz-calc(100vw - 260px),100px);
-webkit-transition:scale(-webkit-calc(100vw - 260px),100px);
transition:scale(calc(100vw - 260px),100px);
}
/*iPad Skalierung*/ /*iPad Skalierung*/
/* iPads (landscape) ----------- */ /* iPads (landscape) ----------- */
@media only screen @media only screen
@ -408,7 +417,6 @@ height: 44px;
} }
table.room a, table.block a { table.room a, table.block a {
vertical-align: middle; vertical-align: middle;
text-shadow: 0px 1px #FFFFFF;
} }
table.room a { table.room a {
padding-left: 5px; padding-left: 5px;
@ -582,10 +590,6 @@ background-image: -ms-linear-gradient(bottom, #666666 0%, #CBCBCB 100%);
background-image: linear-gradient(to bottom, #666666 0%, #CBCBCB 100%); background-image: linear-gradient(to bottom, #666666 0%, #CBCBCB 100%);
} }
.SVGplot {
text-align:center;
}
.sysmon table { .sysmon table {
border-spacing:0px; border-spacing:0px;
padding:0px; padding:0px;