Difference between revisions of "User:Zendowolf/vector.css"
Jump to navigation
Jump to search
(add triple and quad sized tables - no resizing yet) |
(simplify) |
||
Line 72: | Line 72: | ||
#quadquartermainmenu { | #quadquartermainmenu { | ||
− | width: | + | width: 25%; |
vertical-align:top; | vertical-align:top; | ||
} | } |
Latest revision as of 20:40, 27 March 2021
/* Main Page Nav Menu Styling */
#menucontent {
padding-right:5px;
padding-left: 5px;
vertical-align:top;
}
.doublewidthmenu {
width:100%;
}
.doublewidthmenu td {
width:50%;
}
table.menulocations {
border:1px solid #8dcaf0;
border-radius:11px;
width:100%;
box-shadow: 0px 1px rgba(0,0,0,0.3);
margin-bottom:3px;
}
.mainmenuwrapper {
background-color:rgba(209,248,255,0.67);
float:left;
width: 100%;
}
.mainmenusection {
min-height: 379px;
vertical-align: top;
}
.mainmenusection table.wikitable {
margin:0px
}
#singlemainmenu {
width: 25%;
float:left;
}
#doublemainmenu {
width: 50%;
float:left;
}
#triplemainmenu {
width: 75%;
float:left;
}
#quadmainmenu {
width: 100%;
float:left;
}
#doubleinnermainmenu {
width: 50%;
vertical-align:top;
}
#tripleinnermainmenu {
width: 33%;
vertical-align:top;
}
#quadhalfmainmenu {
width: 50%;
vertical-align:top;
}
#quadquartermainmenu {
width: 25%;
vertical-align:top;
}
#mainmenuselections {
width:100%;
}
table#mainmenuselections td {
background-color: transparent;
border: none;
}
@media screen and (max-width: 880px) {
#singlemainmenu {
width: 100%;
clear:both;
min-height: auto;
}
#doublemainmenu {
width: 100%;
clear:both;
min-height: auto;
}
}