MediaWiki:Common.css: Difference between revisions

Latest revision as of 10:23, May 29, 2025

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Background color */
#globalWrapper {
  background-color:#69adde !important;
}

#mw-content-container {
    box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
    background-color:#c4edf9;
    background-image:url(https://i.gyazo.com/45003362ab5d62906fa8258627cc83e4.png);
    background-attachment: fixed;
    background-repeat:no-repeat;
    background-position:top center;
    border-bottom-color:#0050c4;
}
  body {
    font-family:'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
    color:#000;
    background:#42587a;
    font-size:0.95em;
    line-height:1.5
}

.color-middle, 
.color-left, 
.color-right {
	background: #005db0;
    background-color: #005db0;
}

#mw-footer-container {
    color: white;
    background: #42587a;
    margin: auto;
}

#mw-footer {
    padding-top:0.5em;
    padding-bottom:0.5em;
}

/* CSS for Skylanders Wiki */
.wikitable > * > tr > th {
    border: 1px solid #6295C2;
    background: #92dcee;
}
.wikitable > * > tr > td {
    border: 1px solid #7796B1;
    background: #f5fdff;
}

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}

.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */
h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}


/* Infobox templates */
.infobox {
   background: ghostwhite;
   border: 1px solid gray;
   float: right;
   margin: 0 0 1em 1.15em;
   width: 340px;
   padding: 3px;
   font-size: 88%;
}

.infobox tr {
	vertical-align: top;
}
.infobox td, .infobox th {
	padding: 2px;
}

.infobox .mw-collapsible-toggle {
	min-width: 39px;
	text-align: right;
}

/* aboutfile */

.aboutfile {
  background:#FFF;
  border:1px solid #000;
  border-collapse: collapse;
  font-size:95%;
  width: 90%;
  margin: 5px auto;
}

.aboutfile td {
  padding:3px;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
   border: 1px solid #aaa;
   margin-top: 1em;
   padding: 12px;
}
.forumlist td.forum_edited a {
   color: black;
   text-decoration: none;
}
.forumlist td.forum_title a {
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
   font-weight: bold;
   background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
   font-weight: normal;
   background: none;
   padding-left: 20px;
}
.forumlist th.forum_title {
   padding-left: 20px;
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
   color: #006500;
}
.mw-plusminus-neg {
   color: #8B0000;
}

/* Image frame fix */
div.tright, div.tleft {
   border: 1px solid silver;
}

div.thumbinner {
   background: inherit;
   border: none;
   color: inherit;
}
#article div.thumb {
   color:inherit;
}

/* === Babel === */

div.babelbox {
   float: right;
   margin-left: 1em;
   margin-bottom: 0.5em;
   width: 246px;
   border: 1px solid #99B3FF;
   padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
   margin: 2px 4px 2px 4px; /* t, l, b, r */
   width:238px;
   border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
   text-align:center;
   font-size:14pt;
   width:45px;
   height:45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
  font-size:8pt;
  padding:4pt;
  line-height:1.25em;
}

.lang-block0 {
   border:1px solid #FFB3B3;
}
td.lang-code0 {
  background-color: #FFB3B3;
  color: black;
}
td.lang-description0 {
  background-color: #FFE0E8;
  color: black;
}

.lang-block1, .lang-block2, .lang-block3 {
   border:1px solid #99B3FF;
}
td.lang-code1, td.lang-code2, td.lang-code3 {
  background-color: #99B3FF;
  color: black;
}
td.lang-description1, td.lang-description2, td.lang-description3 {
  background-color: #E0E8FF;
  color: black;
}

.lang-blockN {
   border:1px solid #6EF7A7;
}
td.lang-codeN {
  background-color: #6EF7A7;
  color: black;
}
td.lang-descriptionN {
  background-color: #C5FCDC;
  color: black;
}

/* <h3> Navigation templates </h3> */

.navbox {
	background: none repeat scroll 0 0 white;
	border: 1px solid grey;
	color: black;
	font-family: Arial;
	font-size: 11px;
	width: 100%;
	margin-top: 15px;
        border-spacing:3px;
}
.navbox + .navbox,
.navbox .navbox {
	margin-top: 0;
}
.navbox .mw-collapsible-toggle-expanded {
	padding-left: 7px;
}
.navbox:not(.multi) .mw-collapsible > tbody > tr:first-child > th {
	padding-left: 42px;
}
.navbox tr:first-child th {
	background: none repeat scroll 0 0 #999999;
	color: white;
	font-size: 12px;
	font-weight: bold;
}
.navbox tr:first-child th, .navbox tr:first-child th a {
	color: #FFFFFF !important;
}
.navbox tr th {
	background: none repeat scroll 0 0 #CCCCCC;
	text-align: center;
}
.navbox tr:not(:first-child) th:not([rowspan]):not([colspan]) {
	background: none repeat scroll 0 0 #E6E6E6;
}
.navbox tr th a, .navbox tr th a:visited, .navbox tr th a.new, .navbox tr th a.new:visited {
	color: #000000;
}
.navbox tr:nth-child(2n) td {
	background: none repeat scroll 0 0 #F6F6F6;
}
.navbox tr td {
	background: none repeat scroll 0 0 #FCFCFC;
}
.navbox td a {
	color: #0000FF;
}
.navbox td a:visited {
	color: #0000CC;
}
.navbox td a.new {
	color: #CC2200;
}
.navbox td a.new:visited {
	color: #A55858;
}
.navbox td a.selflink {
	color: #000;
}

.navbox.light > * > tr:first-child th, .navbox.light > * > tr:first-child th a {
	color: black !important;
}

/* Notice templates */
body:not(.ns-6) .notice-template + .notice-template {
	margin-top: -0.375em !important;
}
#mw-imagepage-content .notice-template + #aboutfile {
	margin-top: 0.75em !important;
}
#mw-imagepage-content .notice-template:not(#aboutfile) {
	margin-top: 0.75em !important;
	margin-bottom: 2.5px !important;
}

.notice-template p {
   margin: 0.6em 0;
}

.notice-template {
        display: flex;
        background: #CCC;
        border: 1px solid #000;
        margin: 0 2% 0.75em;
        padding:0 1em;
        color: #000;
}

.notice-template.copyright {
   background: #fff9f9;
   border: 1px solid #C55;
   width: 90%;
   margin: 5px auto;
   padding: 5px;
}

.mainpagebox {
	border: 2px solid blue;
	padding: 2px;
	background: #d2f5ff;
}
.mainpagebox p {
	margin: 0.9em 0 1em;
}
.mainpagebox#welcome {
	background: #d2f5ff;
	padding: 2px 2px 2px 0;
}
.mainpagebox#nav {
	font-size: 120%;
	padding: 2px 2px 5px 0;
	background: ghostwhite;
	border-color: blue;
}
.mainpagebox#nav ul {
	margin-left: 20px;
}

.mainpagebox#right {
	padding: 2px 2px 5px;
}
.mainpagebox.maintain {
	text-align: center;
	padding: 2px 2px 0;
	margin-top: 10px;
}
.mainpagebox h2 {
	padding: 4px 5px 2px;
	margin-bottom: 1px !important;
	border: 2px solid blue;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.MainTopText a {
	color: black !important;
	text-decoration: none;
}
.MainTopText a:hover {
	color: black;
	text-decoration: underline;
}

.mainpagebox#featured h2 {
	background: #06b9e1;
	border-color: #004664;
}

.mainpagebox#news h2 {
	background: #28d0aa;
	border-color: #280091;
}
.mainpagebox#dyk h2 {
    background: #0096d5;
    border-color: #001C8A;
}

/* main page responsive fixes */
@media all and (max-width:550px) {
 body.page-Main_Page #welcome > tbody > tr > td {
    display: block !important;
 }
 body.page-Main_Page #mp-body > tbody > tr > td {
    display: block !important;
    width: 100% !important;
 }
 body.page-Main_Page #mp-body > tbody > tr > td + td {
    margin-top: 5px !important;
 }
}

/* rc display adjustment */
.client-js .mw-input-hidden {
    display:inline-block;
}

/**************************/
/* BEGIN Portable Infobox */
/**************************/

/* ALL themes */
.pi-title {
    text-align: center;
}

/* Air Portable Infobox Theme */
.pi-theme-Air {
      background :#DFF;
      border:solid 3px #ADD8E6;
      color: #3d3d3d;
   }

/* Dark Portable Infobox Theme */
   .pi-theme-Dark {
      background :#ebebef;
      border:solid 3px #191970;
      color: #3d3d3d;
   }

/* Earth Portable Infobox Theme */
   .pi-theme-Earth {
      background :#FEC;
      border:solid 3px #960;
      color: #3d3d3d;
   }

/* Fire Portable Infobox Theme */
   .pi-theme-Fire {
      background :#FDD;
      border:solid 3px #1390FF;
      color: #3d3d3d;
   }

/* Kaos (Element) Portable Infobox Theme */
   .pi-theme-Kaos {
      background :#DFF;
      border:solid 3px #ADD8E6;
      color: #3d3d3d;
   }

/* Life Portable Infobox Theme */
   .pi-theme-Life {
      background :#EFC;
      border:solid 3px #9BCB65;
      color: #3d3d3d;
   }

/* Light Portable Infobox Theme */
   .pi-theme-Light {
      background :#fdff74;
      border:solid 3px #FFD700;
      color: #3d3d3d;
   }

/* Magic Portable Infobox Theme */
   .pi-theme-Magic {
      background :#EDF;
      border:solid 3px #9400D3;
      color: #3d3d3d;
   }

/* Tech Portable Infobox Theme */
   .pi-theme-Tech {
      background :#FFC;
      border:solid 3px #FFA500;
      color: #3d3d3d;
   }

/* Undead Portable Infobox Theme */
   .pi-theme-Undead {
      background :#EEF;
      border:solid 3px #808080;
      color: #3d3d3d;
   }

/* Undead Portable Infobox Theme */
   .pi-theme-Water {
      background :#CEF;
      border:solid 3px #4169E1;
      color: #3d3d3d;
}

/* Gallery fixes in FD's dark mode */
.theme-fandomdesktop-dark .pi-image-collection .wds-tabs__tab {
   color: #3d3d3d;
}

.pi-image-collection .wds-is-current {
    color: var(--theme-accent-color) !important;
}

/************************/
/* END Portable Infobox */
/************************/

/* Styles for CharElemList */
.char-elem-list {
	background-color: var(--theme-page-background-color--secondary);
}

/* Making gallery captions readable in light/dark themes */
.wikia-gallery-caption-below .lightbox-caption {
	color: rgba(var(--theme-page-text-color--rgb),.9);
}