From d12dd17beec59606c685e8860cea1878edbc7b9f Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Thu, 18 Jan 2018 14:16:42 +0100 Subject: [PATCH] Preparations for setting colorful borders on top menu Refs #77 --- slt/css/desktop.css | 20 ++++++++++++++------ slt/index.php | 7 ++++--- 2 files changed, 18 insertions(+), 9 deletions(-) diff --git a/slt/css/desktop.css b/slt/css/desktop.css index dd792bb..1f6eb5f 100644 --- a/slt/css/desktop.css +++ b/slt/css/desktop.css @@ -172,8 +172,16 @@ body box-shadow: 3px 5px 5px 2px rgba(0,0,0,0.5); } +#topmenu .nav > li > .nav-child > li +{ + padding: 0px 5px; +} + #topmenu .nav > li > .nav-child > li > a { - padding: 10px; + padding: 10px 5px 10px 4px; + border-left-color: transparent; + border-left-style: solid; + border-left-width: 6px; } #page-div, #page @@ -261,14 +269,14 @@ Additional content font-size: large; } -#topmenu .nav > li > a, -#topmenu .nav > li:hover > a, -#topmenu .nav > li:focus > a, -#topmenu .nav > li.active > a +#topmenu li > a, +#topmenu li:hover > a, +#topmenu li:focus > a, +#topmenu li.active > a { background-color: inherit; color: inherit; -} +} #topmenu .nav-child > li:hover > a:hover, #topmenu .nav-child > li:focus > a:hover, diff --git a/slt/index.php b/slt/index.php index 685c628..76d1cc7 100644 --- a/slt/index.php +++ b/slt/index.php @@ -112,7 +112,8 @@ ul.nav-child > li > a:focus color: ; } -#topmenu li.current > a +#topmenu .nav-child > li.current + { background-color: ; color: ; @@ -125,8 +126,8 @@ ul.nav-child > li > a:focus #topmenu .nav > li:hover, #topmenu .nav > li:focus, -#topmenu .nav-child > li:hover > a, -#topmenu .nav-child > li:focus > a +#topmenu .nav-child > li:hover, +#topmenu .nav-child > li:focus { background-color: ; color: ;