Jump to content

MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 04:18, 26 April 2025

12,357 bytes removed ,  26 April
attempting to replace more old collapsible CSS with new CSS
(replacing raster icon for external internal links with vector one)
(attempting to replace more old collapsible CSS with new CSS)
 
(35 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Main page fixes */
/* CSS brought over from Wikipedia appears first. CSS written for our wiki comes second, under the heading CUSTOM ONI WIKI ADDITIONS. */
#interwiki-completelist {
 
    font-weight: bold;
/* WIKIPEDIA CARRY-OVERS */
}
/* The original markup on Wikipedia's Common.css page should be checked once in a while for updates to, or removal of, this markup */
body.page-Main_Page #ca-delete {
    display: none !important;
}


body.page-Main_Page #mp-topbanner {
/* TODO: Localize checkerboard image */
  clear: both;
@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}
/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}
}


/* Do not display header */
/* Do not display title of Main Page */
body.page-Main_Page h1.firstHeading { display:none; }
body.page-Main_Page h1.firstHeading { display:none; }


/**
/* Consistent size for <small>, <sub> and <sup> */
* hovertable class
small {
*/
font-size: 85%;
table.hovertable
{
margin: 1em 1em 1em 0;
background-color: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
color: black;
}
.hovertable td
{
border: none;
padding: 0.2em;
}
.hovertable td.hovercell
{
border: 1px #aaa solid;
padding: 0.2em;
}
}
.hovertable td.embedded
.mw-body-content sub,
{
.mw-body-content sup {
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(0, 0, 255, 0.2) 10px, rgba(0, 0, 255, 0.2) 20px);
font-size: 80%;
        background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(0, 0, 255, 0.2) 10px, rgba(0, 0, 255, 0.2) 20px);
}
.hovertable td.hovertable_descrip
{
border: 1px #aaa solid;
padding: 0.2em;
        position: fixed;
}
}


 
/* Same spacing for indented and unindented paragraphs on talk pages */
/* Edit window toolbar */
.ns-talk .mw-body-content dd {
#toolbar {
margin-top: 0.4em;
    height: 22px;
margin-bottom: 0.4em;
    margin-bottom: 6px;
}
}


/* Margins for <ol> and <ul> */
/* Reduce page jumps by hiding collapsed/dismissed content */
div#content ol, div#content ul,
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
div#mw_content ol, div#mw_content ul {
    margin-bottom: 0.5em;
}


/* Make the list of references smaller */
/* TODO: Doesn't seem to work in hiding the "do it yourself" box on [[Developer Mode]] */
ol.references,
/* Avoid FOUC/reflows on collapsed elements. */
div.reflist,
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
div.refbegin {
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
    font-size: 90%;            /* Default font-size */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
}
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
div.reflist ol.references {
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
    font-size: 100%;          /* Reset font-size when nested in div.reflist */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
    list-style-type: inherit;  /* Enable custom list style types */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
}
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,


/* Highlight clicked reference in blue to help navigation */
/* Styling for jQuery makeCollapsible, matching that of collapseButton */
ol.references li:target,
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
sup.reference:target,
font-weight: normal;
span.citation:target {
padding-right: 0.2em;
    background-color: #DEF;
padding-left: 0.2em;
}
}


/* Ensure refs in table headers and the like aren't bold or italic */
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
sup.reference {
/* @noflip */
    font-weight: normal;
float: left;
    font-style: normal;
}
}


/* Allow hidden ref errors to be shown by user CSS */
/* Different margin on references */
span.brokenref {
.references {
    display: none;
margin-bottom: 0.5em;
}
}


/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
/* Cite customizations */
.citation {
span[ rel="mw:referencedBy" ] {
    word-wrap: break-word;
counter-reset: mw-ref-linkback 0;
}
}
 
span[ rel='mw:referencedBy' ] > a::before {
/* Default styling for titles of works, styling for the title of an article
content: counter( mw-ref-linkback, lower-alpha );
  within a periodical, or a contribution within a compilation. */
font-size: 80%;
cite,
font-weight: bold;
.citation cite.article,
font-style: italic;
.citation cite.contribution {
    font-style: inherit;
}
}
 
a[ rel="mw:referencedBy" ]::before {
/* Styling for the title of any work within a citation,
font-weight: bold;
  or specifically the title of a periodical. */
content: "^";
.citation cite,
.citation cite.periodical {
    font-style: italic;
}
}
span[ rel="mw:referencedBy" ]::before {
/* For linked citation numbers and document IDs, where
content: "^ ";
  the number need not be shown on a screen or a handheld,
  but should be included in the printed version */
@media screen, handheld {
    .citation *.printonly {
        display: none;
    }
}
}


/* Default skin for navigation boxes */
/* TODO: Correct/replace for use in Vector 2022 */
table.navbox {            /* Navbox container style */
/* When <div class="nonumtoc"> is used on the table of contents,
    border: 1px solid #aaa;
  the ToC will display without numbers */
    width: 100%;
.nonumtoc .tocnumber { display: none; }
    margin: auto;
.nonumtoc #toc ul,
     clear: both;
.nonumtoc .toc ul {
     font-size: 88%;
     line-height: 1.5em;
     text-align: center;
     list-style: none;
     padding: 1px;
     margin: .3em 0 0;
     padding: 0;
}
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
.nonumtoc #toc ul ul,  
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */
.nonumtoc .toc ul ul {  
}
     margin: 0 0 0 2em;  
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    text-align: center;      /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
.navbox-group {              /* Group style */
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}
.navbox, .navbox-subgroup {
    background: #fdfdfd;    /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;  /* Must match background color */
}
.navbox-title,
table.navbox th {
    background: #ccccff;    /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
     background: #ddddff;    /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;    /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;    /* Even row striping */
}
.navbox-odd {
    background: transparent; /* Odd row striping */
}
}


.collapseButton {          /* 'show'/'hide' buttons created dynamically */
/* TODO: Correct/replace for use in Vector 2022 */
    float: right;          /* by the CollapsibleTables javascript in   */
/* Allow limiting of which header levels are shown in a TOC;
    font-weight: normal;  /* [[MediaWiki:Common.js]] are styled here  */
  <div class="toclimit-3">, for instance, will limit to
    text-align: right;    /* so they can be customised.               */
  showing ==headings== and ===headings=== but no further
     width: auto;
  (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
     display: none;
}
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
/* Above, but for Vector 2022 */
    width: 6em;            /* the vde links from [[Template:Navbar]],   */
.toclimit-2 .sidebar-toc-level-1 ul,
}                          /* so they need to be the same width.         */
.toclimit-3 .sidebar-toc-level-2 ul,
 
.toclimit-4 .sidebar-toc-level-3 ul,
.navbar {                  /* Navbox template links */
.toclimit-5 .sidebar-toc-level-4 ul,
    font-size: 88%;        /* Default font-size */
.toclimit-6 .sidebar-toc-level-5 ul,
    font-weight: normal;
.toclimit-7 .sidebar-toc-level-6 ul {
}
     display: none;
.navbox .navbar {
     font-size: 100%;       /* Font-size when nested within navbox */
}
}


/* Infobox template style */
/* CUSTOM ONI WIKI ADDITIONS */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}


.infobox.sisterproject {
/* TODO: Restore to working order */
    width: 20em;
/* Redesigned outbound arrow for external links */
    font-size: 90%;
div#content a.external
{
background-image:url(/w/images/e/ea/Link_icon_-_external.svg);
background-size:10px;
background-position:top right;
background-repeat:no-repeat;
padding-right:11px;
}
}


.infobox.standard-talk {
/* Replace the padlock icon used for HTTPS links with the same
    border: 1px solid #c0c090;
  outward arrow used for external HTTP links */
    background-color: #f8eaba;
div#content a.external[href^="https://"]
}
{
.infobox.standard-talk.bordered td,
background-image:url(/w/images/e/ea/Link_icon_-_external.svg);
.infobox.standard-talk.bordered th {
background-position:top right;
    border: 1px solid #c0c090;
background-repeat:no-repeat;
padding-right:11px;
}
}


/* styles for bordered infobox with merged rows */
/* Provide sideways arrow for links to other Oni2.net sites */
.infobox.bordered .mergedtoprow td,
div#content a.external[href*=".oni2.net"]
.infobox.bordered .mergedtoprow th {
{
    border: 0;
background-image:url(/w/images/9/98/Link_icon_-_oni2.net.svg);
    border-top: 1px solid #aaa;
background-size:12px;
    border-right: 1px solid #aaa;
background-position:top right;
background-repeat:no-repeat;
padding-right:13px;
}
}


.infobox.bordered .mergedrow td,
/* Provide circular arrow for external internal links */
.infobox.bordered .mergedrow th {
div#content a.external[href*="wiki.oni2.net"]
    border: 0;
{
    border-right: 1px solid #aaa;
background-image:url(/w/images/7/7d/Link_icon_-_external_internal.svg);
background-position:top right;
background-repeat:no-repeat;
padding-right:12px;
}
}


/* Normal font styling for table row headers with scope="row" tag */
/* Show movie icon for links to movie files that typically play in-browser */
.wikitable.plainrowheaders th[scope=row] {
div#content a.external[href$=".avi"],
    font-weight: normal;
div#content a.external[href$=".mov"],
    text-align: left;
div#content a.external[href$=".mp4"],
div#content a.external[href$=".wmv"]
{
background-image:url(/w/images/4/45/Link_icon_-_movie_file.svg);
background-size:12px;
background-position:top right;
background-repeat:no-repeat;
padding-right:14px;
}
}


/* lists in data cells are always left-aligned */
/* Show sound icon for links to audio files that typically play in-browser */
.wikitable td ul,
div#content a.external[href$=".m4a"],
.wikitable td ol,
div#content a.external[href$=".mp3"],
.wikitable td dl {
div#content a.external[href$=".wav"]
    text-align: left;
{
background-image:url(/w/images/5/52/Link_icon_-_sound_file.svg);
background-size:12px;
background-position:top right;
background-repeat:no-repeat;
padding-right:14px;
}
}


/* Content in columns with CSS instead of tables [[Template:Columns]] */
/* Provide green upward arrow for interwiki links */
div.columns-2 div.column {
div#content a.extiw
    float: left;
{
    width: 50%;
background-image:url(/w/images/d/dd/Link_icon_-_interwiki.svg);
    min-width: 300px;
background-position:top right;
}
background-repeat:no-repeat;
div.columns-3 div.column {
padding-right:11px;
    float: left;
    width: 33.3%;
    min-width: 200px;
}
div.columns-4 div.column {
    float: left;
    width: 25%;
    min-width: 150px;
}
div.columns-5 div.column {
    float: left;
    width: 20%;
    min-width: 120px;
}
}


/* Messagebox templates */
/* TODO: TO BE PORTED TO TEMPLATESTYLES */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em;
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em;
    background: #F8EABA;
}


/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes, used by [[Template:Fmbox]] */
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
     border: none;  
     border: none;  
Line 614: Line 488:
}
}


/* suppress missing interwiki image links where #ifexist cannot
/**
  be used due to high number of requests see .hidden-redlink on
* Hover table class, demonstrated on [[User:Iritscen/HoverTableDemo]]
  http://meta.wikimedia.org/wiki/MediaWiki:Common.css
*/
.check-icon a.new {
    display: none;
    speak: none;
}
 
/* Removes underlines from certain links */
.nounderlines a,
.IPA a:link, .IPA a:visited {
    text-decoration: none;
}
 
/* Standard Navigationsleisten, aka box hiding thingy
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}
 
/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
    font-style: italic;
    padding-left: 2em;
    margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
    font-style: normal;
}
 
/* Style for horizontal UL lists */
.horizontal ul {
    padding: 0;
    margin: 0;
}
.horizontal li {
    padding: 0 0.6em 0 0.4em;
    display: inline;
    border-right: 1px solid;
}
.horizontal li:last-child {
    border-right: none;
    padding-right: 0;
}
 
/* Allow transcluded pages to display in lists rather than a table.
  Compatible in Firefox; incompatible in IE6. */
.listify td    { display: list-item; }
.listify tr    { display: block; }
.listify table { display: block; }
 
/* When <div class="nonumtoc"> is used on the table of contents,
  the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul,
.nonumtoc .toc ul ul {
    margin: 0 0 0 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-1 ul,
table.hovertable
.toclimit-3 .toclevel-2 ul,
{
.toclimit-4 .toclevel-3 ul,
margin: 1em 1em 1em 0;
.toclimit-5 .toclevel-4 ul,
background-color: #f9f9f9;
.toclimit-6 .toclevel-5 ul,
border: 1px #aaa solid;
.toclimit-7 .toclevel-6 ul {
border-collapse: collapse;
    display: none;
color: black;
}
}
 
.hovertable td
/* User block messages */
{
div.user-block {
border: none;
    padding: 5px;
padding: 0.2em;
    margin-bottom: 0.5em;
    border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}
}
 
.hovertable td.hovercell
/* Prevent line breaks in silly places:
{
  1) Links when we don't want them to
border: 1px #aaa solid;
  2) Bold "links" to the page itself
padding: 0.2em;
  2) HTML formulae
  3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a {
    white-space: nowrap;
}
}
 
.hovertable td.embedded
/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa;
    background-color: #ecfcf4;
    padding: 1em;
}
 
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div {
    display: inline;
}
 
/* Increase the height of the image upload box */
#wpUploadDescription {
    height: 13em;
}
 
/* Reduce line-height for <sup> and <sub> */
sup, sub {
    line-height: 1em;
}
 
/* Minimum thumb width */
.thumbinner {
    min-width: 100px;
}
 
/* Makes the background of a framed image white instead of gray. */
/* Only visible with transparent images. */
div.thumb img.thumbimage {
    background-color: #fff;
}
/* The backgrounds for galleries. */
div#content .gallerybox div.thumb {
    background-color: #F9F9F9;  /* Light gray padding */
}
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
.filehistory a img,
#file img {
    background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img {
    background: white;
}
 
/* Prevent floating boxes from overlapping any category listings,
  file histories, edit previews, and edit [Show changes] views */
#mw-subcategories, #mw-pages, #mw-category-media,
#filehistory, #wikiPreview, #wikiDiff {
    clear: both;
}
 
/* Fix monospace fontsize in new edit toolbar (jquery.wikiEditor.toolbar.css).
  [[Bugzilla:27502]] */
.wikiEditor-ui-toolbar .section-help .page-table td.cell-syntax,
.wikiEditor-ui-toolbar .section-help .page-table td.syntax {
    font-family: monospace, "Courier New";
}
 
/* Fix so <syntaxhighlight> tags and .css and .js pages get normal text size.
  [[Bugzilla:26204]] */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
tt,
code,
pre {
    font-family: monospace, "Courier New" !important;
    font-size:100%;
}
 
/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors > li {
    list-style: none;
}
ul.permissions-errors {
    margin: 0;
}
 
/* No linewrap on the labels of the login/signup page */
body.page-Special_UserLogin .mw-label label,
body.page-Special_UserLogin_signup .mw-label label { white-space : nowrap; }
 
/* Disable the automatic text-size adjust of WebKit on iPhones etc.
  It scales some text, and not the other. Use none, or fixed percentage instead.
  Use media selector, because defining a value, overwrites platform defaults. */
@media only screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none;
    }
}
 
/* Pie chart test: Transparent borders */
.transborder {
    border: solid transparent;
}
* html .transborder {  /* IE6 */
    border: solid #000001;
    filter: chroma(color=#000001);
}
 
/* Style for horizontal lists (separator following item) */
ol.hlist, ul.hlist,
.hlist ol, .hlist ul {
    margin: 0 !important;
}
.hlist li {
    padding: 0em 0.6em 0em 0em;
    display: inline;
    background: url("http://upload.wikimedia.org/wikipedia/commons/d/da/Middot.png") no-repeat right;
}
.hlist li:last-child {
    padding-right: 0em;
    background: none;
}
 
 
/* BREADCRUMB CODE FOR THE ACCOUNT CREATION PROCESS */
.breadcrumb {
        list-style: none;
        overflow: hidden;
        font: 14px Helvetica, Arial, Sans-Serif;
}
.breadcrumb li {
        float: left;
        margin-bottom: 0;
}
.breadcrumb li a {
        color: white;
        text-decoration: none;
        padding: 10px 0 10px 45px;
        position: relative;
        display: block;
        float: left;
}
.breadcrumb li a:after,
.breadcrumb li a:before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;          /* Go big on the size, and let overflow hide */
        border-bottom: 50px solid transparent;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 100%;
        z-index: 2;
}
.breadcrumb li a:before {
        border-left: 31px solid white;
        margin-left: 1px;
        z-index: 1;
}
.breadcrumb li:first-child a {
        padding-left: 20px;
}
.currentcrumb a {
        background: #069;
}
.currentcrumb a:after {
        border-left: 30px solid #069;
}
.currentcrumb a:hover, .prevcrumb a:hover, .nextcrumb a:hover {
        background: #002d44;
}
.currentcrumb a:hover:after, .prevcrumb a:hover:after, .nextcrumb a:hover:after { border-left-color: #002d44 !important; }
.prevcrumb a {
        background: #396;
}
.prevcrumb a:after {
        border-left: 30px solid #396;
}
.nextcrumb a {
        background: #999;
}
.nextcrumb a:after {
        border-left: 30px solid #999;
}
 
/* Makes it possible for the boxes in the Account Creation Process to overlap */
#userlogin {
margin:0;
width:90% !important;
max-width:100% !important;
padding:1.5em;
padding-top:0.75em !important;
border:0;
-moz-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow:  inset 0 0px 10px rgba(0, 0, 0, 0.35);
box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.35);
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background:white;
background: #fff;
background: -moz-linear-gradient(bottom, #fff 90%, #F5F5F5 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(90%,#fff), color-stop(100%,#F5F5F5));
background: -webkit-linear-gradient(bottom, #fff 90%,#F5F5F5 100%);
background: -o-linear-gradient(bottom, #fff 90%,#F5F5F5 100%);
background: -ms-linear-gradient(bottom, #fff 90%,#F5F5F5 100%);
background: linear-gradient(bottom, #fff 90%,#fff 100%);
}
 
/* Redesigned outbound arrow for external links */
div#content a.external
{
{
background-image:url(/w/images/b/bf/Link_icon-external.svg);
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(0, 0, 255, 0.2) 10px, rgba(0, 0, 255, 0.2) 20px);
background-position:top right;
        background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(0, 0, 255, 0.2) 10px, rgba(0, 0, 255, 0.2) 20px);
background-repeat:no-repeat;
padding-right:11px;
}
}
 
.hovertable td.hovertable_descrip
/* Replace the padlock icon used for HTTPS links with the same
  outward arrow used for external HTTP links */
div#content a.external[href^="https://"]
{
{
background-image:url(/w/images/b/bf/Link_icon-external.svg);
border: 1px #aaa solid;
background-position:top right;
padding: 0.2em;
background-repeat:no-repeat;
        position: fixed;
padding-right:11px;
}
}


/* Provide sideways arrow for links to other Oni2.net sites */
/* For creating popups that display immediately upon mouse hover; used by [[Template:Hover]] */
div#content a.external[href*=".oni2.net"]
span.has_popup {
{
  position:relative;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAVUlEQVQoU52QiwkAIAhEm9ad2qmdzAsKO1Qo4YVenn2aqj4RihWhCKQPWywj/So8aJZuCZlOYgPX5gY1gk3HgCtk4U3/JzBoKt/APP9SRihWhGKOtgni8K5gX3OZtgAAAABJRU5ErkJggg==);
}
}
 
span.has_popup span.popup {
/* Provide circular arrow for external internal links */
  display:none;
div#content a.external[href*="wiki.oni2.net"]
{
background-image:url(/w/images/7/7d/Link_icon_-_external_internal.svg);
background-position:top right;
background-repeat:no-repeat;
padding-right:11px;
}
}
 
span.has_popup:hover span.popup {
/* Show movie icon for links to .mov files */
  display:block;
div#content a.external[href$=".mov"]
  left:13px;
{
  position:absolute;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAASUExURczg9bLR8DOF1maj4P///wBmzL8VgU8AAABLSURBVHjaYmBmZWVkYWFkZWUGCCAGZgYmViBgYmAGCCAGhChAAIFEWYAAKAoQQEiiAAGEpBYggJBEAQIISS1AACGJAgQQklqAAAMARm0BQ7tR/e0AAAAASUVORK5CYII=);
  top:9px;
}
}


/* Show movie icon for links to .mp4 files */
/* For creating a tree-like list; see [[Template:Tree list]] */
div#content a.external[href$=".mp4"]
.treeview ul {
{
padding: 0;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAASUExURczg9bLR8DOF1maj4P///wBmzL8VgU8AAABLSURBVHjaYmBmZWVkYWFkZWUGCCAGZgYmViBgYmAGCCAGhChAAIFEWYAAKAoQQEiiAAGEpBYggJBEAQIISS1AACGJAgQQklqAAAMARm0BQ7tR/e0AAAAASUVORK5CYII=);
margin: 0 !important;
}
}


/* Show movie icon for links to .avi files */
.treeview li {
div#content a.external[href$=".avi"]
padding: 0;
{
margin: 0 !important;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAASUExURczg9bLR8DOF1maj4P///wBmzL8VgU8AAABLSURBVHjaYmBmZWVkYWFkZWUGCCAGZgYmViBgYmAGCCAGhChAAIFEWYAAKAoQQEiiAAGEpBYggJBEAQIISS1AACGJAgQQklqAAAMARm0BQ7tR/e0AAAAASUVORK5CYII=);
list-style-type: none;
list-style-image: none;
}
}


/* Show movie icon for links to .wmv files */
.treeview li li {
div#content a.external[href$=".wmv"]
background: url("https://wiki.oni2.net/w/images/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
{
/* @noflip */
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAASUExURczg9bLR8DOF1maj4P///wBmzL8VgU8AAABLSURBVHjaYmBmZWVkYWFkZWUGCCAGZgYmViBgYmAGCCAGhChAAIFEWYAAKAoQQEiiAAGEpBYggJBEAQIISS1AACGJAgQQklqAAAMARm0BQ7tR/e0AAAAASUVORK5CYII=);
padding-left: 21px;
text-indent: 0.3em;
}
}


/* Show sound icon for links to .mp3 files */
.treeview li li:last-child {
div#content a.external[href$=".mp3"]
background-position: 0 -5971px
{
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAh0lEQVR4nK3QIQvCcBDG4fer+TkMtvsIVmFmm0kYhuUV2aIMxHhYrZbZxAWbjJ/pQAeGjf8L1+45jldKldWhReaMB+bcO2ifsNjDsoR3Dz+LMTIHQObkZ5jn8HjBbAN++0JxOUAgSbICygtsG8iqARom0O4E6xqOV7AiBRr93rQiplT+F6bMBzYtAAISFP6MAAAAAElFTkSuQmCC);
}
}


/* Show sound icon for links to .wav files */
/* First line here deals with new situation after RemexHTML switch,
div#content a.external[href$=".wav"]
* where emptyline cause the first child to become the 2nd child. Such a mess.
{
*/
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAh0lEQVR4nK3QIQvCcBDG4fer+TkMtvsIVmFmm0kYhuUV2aIMxHhYrZbZxAWbjJ/pQAeGjf8L1+45jldKldWhReaMB+bcO2ifsNjDsoR3Dz+LMTIHQObkZ5jn8HjBbAN++0JxOUAgSbICygtsG8iqARom0O4E6xqOV7AiBRr93rQiplT+F6bMBzYtAAISFP6MAAAAAElFTkSuQmCC);
.treeview li.emptyline > ul > .mw-empty-elt:first-child + .emptyline,
.treeview li.emptyline > ul > li:first-child {
background-position: 0 9px
}
}


/* Provide green upward arrow for interwiki links */
/* Labels references (footnotes) with letters instead of numbers; used by [[Template:Reflist]].
div#content a.extiw
* Also requires the alphabetic list on [[MediaWiki:Cite link label group-lower-alpha]].
{
*/
padding-right:12px;
.reflist-lower-alpha {
 
list-style-type:lower-alpha;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAGNJREFUeJxiYCAH/P//nyiMHaxK+48NY9UQv7//PwijA5waYDaga0LRgOFOoGTn0+3EaUBWDKJhNmHVgK4Y5lmQJpwaQJIwxTAFYA1QdVidBFOMHio4PU04okgEAAAAAP//AwCYZQIlWsLZawAAAABJRU5ErkJggg==) right top no-repeat;
}
}
Retrieved from "https://wiki.oni2.net/Special:MobileDiff/31008...44923"