Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Rand Linden (talk | contribs) |
|||
(38 intermediate revisions by 3 users not shown) | |||
Line 8: | Line 8: | ||
font-size: 95%; | font-size: 95%; | ||
} | } | ||
/* For sl.com style links (removed for now) | |||
.navbox-content li a, .navbox-content a {color: #5cb192; } | |||
.navbox-content li a:hover, .navbox-content a:hover {color: #dddddd; } | |||
*/ | |||
div.imagemap-inline div { display: inline; } | div.imagemap-inline div { display: inline; } | ||
.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 25: | ||
.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 39: | ||
.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 61: | Line 67: | ||
font-size: 110%; | font-size: 110%; | ||
} | } | ||
/* This hides the Main Page title */ | /* This hides the Main Page title */ | ||
Line 96: | Line 97: | ||
#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; } | #bodyContent h4 { font-size: 18px; color: #404040; font-style:italic;} | ||
#bodyContent h5 { font-size: 16px; } | #bodyContent h5 { font-size: 16px; color: #606060; } | ||
#bodyContent h6 { font-size: 14px; } | #bodyContent h6 { font-size: 14px; font-style:italic;} | ||
code { font-size: 12px; background-color: # | code { font-size: 12px; background-color: #eeeeee; } | ||
pre { font-size: 12px; border-style: solid; border-color: #cccccc; background-color: #eeeeee } | pre { font-size: 12px; border-style: solid; border-color: #cccccc; background-color: #eeeeee } | ||
/* | /* SEARCH box emphasis */ | ||
#p- | #p-search { | ||
background-color: #ffffcc; | |||
border: 0px solid #AAAAAA; | |||
margin-bottom: 10px; | |||
margin-left: 2.5px; | |||
} | } | ||
#p- | #p-search .pBody, #p-search h5 { | ||
background-color: #ffffcc; | |||
border-top-width: 0px; | |||
} | } | ||
Line 121: | Line 123: | ||
/* Thumbnail hover fix */ | /* Thumbnail hover fix */ | ||
html .thumbimage { | html .thumbimage { | ||
border: 0px; | 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; | |||
} | |||
/* ------------- FOR REG API FORM ------------------- */ | |||
.regapi { font-weight: bold; } | |||
.required {color: red} | |||
.formRow { | |||
clear:both; | |||
margin-bottom:12px; | |||
} | |||
.formRow label { | |||
border:1px solid white; | |||
display:block; | |||
float:left; | |||
font-weight:bold; | |||
height:100%; | |||
margin-right:0.5em; | |||
text-align:right; | |||
width:14em; | |||
} | |||
textarea.regapi { | |||
border: 1px solid #D3D3D3; | |||
border-top: 1px solid #818181; | |||
border-left: 1px solid #818181; | |||
font-family: Arial, Helvetica, sans-serif; | |||
font-size: 11px; | |||
width: 400px; | |||
height: 75px; | |||
padding: 3px; | |||
} | |||
.helpText { | |||
clear:both; | |||
display:block; | |||
font-size:0.8em; | |||
line-height:1.6; | |||
margin:0 0 6px 178px; | |||
width:500px; | |||
} | |||
.explanatoryText { | |||
display:block; | |||
float:left; | |||
width:380px; | |||
} | |||
.explanatoryText p { | |||
line-height:1.4; | |||
margin:0; | |||
padding-top:4px; | |||
} | |||
.checkboxLabel { | |||
float:right; | |||
width:358px; | |||
} | } | ||
/* ------------ END REGAPI ------------------ */ |
Latest revision as of 11:12, 14 December 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%;
}
/* For sl.com style links (removed for now)
.navbox-content li a, .navbox-content a {color: #5cb192; }
.navbox-content li a:hover, .navbox-content a:hover {color: #dddddd; }
*/
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;
}
/* ------------- FOR REG API FORM ------------------- */
.regapi { font-weight: bold; }
.required {color: red}
.formRow {
clear:both;
margin-bottom:12px;
}
.formRow label {
border:1px solid white;
display:block;
float:left;
font-weight:bold;
height:100%;
margin-right:0.5em;
text-align:right;
width:14em;
}
textarea.regapi {
border: 1px solid #D3D3D3;
border-top: 1px solid #818181;
border-left: 1px solid #818181;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 400px;
height: 75px;
padding: 3px;
}
.helpText {
clear:both;
display:block;
font-size:0.8em;
line-height:1.6;
margin:0 0 6px 178px;
width:500px;
}
.explanatoryText {
display:block;
float:left;
width:380px;
}
.explanatoryText p {
line-height:1.4;
margin:0;
padding-top:4px;
}
.checkboxLabel {
float:right;
width:358px;
}
/* ------------ END REGAPI ------------------ */