MediaWiki:Common.css: Difference between revisions

attempted to eliminate ancient cruft of unknown purpose (if anything on the wiki looks wrong, I'll restore selected parts as needed); updated some parts with new markup from Wikipedia; reorganized into three sections
m (corrected comment again)
(attempted to eliminate ancient cruft of unknown purpose (if anything on the wiki looks wrong, I'll restore selected parts as needed); updated some parts with new markup from Wikipedia; reorganized into three sections)
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;
}
body.page-Main_Page #ca-delete {
    display: none !important;
}


body.page-Main_Page #mp-topbanner {
/* WIKIPEDIA CARRY-OVERS */
  clear: both;
/* The original markup on Wikipedia's Common.css page should be checked once in a while for updates to, or removal of, this markup */
}


/* Do not display header */
@media screen {
body.page-Main_Page h1.firstHeading { display:none; }
/* 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;
}


/**
/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
* hovertable class
  do not apply to print mode */
*/
#siteSub {
table.hovertable
display: block;
{
}
margin: 1em 1em 1em 0;
background-color: #f9f9f9;
/* Make the list of references smaller
border: 1px #aaa solid;
* Keep in sync with Template:Refbegin/styles.css
border-collapse: collapse;
* And Template:Reflist/styles.css
color: black;
*/
}
.references {
.hovertable td
font-size: 90%;
{
}
border: none;
padding: 0.2em;
}
.hovertable td.hovercell
{
border: 1px #aaa solid;
padding: 0.2em;
}
.hovertable td.embedded
{
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(0, 0, 255, 0.2) 10px, rgba(0, 0, 255, 0.2) 20px);
        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;
}
}


 
/* Consistent size for <small>, <sub> and <sup> */
/* Edit window toolbar */
small {
#toolbar {
font-size: 85%;
    height: 22px;
    margin-bottom: 6px;
}
}


/* Margins for <ol> and <ul> */
.mw-body-content sub,
div#content ol, div#content ul,
.mw-body-content sup {
div#mw_content ol, div#mw_content ul {
font-size: 80%;
    margin-bottom: 0.5em;
}
}


/* Make the list of references smaller */
/* Same spacing for indented and unindented paragraphs on talk pages */
ol.references,
.ns-talk .mw-body-content dd {
div.reflist,
margin-top: 0.4em;
div.refbegin {
margin-bottom: 0.4em;
    font-size: 90%;            /* Default font-size */
}
div.reflist ol.references {
    font-size: 100%;           /* Reset font-size when nested in div.reflist */
    list-style-type: inherit; /* Enable custom list style types */
}
}


/* Highlight clicked reference in blue to help navigation */
/* Reduce page jumps by hiding collapsed/dismissed content */
ol.references li:target,
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
sup.reference:target,
span.citation:target {
    background-color: #DEF;
}


/* Ensure refs in table headers and the like aren't bold or italic */
/* Avoid FOUC/reflows on collapsed elements. */
sup.reference {
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
    font-weight: normal;
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
    font-style: normal;
/* 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,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.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,


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


/* Default styling for titles of works, styling for the title of an article
span[ rel='mw:referencedBy' ] > a::before {
  within a periodical, or a contribution within a compilation. */
content: counter( mw-ref-linkback, lower-alpha );
cite,
font-size: 80%;
.citation cite.article,
font-weight: bold;
.citation cite.contribution {
font-style: italic;
    font-style: inherit;
}
}


/* Styling for the title of any work within a citation,
a[ rel="mw:referencedBy" ]::before {
  or specifically the title of a periodical. */
font-weight: bold;
.citation cite,
content: "^";
.citation cite.periodical {
    font-style: italic;
}
/* For linked citation numbers and document IDs, where
  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 */
span[ rel="mw:referencedBy" ]::before {
table.navbox {            /* Navbox container style */
content: "^ ";
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */
}
.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 */
}
}


Line 179: Line 91:
     width: 6em;            /* the vde links from [[Template:Navbar]],    */
     width: 6em;            /* the vde links from [[Template:Navbar]],    */
}                          /* so they need to be the same width.        */
}                          /* so they need to be the same width.        */
.navbar {                  /* Navbox template links */
    font-size: 88%;        /* Default font-size */
    font-weight: normal;
}
.navbox .navbar {
    font-size: 100%;      /* Font-size when nested within navbox */
}
/* Infobox template style */
.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 {
    width: 20em;
    font-size: 90%;
}
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    text-align: left;
}
/* lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
    text-align: left;
}
/* Messagebox templates */
.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 */
Line 590: Line 370:
     font-size: 88%;
     font-size: 88%;
     line-height: 1.25em;
     line-height: 1.25em;
}
/* suppress missing interwiki image links where #ifexist cannot
  be used due to high number of requests see .hidden-redlink on
  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;
}
}


Line 651: Line 416:
     font-size: 90%;
     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,
/* When <div class="nonumtoc"> is used on the table of contents,
Line 724: Line 456:
}
}


/* User block messages */
/* CUSTOM ONI WIKI ADDITIONS */
div.user-block {
    padding: 5px;
    margin-bottom: 0.5em;
    border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}
 
/* Prevent line breaks in silly places:
  1) Links when we don't want them to
  2) Bold "links" to the page itself
  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;
}
 
/* 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 */
/* Redesigned outbound arrow for external links */
Line 1,039: Line 529:
  background-repeat:no-repeat;
  background-repeat:no-repeat;
  padding-right:11px;
  padding-right:11px;
}
/* TO BE PORTED TO TEMPLATESTYLES */
/**
* Hover table class, demonstrated on [[User:Iritscen/HoverTableDemo]]
*/
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
{
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(0, 0, 255, 0.2) 10px, rgba(0, 0, 255, 0.2) 20px);
        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;
}
}