HerrHulaHoop (talk | contribs) (Try to improve user message Css) |
HerrHulaHoop (talk | contribs) (Add layout margin back) |
||
Line 74: | Line 74: | ||
margin-top: 0.6rem; | margin-top: 0.6rem; | ||
margin-bottom: 0.8rem; | margin-bottom: 0.8rem; | ||
max-width: var(--width-layout); | |||
margin-right: auto; | |||
margin-left: auto; | |||
} | } | ||
Revision as of 18:44, 2 May 2022
/* 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; } #mainpage-flexbox, #help-flexbox { margin-top: 0.8rem; } .flexchild-stretch { flex-grow: 1; } .flexchild-border { /* background-color: #f8f9fa; */ padding: 15px; margin: 5px; box-shadow: 0px 0px 2px hsl(238deg 66% 65% / 0.3), 0px 0px 4px hsl(238deg 66% 65% / 0.3), 0px 0px 6px hsl(238deg 66% 65% / 0.3), 0px 0px 8px hsl(238deg 66% 65% / 0.3); } .flexheading3 { margin-top: 0rem !important; } .flexheading4 { margin-top: 0.8rem !important; } /* Video game infobox */ .vginfobox { float: right; max-width: 23rem; margin-left: 15px; margin-bottom: 15px; font-size: 90%; /* background-color: #f8f9fa; */ border-spacing: 0px; box-shadow: 0px 0px 2px hsl(238deg 66% 65% / 0.3), 0px 0px 4px hsl(238deg 66% 65% / 0.3), 0px 0px 6px hsl(238deg 66% 65% / 0.3), 0px 0px 8px hsl(238deg 66% 65% / 0.3); } @media screen and ( max-width: 719px ) { .vginfobox { float: none; font-size: 100%; margin: auto !important; max-width: 30rem !important; } } .vginfobox > * > tr > th, .vginfobox > * > tr > td { padding: 10px 15px; } /* Add background and color to user message notifications */ .usermessage { background-color: var(--color-surface-2); color: var(--color-base--subtle); border-radius: var(--border-radius--medium); font-size: 0.875rem; line-height: 1.4; padding: 10px 15px; margin-top: 0.6rem; margin-bottom: 0.8rem; max-width: var(--width-layout); margin-right: auto; margin-left: auto; } /* Fix Padding on bottom of Patch */ pre.mw-collapsed { padding-bottom: 2.5rem; }