Jump to content

MediaWiki:Common.css: Difference between revisions

m
removed URL that catches ValExtLinks' attention
(okay, just had to make sure – now using localized checker image so we're not pulling it from wikimedia.org every time)
m (removed URL that catches ValExtLinks' attention)
 
(8 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 ONI WIKI CUSTOMIZATIONS. */
/* 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. */
/* 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. */


/* TODO: Localize checkerboard image */
@media screen
@media screen
{
{
/* Put a checkered background behind images, only visible if they have transparency,
  /* Put a checkered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
    * except on main, user, and portal namespaces
    * NOTE: Somehow this checkerboard doesn't seem to appear on our custom namespaces;
    * NOTE: Somehow this checkerboard doesn't seem to appear on our custom namespaces;
    * that's good, but I don't know why it doesn't -Iritscen
    * 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
  body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img
    {
  {
background:#fff url(//wiki.oni2.net/w/images/5/5d/Checker-16x16.png) repeat;
      background:#fff url(//wiki.oni2.net/w/images/5/5d/Checker-16x16.png) repeat;
}
  }
 
/* Make the list of references smaller */
  /* Make the list of references smaller */
.references
  .references
    {
  {
font-size:90%;
      font-size:90%;
}
  }
}
}


Line 30: 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 47: Line 45:
.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 58: Line 55:


/* Styling for jQuery makeCollapsible, matching that of collapseButton */
/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button)
font-weight: normal;
{
padding-right: 0.2em;
  font-weight:normal;
padding-left: 0.2em;
  padding-right:0.2em;
  padding-left:0.2em;
}
}
 
.mw-collapsible-leftside-toggle .mw-collapsible-toggle
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
{
/* @noflip */
  /* @noflip */
float: left;
  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;
}
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 {
font-weight: bold;
content: "^";
}
span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}
 
/* ONI WIKI CUSTOMIZATIONS */
 
/* Hide the '?' button at top-right of some pages */
#mw-indicator-mw-helplink { display: none; }
 
/* 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);
  counter-reset:mw-ref-linkback 0;
background-size:10px;
background-position:top right;
background-repeat:no-repeat;
padding-right:11px;
}
}
 
span[rel='mw:referencedBy'] > a::before
/* 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);
  content:counter(mw-ref-linkback, lower-alpha);
background-position:top right;
  font-size:80%;
background-repeat:no-repeat;
  font-weight:bold;
padding-right:11px;
  font-style:italic;
}
}
 
a[rel="mw:referencedBy"]::before
/* 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);
  font-weight:bold;
background-size:12px;
  content:"^";
background-position:top right;
background-repeat:no-repeat;
padding-right:13px;
}
}
 
span[rel="mw:referencedBy"]::before
/* 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);
  content:"^ ";
background-position:top right;
background-repeat:no-repeat;
padding-right:12px;
}
}


/* Show movie icon for links to movie files that typically play in-browser */
/* ONI WIKI CUSTOMIZATIONS */
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 */
/* TODO: All items beyond this point should be ported to TemplateStyles */


/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes, used by [[Template:Fmbox]] */
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes, used by [[Template:Fmbox]] */
Line 458: 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 481: 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 502: 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 529: 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 536: Line 462:
  */
  */
.reflist-lower-alpha {
.reflist-lower-alpha {
list-style-type:lower-alpha;
  list-style-type:lower-alpha;
}
}