MediaWiki:Common.css

MediaWiki interface page
Revision as of 21:20, 30 April 2021 by .jim (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* <pre class="wrap"><nowiki> */
/** CSS placed here will be applied to all skins. See also - "Wikia.css"*/

/*CUSTOM CLASSES*/
 
@import "/index.php?title=MediaWiki:Common.css/highlights.css&action=raw&ctype=text/css";
@import "/index.php?title=MediaWiki:Common.css/infobox.css&action=raw&ctype=text/css";
@import "/index.php?title=MediaWiki:Instant_Expert.css&action=raw&ctype=text/css";

/*END OF CUSTOM CLASSES*/

/* Coloration of kw1 element (like "color" right here) for readability */
.css.source-css .kw1 {
    color: DarkSlateGray !important;
}

.resizeimg img, .resizeimg a {width:inherit;height:inherit;max-width:inherit;}
 
/* Wikitable class for skinning normal tables */
table.wikitable {
    margin:1em 1em 1em 0;
    background:#F9F9F9;
    border:1px black solid;
    border-collapse:collapse;
}
table.wikitable th, table.wikitable td {
    border:1px black solid;
    padding:0.2em;
}
table.wikitable th {
    background:#151515;
    text-align:center;
}
table.wikitable caption {
    margin-left:inherit;
    margin-right:inherit;
    font-weight:bold;
}

table.wikitable tr:nth-child(even) {
    background:#181818;
}

table.notification {
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-image: linear-gradient(top, #181818, black);
    background-image: -o-linear-gradient(top, #181818, black);
    background-image: -moz-linear-gradient(top, #181818, black);
    background-image: -webkit-linear-gradient(top, #181818, black);
    background-image: -ms-linear-gradient(top, #181818, black);
    background-image: -khtml-linear-gradient(top, #181818, black);
    background-color: black; /*Fallback in case gradient fails*/
    padding: 8px;
    width: 100%;
    color: #D5D4D4;
    clear:both;
}
 
/* default skin for navigation boxes */
table.navbox {
    background-color:#222222;
    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:#333333;
    font-size:120%;
    padding-left:1em;
    padding-right:1em;
}
@media print {
    .navbox {
        display:none;
    }
}
 
/* Small reference list for Template:Reflist */
ol.references {
    font-size: 100%;
}
.references-small { 
    font-size:90%;
}
.references-2column {
    font-size:90%;
    -moz-column-count:2;
    column-count:2;
}
.same-bg {
    background:none
}
body
{
    cursor: auto;
    font-family: sans-serif;
}

 .sitenotice-nav { display: none; }

 /* Class to force links to be underlined 
 To use: <span class="underlinelink">[[link]]</span>  --Paulgb */
 .underlinelink a { text-decoration: underline ! important; }
 /* Class to force links to be not underlined - See .underlinelink for use -Paulgb */
 .nounderlinelink a { text-decoration: none ! important; }
 .nounderlinelink a:hover { text-decoration: underline ! important; }
 .forum_title a.forum_new { font-weight: bold; }
 .forum_title a.forum_new:visited { font-weight: normal; }
 .allpagesredirect { font-style: italic; }

 /* pre style override */
 pre.nostyle { padding:0; margin:0; border:none; background:none; }

pre.wrap
{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

 /* this class can be used in the content area to make a link appear like a new page link */
 #bodyContent .redlink a {color: #ba0000;}
 #bodyContent .redlink a.new:visited {color: #a55858;}

 /* class for forum navigation templates */
 .forumheader
 {
   background: #DFCAA0;
   border: none; 
   padding: 5px;
 }

 /* class for stub template styling */
 /* only applies to table and div elements - avoids conflicts with preexisting a.stub */
 table.stub, div.stub
 {
   background: #EFE1BC;
   margin: 0 0 0.5em 0.5em;
   text-align: center;
   padding: 5px;
   clear: center;
   font-size: 0.85em;
 }

/* class for article disambiguation templates */
.disambig
{
   background: #DFCAA0;
   font-size: 0.85em;
   text-align: center;
   width: 85%;
   margin: 0 auto 3px auto;
}

 /* styling for MediaWiki:Edittools */
 #edittools, #editpage-specialchars
 {
   border:2px solid #DFCAA0;
 }

 body.page-Main_Page #lastmod, 
 body.page-Main_Page #siteSub, 
 body.page-Main_Page #contentSub, 
 body.page-Main_Page h1.firstHeading { display: none !important; }

.references-small { font-size: 0.85em; }

/* rounded corners */
.rtop, .rbottom { display: block; padding: 0px; margin: 0px }
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; padding: 0px }
.r1 {margin: 0 5px}
.r2 {margin: 0 3px}
.r3 {margin: 0 2px}
.r4 {margin: 0 1px; height: 2px}
/* end rounded corners */

.hoverable .hoverable-inner
{ display: none;
  position: absolute;
  top: auto;
  text-align: left;
}

.hoverable:hover .hoverable-inner, .hoverable.over .hoverable-inner { display: inline; }

/* class for message box template styling */
.messagebox
{
  clear:both;
  width:85%;
  margin:0px auto 3px auto;
  padding:3px;
  font-size:95%;
} 

/* in-universe and out-of-universe message boxes */
.iumb, .ooumb
{ 
    border-width: 0;
    text-align:left;
    padding: 0;
}

.iumb table, .ooumb table
{
    padding: 5px 10px 5px 10px;
    background: transparent;
    color: inherit;
}

.iumb table.hidable-content, .ooumb table.hidable-content
{
    padding: 0;
}

.iumb-icon, .ooumb-icon
{
    vertical-align: middle;
    padding: 0;
}

.iumb-main, .ooumb-main
{
    padding: 0 0 0 10px;
}

.iumb-caption
{
    font-size: 1.3em;
    font-weight: bold;
}

.ooumb-caption
{
    font-size: 1em;
    font-weight: bold;
}

.iumb-comment
{
    font-size: 0.8em;
}

.iumb-hidable-button, .ooumb-hidable-button
{
    text-align: right;
    margin: 0;
    padding: 0 5px 0 0;
    font-size: 0.8em;
    vertical-align: bottom;
}

.iumb-table-container, .ooumb-table-container
{
    width: 100%;
}

.iumb p
{
    margin-top: 0;
    margin-bottom: 0;
}

/* userboxes */
.userbox
{
    float: left;
    border-width: 1px;
    border-style: solid;
    margin: 1px;
    width: 238px;
    padding: 0px;
}

.ubx-icon
{
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
}

.ubx-main
{
    font-size: 8pt;
    padding: 4pt;
    line-height: 1.25em;
}

.spoiler
{
    background-color: #fff8f8;
    color: #000000;
    border-color: black;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    text-align: center;
}

/*
    forum table
*/
.forumlist
{
    width: 100%;
    background: #DFCAA0;
}

.forumlist-header
{
    background: #996;
}

.forumlist-header th
{
    text-align: left;
}

.forumlist th, .forumlist td
{
    padding: 3px;
}

.ahtable
{
    padding: 0;
    width: 85%;
}

.ahtable th, .ahtable td
{
    padding: 3px;
}

.ahth
{
    text-align: left;
}

.ahtable .ahrt, .ahtable .ahrb
{
    padding: 0;
}

.ahf
{
    text-align: left;
    font-weight: normal;
}

.ahfstatus
{
    font-weight: bold;
}

.hidable-button
{
    color: #088;
    cursor: pointer;
}

.infobox .hidable-button
{
    color: #f0f0f0;
}

#p-search #searchInput
{
    text-transform: none;
}

/* new navboxes */
.nb2-wrapper
{
    text-align: center;
}

.nb2
{
/*    margin: auto; */
    border: 0;
}

.nb2-firstheading
{
    color: black;
    font-size: 1.1em;
    font-weight: bold;
    padding: 3px;
}

.nb2-inner
{
    width: 100%;
}

.nb2-inner th
{
    font-weight: bold;
}

.nb2-inner td
{
    font-size: 0.9em;
    text-align: center;
}

.nb2-end td
{
    font-size: 0.85em;
    text-align: center;
}

.nb-edi
{
    font-size: 0.85em;
}

.nb2 .nb-edi
{
    font-size: inherit;
}

.nb2-end a, .nb2-end .hidable-button
{
    color: black;
    text-transform: lowercase;
    text-decoration: none;
}

#search-icon-wrapper
{
    cursor: pointer;
}

#search-popup
{
    position: absolute;
    background: #DFCAA0;
    text-align: left;
    z-index: 8;
}

/* "printable version" tweaks */
@media print
{
    body, #content { background: white!important; }

    /* tweaks for title-messing templates */
    #title-override { left: 0px!important; font-weight: bold!important; background: #f4f8ff!important; }
    #title-eraicons { display: none!important; visibility: hidden !important }

    div.tleft { border: none!important; }
    div.tright { margin-left: 13px!important; }
    div.thumb { background: inherit!important; }

    h1, h2, h3, h4, h5, h6, .firstHeading { background: inherit !important }

    /* temporary hack; that div should be assigned class=noprint */
    .infoboxfooter { display:none !important }

    .printfooter { background: inherit !important; }
    #catlinks, #footer { display:none !important; }
}

/* Colored watchlist numbers */
.mw-plusminus-pos {
  color: #006400; /* darkgreen */
}

/* .mw-plusminus-null currently at developer default */

.mw-plusminus-neg {
  color: #cc2200; /* darkred */
}

.dablink {
  font-style:italic;
  padding-left:2em;
  }

/* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as
   there are no =headings= on the page, which there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
.toclimit-7 .toclevel-7 {display:none;}

/* Class for links with loudspeaker icon next to them */
/* (Used in [[Template:Audio]] and the like to make the speaker clickable) */
 
.audiolink a {
    /* Original url - http://images2.wikia.nocookie.net/elderscrolls/images/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png */
    background: url("https://images.wikia.nocookie.net/elderscrolls/images/1/1d/Music-icon.png") center left no-repeat !important;
    padding-left: 16px !important;
    padding-right: 0 !important;
}

.hidebox
{
    border: 1px solid #eee;
    padding: 3px;
    margin: auto;
}

/* Highlight clicked reference in blue to help navigation */
 ol.references > li:target { background-color: #144154; }
 sup.reference:target { background-color: #144154; }

/* Link FAs in other languages */

#p-lang li.FA {
list-style-image: url("https://images.wikia.nocookie.net/elderscrolls/images/1/10/InterwikiFA.png");
 }

/* New styling for appearance lists*/
table.appearances {
    padding: 5px;
    width: 100%;
    border: 1px solid #AAAAAA;
    -moz-border-radius: 6px;
    margin-bottom: 4px;
    text-align: left;
    clear: left;
}
table.appearances tr td { vertical-align: top; }

/* </nowiki></pre> */

/* Gallery temp fix */

li.gallerybox div.thumb {
  background-color: transparent !important;
  border: 0 none !important;
}
/* Warning template*/
.warningtemplate {
        background-color: whitesmoke;
        border: 2px solid #f66;
        color: black;
        margin: 0.8em 0;
        padding: 0.5em 12px;
        box-shadow: 0px 0px 6px rgba(0,0,0,0.66);
}
.warningtemplate em {
           color: maroon;
           font-size: 1.25em;
}

/* Fix background while zooming out */
.skin-oasis {
    background-size: cover;
}