Difference between revisions of "MediaWiki:Common.css"

Revision as of 21:17, 16 May 2011

/* CSS placed here will be applied to all skins */

span.OpenID {
  background: url(http://wiki.sugarlabs.org/extensions/OpenID/skin/icons/openid-inputicon.png) no-repeat 0% 0%;
  padding-left: 20px;
  text-transform: none;
}

code, pre, tt {
  font-size: 115%;
  line-height: 1.26em;
  overflow: auto;
}
#p-Google_translations.portlet li,
#p-Google_translations.portal li {
  text-align: center;
}
#panel div#p-Google_translations div.body,
#mw-panel div#p-Google_translations div.body {
  margin-left: 0px;
}
abbr, acronym, .explain {
  border-bottom: 1px dashed Grey;      
  cursor: url(http://wiki-devel.sugarlabs.org/images/4/48/Help.cur), help;      
}
#footer a.external:hover,
#footer-icons li a:hover,
#content a.external:hover,
#content a.extiw:hover,
div#f-poweredbyico a:hover,
div#f-copyrightico a:hover  {
  cursor: url(http://wiki-devel.sugarlabs.org/images/8/85/Web.cur), pointer;
}
#content a[href ^="http://flossmanuals.net"],
#content a[href ^="http://en.flossmanuals.net"],
#content a[href ^="http://translate.flossmanuals.net"] {
  background: url(http://en.flossmanuals.net/floss/pub/TWiki/FlossSkin2/fl2.ico) center right no-repeat;       
  padding: 2px 18px 0 0;       
}
#content a[href^="irc://"], #content a.extiw[href^="irc://"], .link-irc {
  padding: 2px 18px 0 0;
}
#content a.external[href$=".pdf"], #content a.external[href$=".PDF"], #content a.external[href*=".pdf#"], #content a.external[href*=".PDF#"], #content a.external[href*=".pdf?"], #content a.external[href*=".PDF?"], .link-document {
  padding: 2px 18px 0 0;
}

/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
  font-style: italic;
}

.collapseButton {		/* 'show'/'hide' buttons created dynamically by the        */
	float: right;		/* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
	font-weight: normal;	/* are styled here so they can be customised.              */
	text-align: right;
	width: auto;
}

/* When <div class="numtoc"> is used on the table of contents,
   the ToC will display with numbers
   .
   copied here 08 Nov 2009 by [[User:FGrose]] from [[wikipedia:MediaWiki:Common.css]]
   edited to default to float on the right with nonumbers 26 July 2010
 */
table.toc {
  float: right;
  clear: right;
  margin-top: 0.5em;
  margin-left: 1.4em;
  margin-bottom: .5em;
  background-color: #f9f9f9;
  width: auto;
}
.tocnumber { display: none; }
#toc li, .toc li,
.numtoc #toc li,
.numtoc .toc li {
  padding: 0em 0.3em 0em 0.3em;
}
#toc ul,
.toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
#toc ul ul, 
.toc ul ul { 
    margin: 0 0 0 2em; 
}
.numtoc .tocnumber { display: inline; }
.numtoc #toc ul,
.numtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.numtoc #toc ul ul, 
.numtoc .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).

   updated 12 Nov 2009 by [[User:FGrose]] modeled after [[wikipedia:MediaWiki:Common.css]]
                                          but extended to 10 levels as demonstrated
                                          in [[Template:TOCright]].
   updated 19 May 2010 by [[User:FGrose]] [[wikipedia:MediaWiki_talk:Common.css#on_toclimits]]
 */
.toclimit-2 .toclevel-2 ul,
.toclimit-3 .toclevel-3 ul,
.toclimit-4 .toclevel-4 ul,
.toclimit-5 .toclevel-5 ul,
.toclimit-6 .toclevel-6 ul,
.toclimit-7 .toclevel-7 ul,
.toclimit-8 .toclevel-8 ul,
.toclimit-9 .toclevel-9 ul,
.toclimit-10 .toclevel-10 ul { display: none; }

/*
 * The following styles have been imported from [http://www.mediawiki.org/wiki/MediaWiki:Common.css] for [[Template:Mbox]] and related templates -- [[User:Bernie]]
 */

/** reduced subset of the mbox styles from enwiki, mainly for the nice boxflow **/
table.mbox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #aaa; /* Default "notice" gray */
	background: #f9f9f9;
}
table.mbox-wide {
	margin: 4px 0;
}

th.mbox-text, td.mbox-text {     /* The message body cell(s) */
	border: none;
	padding: 0.25em 0.9em;       /* 0.9em left/right */
	width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
	border: none;
	padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
	text-align: center;
}
td.mbox-imageright {             /* The right image cell */
	border: none;
	padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
	text-align: center;
}
td.mbox-empty-cell {         /* An empty narrow cell */
	border: none;
	padding: 0px;
	width: 1px;
}

/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
	clear: right;
	float: right;
	margin: 4px 0 4px 1em;
	width: 238px;
	font-size: 88%;
	line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
	margin: 4px 1em 4px 0;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em;
}

/* These are the same colours as the enwiki
   'cmbox' styles; just with different names. */
table.mbox-critical {
	border: 4px solid #b22222;    /* Red */
	background: #FFDBDB;          /* Pink */
}
table.mbox-important {
	background: #FFDBDB;    /* Red */
}
table.mbox-warning {
	background: #FFE7CE;    /* Orange */
}
table.mbox-caution {
	background: #FFF9DB;    /* Yellow */
}
table.mbox-notice {
	background: #D8E8FF;    /* Blue */
}
table.mbox-move {
	background: #E4D8FF;    /* Purple */
}
table.mbox-protection {
	background: #EFEFE1;    /* Gray-gold */
}