MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(New page: →CSS placed here will be applied to all skins: @charset "utf-8"; →<source lang="css">: →This stylesheet affects all skins.: →make Safari moar-kewl: a:link, a:visited { -w...) |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ |
/* CSS placed here will be applied to all skins */ |
||
<div dir="ltr"><pre>/* |
|||
@charset "utf-8"; |
|||
<source lang="css"> |
|||
/* This stylesheet affects all skins. */ |
|||
/* make Safari moar-kewl */ |
|||
a:link, |
|||
a:visited |
|||
{ |
|||
-webkit-transition: color .2s linear; |
|||
} |
|||
/********* |
|||
** Various tweaks |
|||
*********/ |
|||
/* Fix copy&paste formatting */ |
|||
.verse pre |
|||
{ |
|||
margin: 0; |
|||
padding-left: 2em; |
|||
border: 0; |
|||
background-color: #FFF; |
|||
font-family: sans-serif; |
|||
white-space: pre; |
|||
line-height: 150%; |
|||
} |
|||
.verse p |
|||
{ |
|||
white-space: pre; |
|||
} |
|||
/* Short lines preferred by some editors */ |
|||
.prose |
|||
{ |
|||
width: 35em; |
|||
margin: 0 auto; |
|||
text-align: justify; |
|||
} |
|||
/* show deleted text hidden by {{copyvio}} */ |
|||
.page-Special_Undelete div#copyvio |
|||
{ |
|||
display: block !important; |
|||
} |
|||
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */ |
|||
.listify td { display: list-item; } |
|||
.listify tr { display: block; } |
|||
.listify table { display: block; } |
|||
/* indent page text on screen out of the way of the page numbers */ |
|||
@media screen, handheld, projection |
|||
{ |
|||
div.indented-page |
|||
{ |
|||
margin-left: 3em; |
|||
} |
|||
cite *.printonly |
|||
{ |
|||
display: none; |
|||
} |
|||
} |
|||
/* Dont display the URL onto the screen */ |
|||
@media screen, handheld, projection |
|||
{ |
|||
cite *.printonly |
|||
{ |
|||
display: none; |
|||
} |
|||
} |
|||
/********* |
|||
** Most-used standard templates |
|||
*********/ |
|||
/* {{textinfo}} */ |
|||
.textinfo |
|||
{ |
|||
margin: 1px; |
|||
padding: 1px; |
|||
border: 1px solid #0E8605; |
|||
background-color: #B0E0A0; |
|||
text-align: left; |
|||
} |
|||
.textinfo th |
|||
{ |
|||
background-color: #0E8605; |
|||
text-align: center; |
|||
font-weight: normal; |
|||
color: #FFF; |
|||
} |
|||
.textinfo td |
|||
{ |
|||
background-color: #C6FFC6; |
|||
} |
|||
/* {{featured}} */ |
|||
#cornerbox |
|||
{ |
|||
position: absolute; |
|||
top: 0.3em; |
|||
right: 0.2em; |
|||
border: 1px solid #BBB; |
|||
font-size: 0.8em; |
|||
} |
|||
/* {{header}} */ |
|||
table.headertemplate |
|||
{ |
|||
width: 100%; |
|||
margin-bottom: 5px; |
|||
text-align: center; |
|||
font-size: 0.9em; |
|||
} |
|||
div#divMediaWiki-Proofreadpage_header_template |
|||
{ |
|||
width: 100%; |
|||
float: left; /* containment ;) */ |
|||
padding: 0.5em 0; /* do any l/r padding on an inner element */ |
|||
text-align: center; |
|||
} |
|||
/* colours common to Template:Header and MediaWiki:Proofreadpage header template */ |
|||
table.headertemplate, |
|||
div#divMediaWiki-Proofreadpage_header_template |
|||
{ |
|||
border: 1px solid #ADA; |
|||
background-color: #E4F2E4; |
|||
} |
|||
div#divMediaWiki-Proofreadpage_header_template div.hAuthor |
|||
{ |
|||
padding-top: 0.5em; |
|||
padding-bottom: 0.4em; |
|||
font-size: 100%; |
|||
font-weight: bold; |
|||
} |
|||
div#divMediaWiki-Proofreadpage_header_template div.hTitle |
|||
{ |
|||
padding-top: 0.4em; |
|||
padding-bottom: 0.4em; |
|||
font-size: 120%; |
|||
font-weight: bold; |
|||
} |
|||
div#divMediaWiki-Proofreadpage_header_template div.hDetails |
|||
{ |
|||
padding-top: 0.4em; |
|||
padding-bottom: 0.5em; |
|||
font-size: 90%; |
|||
} |
|||
div#divMediaWiki-Proofreadpage_header_template div.hNavigation |
|||
{ |
|||
width: 100%; |
|||
float: left; /* containment ;) */ |
|||
padding: 0.2em 0; /* do any l/r padding on an inner element */ |
|||
/* don't like this |
|||
border-top: 1px solid #ADA; |
|||
*/ |
*/ |
||
/******************* |
|||
** Minor tweaks |
|||
*******************/ |
|||
/* redirects in categories, on [[Special:Allpages]], and [[Special:Prefixindex]] */ |
|||
.redirect-in-category, .allpagesredirect { |
|||
font-style:italic; |
|||
color:gray; |
|||
} |
} |
||
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev |
|||
/* hide unneeded content when printing */ |
|||
{ |
|||
@media print { |
|||
float: left; |
|||
#privacy, #about, #disclaimer { display:none; } |
|||
text-align: left; /* override ambient for containing element */ |
|||
padding-left: 1em; |
|||
} |
} |
||
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext |
|||
/* hide arrows on selected external links */ |
|||
{ |
|||
.plainlinksneverexpand a { |
|||
float: right; |
|||
background:none !important; |
|||
text-align: right; /* override ambient for containing element */ |
|||
padding |
padding:0 !important; |
||
} |
} |
||
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavCurrent |
|||
/******************* |
|||
{ |
|||
** Hide selected content (should rarely be used, accessibility issues) |
|||
text-align: center; /* after floats in source order! */ |
|||
*******************/ |
|||
.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; |
|||
} |
} |
||
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev, |
|||
table.wikitable th, table.wikitable td, |
|||
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext |
|||
table.prettytable th, table.prettytable td { |
|||
{ |
|||
padding:0.2em; |
|||
width: 20%; /* as in {{header}} and {{author}} */ |
|||
border:1px solid #AAA; |
|||
} |
} |
||
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev span, |
|||
table.wikitable th, |
|||
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext span |
|||
table.prettytable th { |
|||
{ |
|||
background:#F2F2F2; |
|||
color: #808080; |
|||
text-align:center; |
|||
} |
} |
||
table.wikitable caption, |
|||
.headertemplate .header_backlink, |
|||
table.prettytable caption { |
|||
.headertemplate .header_forelink |
|||
margin-left:inherit; |
|||
{ |
|||
margin-right:inherit; |
|||
width: 20%; |
|||
font-size: 0.9em; |
|||
line-height: normal; |
|||
} |
} |
||
/******************* |
|||
.header_notes |
|||
** Infoboxes |
|||
{ |
|||
*******************/ |
|||
width: 100%; |
|||
.infobox { |
|||
font-size: 0.9em; |
|||
float:right; |
|||
background-color: #FAFAFF; |
|||
clear:right; |
|||
border-bottom: 1px solid #A88; |
|||
margin-bottom: |
margin-bottom:0.5em; |
||
margin-left:1em; |
|||
padding:0.2em; |
|||
border:1px solid #AAA; |
|||
background:#F9F9F9; |
|||
color:black; |
|||
} |
} |
||
.infobox td, |
|||
.headertemplate .header_title |
|||
.infobox th { |
|||
{ |
|||
vertical-align:top; |
|||
width: 60%; |
|||
} |
} |
||
.headertemplate .header_backlink |
|||
.infobox caption { |
|||
{ |
|||
margin-left:inherit; |
|||
font-size:larger; |
|||
} |
} |
||
.headertemplate .header_forelink |
|||
.infobox.bordered { |
|||
{ |
|||
border-collapse:collapse; |
|||
text-align: right; |
|||
} |
} |
||
.infobox.bordered td, |
|||
/* {{author}} */ |
|||
.infobox.bordered th { |
|||
.authortemplate |
|||
border:1px solid #AAA; |
|||
{ |
|||
width: 100%; |
|||
margin-bottom: 5px; |
|||
border: 1px solid #BEA2A2; |
|||
background-color: #E4D8D8; |
|||
} |
} |
||
.authortemplate .author_backlink, |
|||
.infobox.bordered .borderless td, |
|||
.authortemplate .author_forelink |
|||
.infobox.bordered .borderless th { |
|||
{ |
|||
border:0; |
|||
width: 20%; |
|||
font-size: 0.9em; |
|||
} |
} |
||
.authortemplate .author_name |
|||
/******************* |
|||
{ |
|||
** Sister project templates |
|||
width: 60%; |
|||
*******************/ |
|||
text-align: center; |
|||
.infobox.sisterproject { |
|||
width:20em; |
|||
font-size:90%; |
|||
} |
} |
||
.author_notes |
|||
.sister-project { |
|||
{ |
|||
clear:right; |
|||
width: 100%; |
|||
float:right; |
|||
border-bottom: 1px solid #A88; |
|||
width:250px; |
|||
background-color: #FFFBFC; |
|||
margin:0 0 1em 3em; |
|||
font-size: 0.9em; |
|||
padding:4px; |
|||
border:1px solid #AAA; |
|||
background:#F9F9F9; |
|||
font-size:0.8em; |
|||
text-align:left; |
|||
} |
} |
||
.author_seealso |
|||
/******************* |
|||
{ |
|||
** {{other languages}} |
|||
float: right; |
|||
*******************/ |
|||
padding: 2px; |
|||
#otherlangs { |
|||
margin: 0 0 0.5em 1em; |
|||
margin:0.5em; |
|||
border: 1px solid #CCC; |
|||
padding:2px; |
|||
border:1px solid #CCC; |
|||
background:#FAFAFA; |
|||
font-size:0.9em; |
|||
} |
} |
||
#otherlangs span { |
|||
margin:0 2px; |
|||
/********* |
|||
padding-left:2px; |
|||
** Standard formatting classes |
|||
border-left:1px solid gray; |
|||
*********/ |
|||
/* messagebox */ |
|||
.messagebox |
|||
{ |
|||
width: 80%; |
|||
margin: 0 auto 1em; |
|||
padding: 0.2em; |
|||
border: 1px solid #aaa; |
|||
background-color: #f9f9f9; |
|||
text-align: justify; |
|||
} |
} |
||
#otherlangs span.firstlang { |
|||
.messagebox.standard-talk |
|||
border:none; |
|||
{ |
|||
border: 1px solid #C0C090; |
|||
background-color: #F8EABA; |
|||
} |
} |
||
/******************* |
|||
/* Table documentation at [[Wikisource:Style guide/Tables]] */ |
|||
** Specific pages (keep to a minimum) |
|||
/* grayscale tables */ |
|||
*******************/ |
|||
table.prettytable |
|||
/* Spam blacklist */ |
|||
{ |
|||
body.page-Talk_Spam_blacklist #ca-addsection { display:none; } |
|||
margin: 1em 1em 1em 0; |
|||
background-color: #f9f9f9; |
|||
/* Spam blacklist/log */ |
|||
border: 1px #aaa solid; |
|||
.logtable pre { |
|||
border-collapse: collapse; |
|||
margin:0; |
|||
padding:0; |
|||
border:0; |
|||
} |
} |
||
table.prettytable th, |
|||
/******************* |
|||
table.prettytable td |
|||
** Bytecounter colours |
|||
{ |
|||
*******************/ |
|||
padding: 0.2em; |
|||
strong.mw-plusminus-neg { color:#C00; } |
|||
border: 1px #aaa solid; |
|||
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; |
|||
} |
} |
||
table.prettytable th |
|||
/* in {{PDFlink}}, for browsers that don't support the above (IE) */ |
|||
{ |
|||
span.PDFlink a { |
|||
background-color: #f2f2f2; |
|||
padding-right:17px !important; |
|||
text-align: center; |
|||
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; |
|||
} |
} |
||
/******************* |
|||
/* stylistic tables */ |
|||
** Collapsible navigation boxes (see [[en:Wikipedia:NavFrame]]) |
|||
/* '''valign''' ; rows vertically aligned to top* |
|||
*******************/ |
|||
/* '''table-c75vtop''' ; table centred, 75% width, rows vertically aligned to top*/ |
|||
div.Boxmerge, |
|||
table.table-c75vtop |
|||
div.NavFrame { |
|||
{ |
|||
margin:0px; |
|||
width: 75%; |
|||
padding:4px; |
|||
margin-left: auto; |
|||
border:1px solid #AAA; |
|||
margin-right: auto; |
|||
} |
|||
.table-c75vtop, .valign tr |
|||
{ |
|||
vertical-align: top; |
|||
} |
|||
/* tablecolhdborder; borders around table/columns/<th>; centre <th>; <td> align left with padding */ |
|||
/* as used in [[Template:Hussey Churches table header]] */ |
|||
table.tablecolhdborder |
|||
{ |
|||
border:1px solid; margin:0 0 0 0; |
|||
border-collapse:collapse; |
border-collapse:collapse; |
||
text-align:center; |
|||
font-size:95%; |
|||
} |
} |
||
div.Boxmerge div.NavFrame { |
|||
table.tablecolhdborder th |
|||
border-style:none; |
|||
{ |
|||
border- |
border-style:hidden; |
||
border-left: 1px solid; |
|||
text-align: center; |
|||
} |
} |
||
div.NavFrame + div.NavFrame { |
|||
table.tablecolhdborder td |
|||
border-top-style:none; |
|||
{ |
|||
border-top-style:hidden; |
|||
text-align:left; |
|||
border-left: 1px solid; |
|||
padding-left: 5px; |
|||
} |
} |
||
div.NavPic { |
|||
float:left; |
|||
/* ********* |
|||
margin:0px; |
|||
* Main page |
|||
padding:2px; |
|||
*/ |
|||
background:#FFF; |
|||
body.page-Main_Page .firstHeading, |
|||
body.page-Main_Page #siteSub |
|||
{ |
|||
display: none; |
|||
} |
} |
||
div.NavFrame div.NavHead { |
|||
div.main_page |
|||
position:relative; |
|||
{ |
|||
height:1.6em; |
|||
position: static; |
|||
background:#CCF; |
|||
font-weight:bold; |
|||
} |
} |
||
div.NavFrame p { |
|||
/* some new stuff for styling the main page header */ |
|||
font-size:100%; |
|||
table.tblMain_page_header |
|||
{ |
|||
margin: 0 0 1em 0; |
|||
/* border and background-color properties set in shared rules; see further down */ |
|||
width: 100%; |
|||
} |
} |
||
div.NavFrame div.NavContent { |
|||
table.tblMain_page_header h1, |
|||
font-size:100%; |
|||
table.tblMain_page_header h2 |
|||
{ |
|||
margin: 0 !important; /* insist on overriding #bodyContent h1 selector in main.css */ |
|||
border: 0; |
|||
padding: 0; |
|||
} |
} |
||
div.NavFrame div.NavContent p { |
|||
table.tblMain_page_header div.divMPheading_wrapper |
|||
font-size:100%; |
|||
{ |
|||
float: left; |
|||
padding-right: 7em; |
|||
} |
} |
||
div.NavEnd { |
|||
table.tblMain_page_header h1 |
|||
clear:both; |
|||
{ |
|||
margin:0px; |
|||
font-size: 150%; |
|||
padding |
padding:0px; |
||
line-height:1px; |
|||
} |
} |
||
a.NavToggle { |
|||
table.tblMain_page_header h2 |
|||
position:absolute; |
|||
{ |
|||
top:0px; |
|||
font-size: 90%; |
|||
right:3px; |
|||
font-size:smaller; |
|||
font-weight:normal; |
|||
} |
} |
||
table.tblMain_page_header ul |
|||
/******************* |
|||
{ |
|||
** Messagebox templates |
|||
margin: 0; /* override margin-top to better align with h1-element; margin-left isn't applicable in this context */ |
|||
** 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 { |
|||
table.tblMain_page_header hr |
|||
border:1px solid #C0B8CC; |
|||
{ |
|||
background:#F0E5FF; |
|||
color: #569BBB; |
|||
text-align:center; |
|||
background-color: #569BBB; |
|||
} |
} |
||
.messagebox.cleanup { |
|||
/* may want to loosen specificity a bit... and rename. more likely, it'll become floats... */ |
|||
border:1px solid #9F9FFF; |
|||
div.main_page table.subheader |
|||
background:#EFEFFF; |
|||
{ |
|||
text-align:center; |
|||
width: 100%; |
|||
margin: -0.8em 0 -0.7em 0; |
|||
background: none; |
|||
font-size: 0.95em; |
|||
} |
} |
||
.messagebox .standard-talk { |
|||
div.main_page table.subheader td |
|||
border:1px solid #C0C090; |
|||
{ |
|||
background:#F8EABA; |
|||
padding: 10px 0; |
|||
} |
} |
||
.messagebox.nested-talk { |
|||
width:100%; |
|||
/* some new stuff for styling the layout and look of the main page columns and modules */ |
|||
margin:2px 4px 2px 4px; |
|||
div#divMain_page-ColumnWrapper |
|||
border:1px solid #C0C090; |
|||
{ |
|||
background:#F8EABA; |
|||
float: left; |
|||
width: 100%; |
|||
} |
} |
||
.messagebox.small { |
|||
div#divMain_page-PrimaryMaterial |
|||
float:right; |
|||
{ |
|||
clear:both; |
|||
float: left; |
|||
width: |
width:238px; |
||
margin:0 0 1em 1em; |
|||
font-size:85%; |
|||
line-height:1.25em; |
|||
} |
} |
||
div#divMain_page-SecondaryMaterial |
|||
/******************* |
|||
{ |
|||
** Template documentation |
|||
float: right; |
|||
*******************/ |
|||
width: 49%; |
|||
.template-documentation { |
|||
clear:both; |
|||
margin:1em 0 0 0; |
|||
padding:5px; |
|||
border:1px solid #AAA; |
|||
background:#ECFCF4; |
|||
} |
} |
||
div#divMain_page-TertiaryMaterial |
|||
.hidden-redlink a.new { display:none; } |
|||
{ |
|||
float: left; |
|||
/******************* |
|||
width: 100%; |
|||
** 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; |
|||
} |
} |
||
div#divMain_page-PrimaryMaterial table.tblMPmodule, |
|||
#bodyContent .persian a, #bodyContent .persian a.external, #bodyContent .rtl a, #bodyContent .rtl a.external { |
|||
div#divMain_page-SecondaryMaterial table.tblMPmodule, |
|||
padding-right:0; |
|||
div#divMain_page-TertiaryMaterial table.tblMPmodule |
|||
background:none; |
|||
{ |
|||
width: 100%; |
|||
background-color: transparent; |
|||
} |
} |
||
div#divMain_page-PrimaryMaterial table.tblMPmodule td.tdMPmodule, |
|||
.persian #toctitle, .rtl #toctitle { |
|||
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule, |
|||
direction:ltr; |
|||
div#divMain_page-TertiaryMaterial table.tblMPmodule td.tdMPmodule |
|||
{ |
|||
border: 1px solid #cedff2; |
|||
padding: 1em 1em 0.5em; |
|||
font-size: 100%; |
|||
} |
} |
||
div#divMain_page-PrimaryMaterial table.tblMPmodule td.tdMPmodule h2, |
|||
.persian .toclevel-1, .persian .toclevel-2, .persian .toclevel-3, .persian .toclevel-4 { |
|||
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule h2, |
|||
text-align:right; |
|||
div#divMain_page-TertiaryMaterial table.tblMPmodule td.tdMPmodule h2 |
|||
{ |
|||
font-size: 135%; |
|||
background-color: #569BBB; |
|||
color: White; |
|||
margin: 0 0 3px 0; |
|||
padding: 1px 0 0 0; |
|||
text-align: center; |
|||
line-height: 1.3em; |
|||
} |
} |
||
.rtl .toclevel-1, .rtl .toclevel-2, .rtl .toclevel-3, .rtl .toclevel-4 { |
|||
/* common rule for main page header and for prettytables embedded in main page moldules */ |
|||
text-align:right; |
|||
table.tblMain_page_header, |
|||
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable, |
|||
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable th, |
|||
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable td |
|||
{ |
|||
border: 1px solid #569BBB; |
|||
} |
} |
||
.persian .toclevel-2, .rtl .toclevel-2 { |
|||
table.tblMain_page_header, |
|||
margin-right:10px; |
|||
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable th |
|||
{ |
|||
background-color: #f1f5fc; |
|||
} |
} |
||
.persian .toclevel-3, .rtl .toclevel-3 { |
|||
/* main page stuff beyond here still to-review */ |
|||
margin-right:20px; |
|||
.main_page h1 |
|||
{ |
|||
margin: 0 !important; |
|||
padding: 0; |
|||
border: 0; |
|||
font-size: 1.75em; |
|||
} |
} |
||
.main_page .titlebox |
|||
.persian .toclevel-4, .rtl .toclevel-4 { |
|||
{ |
|||
margin-right:30px; |
|||
width: 100%; |
|||
padding-left: 2em; |
|||
border: 1px solid #CCC; |
|||
background-color: #FCFCFC; |
|||
} |
} |
||
.main_page .titlebox div |
|||
.persian .editsection, .rtl .editsection { |
|||
{ |
|||
float:left; |
|||
margin-left: 2em; |
|||
font-size: 0.95em; |
|||
} |
} |
||
.main_page .portals |
|||
.persian UL, .rtl UL { |
|||
{ |
|||
margin-right:16px; |
|||
width: 11%; |
|||
display:table; |
|||
font-size: 0.95em; |
|||
} |
} |
||
.main_page th |
|||
.persian OL, .rtl OL { |
|||
{ |
|||
margin-right:16px; |
|||
padding-left: 0.4em; |
|||
display:table; |
|||
border: 1px solid #A3B0BF; |
|||
background-color: #ECDCC8; |
|||
text-align: left; |
|||
font-family: Arial, Helvetica, sans-serif; |
|||
font-size: 1.2em; |
|||
} |
} |
||
.main_page .blurb |
|||
#bodyContent .arabic a, #bodyContent .rtl a { |
|||
{ |
|||
padding-right:0; |
|||
width: 60%; |
|||
background:none; |
|||
padding: 1em; |
|||
border: 1px solid #68A; |
|||
background-color: #FFE4C4; |
|||
} |
} |
||
.main_page .blurb img |
|||
/******************* |
|||
{ |
|||
** Default style for PrettyTextBox and InformationBox class of templates |
|||
float: left; |
|||
** ie, {{warning}}, {{info}}, etc |
|||
margin: 0 .7em 0 .3em; |
|||
*******************/ |
|||
.InformationBox { |
|||
width:80%; |
|||
clear:both; |
|||
margin:0.5em auto; |
|||
padding:3px; |
|||
border:1px solid #999; |
|||
background:#F8F8F8; |
|||
color:#000; |
|||
} |
} |
||
.main_page .mpsidebox |
|||
.PrettyTextBox { |
|||
{ |
|||
padding:.2em; |
|||
width: 30%; |
|||
border: |
border:1px solid #AAA; |
||
background:#F9F9F9; |
|||
color:#000; |
|||
} |
} |
||
.main_page .featuredtext |
|||
/******************* |
|||
{ |
|||
** Highlight clicked reference in blue to help navigation |
|||
border: 1px solid #68A; |
|||
*******************/ |
|||
ol.references > li:target { |
|||
background:#DEF; |
|||
} |
} |
||
.main_page .mpsidebox table, |
|||
sup.reference:target { |
|||
.main_page .featured_text table |
|||
background:#DEF; |
|||
{ |
|||
width: 100%; |
|||
vertical-align: top; |
|||
} |
} |
||
.main_page .sisterprojects |
|||
{ |
|||
margin: 0 -8px; |
|||
border-spacing: 8px; |
|||
} |
|||
.main_page .sisterprojects .sptd |
|||
{ |
|||
padding: 10px; |
|||
border: 1px solid #BBB; |
|||
vertical-align: top; |
|||
} |
|||
/* above main page stuff that is indented does not appear to be used these days; will review further and eventually remove */ |
|||
/********* |
|||
** Page namespace |
|||
*********/ |
|||
/* transcluded pages */ |
|||
.lefttext p |
|||
{ |
|||
text-indent: 2em; |
|||
} |
|||
.lefttext .poem p |
|||
{ |
|||
text-indent: 0; |
|||
} |
|||
.lefttext .tiInherit p |
|||
{ |
|||
text-indent: inherit; |
|||
} |
|||
.lefttext |
|||
{ |
|||
width: 33em; |
|||
text-align: justify; |
|||
margin: 5em; |
|||
} |
|||
/* similar to tiInherit, above; wrap something with a div of this class and set line-height; poem-tags, too */ |
|||
.lhInherit p |
|||
{ |
|||
line-height: inherit; |
|||
} |
|||
.quote |
|||
{ |
|||
color: #2F4F4F; /* darkslategray (not a valid color name) */ |
|||
margin-left: 2em; |
|||
margin-right: 2em; |
|||
} |
|||
/* Justify */ |
|||
body.ns-104 |
|||
{ |
|||
text-align: justify; |
|||
} |
|||
/* Paragraph markers (no IE6 support) */ |
|||
body.ns-104 div.pagetext>p |
|||
{ |
|||
background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Paragraph-mark.svg/6px-Paragraph-mark.svg.png) 0 .3em no-repeat; |
|||
margin-left: -10px; |
|||
padding-left: 10px; |
|||
} |
|||
/* ProofreadPage */ |
|||
.quality4 { background-color: #90ff90; } |
|||
.quality3 { background-color: #ffe867; } |
|||
.quality2 { background-color: #b0b0ff; } |
|||
.quality1 { background-color: #ffa0a0; } |
|||
.quality0 { background-color: #ddd; } |
|||
.ns-104 .editsection { visibility:hidden; } |
|||
/********* |
|||
** special formatting classes |
|||
*********/ |
|||
/* ordered-list flavours; see [[History of the Rise, Progress, and Termination of the American Revolution/Chapter II]] for first deployment */ |
|||
div.divRomanOL ol |
|||
{ |
|||
list-style-type: upper-roman; |
|||
} |
|||
div.divRomanOL-lower ol |
|||
{ |
|||
list-style-type: lower-roman; |
|||
} |
|||
div.divAlphaOL ol |
|||
{ |
|||
list-style-type: upper-alpha; /* or upper-latin; q: which is better supported? */ |
|||
} |
|||
div.divAlphaOL-lower ol |
|||
{ |
|||
list-style-type: lower-alpha; /* or lower-latin...*/ |
|||
} |
|||
div.divGreekOL-lower ol |
|||
{ |
|||
list-style-type: lower-greek; |
|||
} |
|||
div.divDecimalOL-leading-zero ol |
|||
{ |
|||
list-style-type: decimal-leading-zero; |
|||
} |
|||
div.divDecimalOL-normal ol |
|||
{ |
|||
list-style-type: decimal; /* could be useful in nested situations - but computer says no... */ |
|||
} |
|||
/* georgian && armenian as needed... */ |
|||
/********* |
|||
** tabber |
|||
*********/ |
|||
/* |
/* |
||
</source> |
|||
===Generic defaults=== |
|||
*/</pre></div> |
|||
Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license |
|||
see http://www.barelyfitz.com/projects/tabber/ |
|||
*/ |
|||
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ |
|||
/*-------------------------------------------------- |
|||
REQUIRED to hide the non-active tab content. |
|||
But do not hide them in the print stylesheet! |
|||
--------------------------------------------------*/ |
|||
.tabberlive .tabbertabhide { |
|||
display: none; |
|||
} |
|||
/*-------------------------------------------------- |
|||
.tabber = before the tabber interface is set up |
|||
.tabberlive = after the tabber interface is set up |
|||
--------------------------------------------------*/ |
|||
.tabber { |
|||
} |
|||
.tabberlive { |
|||
margin-top: 1em; |
|||
} |
|||
/*-------------------------------------------------- |
|||
ul.tabbernav = the tab navigation list |
|||
li.tabberactive = the active tab |
|||
--------------------------------------------------*/ |
|||
ul.tabbernav |
|||
{ |
|||
margin: 0; |
|||
padding: 3px 0; |
|||
border-bottom: 1px solid #CCC; |
|||
font: bold 12px Verdana, sans-serif; |
|||
} |
|||
ul.tabbernav li |
|||
{ |
|||
list-style: none; |
|||
margin: 0; |
|||
display: inline; |
|||
} |
|||
ul.tabbernav li a |
|||
{ |
|||
padding: 3px 0.5em; |
|||
margin-left: 3px; |
|||
border: 1px solid #ccc; |
|||
border-bottom: none; |
|||
background-color: #f2f7ff; |
|||
text-decoration: none; |
|||
} |
|||
ul.tabbernav li a:link { color: #448; } |
|||
ul.tabbernav li a:visited { color: #667; } |
|||
ul.tabbernav li a:hover |
|||
{ |
|||
color: #000; |
|||
background-color: #fff9f2; |
|||
border-color: #CCC; |
|||
} |
|||
ul.tabbernav li.tabberactive a |
|||
{ |
|||
background-color: #fff; |
|||
border-bottom: 1px solid #fff; |
|||
} |
|||
ul.tabbernav li.tabberactive a:hover |
|||
{ |
|||
color: #000; |
|||
background-color: White; |
|||
border-bottom: 1px solid White; |
|||
} |
|||
/*-------------------------------------------------- |
|||
.tabbertab = the tab content |
|||
Add style only after the tabber interface is set up (.tabberlive) |
|||
--------------------------------------------------*/ |
|||
.tabberlive .tabbertab { |
|||
padding: 5px; |
|||
border: 1px solid #CCC; |
|||
border-top: 0; |
|||
/* If you don't want the tab size changing whenever a tab is changed |
|||
you can set a fixed height */ |
|||
/* height: 200px; */ |
|||
/* If you set a fix height set overflow to auto and you will get a |
|||
scrollbar when necessary */ |
|||
/* overflow: auto; */ |
|||
} |
|||
/* If desired, hide the heading since a heading is provided by the tab */ |
|||
.tabberlive .tabbertab h2 { |
|||
display: none; |
|||
} |
|||
.tabberlive .tabbertab h3 { |
|||
display: none; |
|||
} |
|||
/* Example of using an ID to set different styles for the tabs on the page */ |
|||
.tabberlive#tab1 { |
|||
} |
|||
.tabberlive#tab2 { |
|||
} |
|||
.tabberlive#tab2 .tabbertab { |
|||
height: 200px; |
|||
overflow: auto; |
|||
} |
|||
/*--------------------------------------------------*/ |
|||
/* Use for inputting Hebrew pointing in MediaWiki:Edittools */ |
|||
span.nikud |
|||
{ |
|||
color: #002bb8; |
|||
cursor: pointer; |
|||
} |
|||
/* International Phonetic Alphabet [[Template:IPA]] */ |
|||
.IPA |
|||
{ |
|||
font-family: 'Arial Unicode MS', Code2000, Gentium, GentiumAlt, 'DejaVu Sans', 'Segoe UI', 'Lucida Grande', 'Charis SIL', 'Doulos SIL', 'TITUS Cyberbit Basic', 'Lucida Sans Unicode', sans-serif; |
|||
font-size: 110%; |
|||
} |
|||
/* Colored watchlist numbers */ |
|||
.mw-plusminus-pos { color: #006400; } /* dark green */ |
|||
.mw-plusminus-neg { color: #8B0000; } /* dark red */ |
|||
/* </source> */ |
Latest revision as of 20:19, 6 January 2010
/* CSS placed here will be applied to all skins */ <div dir="ltr"><pre>/* <source lang="css"> */ /******************* ** 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; } /******************* ** 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; } /******************* ** 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> */</pre></div>