Difference between revisions of "Template:TeamTemplateA"

Line 65: Line 65:
 
background-color: #E8E8E9;
 
background-color: #E8E8E9;
 
}
 
}
 +
 +
/*Makes all the links the same */
 +
#menuContainer a {
 +
color:white;
 +
text-decoration:none;
 +
font-weight: bold;
 +
}
 +
  
 
/* Sets the style for lists inside menuContainer  */
 
/* Sets the style for lists inside menuContainer  */
Line 72: Line 80:
 
}
 
}
  
 +
/*Styles the list items to become menu buttons */
 
#menuContainer ul li {  
 
#menuContainer ul li {  
 
background-color: #E8E8E9;
 
background-color: #E8E8E9;
Line 81: Line 90:
 
}
 
}
  
−
/* defines the bullet element inside menu container */
+
/*This changes the color when you hover on the menu button*/
−
#menuContainer li, #menuContainer li a  {
+
#menuContainer li:hover {
 
color:  #1D1313;
 
color:  #1D1313;
 
font-weight: bold;
 
font-weight: bold;
 
}
 
}
  
−
/* defines the style change when hover over bullet element */
+
/*HIde the submenus and removes the padding */
−
#menuContainer li:hover, #menuContainer ul a:hover{
+
#menuContainer li ul {
−
text-decoration: none;
+
−
color: #fff;
+
−
background-color: #24B694;
+
−
}
+
−
+
−
/* sub menus are not displayed */
+
−
#menuContainer ul ul {
+
 
display: none;
 
display: none;
 +
padding-top:15px;
 +
margin-left: -19px;
 
}
 
}
  
 +
/*Shows the submenus once you hover*/
 +
#menuContainer li:hover ul {
 +
display: block;
 +
position: absolute;
 +
}
  
−
#menuContainer ul ul li {
+
/*style the submenu buttons*/
−
background-color: #24B694;
+
#menuContainer li ul li{
−
margin-left: -2px;
+
background: #14747D;  
−
margin-top: -4px;
+
width:93px;
 +
margin-top:-1px;
 
}
 
}
  
−
#menuContainer ul ul li:hover {
 
−
background-color: #59bf92;
 
−
}
 
−
 
−
/* sub menus are displayed when hovering on the ul */
 
−
#menuContainer ul li:hover > ul {
 
−
position: absolute;
 
−
display: block;
 
−
top: 0;
 
−
left: 100%;
 
−
}
 
  
 
#contentContainer {
 
#contentContainer {

Revision as of 18:03, 13 February 2015