Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Bea Linden (talk | contribs) (Add collapsible tables) |
|||
Line 12: | Line 12: | ||
.signature p { | .signature p { | ||
font: 10pt courier; | font: 10pt courier; | ||
padding: 0 5px 0 25px; | padding: 0 5px 0 25px; | ||
text-indent: -20px; | text-indent: -20px; | ||
Line 19: | Line 19: | ||
.apitable { | .apitable { | ||
margin: 1em 1em 1em 0; | margin: 1em 1em 1em 0; | ||
border: solid 1px #AAAAAA; | border: solid 1px #AAAAAA; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
background-color: #F9F9F9; | background-color: #F9F9F9; | ||
font-size: 90%; | font-size: 90%; | ||
empty-cells:show; | empty-cells:show; | ||
} | } | ||
Line 33: | Line 33: | ||
.api-constructor p { | .api-constructor p { | ||
border:solid 1px #AAAAAA; | border:solid 1px #AAAAAA; | ||
font: 10pt courier; | font: 10pt courier; | ||
white-space: pre; | white-space: pre; | ||
color: black; | color: black; | ||
background: #F9F9F9; | background: #F9F9F9; | ||
padding: 10px 0 10px 30px; | padding: 10px 0 10px 30px; | ||
text-indent: -20px | text-indent: -20px | ||
} | } | ||
.lltable { | .lltable { | ||
margin: 1em 1em 1em 0; | margin: 1em 1em 1em 0; | ||
border: 1px solid black; | border: 1px solid black; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
background-color: #F9F9F9; | background-color: #F9F9F9; | ||
font-size: 95%; | font-size: 95%; | ||
empty-cells:show; | empty-cells:show; | ||
} | } | ||
Line 91: | Line 91: | ||
#bodyContent h2 { font-size: 22px; } | #bodyContent h2 { font-size: 22px; } | ||
#bodyContent h3 { font-size: 20px; } | #bodyContent h3 { font-size: 20px; } | ||
#bodyContent h4 { font-size: 18px; color: #404040; font-style:italic;} | #bodyContent h4 { font-size: 18px; color: #404040; font-style:italic;} | ||
#bodyContent h5 { font-size: 16px; color: #606060; } | #bodyContent h5 { font-size: 16px; color: #606060; } | ||
#bodyContent h6 { font-size: 14px; font-style:italic;} | #bodyContent h6 { font-size: 14px; font-style:italic;} | ||
Line 102: | Line 102: | ||
/* SEARCH box emphasis */ | /* SEARCH box emphasis */ | ||
#p-search { | #p-search { | ||
background-color: # | background-color: #ffffcc; | ||
border: 0px solid #AAAAAA; | border: 0px solid #AAAAAA; | ||
Line 109: | Line 109: | ||
} | } | ||
#p-search .pBody, #p-search h5 { | #p-search .pBody, #p-search h5 { | ||
background-color: # | background-color: #ffffcc; | ||
border-top-width: 0px; | border-top-width: 0px; | ||
} | } | ||
Line 135: | Line 135: | ||
/* For collapsible tables */ | /* For collapsible tables */ | ||
.collapseButton { | .collapseButton { /* 'show'/'hide' buttons created dynamically by the */ | ||
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */ | |||
font-weight: normal; /* are styled here so they can be customised. */ | |||
text-align: right; | |||
width: auto; | |||
} | } |
Revision as of 10:05, 4 November 2010
/** CSS placed here will be applied to all skins */
#navbox, .navbox
{
border: 1px solid rgb(170, 170, 170);
background-color: rgb(249, 249, 249);
padding: 5px 5px 5px 5px;
font-size: 95%;
}
div.imagemap-inline div { display: inline; }
.signature p {
font: 10pt courier;
padding: 0 5px 0 25px;
text-indent: -20px;
white-space: pre;
}
.apitable {
margin: 1em 1em 1em 0;
border: solid 1px #AAAAAA;
border-collapse: collapse;
background-color: #F9F9F9;
font-size: 90%;
empty-cells:show;
}
.apitable td {
padding: 5px;
line-height: 120%;
}
.api-constructor p {
border:solid 1px #AAAAAA;
font: 10pt courier;
white-space: pre;
color: black;
background: #F9F9F9;
padding: 10px 0 10px 30px;
text-indent: -20px
}
.lltable {
margin: 1em 1em 1em 0;
border: 1px solid black;
border-collapse: collapse;
background-color: #F9F9F9;
font-size: 95%;
empty-cells:show;
}
.lltable td, .lltable th {
padding: 7px;
line-height: 120%;
vertical-align: top;
}
.lltable tr th {
background-color: #A7C1F2;
font-size: 110%;
}
/* This hides the Main Page title */
body.page-Main_Page h1.firstHeading { display:none; }
/* Readability tweaks:
- Changed body text to black for better contrast
- Optimized header sizes AND edit links
- Made code blocks elegant, with subtle highlight
*/
#bodyContent, .firstHeading, h1 { color: black; }
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
padding: 0px 0px 4px 0px;
margin: 20px 0px 0px 0px;
font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
color: black; }
h1 .editsection, h2 .editsection , h3 .editsection , h4 .editsection , h5 .editsection , h6 .editsection {
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-weight: bold;
color: black; }
#bodyContent h1, firstHeading { font-size: 24px; }
#bodyContent h2 { font-size: 22px; }
#bodyContent h3 { font-size: 20px; }
#bodyContent h4 { font-size: 18px; color: #404040; font-style:italic;}
#bodyContent h5 { font-size: 16px; color: #606060; }
#bodyContent h6 { font-size: 14px; font-style:italic;}
code { font-size: 12px; background-color: #eeeeee; }
pre { font-size: 12px; border-style: solid; border-color: #cccccc; background-color: #eeeeee }
/* SEARCH box emphasis */
#p-search {
background-color: #ffffcc;
border: 0px solid #AAAAAA;
margin-bottom: 10px;
margin-left: 2.5px;
}
#p-search .pBody, #p-search h5 {
background-color: #ffffcc;
border-top-width: 0px;
}
/* Thumbnail hover fix */
html .thumbimage {
border: 0px;
}
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }
/* For collapsible tables */
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}