MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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
{
-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;
*/
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev
{
float: left;
text-align: left; /* override ambient for containing element */
padding-left: 1em;
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext
{
float: right;
text-align: right; /* override ambient for containing element */
padding-right: 1em;
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavCurrent
{
text-align: center; /* after floats in source order! */
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev,
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext
{
width: 20%; /* as in {{header}} and {{author}} */
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev span,
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext span
{
color: #808080;
}
.headertemplate .header_backlink,
.headertemplate .header_forelink
{
width: 20%;
font-size: 0.9em;
line-height: normal;
}
.header_notes
{
width: 100%;
font-size: 0.9em;
background-color: #FAFAFF;
border-bottom: 1px solid #A88;
margin-bottom: 0.5em; /* a bit of space before body-text; 1em might be better... */
}
.headertemplate .header_title
{
width: 60%;
}
.headertemplate .header_backlink
{
text-align: left;
}
.headertemplate .header_forelink
{
text-align: right;
}
/* {{author}} */
.authortemplate
{
width: 100%;
margin-bottom: 5px;
border: 1px solid #BEA2A2;
background-color: #E4D8D8;
}
.authortemplate .author_backlink,
.authortemplate .author_forelink
{
width: 20%;
font-size: 0.9em;
}
.authortemplate .author_name
{
width: 60%;
text-align: center;
}
.author_notes
{
width: 100%;
border-bottom: 1px solid #A88;
background-color: #FFFBFC;
font-size: 0.9em;
}
.author_seealso
{
float: right;
padding: 2px;
margin: 0 0 0.5em 1em;
border: 1px solid #CCC;
}
/*********
** Standard formatting classes
*********/
/* messagebox */
.messagebox
{
width: 80%;
margin: 0 auto 1em;
padding: 0.2em;
border: 1px solid #aaa;
background-color: #f9f9f9;
text-align: justify;
}
.messagebox.standard-talk
{
border: 1px solid #C0C090;
background-color: #F8EABA;
}
/* Table documentation at [[Wikisource:Style guide/Tables]] */
/* grayscale tables */
table.prettytable
{
margin: 1em 1em 1em 0;
background-color: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
table.prettytable th,
table.prettytable td
{
padding: 0.2em;
border: 1px #aaa solid;
}
table.prettytable th
{
background-color: #f2f2f2;
text-align: center;
}
/* stylistic tables */
/* '''valign''' ; rows vertically aligned to top*
/* '''table-c75vtop''' ; table centred, 75% width, rows vertically aligned to top*/
table.table-c75vtop
{
width: 75%;
margin-left: auto;
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;
}
table.tablecolhdborder th
{
border-bottom: 1px solid;
border-left: 1px solid;
text-align: center;
}
table.tablecolhdborder td
{
text-align:left;
border-left: 1px solid;
padding-left: 5px;
}
/* *********
* Main page
*/
body.page-Main_Page .firstHeading,
body.page-Main_Page #siteSub
{
display: none;
}
div.main_page
{
position: static;
}
/* some new stuff for styling the main page header */
table.tblMain_page_header
{
margin: 0 0 1em 0;
/* border and background-color properties set in shared rules; see further down */
width: 100%;
}
table.tblMain_page_header h1,
table.tblMain_page_header h2
{
margin: 0 !important; /* insist on overriding #bodyContent h1 selector in main.css */
border: 0;
padding: 0;
}
table.tblMain_page_header div.divMPheading_wrapper
{
float: left;
padding-right: 7em;
}
table.tblMain_page_header h1
{
font-size: 150%;
padding-bottom: 0.15em;
}
table.tblMain_page_header h2
{
font-size: 90%;
}
table.tblMain_page_header ul
{
margin: 0; /* override margin-top to better align with h1-element; margin-left isn't applicable in this context */
}
table.tblMain_page_header hr
{
color: #569BBB;
background-color: #569BBB;
}
/* may want to loosen specificity a bit... and rename. more likely, it'll become floats... */
div.main_page table.subheader
{
width: 100%;
margin: -0.8em 0 -0.7em 0;
background: none;
font-size: 0.95em;
}
div.main_page table.subheader td
{
padding: 10px 0;
}
/* some new stuff for styling the layout and look of the main page columns and modules */
div#divMain_page-ColumnWrapper
{
float: left;
width: 100%;
}
div#divMain_page-PrimaryMaterial
{
float: left;
width: 51%;
}
div#divMain_page-SecondaryMaterial
{
float: right;
width: 49%;
}
div#divMain_page-TertiaryMaterial
{
float: left;
width: 100%;
}
div#divMain_page-PrimaryMaterial table.tblMPmodule,
div#divMain_page-SecondaryMaterial table.tblMPmodule,
div#divMain_page-TertiaryMaterial table.tblMPmodule
{
width: 100%;
background-color: transparent;
}
div#divMain_page-PrimaryMaterial table.tblMPmodule td.tdMPmodule,
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule,
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,
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule h2,
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;
}
/* common rule for main page header and for prettytables embedded in main page moldules */
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;
}
table.tblMain_page_header,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable th
{
background-color: #f1f5fc;
}
/* main page stuff beyond here still to-review */
.main_page h1
{
margin: 0 !important;
padding: 0;
border: 0;
font-size: 1.75em;
}
.main_page .titlebox
{
width: 100%;
padding-left: 2em;
border: 1px solid #CCC;
background-color: #FCFCFC;
}
.main_page .titlebox div
{
margin-left: 2em;
font-size: 0.95em;
}
.main_page .portals
{
width: 11%;
font-size: 0.95em;
}
.main_page th
{
padding-left: 0.4em;
border: 1px solid #A3B0BF;
background-color: #ECDCC8;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.main_page .blurb
{
width: 60%;
padding: 1em;
border: 1px solid #68A;
background-color: #FFE4C4;
}
.main_page .blurb img
{
float: left;
margin: 0 .7em 0 .3em;
}
.main_page .mpsidebox
{
width: 30%;
border: 1px solid #68A !important;
}
.main_page .featuredtext
{
border: 1px solid #68A;
}
.main_page .mpsidebox table,
.main_page .featured_text table
{
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
*********/
/*
===Generic defaults===
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> */