HerrHulaHoop (talk | contribs) (Add citizen CSS (direct copy of timeless for now)) |
HerrHulaHoop (talk | contribs) No edit summary |
||
Line 13: | Line 13: | ||
.flexchild-border { | .flexchild-border { | ||
background-color: #f8f9fa; | /* background-color: #f8f9fa; */ | ||
border-style: solid; | border-style: solid; | ||
border-width: 1px; | border-width: 1px; | ||
border-color: #eaecf0; | /* border-color: #eaecf0; */ | ||
padding-left: 15px; | padding-left: 15px; | ||
padding-right: 15px; | padding-right: 15px; | ||
Line 48: | Line 48: | ||
border-bottom-style: solid; | border-bottom-style: solid; | ||
border-bottom-width: 1px; | border-bottom-width: 1px; | ||
border-bottom-color: #a2a9b1; | /* border-bottom-color: #a2a9b1; */ | ||
} | } | ||
Line 62: | Line 62: | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
font-size: 90%; | font-size: 90%; | ||
background-color: #f8f9fa; | /* background-color: #f8f9fa; */ | ||
border-style: solid; | border-style: solid; | ||
border-width: 1px; | border-width: 1px; | ||
border-color: #eaecf0; | /* border-color: #eaecf0; */ | ||
border-spacing: 0px; | border-spacing: 0px; | ||
box-shadow: | box-shadow: |
Revision as of 10:50, 26 December 2021
/* All CSS here will be loaded for users of the Citizen 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 { /* background-color: #f8f9fa; */ border-style: solid; border-width: 1px; /* border-color: #eaecf0; */ padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; margin: 5px; box-shadow: 1px 2px 2px hsl(238deg 66% 65% / 0.3), 2px 4px 4px hsl(238deg 66% 65% / 0.3), 4px 8px 8px hsl(238deg 66% 65% / 0.3); } .flexheading3 { font-size: 1.4em; margin-top: 0em; } .flexheading4 { font-size: 1.2em; margin-top: 0em; margin-bottom: 0.5em; } @media screen and ( max-width: 850px ) { .flexheading4 { margin-top: 0.5em; } } .text-bottomline { border-bottom-style: solid; border-bottom-width: 1px; /* border-bottom-color: #a2a9b1; */ } .flexchild-borderless > ul { margin-top: 0em; } /* Video game infobox */ .vginfobox { float: right; max-width: 365px; margin-left: 15px; margin-bottom: 15px; font-size: 90%; /* background-color: #f8f9fa; */ border-style: solid; border-width: 1px; /* border-color: #eaecf0; */ border-spacing: 0px; box-shadow: 1px 2px 2px hsl(238deg 66% 65% / 0.3), 2px 4px 4px hsl(238deg 66% 65% / 0.3), 4px 8px 8px hsl(238deg 66% 65% / 0.3); } @media screen and ( max-width: 850px ) { .vginfobox { float: none; font-size: 100%; margin: auto !important; } } .vginfobox > * > tr > th, .vginfobox > * > tr > td { padding: 10px 15px; }