HerrHulaHoop (talk | contribs) (Removed CSS that needs to be handled within the theme itself) |
HerrHulaHoop (talk | contribs) (Keeping CSS segregation sane) |
||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Timeless skin */ | /* CSS placed here will affect users of the Timeless skin */ | ||
/* Flexbox | /* Flexbox used in the Main page */ | ||
.flexbox-row-wrap { | |||
display: flex; | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
} | |||
.flexchild-stretch { | |||
flex-grow: 1; | |||
} | |||
.flexchild-border { | .flexchild-border { | ||
border-style: solid; | border-style: solid; | ||
Line 9: | Line 19: | ||
padding-left: 15px; | padding-left: 15px; | ||
padding-right: 15px; | padding-right: 15px; | ||
padding-top: | padding-top: 15px; | ||
padding-bottom: | padding-bottom: 15px; | ||
margin-right: 10px; | margin-right: 10px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
Line 24: | Line 34: | ||
margin-top: 0em; | margin-top: 0em; | ||
margin-bottom: 0.5em; | 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: 375px; | |||
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; | |||
} | } |
Revision as of 07:09, 13 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: 375px; 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; }