HerrHulaHoop (talk | contribs) (Add background to main elements) |
HerrHulaHoop (talk | contribs) (Added background color, border shadows to various elements) |
||
| Line 23: | Line 23: | ||
margin: 5px; | margin: 5px; | ||
box-shadow: | 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); | |||
} | } | ||
| Line 41: | Line 40: | ||
float: right; | float: right; | ||
max-width: 23rem; | max-width: 23rem; | ||
border-spacing: 0; | |||
background-color: var(--color-surface-1); | |||
font-size: 0.875rem; | |||
padding: 15px; | |||
margin-left: 15px; | margin-left: 15px; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
box-shadow: | 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); | |||
} | } | ||
| Line 81: | Line 80: | ||
} | } | ||
/* Fix Padding on bottom of Patch | /* Fix Padding on bottom of Patch */ | ||
pre.mw-collapsed { | pre.mw-collapsed { | ||
padding-bottom: 2.5rem; | padding-bottom: 2.5rem; | ||
} | |||
/* Add styled borders to wikitables */ | |||
.wikitable { | |||
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); | |||
} | } | ||
Revision as of 19:53, 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: var(--color-surface-1);
font-size: 0.875rem;
border-radius: 8px;
padding: 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 {
margin-top: 0rem !important;
}
.flexheading4 {
margin-top: 0.8rem !important;
}
/* Video game infobox */
.vginfobox {
float: right;
max-width: 23rem;
border-spacing: 0;
background-color: var(--color-surface-1);
font-size: 0.875rem;
padding: 15px;
margin-left: 15px;
margin-bottom: 15px;
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: 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;
}
/* Add styled borders to wikitables */
.wikitable {
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);
}