User:Zendowolf/vector.css: Difference between revisions
Appearance
imported>Zendowolf testing css changes for prototype MainMenu template |
imported>Zendowolf add triple and quad sized tables - no resizing yet |
||
| Line 43: | Line 43: | ||
#doublemainmenu { | #doublemainmenu { | ||
width: 50%; | width: 50%; | ||
float:left; | |||
} | |||
#triplemainmenu { | |||
width: 75%; | |||
float:left; | |||
} | |||
#quadmainmenu { | |||
width: 100%; | |||
float:left; | float:left; | ||
} | } | ||
#doubleinnermainmenu { | #doubleinnermainmenu { | ||
width: 50%; | |||
vertical-align:top; | |||
} | |||
#tripleinnermainmenu { | |||
width: 33%; | |||
vertical-align:top; | |||
} | |||
#quadhalfmainmenu { | |||
width: 50%; | |||
vertical-align:top; | |||
} | |||
#quadquartermainmenu { | |||
width: 50%; | width: 50%; | ||
vertical-align:top; | vertical-align:top; | ||
Revision as of 20:18, 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: 50%;
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;
}
}