diff --git a/fhem/www/pgm2/dashboard_ios7.css b/fhem/www/pgm2/dashboard_ios7.css index 5e839482d..c4dc2f0e2 100644 --- a/fhem/www/pgm2/dashboard_ios7.css +++ b/fhem/www/pgm2/dashboard_ios7.css @@ -1,10 +1,13 @@ -/* Author: svenson08*/ -.dashboard_buttonbar { background: none repeat scroll 0 0 #a6a6a6; border: 1px solid #d9d9d9; padding: 6px; margin: 0 .5em 0 0.4em; float: left;} -.dashboard_buttonbar_top, .dashboard_buttonbar_bottom { border-bottom-width: 0; } -.dashboard_button { float: left; background-color: #fff; font-weight: bold; font-size: 0.8em; background-repeat:no-repeat; +Code: [Auswählen] +/* Author: svenson08 edit by fhainz */ +.dashboard_buttonbar { padding: 6px 6px 6px 0; margin: 0 .5em 0 0; float: left;} +.dashboard_buttonbar_top, .dashboard_buttonbar_bottom { } +.dashboard_button { float: left; background-color: #fff; font-size: 0.8em; background-repeat:no-repeat; background-position: 4px 2px; border: 1px solid #808080; padding: 0.2em 0.7em 0.2em 0.4em; } -.dashboard_button_changed { color: black; font-weight:bold; } -a { outline: none; } +#dashboard_button_set { color: black; cursor: default; } +#dashboard_button_set.dashboard_button_changed { color: #147bff; cursor: pointer; } + +a,li { outline: none; } .dashboard_column { float: left; } .dashboard_columnhelper { border: 1px dotted #808080; } @@ -13,7 +16,7 @@ a { outline: none; } .dashboard_widgethelper { background-color: #a6a6a6; } .dashboard_widgetheader { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #d9d9d9; margin: 0.2em; - padding-bottom: 2px; padding-top: 3px; padding-left: 0.2em; } + padding-bottom: 2px; padding-top: 3px; padding-left: 0.5em; } .dashboard_content { padding: 0.2em; } .dashboard_button_icon { width: 13px; height: 14px; background-repeat: no-repeat; @@ -38,13 +41,19 @@ a { outline: none; } .dashboard_tabnav { list-style: none; margin: 0; padding: 0 .5em 0; } .dashboard_tabnav:before, .dashboard_tabnav:after { content: ""; display: table; border-collapse: collapse; clear: both; } -.dashboard_tabpanel { border: 1px solid #cccccc; background-color: #cbcbcb; } -.dashboard_tab_top { border: 1px solid #cccccc; border-bottom-width: 0; margin: 0 .5em -1px 0; float: left; padding: .5em 1em; } -.dashboard_tab_top.ui-tabs-active { background-color: #cbcbcb; } -.dashboard_tab_bottom { border: 1px solid #cccccc; border-top-width: 0; margin: 0 .5em -1px 0; float: left; padding: .5em 1em; } -.dashboard_tab_bottom.ui-tabs-active { background-color: #cbcbcb; } +.dashboard_tabpanel { } +.dashboard_tab_top { border: 1px solid #cccccc; text-align:center; min-width:9%; margin: 0 .5em -1px 0; float: left; padding: .5em 1em; } +.dashboard_tab_top a { color:#929292; } +.dashboard_tab_top.ui-tabs-active { } +.dashboard_tab_top.ui-tabs-active a { color:#147bff; } +.dashboard_tab_bottom { border: 1px solid #cccccc; text-align:center; min-width:9%; margin: 0 .5em -1px 0; float: left; padding: .5em 1em; } +.dashboard_tab_bottom a { color:#929292; } +.dashboard_tab_bottom.ui-tabs-active { } +.dashboard_tab_bottom.ui-tabs-active a { color:#147bff; } .dashboard_tabicon {width: 16px; height: 16px; vertical-align: top; margin-left: -0.5em; } +svg.dashboard_tabicon { fill:#929292; } +.ui-tabs-active svg { fill:#147bff; } .dashboard_tabcontent { width: 100%; padding: 0; margin: 0; } .dashboard_row { width: 100%; height: inherit; } -.dashboard_columncenter { height: inherit;} \ No newline at end of file +.dashboard_columncenter { height: inherit;} \ No newline at end of file