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 {
−
text-align: left;
 
−
display: inline;
 
−
margin: 0;
 
 
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;
−
color: #fff;
 
−
font-weight: bold;
 
−
width: 93px;
 
 
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;
−
color: #fff;
 
 
}
 
}
  
−
#menuContainer ul li ul {
+
/*HIde the submenus and removes the padding */
−
padding: 0;
+
#menuContainer li ul {
−
position: absolute;
+
−
top: 48px;
+
−
left: 0;
+
−
width: 150px;
+
 
display: none;
 
display: none;
−
opacity: 0;
+
padding-top:15px;
−
visibility: hidden;
+
margin-left: -19px;
 
}
 
}
  
−
#menuContainer ul li ul li {  
+
/*Shows the submenus once you hover*/
−
background: #20BCBA;
+
#menuContainer li:hover ul {
 
display: block;  
 
display: block;  
−
color: #fff;
+
position: absolute; }
−
font-weight:bold;
+
−
margin-top: -2px;
+
−
}
+
−
 
+
−
#menuContainer ul li ul li:hover {
+
−
background: #14747D;
+
  
 +
/*style the submenu buttons*/
 +
#menuContainer li ul li{
 +
background: #14747D;
 +
width:93px;
 +
margin-top:-1px;
 
}
 
}
  
−
#menuContainer ul li:hover ul {
 
−
display: block;
 
−
opacity: 1;
 
−
visibility: visible;
 
−
}
 
  
 
#contentContainer {
 
#contentContainer {

Revision as of 17:38, 12 February 2015