Difference between revisions of "Template:Colegio EmelinaU"
| Line 114: | Line 114: | ||
/*MENU STYLING */ | /*MENU STYLING */ | ||
| − | + | /*Styling for the links in the menu */ | |
| − | # | + | #menuContainer a { |
| + | color: #565656; | ||
| + | text-decoration:none; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | /* Sets the style for lists inside menuContainer */ | ||
| + | #menuContainer ul { | ||
| + | list-style: none; | ||
| + | margin-left:0px; | ||
display: inline; | display: inline; | ||
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| + | /*Styles the list items to become menu buttons */ | ||
| + | #menuContainer ul li { | ||
| + | text-align: center; | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | height:30px; | ||
| + | padding-top:10px; | ||
| + | } | ||
| − | # | + | /*For the menu buttons, changes the color when hovering*/ |
| − | + | #menuContainer li:hover { | |
| − | + | color: #FFF; | |
| − | + | background-color: #24B694; | |
| − | + | } | |
| − | + | ||
| − | background-color: # | + | |
| − | + | ||
| − | } | + | |
| + | /*Submenus are not displayed as default*/ | ||
| + | #menuContainer li ul { | ||
| + | display: none; | ||
| + | padding-top:15px; | ||
| + | margin-left: -19px; | ||
| + | } | ||
| − | + | /*Submenus are displayed when hovering the menu button */ | |
| − | + | #menuContainer li:hover ul { | |
| − | margin- | + | /*display: inline-block; */ |
| − | + | display: block; | |
| − | } | + | position: absolute; |
| + | float:right; | ||
| + | margin-left: 134px; | ||
| + | margin-top:-42px; | ||
| + | } | ||
| + | /*Style the submenu buttons*/ | ||
| + | #menuContainer li ul li{ | ||
| + | background-color: #59BF92; | ||
| + | padding-left:20px; | ||
| + | padding-right:20px; | ||
| + | height:30px; | ||
| + | padding-top:10px; | ||
| + | margin-top:-2px; | ||
| + | color: #565656; | ||
| + | width: 150px; | ||
| + | } | ||
Revision as of 03:13, 1 September 2015