Jump to content

User:Zendowolf/vector.css: Difference between revisions

From Stardew Valley Wiki
imported>Zendowolf
add triple and quad sized tables - no resizing yet
imported>Zendowolf
simplify
 
Line 72: Line 72:


#quadquartermainmenu {
#quadquartermainmenu {
   width: 50%;
   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;
    }
}