MediaWiki:Common.css: Difference between revisions

Revision as of 17:47, 29 October 2012

/*<pre>*/
/* CSS placed here will affect all users */

/* remove title on main page */
body.page-Main_Page h1.firstHeading { display: none !important; }

/* wikitable class for skinning tables */
table.wikitable { margin: 1em 1em 1em 0; background: #F9F9F9; border-collapse: collapse; }
table.wikitable th, table.wikitable td { border: 1px #AAA solid; padding: .2em; }
table.wikitable th { background: #F2F2F2; text-align: center; }
table.wikitable caption { font-size: larger; font-weight: bold; }

/* puts an indicator image before redirects in Special:Allpages */
.allpagesredirect a { background: url(/images/5/5c/Allpagesredirect.gif) center left no-repeat; padding-left: 13px; font-style: italic; }

/* stealth external links to look like normal links */
#bodyContent .stealthexternallink a { background: none; padding: 0; color: #002BB8; }
#bodyContent .stealthexternallink a:visited { color: #5A3696; }
#bodyContent .stealthexternallink a:active { color: #FAA700; }

/* lighter normal red links, visited red links appear pink */
.new a { color:#C20; }
.new a:visited { color:#A55858; }

** classes for special content elements like town boxes
** intended to be referenced directly from the wiki src
*/

/*
** User styles
*/
/* table standards */
table.rimage {
    float: right;
    position: relative;
    margin-left: 1em;
    margin-bottom: 1em;
    text-align: center;
}
.toccolours {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
    font-size: 95%;
}
div.townBox {
    position: relative;
    float: right;
    background: white;
    margin-left: 1em;
    border: 1px solid gray;
    padding: .3em;
    width: 200px;
    overflow: hidden;
    clear: right;
}
div.townBox dl {
    padding: 0;
    margin: 0 0 .3em;
    font-size: 96%;
}
div.townBox dl dt {
    background: none;
    margin: .4em 0 0;
}
div.townBox dl dd {
    margin: .1em 0 0 1.1em;
    background-color: #f3f3f3;
}

/* wikitable class for skinning normal tables */
table.wikitable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption {
    font-weight: bold;
}

/* Allow hidden ref errors to be shown by user CSS */
span.brokenref {
    display: none;
}

/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
.citation {
    word-wrap: break-word;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {       
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

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

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

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

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-definition-list-menu.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
div.newmenu {text-align:center; position:relative; z-index:100; display:inline-block; zoom:1; *display:block; padding: 5px; background: #fff; border: 2px solid #565}
div.newmenu dl {padding:0; margin:0; display:inline-block; position:relative; text-align:left;}
div.newmenu dl a, #bodyContent div.newmenu dl a.external, div.newmenu dl dt.sub {display:block; white-space:nowrap; font: 1em/1.7em arial, sans-serif; text-decoration:none; color:#bcb; padding:0 10px;}
#bodyContent div.newmenu dl a.external {background:none}
div.newmenu dl {*display:inline;}
div.newmenu dt {height:1.7em; line-height:1.7em; background:#565; border: 1px solid #787; border-width: 0px 1px;}
div.newmenu dd {position:absolute; left:0; top:1.7em; padding:0; margin:0; display:none; background:#454; padding:8px 0; box-shadow:0 15px 10px -15px rgba(0,0,0,0.4);}
div.newmenu dd a {line-height:1.7em;}
div.newmenu dl.right dd {left:auto; right:1px;}
div.newmenu dl:hover dd {display:block; border: 1px solid #232;}
div.newmenu dl:hover dt {background:#454;}
div.newmenu dl dd a:hover, #bodyContent div.newmenu dl dd a.external:hover {background:#787;}
div.newmenu img {position:fixed; z-index:-1; left:0; top:0; width:100%; height:100%; display:none;}
div.newmenu dl:hover ~ img {display:block;}

/*</pre>*/