awesomewm-mirrors
/
awesome-www
mirror of https://github.com/awesomeWM/awesome-www.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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 34c806d817.

Signed-off-by: Uli Schlachter <psychon@znc.in>
This commit is contained in:
Uli Schlachter 2016-12-24 10:03:11 +01:00
parent a112036bc8
commit 6d65ae81c9
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
local.css
View File

@ -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;