MediaWiki:Common.css: Difference between revisions

m
removed URL that catches ValExtLinks' attention
(okay, here's one thing we still need)
m (removed URL that catches ValExtLinks' attention)
 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS brought over from Wikipedia appears first. CSS written for our wiki comes second, under the heading CUSTOM ONI WIKI ADDITIONS. */
/* CSS brought over from Wikipedia appears first. CSS written for our wiki comes second, under the heading ONI WIKI CUSTOMIZATIONS. */
/* Only globally applicable CSS is here; see [[MediaWiki:Vector-2022.css]] for skin-specific customizations (and see
  [[MediaWiki:Vector.css]] for customizations to our previous default skin). */
 
/* Editors: See TODO comments for items needing work. */


/* WIKIPEDIA CARRY-OVERS */
/* 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 */
/* From Wikipedia's MediaWiki:Common.css */
/* The original markup on Wikipedia should be checked once in a while for updates to, or removal of, the markup below. */


@media screen {
@media screen
/* Put a chequered background behind images, only visible if they have transparency,
{
* except on main, user, and portal namespaces
  /* Put a checkered 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 {
    * NOTE: Somehow this checkerboard doesn't seem to appear on our custom namespaces;
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
    * that's good, but I don't know why it doesn't -Iritscen
}
    */
 
  body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img
/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
  {
  do not apply to print mode */
      background:#fff url(//wiki.oni2.net/w/images/5/5d/Checker-16x16.png) repeat;
#siteSub {
  }
display: block;
 
}
  /* Make the list of references smaller */
  .references
/* Make the list of references smaller
  {
* Keep in sync with Template:Refbegin/styles.css
      font-size:90%;
* And Template:Reflist/styles.css
  }
*/
.references {
font-size: 90%;
}
}
}


Line 31: Line 32:


/* Consistent size for <small>, <sub> and <sup> */
/* Consistent size for <small>, <sub> and <sup> */
small {
small
font-size: 85%;
{
  font-size:85%;
}
}
.mw-body-content sub,
.mw-body-content sub,
.mw-body-content sup {
.mw-body-content sup
font-size: 80%;
{
}
  font-size:80%;
 
/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
}


Line 51: Line 47:
/* 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). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
/* 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 ) > p,
Line 58: 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 */
.references {
.references
margin-bottom: 0.5em;
{
  margin-bottom:0.5em;
}
}


/* Cite customizations */
/* Cite customizations */
span[ rel="mw:referencedBy" ] {
span[rel="mw:referencedBy"]
counter-reset: mw-ref-linkback 0;
{
  counter-reset:mw-ref-linkback 0;
}
span[rel='mw:referencedBy'] > a::before
{
  content:counter(mw-ref-linkback, lower-alpha);
  font-size:80%;
  font-weight:bold;
  font-style:italic;
}
}
 
a[rel="mw:referencedBy"]::before
span[ rel='mw:referencedBy' ] > a::before {
{
content: counter( mw-ref-linkback, lower-alpha );
  font-weight:bold;
font-size: 80%;
  content:"^";
font-weight: bold;
font-style: italic;
}
}
 
span[rel="mw:referencedBy"]::before
a[ rel="mw:referencedBy" ]::before {
{
font-weight: bold;
  content:"^ ";
content: "^";
}
}


span[ rel="mw:referencedBy" ]::before {
/* ONI WIKI CUSTOMIZATIONS */
content: "^ ";
}


.collapseButton {          /* 'show'/'hide' buttons created dynamically */
/* TODO: All items beyond this point should be ported to TemplateStyles */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;  /* [[MediaWiki:Common.js]] are styled here  */
    text-align: right;    /* so they can be customised.                */
    width: auto;
}
.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 */
/* 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 374: Line 378:
     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 */


/**
/**
Line 541: Line 384:
table.hovertable
table.hovertable
{
{
margin: 1em 1em 1em 0;
  margin: 1em 1em 1em 0;
background-color: #f9f9f9;
  background-color: #f9f9f9;
border: 1px #aaa solid;
  border: 1px #aaa solid;
border-collapse: collapse;
  border-collapse: collapse;
color: black;
  color: black;
}
}
.hovertable td
.hovertable td
{
{
border: none;
  border: none;
padding: 0.2em;
  padding: 0.2em;
}
}
.hovertable td.hovercell
.hovertable td.hovercell
{
{
border: 1px #aaa solid;
  border: 1px #aaa solid;
padding: 0.2em;
  padding: 0.2em;
}
}
.hovertable td.embedded
.hovertable td.embedded
Line 564: Line 407:
.hovertable td.hovertable_descrip
.hovertable td.hovertable_descrip
{
{
border: 1px #aaa solid;
  border: 1px #aaa solid;
padding: 0.2em;
  padding: 0.2em;
         position: fixed;
         position: fixed;
}
}
Line 585: Line 428:
/* For creating a tree-like list; see [[Template:Tree list]] */
/* For creating a tree-like list; see [[Template:Tree list]] */
.treeview ul {
.treeview ul {
padding: 0;
  padding: 0;
margin: 0 !important;
  margin: 0 !important;
}
}


.treeview li {
.treeview li {
padding: 0;
  padding: 0;
margin: 0 !important;
  margin: 0 !important;
list-style-type: none;
  list-style-type: none;
list-style-image: none;
  list-style-image: none;
}
}


.treeview li li {
.treeview li li {
background: url("https://wiki.oni2.net/w/images/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
  background: url("https://wiki.oni2.net/w/images/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
/* @noflip */
  /* @noflip */
padding-left: 21px;
  padding-left: 21px;
text-indent: 0.3em;
  text-indent: 0.3em;
}
}


.treeview li li:last-child {
.treeview li li:last-child {
background-position: 0 -5971px
  background-position: 0 -5971px
}
}


Line 612: Line 455:
.treeview li.emptyline > ul > .mw-empty-elt:first-child + .emptyline,
.treeview li.emptyline > ul > .mw-empty-elt:first-child + .emptyline,
.treeview li.emptyline > ul > li:first-child {
.treeview li.emptyline > ul > li:first-child {
background-position: 0 9px
  background-position: 0 9px
}
}


Line 619: Line 462:
  */
  */
.reflist-lower-alpha {
.reflist-lower-alpha {
list-style-type:lower-alpha;
  list-style-type:lower-alpha;
}
}