MediaWiki:Common.css
From Mises Wiki, the global repository of classical-liberal thought
/* CSS placed here will be applied to all skins */
/*
* Dynamic Layouts
*/
#text-wrap { margin-left:3em; position:relative; }
#text-container {}
#text {}
/* make the list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 100%; }
.references-small { font-size: 90%;}
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
font-weight: normal;
font-style: normal;
}
/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
background-color: #DEF;
}
/* Styling for citations */
span.citation, cite {
font-style: normal;
word-wrap: break-word;
}
/* For linked citation numbers and document IDs, where
the number need not be shown on a screen or a handheld,
but should be included in the printed version
*/
@media screen, handheld {
span.citation *.printonly {
display: none;
}
}
/* Infobox template style */
.infobox {
background-color:#F9F9F9;
border:1px solid #AAAAAA;
clear:right;
color:black;
float:right;
margin:0.5em 0 0.5em 1em;
padding:0.2em;
text-align: left;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.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;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}
/* 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; }
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #aaa;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #aaa;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #aaa;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* Side box formatting */
.sidebox {
clear: right;
padding: 4px;
border: 1px solid #a3b0bf;
background: #f1f5fc;
margin: 0 0 1em 1em;
font-size: 0.9em;
text-align: left;
float: right;
}
/* Tablebox formatting */
.tablebox { /* new name for old .navbox class */
clear: both;
padding: 4px;
border: 1px solid #a3b0bf;
background: #f1f5fc;
margin: 0 auto 1em auto;
font-size: 0.9em;
text-align: center;
}
/* Default skin for navigation boxes */
table.navbox { /* Navbox container style */
border: 1px solid #aaa;
margin: auto;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-group { /* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
.navbox-title,
table.navbox th {
background: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
.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.collapsed tr.collapsible {
display: none;
}
.collapseButton { /* 'show'/'hide' buttons created dynamically */
float: right; /* by the CollapsibleTables javascript in */
font-weight: normal; /* [[MediaWiki:Common.js]] are styled here */
text-align: right; /* so they can be customised. */
width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
width: 6em; /* the vde links from [[Template:Navbar]], */
} /* so they need to be the same width. */
.navbar { /* Navbox template links */
font-size: 88%; /* Default font-size */
font-weight: normal;
}
.navbox .navbar {
font-size: 100%; /* Font-size when nested within navbox */
}
/* Standard Navigationsleiste, aka box hiding thingy
from .de. Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #aaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #fff;
margin: 0;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
background-color: #ccf;
position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
a.NavToggle {
position: absolute;
top: 0;
right: 3px;
font-weight: normal;
font-size: 90%;
}
/* Prevent line breaks in silly places:
1) Links when we don't want them to
2) Bold "links" to the page itself
2) HTML formulae
3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a {
white-space: nowrap;
}
/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
font-weight: normal;
text-align: left;
}
/* lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
text-align: left;
}
/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
font-style: italic;
padding-left: 2em;
margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
font-style: normal;
}
/* Notice box formatting (for alerts, etc.) */
.noticebox
{
width: 80%;
margin: 0 auto 1em;
padding: 0.2em;
border: 1px solid #f28500;
background-color: #f4c430;
text-align: center;
}
/* For template documentation */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 1em;
}
/* Pretty table */
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;
}
/* message box formatting */
.messagebox
{
width: 80%;
margin: 0 auto 1em;
padding: 0.2em;
border: 1px solid #a3b0bf;
background-color: #f1f5fc;
text-align: center;
}
.messagebox.standard-talk
{
border: 1px solid #C0C090;
background-color: #F8EABA;
}
/* Hide heading on main page */
body.page-Main_Page h1.firstHeading { display:none; }
/* Styling for Template:Quote */
blockquote.templatequote {
margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
line-height: 1em;
text-align: left;
padding-left: 2em;
margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
font-size: 85%;
}
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
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;
}
/*
* Classes used by MediaWiki:Proofreadpage_header_template
*/
#headertemplate {
text-align: center;
}
.headerlabel {
display:none;
}
.headertemplate {
width: 98%;
padding:0.5em;
border-top: 1px solid #A0A0A0;
background-color: #f4f0e5;
}
.headertemplate-journal {
border-bottom: 1px;
solid #CCCCCC;
background-color: #f4f4f4;
padding: 0.5em;
width: 98%;
}
.headertemplate-author { padding-top:0.5em; padding-bottom:0.4em; font-size:100%; font-weight:bold; }
.headertemplate-title { padding-top:0.4em; padding-bottom:0.4em; font-size:120%; font-weight:bold; }
.headertemplate-reference { padding-top:0.4em; padding-bottom:0.5em; font-size:90%; }
.headertemplate-notes { padding-top:0.2em; padding-bottom:0.2em; font-size:90%; }
.footertemplate {
width: 98%;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.2em;
padding-bottom: 0em;
border-top: 1px solid #A0A0A0;
border-bottom: 1px solid #A0A0A0;
background-color: #f8f8f0;
text-align: center;
font-size:90%;
}
.references {
color:darkslategray;
font-size:90%;
border-style:solid;
border-width:1px;
border-color:whitesmoke;
background-color:snow;
padding:20px;
margin-top:20px;
}
div.headertemplate-manual
text-align: center;
display:none;
width: 30em;
padding:0.5em;
border-top: 1px solid #A0A0A0;
background-color: #f4f0e5;
}
/* Make the list of references smaller */
div.references {
font-size: 90%;
}
/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
float: left;
width: 50%;
min-width: 300px;
}
div.columns-3 div.column {
float: left;
width: 33.3%;
min-width: 200px;
}
div.columns-4 div.column {
float: left;
width: 25%;
min-width: 150px;
}
div.columns-5 div.column {
float: left;
width: 20%;
min-width: 120px;
}
/*********
** 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-left: 5em;
}
.leftoutdent
{
padding-left: 2em;
text-indent: -2em;
max-width: 33em;
margin-left: 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; }
/* Reduce size of sidebar headings */
.portal h5 {
padding:0 1em 0 .5em; /* example only */
font-size:90%;
font-weight:normal;
}
