Difference between revisions of "Template:UiOslo Norway"
Danmichaelo (Talk | contribs) (cleanup table syntax and spacing) |
Danmichaelo (Talk | contribs) (vertical sub menus, etc.) |
||
| Line 31: | Line 31: | ||
/* Creates the container for the menu */ | /* Creates the container for the menu */ | ||
#menuContainer { | #menuContainer { | ||
| − | + | display: block; | |
| − | + | position:relative; | |
padding: 20px 0px; | padding: 20px 0px; | ||
border-top: 14px solid #472400; | border-top: 14px solid #472400; | ||
background-color: #999966; | background-color: #999966; | ||
} | } | ||
| − | + | #menuContainer:after { | |
| + | content: ""; clear: both; display: block; | ||
| + | } | ||
/* Creates the container for the content */ | /* Creates the container for the content */ | ||
#contentContainer { | #contentContainer { | ||
| Line 166: | Line 168: | ||
/*Styles the list items to become menu buttons */ | /*Styles the list items to become menu buttons */ | ||
| − | #menuContainer ul li { | + | #menuContainer > ul > li { |
| − | + | float:left; | |
| − | + | ||
border-color: darkgreen; | border-color: darkgreen; | ||
border-style: ridge; | border-style: ridge; | ||
border-width: medium; | border-width: medium; | ||
| + | } | ||
| + | #menuContainer li a { | ||
| + | text-align: center; | ||
| + | color: #472400; | ||
| + | text-decoration:none; | ||
| + | font-weight: bold; | ||
| + | display: block; | ||
height:30px; | height:30px; | ||
padding:10px; | padding:10px; | ||
| + | } | ||
| + | /* Submenu elements */ | ||
| + | #menuContainer ul li li { | ||
| + | text-align: center; | ||
| + | display: block; | ||
| + | border-color: darkgreen; | ||
| + | border-style: ridge; | ||
| + | border-width: medium; | ||
| + | height:30px; | ||
| + | padding:10px; | ||
} | } | ||
| + | |||
/*For the menu buttons, changes the color when hovering*/ | /*For the menu buttons, changes the color when hovering*/ | ||
#menuContainer li:hover { | #menuContainer li:hover { | ||
| − | |||
background-color: #164016; | background-color: #164016; | ||
| + | } | ||
| + | #menuContainer li:hover > a { | ||
| + | color: #FFF; | ||
} | } | ||
| Line 195: | Line 216: | ||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
| − | + | margin: 0; | |
| − | + | ||
| − | margin | + | |
color: #F0EBE6; | color: #F0EBE6; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
/*Style the submenu buttons*/ | /*Style the submenu buttons*/ | ||
| − | #menuContainer li ul li{ | + | #menuContainer li ul li { |
| − | background-color: | + | background-color: yellow; |
padding-left:20px; | padding-left:20px; | ||
padding-right:20px; | padding-right:20px; | ||
Revision as of 17:36, 20 August 2015
