Difference between revisions of "MediaWiki:Common.css"
m |
m |
||
| (26 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
/* content template for a box with a max width */ | /* content template for a box with a max width */ | ||
div.content1 { | div.content1 { | ||
| − | max-width: | + | max-width:85em; |
margin-left:0px; | margin-left:0px; | ||
| + | background:white; | ||
} | } | ||
| + | |||
| + | div.content2 { | ||
| + | max-width:120em; | ||
| + | margin-left:0px; | ||
| + | border: 1px solid #a2a9b1; | ||
| + | background:#f5fffa; | ||
| + | } | ||
| + | |||
| + | /* the class for the collapsible element drop down bar */ | ||
| + | div.collapsiblebar { | ||
| + | max-width:120em; | ||
| + | margin-left:0px; | ||
| + | border: 1px solid #a2a9b1; | ||
| + | background:#d0e5f5; | ||
| + | } | ||
| + | |||
| + | /* the text body */ | ||
| + | table.body1 { | ||
| + | max-width:75em; | ||
| + | margin-left:0px; | ||
| + | background:white; | ||
| + | } | ||
| + | |||
| + | table.side1 { | ||
| + | float:right; | ||
| + | width:25em; | ||
| + | border: 1px solid #a2a9b1; | ||
| + | border-spacing: 3px; | ||
| + | padding: 0.2em; | ||
| + | clear: right; | ||
| + | font-size: 88%; | ||
| + | line-height: 1.5em; | ||
| + | background:white; | ||
| + | } | ||
| + | /* headings */ | ||
| + | table.side1 th { | ||
| + | color:white; | ||
| + | border: 1px solid #a2a9b1; | ||
| + | background:Maroon; | ||
| + | } | ||
| + | /* content cells */ | ||
| + | table.side1 td { | ||
| + | border: 1px solid #a2a9b1; | ||
| + | background:white; | ||
| + | color:black; | ||
| + | } | ||
| + | |||
/* From wikipedia css */ | /* From wikipedia css */ | ||
| Line 32: | Line 80: | ||
/* @noflip */ | /* @noflip */ | ||
padding-right: 18px; | padding-right: 18px; | ||
| + | } | ||
| + | |||
| + | /* Infobox template style */ | ||
| + | .infobox { | ||
| + | border: 1px solid #a2a9b1; | ||
| + | border-spacing: 3px; | ||
| + | background-color: #f8f9fa; | ||
| + | color: black; | ||
| + | /* @noflip */ | ||
| + | margin: 0.5em 0 0.5em 1em; | ||
| + | padding: 0.2em; | ||
| + | /* @noflip */ | ||
| + | float: right; | ||
| + | /* @noflip */ | ||
| + | clear: right; | ||
| + | font-size: 88%; | ||
| + | line-height: 1.5em; | ||
| + | } | ||
| + | .infobox caption { | ||
| + | font-size: 125%; | ||
| + | font-weight: bold; | ||
| + | padding: 0.2em; | ||
| + | } | ||
| + | .infobox td, | ||
| + | .infobox th { | ||
| + | vertical-align: top; | ||
| + | /* @noflip */ | ||
| + | text-align: left; | ||
| + | } | ||
| + | .infobox.bordered { | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | .infobox.bordered td, | ||
| + | .infobox.bordered th { | ||
| + | border: 1px solid #a2a9b1; | ||
| + | } | ||
| + | .infobox.bordered .borderless td, | ||
| + | .infobox.bordered .borderless th { | ||
| + | border: 0; | ||
| + | } | ||
| + | |||
| + | /* styles for bordered infobox with merged rows */ | ||
| + | .infobox.bordered .mergedtoprow td, | ||
| + | .infobox.bordered .mergedtoprow th { | ||
| + | border: 0; | ||
| + | border-top: 1px solid #a2a9b1; | ||
| + | /* @noflip */ | ||
| + | border-right: 1px solid #a2a9b1; | ||
| + | } | ||
| + | |||
| + | .infobox.bordered .mergedrow td, | ||
| + | .infobox.bordered .mergedrow th { | ||
| + | border: 0; | ||
| + | /* @noflip */ | ||
| + | border-right: 1px solid #a2a9b1; | ||
} | } | ||
Latest revision as of 13:43, 15 February 2017
/* CSS placed here will be applied to all skins */
/* content template for a box with a max width */
div.content1 {
max-width:85em;
margin-left:0px;
background:white;
}
div.content2 {
max-width:120em;
margin-left:0px;
border: 1px solid #a2a9b1;
background:#f5fffa;
}
/* the class for the collapsible element drop down bar */
div.collapsiblebar {
max-width:120em;
margin-left:0px;
border: 1px solid #a2a9b1;
background:#d0e5f5;
}
/* the text body */
table.body1 {
max-width:75em;
margin-left:0px;
background:white;
}
table.side1 {
float:right;
width:25em;
border: 1px solid #a2a9b1;
border-spacing: 3px;
padding: 0.2em;
clear: right;
font-size: 88%;
line-height: 1.5em;
background:white;
}
/* headings */
table.side1 th {
color:white;
border: 1px solid #a2a9b1;
background:Maroon;
}
/* content cells */
table.side1 td {
border: 1px solid #a2a9b1;
background:white;
color:black;
}
/* From wikipedia css */
/* Highlight linked elements (such as clicked references) in blue */
body.action-info :target,
.citation:target {
background-color: #DEF; /* Fallback */
background-color: rgba(255, 127, 255, 0.133);
}
/* Change the external link icon to an Adobe icon for all PDF files
in browsers that support these CSS selectors, like Mozilla and Opera */
div#content a[href$=".pdf"].external,
div#content a[href*=".pdf?"].external,
div#content a[href*=".pdf#"].external,
div#content a[href$=".PDF"].external,
div#content a[href*=".PDF?"].external,
div#content a[href*=".PDF#"].external,
div#mw_content a[href$=".pdf"].external,
div#mw_content a[href*=".pdf?"].external,
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external,
div#mw_content a[href*=".PDF?"].external,
div#mw_content a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 18px;
}
/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
}
.infobox td,
.infobox th {
vertical-align: top;
/* @noflip */
text-align: left;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #a2a9b1;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #a2a9b1;
}