From 6d65ae81c9d47956e1689f0c36fea4cd8c4421ce Mon Sep 17 00:00:00 2001 From: Uli Schlachter Date: Sat, 24 Dec 2016 10:03:11 +0100 Subject: [PATCH] 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;