From 6d112b56bf607dde78e582fee9958eef6d698916 Mon Sep 17 00:00:00 2001 From: Bernd Erk Date: Tue, 22 Oct 2013 14:12:25 +0200 Subject: [PATCH] Modify top bar and menu style --- .../layouts/scripts/parts/navigation.phtml | 2 +- config/modules/monitoring/menu.ini | 49 +++++++++++------- public/css/icinga/main.less | 6 +-- public/css/icinga/navigation.less | 43 +++++++++------ public/img/logo_icinga-inv.png | Bin 0 -> 6528 bytes 5 files changed, 63 insertions(+), 37 deletions(-) create mode 100644 public/img/logo_icinga-inv.png diff --git a/application/layouts/scripts/parts/navigation.phtml b/application/layouts/scripts/parts/navigation.phtml index 159f12b7b..025587b2c 100755 --- a/application/layouts/scripts/parts/navigation.phtml +++ b/application/layouts/scripts/parts/navigation.phtml @@ -40,7 +40,7 @@ $item = $this->navigation->keys("menu"); - + */ +@white: #ffffff; +@lightgrey : #dddddd; + /* ========================================================================= Icinga Navigation ========================================================================= */ +.navbar { + background-image: linear-gradient(to bottom, #444444, #333333); +} .navigation-tile-mixin { border-style: solid; @@ -41,7 +47,6 @@ } .nav-stacked { - background-color: @lightgrey; } .icinga-subnavigation { @@ -49,26 +54,34 @@ } .nav-stacked > li { - padding-left: 8px; - padding-top: 1px; - padding-bottom: 1px; - border-bottom: 1px dotted @petrol; - border-right: 1px dotted @petrol; - + padding-left: 4px; + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px solid @lightgrey; + border-right: 1px solid @lightgrey; + font-size: 11px; + background-color: rgb(248, 248, 248); + background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(248, 248, 248) 100%); } + +.nav-stacked > li > a { + letter-spacing: 1px; + padding-top: 0px; + padding-bottom: 3px; +} + .nav-stacked > li:first-child { - border-top: 1px dotted @petrol; } .icinga-subnavigation > li { padding-top: 8px; padding-bottom: 8px; - border-bottom: 1px dotted @petrol; - border-right: 1px dotted @petrol; + border-bottom: 1px solid @lightgrey; + border-right: 1px solid @lightgrey; } ul.icinga-subnavigation { - border-bottom: 1px dotted @petrol; + border-bottom: 1px solid @lightgrey; margin-left: 0; padding-left: 15px; } @@ -81,9 +94,9 @@ ul.icinga-subnavigation { .nav-stacked > li > a, .icinga-subnavigation > li > a { - padding-left: 40px; + padding-left: 20px; padding-right: 3px; - border-left: 6px solid @petrol; + /* border-left: 6px solid @petrol; */ display: inline-block; } @@ -108,8 +121,8 @@ ul.icinga-subnavigation { .nav-stacked > li.active, .icinga-subnavigation > li.active { - background-color: @white; - border-right: 0; + background: none; + border-right: none; } .badge-container-nav { diff --git a/public/img/logo_icinga-inv.png b/public/img/logo_icinga-inv.png new file mode 100644 index 0000000000000000000000000000000000000000..63a0e202e5e3bc09e864ff36048df1d7321e12a1 GIT binary patch literal 6528 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 J&zCjz{Xfzi!VCZa literal 0 HcmV?d00001