Difference between revisions of "Template:TeamTemplateC"
Line 59: | Line 59: | ||
} | } | ||
+ | |||
+ | /* All items that start #menuContainer will only be applied to elements inside that div */ | ||
+ | |||
+ | /*Makes all the links the same */ | ||
+ | #menuContainer a { | ||
+ | color:white; | ||
+ | text-decoration:none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | /* Declares the styling for the lists */ | ||
#menuContainer ul { | #menuContainer ul { | ||
− | |||
− | |||
− | |||
list-style: none; | list-style: none; | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | |||
} | } | ||
+ | /*Styles the list items to become menu buttons */ | ||
#menuContainer ul li { | #menuContainer ul li { | ||
display: inline-block; | display: inline-block; | ||
Line 72: | Line 84: | ||
padding: 15px; | padding: 15px; | ||
background: #DB1D39; | background: #DB1D39; | ||
− | |||
− | |||
− | |||
text-align:center; | text-align:center; | ||
+ | width: 93px; | ||
} | } | ||
+ | /*This changes the color when you hover on the menu button*/ | ||
#menuContainer ul li:hover { | #menuContainer ul li:hover { | ||
background: #20BCBA; | background: #20BCBA; | ||
− | |||
} | } | ||
− | #menuContainer | + | /*HIde the submenus and removes the padding */ |
− | + | #menuContainer li ul { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
display: none; | display: none; | ||
− | + | padding-top:15px; | |
− | + | margin-left: -19px; | |
} | } | ||
− | #menuContainer | + | /*Shows the submenus once you hover*/ |
− | + | #menuContainer li:hover ul { | |
display: block; | display: block; | ||
− | + | position: absolute; } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | /*style the submenu buttons*/ | ||
+ | #menuContainer li ul li{ | ||
+ | background: #14747D; | ||
+ | width:93px; | ||
+ | margin-top:-1px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
#contentContainer { | #contentContainer { |
Revision as of 17:38, 12 February 2015