MediaWiki:Common.css: Difference between revisions

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search
Content deleted Content added
See http://commons.wikimedia.org/w/index.php?title=Template_talk:ImageNote&oldid=55319045
mbox formatting, also transferred few definitions for messagebox there to imported subpage; import must be before all
Line 1: Line 1:
@import url("/w/index.php?title=MediaWiki:Common.css/Mboxes.css&action=raw&ctype=text/css") screen;
/*
/*


Line 111: Line 112:
display: none;
display: none;
speak: none;
speak: none;
}

/* Message box templates */
.messagebox {
border: 1px solid #aaa;
background: #f9f9f9;
width: 80%;
margin: 0 auto 1em;
padding: 0.2em;
text-align: justify;
}
.messagebox.merge {
border: 1px solid #cf9fff;
background: #f5edf5;
text-align: center;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background: #f8eaba;
}
}



Revision as of 16:19, 10 July 2011

@import url("/w/index.php?title=MediaWiki:Common.css/Mboxes.css&action=raw&ctype=text/css") screen;
/*

Common CSS for all skins

'''Notice to administrators!'''

Any changes to site wide scripts should be proposed to [[Commons:Village Pump]] first.

Before saving check with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fcommons.wikimedia.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss&usermedium=all W3C CSS Validation Service], and after any changes.

Thank you. 

(In [[w:Mozilla|Mozilla]] and [[w:Opera (web browser)|Opera]], you can test style changes dynamically with the [http://www.squarefree.com/bookmarklets/webdevel.html test styles] bookmarklet from squarefree.com. It pops up a window for adding style rules, and updates the page as you type.)

*/

/* Larger conditions-area in AbuseFilter for some */
body.page-Special_AbuseFilter_40 #wpFilterRules {
 height: 200px;
}

/* Larger notes-area in AbuseFilter for some */
body.page-Special_AbuseFilter_40 #wpFilterNotes {
 height: 100px;
}

/* Style for "notices" */
.notice {
 text-align: justify;
 margin: 1em;
 padding: 0.2em;
}
#disambig {
 border-top: 3px double #ccc; 
 border-bottom: 3px double #ccc;
}
#spoiler {
 border-top: 2px solid #ddd;
 border-bottom: 2px solid #ddd;
}
 
/* Add arrows to toggle-blocks for collapsible elements */
.mw-collapsible-toggle-expanded.mw-collapsible-arrowtoggle,
.mw-collapsible-toggle-expanded .mw-collapsible-arrowtoggle {
 padding-left: 20px !important;
 background-image: url('http://upload.wikimedia.org/wikipedia/commons/1/10/MediaWiki_Vector_skin_action_arrow.png');
 background-repeat: no-repeat;
 background-position: center left;
}
.mw-collapsible-toggle-collapsed.mw-collapsible-arrowtoggle,
.mw-collapsible-toggle-collapsed .mw-collapsible-arrowtoggle {
 padding-left: 20px !important;
 background-image: url('http://upload.wikimedia.org/wikipedia/commons/4/41/MediaWiki_Vector_skin_right_arrow.png');
 background-repeat: no-repeat;
 background-position: center left;
}

/* deprecated - use "messagebox standard-talk" */
.Talk-Notice {
 border: 1px solid #c0c090;
 background: #f8eaba;
 margin-bottom: 3px;
 width: 80%;
 border-spacing: 3px;
 margin-left: auto;
 margin-right: auto;
}
/* Make template background appear correctly on all browsers */
.Talk-Notice td {
 background: inherit;
}

/* Metadata */
table.metadata {
 border: 1px solid #aaa;
 display: none;
 speak: none;
}

/* Class for links with loudspeaker icon next to them */
.audiolink a {
 background: url("http://upload.wikimedia.org/wikipedia/commons/f/f7/Loudspeaker.png") center left no-repeat !important;
 padding-left: 16px !important;
 padding-right: 0 !important;
}

/* Make sure that "external references" from templates like [[Template:Ref]] 
 do not get URL expansion, not even when printed. The anchor itself has 
 class "external autonumber" and the url expansion is inserted when printing 
 (see [http://commons.wikimedia.org/skins-1.5/common/commonPrint.css]) using the
 ":after" pseudo-element.
*/
.nourlexpansion a.external.text:after,
.nourlexpansion a.external.autonumber:after {
 display: none !important;
}

/* deprecated - should be replaced with "plainlinks" */
.plainlinksneverexpand a {
 background: none !important;
 padding: 0 !important;
}
.plainlinksneverexpand a.external.text:after,
.plainlinksneverexpand a.external.autonumber:after {
 display: none !important;
}

/* When this would make a red link, hide it. For links where #ifexist cannot be used due to high number of requests. See [[meta:Help:Page_existence]]
*/
.hidden-redlink a.new {
 display: none;
 speak: none;
}

/* Infobox templates */
.infobox {
 border: 1px solid #aaa;
 background: #f9f9f9;
 color: black;
 margin-bottom: 0.5em;
 margin-left: 1em;
 padding: 0.2em;
 float: right;
 clear: right;
}
.infobox td,
.infobox th {
 vertical-align: middle;
}
.infobox caption {
 font-size: larger;
 margin-left: inherit;
}
.infobox.bordered {
 border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
 border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
 border: 0 solid #aaa;
}
.infobox.sisterproject {
 width: 20em;
 font-size: 90%;
}

.archive-box {
 border: 1px solid #aaf;
 background: #f2f2f9;
 color: #000;
 margin-bottom: 0.5em;
 margin-left: 1em;
 padding: 0.2em;
 float: right;
 clear: right;
 text-align: center;
}

/**
 * Customisation of the interface
 */

/* Put a checker background at the image description page only visible if the image has transparent background */
/* You may want to clear the gallery background for the main namespace on other projects as galleries are used in articles */
#file img,
.filehistory a img,
.gallerybox .thumb img {
 background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}

/* Allow checkered background to be disabled by using <gallery class="nochecker"></gallery> */
.nochecker .gallerybox .thumb img { background: white; }

/* Moved upload link from toolbox into the MediaWiki:Sidebar thus suppressing the old duplicate */
div#p-tb li#t-upload { display: none; }

/* Removes underlines from links */
.nounderlines a { text-decoration: none; }

/* Make username links in {{tl|Information}}'s Author field always blue */
/* No need to invite readers to create them - may rise confusion Move to Filepage.css when it becomes global */
#fileinfotpl_aut + td .new { color: #0645AD; }

/* Makes the text of the "save" button bold */
#wpSave { font-weight: bold; }

/* Make sure the license dropdown of the upload form doesn't extend beyond the browser's
 window, even if there are some long license descriptions. (If that happens, the description
 box *also* goes beyond the right edge of the window.)
*/
select#wpLicense {
 width: 100%;
 overflow: hidden;
}

/* Give the upload form a little breathing space. */
form#upload * td {
 padding-bottom: 8px;
}
table#mw-upload-table * td {
 padding-bottom: 8px;
}

/* Show a border for warning messages on Special:Upload */
td#wpDestFile-warning {
 padding-bottom: 0;
}
#wpDestFile-warning ul {
 margin-left: 0;
 border: 1px solid #f00;
 padding: 1.5em;
}

/* Styling for Abuse Filter tags */
.mw-tag-markers {
 font-style:italic;
 font-size:90%;
}

/* Override rules that make edit link asymmetrical on talk pages and new section link skinnier than the rest */
#p-cactions #ca-addsection a {
 padding-left: 0.8em;
 padding-right: 0.8em;
}
#p-cactions #ca-edit a {
 padding-left: 0.8em;
 padding-right: 0.8em;
}

/* Something nice for lists in RTL languages */
div.RTL * ul {
 margin-right: 10px;
 display: table;
}
div.RTL * ol {
 margin-right: 10px;
 display: table;
}

/* Special:Search styles */

.mw-search-results li{
 padding: 0.25em 1em;
 border-bottom: 1px solid #d3daed;
 background: #f6f8fc;
}
.mw-search-results li:nth-child(odd) {
 background: #f6f8fc;
}
.mw-search-results li:nth-child(even) {
 background: #fcfcfc;
}

.mw-search-results table {
 background: transparent;
}


/* wikitable is now in core. Untill prettytable is fully replaced, define it here */
/* See also: http://bits.wikimedia.org/skins-1.5/common/shared.css */
/* prettytable class for skinning normal tables */
table.prettytable {
 margin: 1em 1em 1em 0;
 background: #f9f9f9;
 border: 1px #aaa solid;
 border-collapse: collapse;
}
.prettytable th, .prettytable td {
 border: 1px #aaa solid;
 padding: 0.2em;
}
.prettytable th {
 background: #f2f2f2;
 text-align: center;
}
.prettytable caption {
 font-weight: bold;
}

/**
 * hiddenStructure
 * @deprecated
 */
.hiddenStructure,
.hiddenStructure- {
 display: none;
 speak: none;
}

/* Template:DELheader */
.delh {
 background: #f3f9ff;
 margin: 0 auto;
 padding: 0 10px;
 border: 1px solid #aaa;
}

/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
 The inherit declaration resets the font for all browsers except MSIE6.
 The empty comment must remain.
*/
.IPA {
 font-family: Chrysanthi Unicode, Doulos SIL, Gentium, GentiumAlt, Code2000, TITUS Cyberbit Basic, DejaVu Sans, Bitstream Vera Sans, Bitstream Cyberbit, Arial Unicode MS, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, Matrix Unicode;
 font-family /**/:inherit;
}
.Unicode {
 font-family: TITUS Cyberbit Basic, Code2000, Doulos SIL, Chrysanthi Unicode, Bitstream Cyberbit, Bitstream CyberBase, Bitstream Vera, Thryomanes, Gentium, GentiumAlt, Visual Geez Unicode, Lucida Grande, Arial Unicode MS, Microsoft Sans Serif, Lucida Sans Unicode;
 font-family /**/:inherit;
}
.polytonic {
 font-family: Athena, Gentium, Palatino Linotype, Arial Unicode MS, Lucida Sans Unicode, Lucida Grande, Code2000; 
 font-family /**/:inherit;
}

.utoc .tocnumber {
 display: none;
}
.utoc #toc ul,
.utoc .toc ul {
 line-height: 1.5em;
 list-style-type: square;
 margin: .3em 0 0 1.5em;
 padding: 0;
 list-style-image: url(skins-1.5/monobook/bullet.gif);
}

/* Necessary for displaying text in the upper right edge. (Used in [[Template:Shortcut]].) */
#content span.coordinates a.external.text:after, #content span.coordinates a.external.autonumber:after { content: ""; }
#content div.coordinates a.external.text:after, #content div.coordinates a.external.autonumber:after { content: ""; }

#shortcut { display: none; }

/* navigation boxes */
table.navbox {
 border: 1px solid #aaa;
 width: 100%; 
 margin: auto;
 clear: both;
 font-size: 88%;
 text-align: center;
 padding: 1px;
}
table.navbox + table.navbox {
 margin-top: -1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
 text-align: center;
 padding-left: 1em;
 padding-right: 1em;
}
.navbox-group {
 white-space: nowrap;
 text-align: right;
 font-weight: bold;
 padding-left: 1em;
 padding-right: 1em;
}
.navbox, .navbox-subgroup {
 background: #fdfdfd;
}
.navbox-list {
 border-color: #fdfdfd;
}
.navbox-title,
table.navbox th {
 background: #ccf;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
 background: #ddf;
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
 background: #e6e6ff;
}
.navbox-even {
 background: #f7f7f7;
}
.navbox-odd {
 background: transparent;
}


/* Put on gallery_details the same styles as on gallery */
table.gallery_details {
 border: 1px solid #ccc;
 margin: 2px;
 padding: 2px;
 background: #fff;
}
table.gallery_details tr { 
 vertical-align: top;
}
table.gallery_details td {
 vertical-align: top;
 background: #f9f9f9;
 border: 2px solid #fff;
}

/* Small font-size for hidden categories,
 per [[Commons:Village_pump/Archive/2010Mar#Hidden_categories:_change_the_default_setting_for_logged-in_users]]
*/
#mw-hidden-catlinks { font-size: 87% !important; }

/* To color the mention "updated since my last visit" in the history */
span.updatedmarker {
 color: #000;
 background: #99D642;
}
/* Geographical coordinates defaults. See [[Template:Coord/link]]
 for how these are used. The classes "geo", "longitude", and
 "latitude" are used by the [[Geo microformat]].
 */
.geo-default, .geo-dms, .geo-dec { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude { white-space: nowrap; }

/* Fix link color in jQuery dialogs */
.ui-dialog a {
 color: #0645AD!important;
}

/* Class for template content that should be shown locally, even if JS is disabled,
 but should not be visible on file pages shown on other sites.
 Use with style="display:none". Interacts with collapsible divs (see above).
*/
div.show-on-commons { display: block !important; }

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

/* Redirects in categories, on [[Special:Allpages]], and [[Special:Prefixindex]] */
.redirect-in-category, .allpagesredirect a {
 color: gray;
}

/* Hide deletion-instructions headers inside closed deletion requests (redundant) */
.delh .massdeletionrequest-header { display: none; }

/* Fix so <syntaxhighlight> tags and .css and .js pages get normal text size.
   [[Bugzilla:26204]] */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript {
  font-family: monospace, "Courier New" !important;
}

/* Note that image has annotations at Commons; visible only on other projects. See http://commons.wikimedia.org/w/index.php?title=Template_talk:ImageNote&oldid=55319045 */
.annotationboxforwikipedia {display: none;}