Jump to content

MediaWiki:Vector.css: Difference between revisions

added .mpg to known video suffixes
(okay, setting markers back to WP's 1.25em, any larger and they expand the row vertically and start to invade the neighboring cell)
(added .mpg to known video suffixes)
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* Hide the '?' button at top-right of some pages */
#mw-indicator-mw-helplink { display: none; }


/*
/* Fix the sidebar in place when scrolling, as long as we are not on a small screen (e.g. a phone) */
** Diff rendering
@media (min-device-width:481px)
** NOTE: These changes are "back-ported" from MW 1.20; remove if we upgrade.
*/
table.diff, td.diff-otitle, td.diff-ntitle
{
{
background-color: white;
  div#mw-panel
  {
    position:fixed;
    height:100%;
    /* Prevent content overlay when sidewards scrolling */
    background-color:#F6F6F6;
  }
}
}


td.diff-otitle,
/* For small screens, fix the sidebar this way to avoid overlap when zooming */
td.diff-ntitle
@media (max-device-width:480px)
{
{
text-align: center;
  div#mw-panel
  {
    position:absolute;
  }
}
}


td.diff-marker
/* Darken the background for code tags just a tiny bit
** so code stands out more (default is 249, 249, 249)
*/
code
{
{
text-align: right;
    background-color:rgb(245, 245, 245);
font-weight: bold;
font-size: 1.25em;
}
 
td.diff-lineno
{
font-weight: bold;
}
}


/* Raise size of text in diff views to 100% since
** Vector makes them 88% by default
*/
td.diff-addedline,
td.diff-addedline,
td.diff-deletedline,
td.diff-deletedline,
td.diff-context
td.diff-context
{
{
font-size: 100%;
    font-size:100%;
vertical-align: center;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
}
}


td.diff-addedline,
/* Allow limiting of which header levels are shown in a TOC;
td.diff-deletedline
  <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). Used by Template:
  TOClimit.
*/
.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
{
{
border-style: solid;
    display:none;
border-width: 1px 1px 1px 4px;
border-radius: 0.33em;
}
}


td.diff-addedline
/* When <div class="nonumtoc"> is used on the table of contents,
  the ToC will display without numbers. Used by Template:TOCnonum. */
.nonumtoc .tocnumber { display:none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul
{
{
border-color: #a3d3ff;
    line-height:1.5em;
    list-style:none;
    margin:.3em 0 0;
    padding:0;
}
}
 
.nonumtoc #toc ul ul,
td.diff-deletedline
.nonumtoc .toc ul ul
{
{  
border-color: #ffe49c;
    margin:0 0 0 2em;  
}
}


td.diff-addedline .diffchange
/* Redesigned outbound arrow for external links */
{
div#content a.external
background: #d8ecff;
}
td.diff-deletedline .diffchange
{
{
background: #feeec8;
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;
}
}


td.diff-context
/* Provide sideways arrow for links to other Oni2.net sites */
div#content a.external[href*=".oni2.net"]
{
{
background: #F2F2F2;
background-image:url(/w/images/9/98/Link_icon_-_oni2.net.svg);
color: #333333;
background-size:12px;
border-style: solid;
background-position:top right;
border-width: 1px 1px 1px 4px;
background-repeat:no-repeat;
border-color: #e6e6e6;
padding-right:13px;
border-radius: 0.33em;
}
}


.diffchange
/* Provide circular arrow for external internal links */
div#content a.external[href*="wiki.oni2.net"]
{
{
color: black;
background-image:url(/w/images/7/7d/Link_icon_-_external_internal.svg);
font-weight: bold;
background-position:top right;
text-decoration: none;
background-repeat:no-repeat;
padding-right:12px;
}
}


table.diff
/* Show movie icon for links to movie files that typically play in-browser */
div#content a.external[href$=".avi" i],
div#content a.external[href$=".mov" i],
div#content a.external[href$=".mp4" i],
div#content a.external[href$=".mpg" i],
div#content a.external[href$=".wmv" i]
{
{
border: none;
background-image:url(/w/images/4/45/Link_icon_-_movie_file.svg);
width: 98%;
background-size:12px;
border-spacing: 4px;
background-position:top right;
 
background-repeat:no-repeat;
/* Ensure that colums are of equal width */
padding-right:14px;
table-layout: fixed;
}
 
td.diff-addedline .diffchange,
td.diff-deletedline .diffchange
{
border-radius: 0.33em;
padding: 0.25em 0;
}
}


table.diff td
/* Show sound icon for links to audio files that typically play in-browser */
div#content a.external[href$=".m4a" i],
div#content a.external[href$=".mp3" i],
div#content a.external[href$=".wav" i]
{
{
padding: 0.33em 0.66em;
background-image:url(/w/images/5/52/Link_icon_-_sound_file.svg);
line-height: 1.65em;
background-size:12px;
background-position:top right;
background-repeat:no-repeat;
padding-right:14px;
}
}


table.diff col.diff-marker
/* Provide green upward arrow for interwiki links */
div#content a.extiw
{
{
width: 2%;
background-image:url(/w/images/d/dd/Link_icon_-_interwiki.svg);
}
background-position:top right;
 
background-repeat:no-repeat;
table.diff col.diff-content
padding-right:11px;
{
width: 48%;
}
 
table.diff td div
{
/* Force-wrap very long lines such as URLs or page-widening char strings.*/
word-wrap: break-word;
 
/* As fallback (FF<3.5, Opera <10.5), scrollbars will be added for very wide cells
  instead of text overflowing or widening
*/
overflow: auto;
}
}