diff --git a/public/css/icinga/layout-colors.less b/public/css/icinga/layout-colors.less index c6b6576bc..aa11f3288 100644 --- a/public/css/icinga/layout-colors.less +++ b/public/css/icinga/layout-colors.less @@ -5,9 +5,9 @@ #sidebar { background-color: #eee; - -moz-box-shadow: inset -0.4em 0 0.4em -0.4em #555; - -webkit-box-shadow: inset -0.4em 0 0.4em -0.4em #555; - 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.3em 0 0.3em -0.3em #555; + box-shadow: inset -0.3em 0 0.3em -0.3em #555; } #header { diff --git a/public/css/icinga/layout-structure.less b/public/css/icinga/layout-structure.less index 97242c9bd..c2a113333 100644 --- a/public/css/icinga/layout-structure.less +++ b/public/css/icinga/layout-structure.less @@ -151,14 +151,12 @@ html { .dashboard > div.container h1, .container .content h1, .container .controls h1, .content h3 { line-height: 2em; - font-size: 1em; + font-size: 0.95em; padding-left: 1em; - background-color: #555; - color: white; - border: none; - border-radius: 0.2em; - -moz-border-radius: 0.2em; - -webkit-border-radius: 0.2em; + background-color: #eee; + color: #666; + border: 1px solid #d9d9d9; + border-left: 5px solid #049baf; } .content h3 { diff --git a/public/css/icinga/tabs.less b/public/css/icinga/tabs.less index 8b4adc664..dedba8345 100644 --- a/public/css/icinga/tabs.less +++ b/public/css/icinga/tabs.less @@ -33,16 +33,17 @@ ul.tabs li a { } ul.tabs > li > a { + color: white; } ul.tabs > li > a:focus { - color: #eee; - text-shadow: 1px 1px 1px #ddd; + color: #666; + text-shadow: none; } ul.tabs > li.active > a:focus { - text-shadow: 1px 1px 2px #555; - color: #555; + text-shadow: none; + color: #666; } 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 { 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 { @@ -69,11 +73,11 @@ ul.tabs li a:hover { ul.dropdown-menu { margin: 0; padding: 0; - background-color: #555; + background-color: #eee; position: absolute; overflow: hidden; z-index: 1000; - border: 1px solid #555; + border: 1px solid #d9d9d9; border-top: none; margin-left: -1px; }