Difference between revisions of "Template:UMaryland"

Line 24: Line 24:
 
margin-bottom: 10px;
 
margin-bottom: 10px;
 
background-color: #fff;  
 
background-color: #fff;  
−
border-bottom: 10px solid #3399FF;
+
border-bottom: 10px solid #000000;
−
border-right: 5px solid #3399FF;
+
border-right: 5px solid #000000;
 
                                 border-style:inset;
 
                                 border-style:inset;
 
border-left: 5px solid #000000;
 
border-left: 5px solid #000000;
Line 40: Line 40:
 
padding: 20px 0px;
 
padding: 20px 0px;
 
border-top: 14px solid #000000;
 
border-top: 14px solid #000000;
−
background-color: #3399FF;
+
background-color: #000000;
 
}
 
}
  
Line 126: Line 126:
 
/*MENU STYLING */
 
/*MENU STYLING */
  
−
/*Styling for the links in the menu */
+
  #menuContainer ul{
−
#menuContainer a {
+
        padding: 0;
−
color: 000000;
+
        list-style: none;
−
text-decoration:none;
+
    }
−
font-weight: bold;
+
  #menuContainer ul li{
−
}
+
        width: 100px;
−
 
+
        display: inline-block;
−
/* Sets the style for lists inside menuContainer  */
+
        position: relative;
−
#menuContainer ul {  
+
        text-align: center;
−
list-style: none;
+
        line-height: 21px;
−
margin-left:0px;
+
    }
−
}
+
  #menuContainer ul li a{
−
 
+
        display: block;
−
/*Styles the list items to become menu buttons */
+
        padding: 5px 10px;
−
#menuContainer ul li {  
+
        color: FFFFFF;
−
text-align: center;
+
        background: #FFFF00;
−
 
+
        text-decoration: none;
−
display: inline;
+
    }
−
padding:20px;
+
  #menuContainer ul li a:hover{
−
width: 100%;
+
        color: #000000;
−
height:30px;
+
        background: ##FFFF00;
−
padding-top:10px;
+
    }
−
}
+
  #menuContainer ul li ul{
−
 
+
        display: none;
−
/*For the menu buttons, changes the color when hovering*/
+
        position: absolute;
−
#menuContainer li:hover {
+
        z-index: 999;
−
color: #FFFFFF;
+
        left: 0;
−
background-color: #000000;
+
    }
−
}
+
  #menuContainer ul li:hover ul{
−
 
+
        display: block; /* display the dropdown */
−
/*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 {
+
−
/*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: #FFDD00;
+
−
padding-left:20px;
+
−
padding-right:20px;
+
−
height:30px;
+
−
padding-top:10px;
+
−
margin-top:-2px;
+
−
color: #000000;
+
−
width: 150px;
+
−
}
+
  
 
/*CLASSES */
 
/*CLASSES */
Line 206: Line 179:
  
  
 +
 +
 
</style>
 
</style>
 
<!-- End of CSS -->
 
<!-- End of CSS -->

Revision as of 03:14, 17 June 2015