From 6d65ae81c9d47956e1689f0c36fea4cd8c4421ce Mon Sep 17 00:00:00 2001 From: Uli Schlachter Date: Sat, 24 Dec 2016 10:03:11 +0100 Subject: [PATCH 1/2] Change the appearance of the top-menu When you hover over one of the items in the top menu, e.g. "home", a background appears. This commit changes this background to cover the full height of the top-menu instead of only a small rectangle around the item. The "margin: 0px" is needed so that this background can "reach" up to the top of the page. Note that this however also affects other elements on the page and now the "awesome" at the top left of the page is a bit farther up. The height of "#top" and the padding around the links then change the actual height of this background. This is partial revert of 34c806d8176a87398e2372. Signed-off-by: Uli Schlachter --- local.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/local.css b/local.css index cced2d5..a6009cd 100644 --- a/local.css +++ b/local.css @@ -6,6 +6,7 @@ body { + margin: 0px; background: url(images/top_bg.gif); background-repeat: repeat-x; font-family: Verdana, Arial, sans-serif; @@ -62,7 +63,7 @@ blockquote{ #top { font-size: 0.8em; width: 100%; - height: 68px; + height: 88px; color: #fff; /*background: #000 url(images/top_bg.gif);*/ overflow:hidden; @@ -113,7 +114,7 @@ blockquote{ #menu li a { display: block; - padding: 15px 10px 12px 10px; + padding: 20px 10px 50px 10px; text-decoration: none; color: #fff; font-weight: bold; From ba8677fc50fd6944b4d475cb799cba164871c311 Mon Sep 17 00:00:00 2001 From: Daniel Hahler Date: Sun, 25 Dec 2016 20:31:29 +0100 Subject: [PATCH 2/2] css: header: logo text, menu padding Align the logo/text with the menu, and add more horizontal padding there, to make it better looking with the increased height. --- local.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/local.css b/local.css index a6009cd..d1728af 100644 --- a/local.css +++ b/local.css @@ -76,7 +76,7 @@ blockquote{ font-weight: bold; position: relative; margin: 0px; - top:33px; + top:25px; display:block; float:left; background: url(images/bg_t.gif) no-repeat; @@ -114,7 +114,7 @@ blockquote{ #menu li a { display: block; - padding: 20px 10px 50px 10px; + padding: 20px 15px 50px 15px; text-decoration: none; color: #fff; font-weight: bold;