Difference between revisions of "MediaWiki:Common.css"

From Sugar Labs
Jump to navigation Jump to search
(remove extra underline on abbr)
 
(26 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
 +
.mw-editsection {
 +
  float: right;
 +
}
 +
.mw-editsection-bracket {
 +
  color: #AAA;
 +
}
 
span.OpenID {
 
span.OpenID {
   background: url(http://wiki.sugarlabs.org/extensions/OpenID/skin/icons/openid-inputicon.png) no-repeat 0% 0%;
+
   background: url(/extensions/OpenID/skin/icons/openid-inputicon.png) no-repeat 0% 0%;
 
   padding-left: 20px;
 
   padding-left: 20px;
 
   text-transform: none;
 
   text-transform: none;
 
}
 
}
 
+
.openid_small_btn:hover {
code, pre, tt {
+
  border-bottom: 1px solid black;
   font-size: 115%;
+
}
   line-height: 1.2em;
+
.openid_large_btn:hover,
 +
.openid_selected:hover,
 +
#userloginForm a:hover {
 +
  border-bottom: 2px solid black;
 +
}
 +
pre {
 +
  background-color: #fbfbfb;
 +
  font-size: 105%;
 +
  line-height: 1.26em;
 +
  overflow: auto;
 +
}
 +
code {
 +
  background-color: #FFFFFF;
 +
  border: 1px dotted #e6e6e6;
 +
  font-size: 105%;
 +
  line-height: 1.26em;
 +
  overflow: auto;
 +
}
 +
tt {
 +
  background-color: #FFFFFF;
 +
   font-size: 105%;
 +
   line-height: 1.26em;
 
   overflow: auto;
 
   overflow: auto;
 
}
 
}
#p-Google_Translations.portlet li,
+
 
#p-Google_Translations.portal li {
+
#p-Google_translations.portlet li,
 +
#p-Google_translations.portal li {
 
   text-align: center;
 
   text-align: center;
 
}
 
}
#panel div#p-Google_Translations div.body,
+
#panel div#p-Google_translations div.body,
#mw-panel div#p-Google_Translations div.body {
+
#mw-panel div#p-Google_translations div.body {
 
   margin-left: 0px;
 
   margin-left: 0px;
 +
}
 +
abbr[title], acronym, .explain[title] {
 +
  cursor: url(/images/f/fe/HelpSmall.cur), help;     
 +
}
 +
map area,
 +
div.locallink a,
 +
span.locallink a,
 +
span.locallink a:hover,
 +
.mw-ui-checkbox-label,
 +
.mw-ui-button {
 +
  cursor: url(/images/f/fc/PointerSmall.cur), pointer;
 +
}
 +
div.weblink a,
 +
span.weblink a,
 +
span.weblink a:hover,
 +
#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(/images/3/31/WebSmall.cur), pointer;
 +
}
 +
#content a[href ^="http://flossmanuals.net"],
 +
#content a[href ^="http://en.flossmanuals.net"],
 +
#content a[href ^="http://www.flossmanuals.net"],
 +
#content a[href ^="http://translate.flossmanuals.net"] {
 +
  background: url(http://en.flossmanuals.net/_templates/fm_resources/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;
 
}
 
}
  
Line 26: Line 89:
 
}
 
}
  
.collapseButton { /* 'show'/'hide' buttons created dynamically by the        */
+
span.mw-collapsible-toggle { float: left; }
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,
 
/* When <div class="numtoc"> is used on the table of contents,
Line 39: Line 97:
 
   edited to default to float on the right with nonumbers 26 July 2010
 
   edited to default to float on the right with nonumbers 26 July 2010
 
  */
 
  */
table.toc {
+
.toc {
 
   float: right;
 
   float: right;
 
   clear: right;
 
   clear: right;
Line 47: Line 105:
 
   background-color: #f9f9f9;
 
   background-color: #f9f9f9;
 
   width: auto;
 
   width: auto;
 +
  white-space: nowrap;
 
}
 
}
 
.tocnumber { display: none; }
 
.tocnumber { display: none; }
Line 98: Line 157:
 
.toclimit-9 .toclevel-9 ul,
 
.toclimit-9 .toclevel-9 ul,
 
.toclimit-10 .toclevel-10 ul { display: none; }
 
.toclimit-10 .toclevel-10 ul { display: none; }
 +
 +
/*
 +
* The following styles have been imported from [[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 */
 +
}

Latest revision as of 15:21, 15 September 2017

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

.mw-editsection {
  float: right;
}
.mw-editsection-bracket {
  color: #AAA;
}
span.OpenID {
  background: url(/extensions/OpenID/skin/icons/openid-inputicon.png) no-repeat 0% 0%;
  padding-left: 20px;
  text-transform: none;
}
.openid_small_btn:hover {
  border-bottom: 1px solid black;
}
.openid_large_btn:hover,
.openid_selected:hover,
#userloginForm a:hover {
  border-bottom: 2px solid black;
}
pre {
  background-color: #fbfbfb;
  font-size: 105%;
  line-height: 1.26em;
  overflow: auto;
}
code {
  background-color: #FFFFFF;
  border: 1px dotted #e6e6e6;
  font-size: 105%;
  line-height: 1.26em;
  overflow: auto;
}
tt {
  background-color: #FFFFFF;
  font-size: 105%;
  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[title], acronym, .explain[title] {
  cursor: url(/images/f/fe/HelpSmall.cur), help;      
}
map area,
div.locallink a,
span.locallink a,
span.locallink a:hover,
.mw-ui-checkbox-label,
.mw-ui-button {
  cursor: url(/images/f/fc/PointerSmall.cur), pointer; 
}
div.weblink a,
span.weblink a,
span.weblink a:hover,
#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(/images/3/31/WebSmall.cur), pointer;
}
#content a[href ^="http://flossmanuals.net"],
#content a[href ^="http://en.flossmanuals.net"],
#content a[href ^="http://www.flossmanuals.net"],
#content a[href ^="http://translate.flossmanuals.net"] {
  background: url(http://en.flossmanuals.net/_templates/fm_resources/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;
}

span.mw-collapsible-toggle { float: left; }

/* 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
 */
.toc {
  float: right;
  clear: right;
  margin-top: 0.5em;
  margin-left: 1.4em;
  margin-bottom: .5em;
  background-color: #f9f9f9;
  width: auto;
  white-space: nowrap;
}
.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 [[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 */
}