MediaWiki:Common.css: Difference between revisions

From Dolphin Emulator Wiki
Jump to navigation Jump to search
No edit summary
(Undo revision 41485 by Jhonn (Fixed size of two lines and truncate text of the second line in worked with some bugs in Chrome and completely broke the page in other browsers. I'll use pure CSS code now))
Line 621: Line 621:
}
}


/*******************
** CSS style for the truncate thumbcaption text function
*******************/
#thumbcaption_truncated { height: 40px; overflow: hidden; }
#thumbcaption_truncated p { padding: 0px; margin: 0; }​
   
   
/*
/*
</source>
</source>
*/
*/

Revision as of 00:15, 12 November 2012

/*
<source lang="css">
*/

sup, sub {
    line-height: 1em;     /* Reduce line-height for <sup> and <sub> */
}

/*******************
** Minor tweaks
*******************/
/* redirects in categories, on [[Special:Allpages]], and [[Special:Prefixindex]] */
.redirect-in-category, .allpagesredirect {
	font-style:italic;
	color:gray;
}

/* hide unneeded content when printing */
@media print {
#privacy, #about, #disclaimer { display:none; }
}
 
/* hide arrows on selected external links */
.plainlinksneverexpand a {
	background:none !important;
	padding:0 !important;
}
 
/*******************
** Hide selected content (should rarely be used, accessibility issues)
*******************/
.hiddenStructure { display:none; }
.if { display:none; }
 
/*******************
** Table formatting
*******************/
table.wikitable,
table.prettytable {
	margin:1em 1em 1em 0;
	border:1px solid #AAA;
	border-collapse:collapse;
	background:#F9F9F9;
}
 
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
	padding:0.2em;
	border:1px solid #AAA;
}
 
table.wikitable th,
table.prettytable th {
	background:#F2F2F2;
	text-align:center;
}
 
table.wikitable caption,
table.prettytable caption {
	margin-left:inherit;
	margin-right:inherit;
}
 
/*******************
** Infoboxes
*******************/
.infobox {
	float:right;
	clear:right;
	margin-bottom:0.5em;
	margin-left:1em;
	padding:0.2em;
	border:1px solid #AAA;
	background:#F9F9F9;
	color:black;
}
 
.infobox td,
.infobox th {
	vertical-align:top;
}
 
.infobox caption {
	margin-left:inherit;
	font-size:larger;
}
 
.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;
}
 
/*******************
** Sister project templates
*******************/
.infobox.sisterproject {
	width:20em;
	font-size:90%;
}
 
.sister-project {
	clear:right;
	float:right;
	width:250px;
	margin:0 0 1em 3em;
	padding:4px;
	border:1px solid #AAA;
	background:#F9F9F9;
	font-size:0.8em;
	text-align:left;
}
 
/*******************
** {{other languages}}
*******************/
#otherlangs {
	margin:0.5em;
	padding:2px;
	border:1px solid #CCC;
	background:#FAFAFA;
	font-size:0.9em;
}
#otherlangs span {
	margin:0 2px;
	padding-left:2px;
	border-left:1px solid gray;
}
#otherlangs span.firstlang {
	border:none;
}
 
/*******************
** Specific pages (keep to a minimum)
*******************/
/* Spam blacklist */
body.page-Talk_Spam_blacklist #ca-addsection { display:none; }
 
/* Spam blacklist/log */
.logtable pre {
	margin:0;
	padding:0;
	border:0;
}
 
/*******************
** Bytecounter colours
*******************/
strong.mw-plusminus-neg { color:#C00; }
span.mw-plusminus-neg { color:#900; }
span.mw-plusminus-pos { color:#060; }
 
/*******************
** Change external link icon to Adobe icon for PDF files
*******************/
/* for browsers that support these CSS selectors, like Mozilla and Opera */
#bodyContent a[href$=".pdf"].external,
#bodyContent a[href*=".pdf?"].external,
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external,
#bodyContent a[href*=".PDF?"].external,
#bodyContent a[href*=".PDF#"].external {
	padding-right:16px;
	background:url('http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif') center right no-repeat;
}
 
/* in {{PDFlink}}, for browsers that don't support the above (IE) */
span.PDFlink a {
	padding-right:17px !important;
	background:url('http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif') center right no-repeat !important;
}

/*******************
** Style for horizontal lists (separator following item)
*******************/
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li { 
    display: inline;
    margin: 0;
    float: left;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.hlist dd:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* for IE 8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl dd:first-child:before,
.hlist ol ol li:first-child:before,
.hlist ul ul li:first-child:before {
    content: "(";
}
.hlist dl dl dd:last-child:after,
.hlist ol ol li:last-child:after,
.hlist ul ul li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* For IE8 */
.hlist dl dl dd.hlist-last-child:after,
.hlist ol ol li.hlist-last-child:after,
.hlist ul ul li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:first-child:before {
    content: "(" counter(level2) " ";
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}
 
/* Unbulleted lists */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}
 
/*******************
** Collapsible navigation boxes (see [[en:Wikipedia:NavFrame]])
*******************/
div.Boxmerge,
div.NavFrame {
	margin:0px;
	padding:4px;
	border:1px solid #AAA;
	border-collapse:collapse;
	text-align:center;
	font-size:95%;
}
div.Boxmerge div.NavFrame {
	border-style:none;
	border-style:hidden;
}
div.NavFrame + div.NavFrame {
	border-top-style:none;
	border-top-style:hidden;
}
div.NavPic {
	float:left;
	margin:0px;
	padding:2px;
	background:#FFF;
}
div.NavFrame div.NavHead {
	position:relative;
	height:1.6em;
	background:#CCF;
	font-weight:bold;
}
div.NavFrame p {
	font-size:100%;
}
div.NavFrame div.NavContent {
	font-size:100%;
}
div.NavFrame div.NavContent p {
	font-size:100%;
}
div.NavEnd {
	clear:both;
	margin:0px;
	padding:0px;
	line-height:1px;
}
a.NavToggle {
	position:absolute;
	top:0px;
	right:3px;
	font-size:smaller;
	font-weight:normal;
}

/*******************
** Default style for navigation boxes
*******************/
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
    text-align: center;       /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
    white-space: nowrap;      /* Nowrap list items in navboxes */
    white-space: normal !ie;  /* IE < 8 no-wraps entire list, so disable it */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
    white-space: normal;      /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}

/******************* 
** Default styling for Navbar template
*******************/
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}
 
/* '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;
}
 
/*******************
** Messagebox templates
** Imported from [[en:MediaWiki:Common.css]] on 2007-07-13
*******************/
.messagebox {
	width:80%;
	margin:0 auto 1em auto;
	padding:0.2em;
	border:1px solid #AAA;
	background:#F9F9F9;
}
.messagebox.merge {
	border:1px solid #C0B8CC;
	background:#F0E5FF;
	text-align:center;
}
.messagebox.cleanup {
	border:1px solid #9F9FFF;
	background:#EFEFFF;
	text-align:center;
}
.messagebox .standard-talk {
	border:1px solid #C0C090;
	background:#F8EABA;
}
.messagebox.nested-talk {
	width:100%;
	margin:2px 4px 2px 4px;
	border:1px solid #C0C090;
	background:#F8EABA;
}
.messagebox.small {
	float:right;
	clear:both;
	width:238px;
	margin:0 0 1em 1em;
	font-size:85%;
	line-height:1.25em;
}
 
/*******************
** Template documentation
*******************/
.template-documentation {
	clear:both;
	margin:1em 0 0 0;
	padding:5px;
	border:1px solid #AAA;
	background:#ECFCF4;
}
 
.hidden-redlink a.new { display:none; }
 
/*******************
**  Allow limiting which header levels are shown in a TOC
** ie, <div class="toclimit-3">__TOC__</div> will only show top 3 header levels.
*******************/
.toclimit-2 .toclevel-2 { display:none; }
.toclimit-3 .toclevel-3 { display:none; }
.toclimit-4 .toclevel-4 { display:none; }
.toclimit-5 .toclevel-5 { display:none; }
.toclimit-6 .toclevel-6 { display:none; }
.toclimit-7 .toclevel-7 { display:none; }
 
/*******************
** Faciliate RTL translation
*******************/
.persian, .rtl {
	direction:rtl;
	font-family:Tahoma;
}
 
#bodyContent .persian a, #bodyContent .persian a.external, #bodyContent .rtl a, #bodyContent .rtl a.external {
	padding-right:0;
	background:none;
}
 
.persian #toctitle, .rtl #toctitle {
	direction:ltr;
}
 
.persian .toclevel-1, .persian .toclevel-2, .persian .toclevel-3, .persian .toclevel-4 {
	text-align:right;
}
 
.rtl .toclevel-1, .rtl .toclevel-2, .rtl .toclevel-3, .rtl .toclevel-4 {
	text-align:right;
}
 
.persian .toclevel-2, .rtl .toclevel-2 {
	margin-right:10px;
}
 
.persian .toclevel-3, .rtl .toclevel-3 {
	margin-right:20px;
}
 
.persian .toclevel-4, .rtl .toclevel-4 {
	margin-right:30px;
}
 
.persian .editsection, .rtl .editsection {
	float:left;
}
 
.persian UL, .rtl UL {
	margin-right:16px;
	display:table;
}
 
.persian OL, .rtl OL {
	margin-right:16px;
	display:table;
}
 
#bodyContent .arabic a, #bodyContent .rtl a {
	padding-right:0;
	background:none;
}
 
/*******************
** Default style for PrettyTextBox and InformationBox class of templates
** ie, {{warning}}, {{info}}, etc
*******************/
.InformationBox {
	width:80%;
	clear:both;
	margin:0.5em auto;
	padding:3px;
	border:1px solid #999;
	background:#F8F8F8;
	color:#000;
}
 
.PrettyTextBox {
	padding:.2em;
	border:1px solid #AAA;
	background:#F9F9F9;
	color:#000;
}
 
/*******************
** Highlight clicked reference in blue to help navigation
*******************/
ol.references > li:target {
	background:#DEF;
}
 
sup.reference:target {
	background:#DEF;
}

 
/*
</source>
*/