HerrHulaHoop (talk | contribs) (Keeping CSS segregation sane) |
HerrHulaHoop (talk | contribs) (Reduced width of infobox) |
||
Line 45: | Line 45: | ||
.vginfobox { | .vginfobox { | ||
float: right; | float: right; | ||
max-width: | max-width: 365px; | ||
margin-left: 15px; | margin-left: 15px; | ||
margin-bottom: 15px; | margin-bottom: 15px; |
Revision as of 14:24, 21 October 2019
/* CSS placed here will affect users of the Timeless skin */ /* Flexbox used in the Main page */ .flexbox-row-wrap { display: flex; flex-direction: row; flex-wrap: wrap; } .flexchild-stretch { flex-grow: 1; } .flexchild-border { border-style: solid; border-width: 1px; border-color: #cccccc; border-radius: 10px; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; margin-right: 10px; margin-bottom: 10px; } .flexheading3 { font-size: 1.4em; margin-top: 0em; } .flexheading4 { font-size: 1.2em; margin-top: 0em; margin-bottom: 0.5em; } .text-bottomline { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #a2a9b1; } /* Formatting for the video game infobox template */ .vginfobox { float: right; max-width: 365px; margin-left: 15px; margin-bottom: 15px; font-size: 90%; border-spacing: 0px; border-style: solid; border-width: 1px; border-color: #eeeeee; } @media screen and ( max-width: 850px ) { .vginfobox { float: none; margin: auto; font-size: 100%; } } .vginfobox > * > tr > th, .vginfobox > * > tr > td { padding: 10px; }