MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
(Add colour to edit notice on game pages)
(Hiding edit notice from main page)
 
(One intermediate revision by the same user not shown)
Line 108: Line 108:
/* Edit notice on pages with no categories */
/* Edit notice on pages with no categories */
.mw-editnotice-0 {
.mw-editnotice-0 {
   color: var(--color-text-warning);
   color: var(--color-warning);
}
 
/* Hide the Edit notice on the main page */
.action-edit.page-Main_Page .mw-editnotice-0, .action-submit.page-Main_Page .mw-editnotice-0 {
  display: none;
}
}

Latest revision as of 07:06, 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-warning);
}

/* Hide the Edit notice on the main page */
.action-edit.page-Main_Page .mw-editnotice-0, .action-submit.page-Main_Page .mw-editnotice-0 {
  display: none;
}