MediaWiki:Common.css: Difference between revisions

Revision as of 17:00, July 22, 2021

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

/* 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 template style */
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

/* 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;
}

/* default skin for navigation boxes */
table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 2px;
    text-align: center;
    width: 100%;
}

table.navbox th {
    background-color: #ccf;
    padding-left: 1em;
    padding-right: 1em;
}

table.navbox tr:not(:first-child) th {
    background-color: #ddf;
}

@media print {
    .navbox {
        display: none;
    }
}

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */

div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 4px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #fff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        background-color: #ccccff;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position:absolute;
        top:0px;
        right:3px;
        font-weight:normal;
        font-size:smaller;
}



/**************************/
/* 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 */
/************************/