Difference between revisions of "Template:BU17 template menubar"

Line 13: Line 13:
 
}
 
}
 
#globalWrapper, #content { /* THIS IS A DEFAULT TAG. DONT KNOW IF NECESSARY BUT ALAN DID IT SO **LEGACY** */
 
#globalWrapper, #content { /* THIS IS A DEFAULT TAG. DONT KNOW IF NECESSARY BUT ALAN DID IT SO **LEGACY** */
−
width: 100%;
 
−
height: 100%;
 
−
border: 0px;
 
 
background-color: transparent;
 
background-color: transparent;
 +
border: 0px;
 +
height: 100%;
 
margin: 0px;
 
margin: 0px;
 
padding: 0px;
 
padding: 0px;
 +
width: 100%;
 
}
 
}
 
#banner { /* SEE ABOVE */
 
#banner { /* SEE ABOVE */
Line 28: Line 28:
 
}
 
}
 
.logo { /* LOGO IN MENU */
 
.logo { /* LOGO IN MENU */
−
width: 200px;
 
−
margin-top: -3px;
 
 
margin-left: 20px;
 
margin-left: 20px;
 
margin-right: 20px;
 
margin-right: 20px;
 +
margin-top: -3px;
 +
width: 200px;
 
}
 
}
 
red {color: #cc0000 !important;} /* LOL */
 
red {color: #cc0000 !important;} /* LOL */
 
#mainwrap {
 
#mainwrap {
−
width: 1060px;
 
 
margin: 0 auto;
 
margin: 0 auto;
 +
width: 1060px;
 
}
 
}
 
#menubar { /* MASTER MENU TABLE */
 
#menubar { /* MASTER MENU TABLE */
−
position: fixed;
+
background-color: #fefefe;
 +
border: 0;
 
display: table-row;
 
display: table-row;
 +
height: 80px;
 
list-style-type: none;
 
list-style-type: none;
 
margin-top: -1px
 
margin-top: -1px
−
border: 0;
 
 
padding: 0;
 
padding: 0;
−
white-space: nowrap;
+
position: fixed;
−
background-color: #fefefe;
+
−
height: 80px;
+
 
top:0px;
 
top:0px;
−
padding-left: 3000px; /* THIS MAKES IT EXTEND TO FULL WIDTH */
+
white-space: nowrap;
 
margin-left: -3000px;
 
margin-left: -3000px;
−
padding-right: 3000px;
 
 
margin-right: -3000px;
 
margin-right: -3000px;
 +
padding-left: 3000px; /* THIS MAKES IT EXTEND TO FULL WIDTH */
 +
padding-right: 3000px;
 
}
 
}
 
#menubar li {
 
#menubar li {
Line 58: Line 58:
 
}
 
}
 
li .menuitem, .dropbtn { /* MAIN MENU BUTTONS */
 
li .menuitem, .dropbtn { /* MAIN MENU BUTTONS */
 +
-webkit-transition:2s;
 +
color: #605e5e !important;
 
display: table-cell;
 
display: table-cell;
 
font-family: Arial, sans-serif;
 
font-family: Arial, sans-serif;
 
font-size: 130%;
 
font-size: 130%;
−
color: #605e5e !important;
+
padding: 40px 18px;
 
text-align: center;
 
text-align: center;
 +
text-decoration: none !important;
 
vertical-align: sub;
 
vertical-align: sub;
−
padding: 40px 18px;
 
−
text-decoration: none !important;
 
−
-webkit-transition:2s;
 
 
}
 
}
 
li.dropdown {
 
li.dropdown {
−
display: table-cell;
 
 
align-self: left;
 
align-self: left;
 +
display: table-cell;
 
}
 
}
 
.dropdown-content { /* DROP DOWN MENU CONTAINERS */
 
.dropdown-content { /* DROP DOWN MENU CONTAINERS */
−
display: none;
 
−
position: absolute;
 
 
background-color: #fefefe;
 
background-color: #fefefe;
 +
display: none;
 +
margin-top: -12px;
 
min-width: 160px;
 
min-width: 160px;
 +
position: absolute;
 
z-index: 1;
 
z-index: 1;
−
margin-top: -12px;
 
 
}
 
}
 
.dropdown-content .menuitem { /* RAIN DROP ... DROP DOWN */
 
.dropdown-content .menuitem { /* RAIN DROP ... DROP DOWN */
 
color: black;
 
color: black;
−
padding: 18px 16px;
 
−
text-decoration: none;
 
 
display: block;
 
display: block;
 +
padding: 18px 16px;
 
text-align: left;
 
text-align: left;
 +
text-decoration: none;
 
}
 
}
 
.dropdown-content .menuitem:hover {background-color: #fefefe;} /* HOVER ANIMATIONS */
 
.dropdown-content .menuitem:hover {background-color: #fefefe;} /* HOVER ANIMATIONS */

Revision as of 19:42, 11 July 2017