completed header tabs

This commit is contained in:
Bernd Erk 2014-11-06 01:29:19 +01:00
parent bc5f296e60
commit 699be20db0
3 changed files with 19 additions and 17 deletions

View File

@ -5,9 +5,9 @@
#sidebar { #sidebar {
background-color: #eee; background-color: #eee;
-moz-box-shadow: inset -0.4em 0 0.4em -0.4em #555; -moz-box-shadow: inset -0.3em 0 0.3em -0.3em #555;
-webkit-box-shadow: inset -0.4em 0 0.4em -0.4em #555; -webkit-box-shadow: inset -0.3em 0 0.3em -0.3em #555;
box-shadow: inset -0.4em 0 0.4em -0.4em #555; box-shadow: inset -0.3em 0 0.3em -0.3em #555;
} }
#header { #header {

View File

@ -151,14 +151,12 @@ html {
.dashboard > div.container h1, .container .content h1, .container .controls h1, .content h3 { .dashboard > div.container h1, .container .content h1, .container .controls h1, .content h3 {
line-height: 2em; line-height: 2em;
font-size: 1em; font-size: 0.95em;
padding-left: 1em; padding-left: 1em;
background-color: #555; background-color: #eee;
color: white; color: #666;
border: none; border: 1px solid #d9d9d9;
border-radius: 0.2em; border-left: 5px solid #049baf;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
} }
.content h3 { .content h3 {

View File

@ -33,16 +33,17 @@ ul.tabs li a {
} }
ul.tabs > li > a { ul.tabs > li > a {
color: white;
} }
ul.tabs > li > a:focus { ul.tabs > li > a:focus {
color: #eee; color: #666;
text-shadow: 1px 1px 1px #ddd; text-shadow: none;
} }
ul.tabs > li.active > a:focus { ul.tabs > li.active > a:focus {
text-shadow: 1px 1px 2px #555; text-shadow: none;
color: #555; color: #666;
} }
ul.tabs li.dropdown > a{ ul.tabs li.dropdown > a{
@ -51,7 +52,10 @@ ul.tabs li.dropdown > a{
ul.tabs li.active a, ul.tabs li.dropdown:hover a, ul.tabs li.dropdown.hover a { ul.tabs li.active a, ul.tabs li.dropdown:hover a, ul.tabs li.dropdown.hover a {
background-color: white; background-color: white;
color: #333; filter:alpha(opacity=80); /* IE */
-moz-opacity: 0.80; /* Mozilla */
opacity: 0.80; /* Opera */
color: black;
} }
.impact ul.tabs li.active a, .impact ul.tabs li.dropdown:hover, .impact ul.tabs li.dropdown.hover a { .impact ul.tabs li.active a, .impact ul.tabs li.dropdown:hover, .impact ul.tabs li.dropdown.hover a {
@ -69,11 +73,11 @@ ul.tabs li a:hover {
ul.dropdown-menu { ul.dropdown-menu {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #555; background-color: #eee;
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
z-index: 1000; z-index: 1000;
border: 1px solid #555; border: 1px solid #d9d9d9;
border-top: none; border-top: none;
margin-left: -1px; margin-left: -1px;
} }