Difference between revisions of "User:Zendowolf/vector.css"

From Stardew Valley Wiki
Jump to navigation Jump to search
(add triple and quad sized tables - no resizing yet)
(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;
    }
}