MediaWiki:Common.css: Difference between revisions

attempting to replace more old collapsible CSS with new CSS
(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)
(attempting to replace more old collapsible CSS with new CSS)
 
(4 intermediate revisions by the same user not shown)
Line 4: Line 4:
/* The original markup on Wikipedia's Common.css page should be checked once in a while for updates to, or removal of, this markup */
/* The original markup on Wikipedia's Common.css page should be checked once in a while for updates to, or removal of, this markup */


/* TODO: Localize checkerboard image */
@media screen {
@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
/* Put a chequered background behind images, only visible if they have transparency,
Line 10: Line 11:
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
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;
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,
  do not apply to print mode */
#siteSub {
display: block;
}
}
Line 26: Line 21:
}
}
}
}
/* Do not display title of Main Page */
body.page-Main_Page h1.firstHeading { display:none; }


/* Consistent size for <small>, <sub> and <sup> */
/* Consistent size for <small>, <sub> and <sup> */
Line 31: Line 29:
font-size: 85%;
font-size: 85%;
}
}
.mw-body-content sub,
.mw-body-content sub,
.mw-body-content sup {
.mw-body-content sup {
Line 46: Line 43:
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),


/* TODO: Doesn't seem to work in hiding the "do it yourself" box on [[Developer Mode]] */
/* Avoid FOUC/reflows on collapsed elements. */
/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
Line 55: Line 53:
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.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,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,
/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}


/* Different margin on references */
/* Different margin on references */
Line 65: Line 75:
counter-reset: mw-ref-linkback 0;
counter-reset: mw-ref-linkback 0;
}
}
span[ rel='mw:referencedBy' ] > a::before {
span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
content: counter( mw-ref-linkback, lower-alpha );
Line 72: Line 81:
font-style: italic;
font-style: italic;
}
}
a[ rel="mw:referencedBy" ]::before {
a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
font-weight: bold;
content: "^";
content: "^";
}
}
span[ rel="mw:referencedBy" ]::before {
span[ rel="mw:referencedBy" ]::before {
content: "^ ";
content: "^ ";
}
}


.collapseButton {         /* 'show'/'hide' buttons created dynamically */
/* TODO: Correct/replace for use in Vector 2022 */
     float: right;         /* by the CollapsibleTables javascript in   */
/* When <div class="nonumtoc"> is used on the table of contents,
    font-weight: normal;   /* [[MediaWiki:Common.js]] are styled here  */
  the ToC will display without numbers */
    text-align: right;     /* so they can be customised.               */
.nonumtoc .tocnumber { display: none; }
    width: auto;
.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;
}
 
/* TODO: Correct/replace for use in Vector 2022 */
/* 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,
.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;
}
/* Above, but for Vector 2022 */
.toclimit-2 .sidebar-toc-level-1 ul,
.toclimit-3 .sidebar-toc-level-2 ul,
.toclimit-4 .sidebar-toc-level-3 ul,
.toclimit-5 .sidebar-toc-level-4 ul,
.toclimit-6 .sidebar-toc-level-5 ul,
.toclimit-7 .sidebar-toc-level-6 ul {
     display: none;
}
 
/* CUSTOM ONI WIKI ADDITIONS */
 
/* TODO: Restore to working order */
/* Redesigned outbound arrow for external links */
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;
}
 
/* 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/e/ea/Link_icon_-_external.svg);
background-position:top right;
background-repeat:no-repeat;
padding-right:11px;
}
 
/* Provide sideways arrow for links to other Oni2.net sites */
div#content a.external[href*=".oni2.net"]
{
background-image:url(/w/images/9/98/Link_icon_-_oni2.net.svg);
background-size:12px;
background-position:top right;
background-repeat:no-repeat;
padding-right:13px;
}
 
/* Provide circular arrow for external internal links */
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:12px;
}
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Navbar]],    */
}                          /* so they need to be the same width.        */


/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
/* Show movie icon for links to movie files that typically play in-browser */
div#content a.external[href$=".avi"],
div#content a.external[href$=".mov"],
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;
}
 
/* Show sound icon for links to audio files that typically play in-browser */
div#content a.external[href$=".m4a"],
div#content a.external[href$=".mp3"],
div#content a.external[href$=".wav"]
{
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;
}
 
/* Provide green upward arrow for interwiki links */
div#content a.extiw
{
background-image:url(/w/images/d/dd/Link_icon_-_interwiki.svg);
background-position:top right;
background-repeat:no-repeat;
padding-right:11px;
}
 
/* TODO: TO BE PORTED TO TEMPLATESTYLES */
 
/* 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 371: Line 487:
     line-height: 1.25em;
     line-height: 1.25em;
}
}
/* 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%;
}
/* 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,
.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;
}
/* Above, but for Vector 2022 */
.toclimit-2 .sidebar-toc-level-1 ul,
.toclimit-3 .sidebar-toc-level-2 ul,
.toclimit-4 .sidebar-toc-level-3 ul,
.toclimit-5 .sidebar-toc-level-4 ul,
.toclimit-6 .sidebar-toc-level-5 ul,
.toclimit-7 .sidebar-toc-level-6 ul {
    display: none;
}
/* CUSTOM ONI WIKI ADDITIONS */
/* Redesigned outbound arrow for external links */
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;
}
/* 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/e/ea/Link_icon_-_external.svg);
background-position:top right;
background-repeat:no-repeat;
padding-right:11px;
}
/* Provide sideways arrow for links to other Oni2.net sites */
div#content a.external[href*=".oni2.net"]
{
background-image:url(/w/images/9/98/Link_icon_-_oni2.net.svg);
background-size:12px;
background-position:top right;
background-repeat:no-repeat;
padding-right:13px;
}
/* Provide circular arrow for external internal links */
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:12px;
}
/* Show movie icon for links to movie files that typically play in-browser */
div#content a.external[href$=".avi"],
div#content a.external[href$=".mov"],
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;
}
/* Show sound icon for links to audio files that typically play in-browser */
div#content a.external[href$=".m4a"],
div#content a.external[href$=".mp3"],
div#content a.external[href$=".wav"]
{
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;
}
/* Provide green upward arrow for interwiki links */
div#content a.extiw
{
background-image:url(/w/images/d/dd/Link_icon_-_interwiki.svg);
background-position:top right;
background-repeat:no-repeat;
padding-right:11px;
}
/* TO BE PORTED TO TEMPLATESTYLES */


/**
/**