FHEM/fhem-mirror
2
0
Fork 0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-03-12 16:46:35 +00:00
Code Issues Releases Wiki Activity

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

Browse Source 
git-svn-id: https://svn.fhem.de/fhem/trunk@5871 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
blackcatsandy 2014-05-15 19:15:25 +00:00
parent 5e8f7e2646
commit b23308769f
1 changed files with 86 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,23 +8,32 @@
.dashboard_columnhelper { border: 1px dotted #808080; }
.dashboard_content { padding: 0.1em; }
.dashboard_content.table { box-shadow: none !important; border-radius: 0 0 8px 8px !important; border: 1px none #278727!important;
border-left: 1px solid #278727 !important; border-right: 1px solid #278727 !important; border-bottom: 1px solid #278727 !important;}
.dashboard_content.table {
box-shadow: none !important;
border-radius: 0 0 8px 8px !important;
border: 1px solid #666666 !important;
border-top: 1px none #666666!important;
}
.dashboard_button_icon { width: 13px ; height: 14px; background-repeat: no-repeat;
float: left; background-image: url(../images/default/dashboardicons.png); }
.dashboard_button_iconplus { margin: 0.1em 0.4em; float: right; background-position: -65px -16px; }
.dashboard_button_iconminus { margin: 0.1em 0.4em; float: right; background-position: -52px -16px; }
.dashboard-button {
display: inline-block;
padding: 0 .6em;
height: 1.9em; cursor: pointer;
background-color: #f5f5f5 !important;
background-repeat:no-repeat !important;
background-position: 7px !important;
border: 1px solid #278727 !important;
border-radius: 4px !important;
margin-top: 2px; width: 14px; position: absolute;}
.dashboard-button {
display: inline-block;
padding: 0 .6em;
height: 1.9em;
cursor: pointer;
background-color: #f5f5f5 !important;
background-repeat: no-repeat !important;
background-position: 7px !important;
border: 1px solid #666666 !important;
border-radius: 4px !important;
margin-top: 2px;
width: 14px;
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-button-setPosition{right: 45px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYUlEQVR4XtWRUQrAMAhDneyg9mT2ptugHRaCY/FnLJAveWKifCW7AS3Avlj2AmzrFUrDIYhgJNwvN4VcBDwiYC5/CyclBpDDoe2poATGEuegs3AswCUIk/8+pl2K8uE/6ATG4BstrVLVgQAAAABJRU5ErkJggg==') !important;}
.dashboard-button-goBack{right: 80px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAZ0lEQVQ4jd3RMQqDQBBA0YekV0wj3v8QNqZTJBEtPY42K9l2p0s+TDHF/zAMf8kTE4aovOPEp1TucGRyE5XXUhnmJJfMCFUKVMp55EuLzfeENhBUY0mRA30kkr/xHQnckQWvaODHuADAUSEXjMLoMwAAAABJRU5ErkJggg==') !important;}
@ -42,7 +51,12 @@ background-position: 7px !important;
.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: 1px dotted #278727; visibility: visible !important; height: 25px !important; width: 150px;}
.dashboard .ui-sortable-placeholder {
border: 1px dotted #666666;
visibility: visible !important;
height: 25px !important;
width: 150px;
}
.dashboard .block.wide {
padding:0px !important;
@ -64,17 +78,45 @@ background-position: 7px !important;
.dashboard .ui-corner-all {border-radius: 5px;}
.dashboard_widget {border-radius: 8px; float: left;}
.dashboard_widgethelper { background-color: #D7FFFF;}
.dashboard_widgetheader { background: none repeat scroll 0 0 #F0F0D8; border: 1px solid #808080;
border-radius: 8px; margin: 0.1em;padding-bottom: 4px; padding-top: 3px; padding-left: 0.7em;}
.dashboard_widgethelper {
background-color: #f7f7f7;
}
.dashboard_widgetheader {
background-repeat: repeat;
background-position: 0 0 #F0F0D8;
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: #F8F8d5;color: #278727;}
.dashboard .ui-widget-content a {color: #278727;}
.dashboard .ui-widget-header {background-color: #e9e9c8;color: #278727;}
.dashboard .ui-widget-header a {color: #278727;}
.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 #278727;background-color: #d5d5b7;font-weight: normal;color: #F0F0dd;}
.dashboard .ui-widget-header .ui-state-default {
border: 1px solid #666666;
background-color: #FFFFFF;
font-weight: normal;
color: #FFFFFF;
}
.dashboard .ui-helper-clearfix:before,
.dashboard .ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;}
@ -88,25 +130,39 @@ background-position: 7px !important;
.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: #F8F8d5;}
.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: #F8F8d5;text-decoration: none;}
.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 #278727;background: #F8F8d5;font-weight: normal;color: #278727;}
.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: #278727;text-decoration: none;}
.dashboard .ui-state-active a:visited {
color: #000000;
text-decoration: none;
}
.dashboard .ui-state-hover,
.dashboard .ui-widget-content .ui-state-hover,
.dashboard .ui-widget-header .ui-state-hover,
.dashboard .ui-state-focus,
.dashboard .ui-widget-content .ui-state-focus,
.dashboard .ui-widget-header .ui-state-focus {border: 1px solid #278727;font-weight: normal;color: #278727;}
.dashboard .ui-widget-header .ui-state-focus {
border: 1px solid #666666;
font-weight: normal;
color: #666666;
}
.dashboard .ui-state-hover a,
.dashboard .ui-state-hover a:hover,
@ -115,7 +171,10 @@ background-position: 7px !important;
.dashboard .ui-state-focus a,
.dashboard .ui-state-focus a:hover,
.dashboard .ui-state-focus a:link,
.dashboard .ui-state-focus a:visited {color: #278727;text-decoration: none;}
.dashboard .ui-state-focus a:visited {
color: #666666;
text-decoration: none;
}
.dashboard .ui-state-disabled,
.dashboard .ui-widget-content .ui-state-disabled,