Difference between revisions of "Template:UNC-Chapel Hill"

Line 31: Line 31:
  
  
drop_menu {
+
drop_menu {
background:#005555;
+
background:#005555;
padding:0;
+
padding:4px;
margin:0;
+
margin:0;
list-style-type:none;
+
list-style-type:none;
height:30px;
+
height:30px;
}
+
}
 
+
 
+
  
  
Line 119: Line 117:
 
     vertical-align: text-top;
 
     vertical-align: text-top;
 
     }
 
     }
 
 
 
/*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;
 
}
 
 
/*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;
 
}
 
 
/*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: #59BF92;
 
padding-left:20px;
 
padding-right:20px;
 
height:30px;
 
padding-top:10px;
 
margin-top:-2px;
 
color: #565656;
 
width: 150px;
 
}
 
  
 
/*CLASSES */
 
/*CLASSES */
Line 201: Line 138:
 
     }
 
     }
  
              .header {  
+
            .header {  
            height: 50px;  
+
        height: 100px;  
            background: #F0F0F0;  
+
background: #F0F0F0;  
            border: 1px solid #CCC;  
+
border: 1px solid #CCC;  
            position: fixed;  
+
position: fixed;  
            top: 0px;  
+
top: 0px;  
            width: 100%;  
+
width: 100%;  
                }
+
          }
  
.drop_menu li { float:left; }
+
.drop_menu li { float:left; }
.drop_menu li a {
+
padding:9px 20px;
+
display:block;
+
color:#005555;
+
text-decoration:none;
+
font:12px arial, verdana, sans-serif;
+
}
+
  
/* Submenu */
+
.drop_menu li a {
.drop_menu ul {
+
padding:9px 20px;
position:absolute;
+
display:block;
left:-9999px;
+
color:#005555;
top:-9999px;
+
text-decoration:none;
list-style-type:none;
+
font:12px arial, verdana, sans-serif;
}
+
}
.drop_menu li:hover { position:relative; background:#5FD367; }
+
 
.drop_menu li:hover ul {
+
/* Submenu */
left:0px;
+
.drop_menu ul {
top:30px;
+
position:absolute;
background:#5FD367;
+
left:-9999px;
padding:0px;
+
top:-9999px;
}
+
list-style-type:none;
 +
}
 +
 
 +
.drop_menu li:hover { position:relative; background:#5FD367; }
 +
 
 +
.drop_menu li:hover ul {
 +
left:0px;
 +
top:30px;
 +
background:#5FD367;
 +
padding:0px;
 +
}
 +
 
 +
.drop_menu li:hover ul li a {
 +
padding:5px;
 +
display:block;
 +
width:168px;
 +
text-indent:15px;
 +
background-color:#5FD367;
 +
}
  
.drop_menu li:hover ul li a {
+
.drop_menu li:hover ul li a:hover { background:#005555; }
padding:5px;
+
display:block;
+
width:168px;
+
text-indent:15px;
+
background-color:#5FD367;
+
}
+
.drop_menu li:hover ul li a:hover { background:#005555; }
+
 
 
 
</style>
 
</style>

Revision as of 15:45, 7 June 2015