HerrHulaHoop (talk | contribs) (Add image-inline class) |
HerrHulaHoop (talk | contribs) (Add colour to edit notice on game pages) |
||
| Line 104: | Line 104: | ||
.image-inline { | .image-inline { | ||
display: inline-flex; | display: inline-flex; | ||
} | |||
/* Edit notice on pages with no categories */ | |||
.mw-editnotice-0 { | |||
color: var(--color-text-warning); | |||
} | } | ||
Revision as of 06:53, 15 June 2023
/* 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;
border-radius: 8px;
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);
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;
border-color: rgb(104, 109, 224);
border-style: solid;
border-width: 1px;
border-radius: var(--border-radius--medium);
}
.usermessage:hover {
border-color: var(--color-primary--hover);
}
/* 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);
}
/* Force images to be shown inline with surrounding text */
.image-inline {
display: inline-flex;
}
/* Edit notice on pages with no categories */
.mw-editnotice-0 {
color: var(--color-text-warning);
}