Difference between revisions of "MediaWiki:Gadget-site.css"
Jump to navigation
Jump to search
m |
m (Wikiadmin moved page MediaWiki:Common.css to MediaWiki:Gadget-site.css: MediaWiki upgrade) |
||
(43 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | + | ||
pre { | pre { | ||
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ | overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ | ||
− | overflow-y: hidden; /* overflow-x above messes up Chrome, this is the fix. Sigh */ | + | overflow-y: hidden; /* overflow-x above messes up Chrome, this is the fix. Sigh */ |
white-space: pre-wrap; /* css-3 */ | white-space: pre-wrap; /* css-3 */ | ||
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ | white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ | ||
Line 11: | Line 11: | ||
word-wrap: break-word; /* Internet Explorer 5.5+ */ | word-wrap: break-word; /* Internet Explorer 5.5+ */ | ||
} | } | ||
− | + | ||
p.pre, p.code, p.output, p.syntax, p.pre pre.syntax { | p.pre, p.code, p.output, p.syntax, p.pre pre.syntax { | ||
color: #000; | color: #000; | ||
Line 22: | Line 22: | ||
vertical-align: baseline; | vertical-align: baseline; | ||
white-space: pre; } | white-space: pre; } | ||
− | + | ||
span.squareb { | span.squareb { | ||
font-weight: bold; | font-weight: bold; | ||
color: blue; | color: blue; | ||
} | } | ||
− | + | ||
span.literal { | span.literal { | ||
font-style: normal; | font-style: normal; | ||
color: #601010; | color: #601010; | ||
} | } | ||
− | + | ||
span.term { | span.term { | ||
font-style: italic; | font-style: italic; | ||
Line 38: | Line 38: | ||
color: #000; | color: #000; | ||
} | } | ||
− | + | ||
− | + | ||
span.boldGreen { | span.boldGreen { | ||
font-weight: bold; | font-weight: bold; | ||
color: green; | color: green; | ||
} | } | ||
− | + | ||
− | + | ||
.pageBreak { page-break-before: always; } | .pageBreak { page-break-before: always; } | ||
− | + | ||
/* syntaxTable class for skinning normal syntax term tables */ | /* syntaxTable class for skinning normal syntax term tables */ | ||
table, table.syntaxTable, table.list { | table, table.syntaxTable, table.list { | ||
Line 57: | Line 57: | ||
th, td, .syntaxTable th, .syntaxTable td, .list th, .list td { | th, td, .syntaxTable th, .syntaxTable td, .list th, .list td { | ||
border: 1px #aaa solid; | border: 1px #aaa solid; | ||
− | padding: 0. | + | padding: 0.5em; |
text-align: left; | text-align: left; | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
− | + | ||
.list th { | .list th { | ||
background: #f2f2f2; | background: #f2f2f2; | ||
} | } | ||
− | + | ||
.syntaxTable th { | .syntaxTable th { | ||
background: #f2f2f2; | background: #f2f2f2; | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
− | + | ||
− | + | ||
.syntaxTable th var { | .syntaxTable th var { | ||
font-style: normal; | font-style: normal; | ||
color: #000; | color: #000; | ||
+ | } | ||
+ | |||
+ | /* to save the bother of Var'ing for non-italicized th terms in a table within a syntaxTable */ | ||
+ | .syntaxTable table.noVar th { | ||
+ | font-style: normal; | ||
} | } | ||
Line 82: | Line 87: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
− | + | ||
+ | table.noBorder { | ||
+ | margin: 0; | ||
+ | border: none; | ||
+ | border-collapse: collapse; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | table.noBorder th, table.noBorder td { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
table.nested { | table.nested { | ||
margin: 0; | margin: 0; | ||
Line 88: | Line 104: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
− | + | ||
table table.nested th { | table table.nested th { | ||
border: hidden; | border: hidden; | ||
} | } | ||
− | + | ||
table.syntaxTable table.optionTable td { | table.syntaxTable table.optionTable td { | ||
border: none; | border: none; | ||
Line 98: | Line 114: | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
− | + | ||
− | + | ||
code, code.output { | code, code.output { | ||
background-color: #F0F0F9; | background-color: #F0F0F9; | ||
} | } | ||
− | + | ||
var { | var { | ||
− | + | font-style: normal; | |
+ | font-weight: 600; | ||
+ | font-size: 95%; | ||
text-transform: capitalize; | text-transform: capitalize; | ||
+ | color: #555; | ||
} | } | ||
− | + | ||
− | var.syntax | + | /* link-within-var */ |
+ | |||
+ | var a:link { | ||
+ | color: #5353EF; | ||
+ | } | ||
+ | |||
+ | var a:visited { | ||
+ | color: #5353EF; | ||
+ | } | ||
+ | |||
+ | var.syntax { | ||
+ | font-size: 100%; | ||
color: black; | color: black; | ||
} | } | ||
− | + | ||
var.term { | var.term { | ||
text-transform: none; | text-transform: none; | ||
+ | font-style: italic; | ||
+ | font-weight: normal; | ||
+ | font-size: 100%; | ||
+ | color: black; | ||
} | } | ||
− | + | ||
+ | var.product { | ||
+ | color: black; | ||
+ | font-style: italic; | ||
+ | font-weight: normal; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | var.product a { | ||
+ | color: #002bb8; /* Otherwise product links are very faint */ | ||
+ | } | ||
+ | |||
+ | var.camel { | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
pre var { | pre var { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
− | + | ||
.pageSubtitle { | .pageSubtitle { | ||
font-size:120%; | font-size:120%; | ||
Line 126: | Line 175: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
− | + | ||
a:visited { | a:visited { | ||
color: #002bb8; | color: #002bb8; | ||
} | } | ||
− | + | ||
+ | /* The "normal" source of the #bodyContent styles is the monobook css file on lin875 */ | ||
+ | /* make links to non-wiki targets same color as non-var wiki links */ | ||
+ | #bodyContent a.external:link, | ||
+ | #bodyContent a.external:visited { | ||
+ | color: #002bb8; | ||
+ | } | ||
+ | |||
.showVisit a:link { | .showVisit a:link { | ||
color: #002bb8; | color: #002bb8; | ||
Line 149: | Line 205: | ||
color: #a55858; | color: #a55858; | ||
} | } | ||
− | + | ||
.caption { | .caption { | ||
font-size: 11px; | font-size: 11px; | ||
Line 160: | Line 216: | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
} | } | ||
− | + | ||
.warning { | .warning { | ||
color: #990000; | color: #990000; | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
− | + | ||
.smallAndTightList { | .smallAndTightList { | ||
font-family: Verdana, Arial, Helvetica, sans-serif; | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
Line 179: | Line 235: | ||
margin: 2px; | margin: 2px; | ||
} | } | ||
− | + | ||
ul.nobul li { | ul.nobul li { | ||
− | list-style-type: none; | + | list-style-type: none; |
− | list-style-image: none; | + | list-style-image: none; |
margin-left: 0; | margin-left: 0; | ||
} | } | ||
− | + | ||
ul.nobulnoindent li { | ul.nobulnoindent li { | ||
− | list-style-type: none; | + | list-style-type: none; |
− | list-style-image: none; | + | list-style-image: none; |
margin-left: 0; | margin-left: 0; | ||
text-indent: -1.5em; | text-indent: -1.5em; | ||
} | } | ||
+ | |||
+ | ol.low-al li { | ||
+ | list-style-type:lower-alpha; | ||
+ | } | ||
+ | |||
+ | /* make Sidebar wider */ | ||
+ | #column-content { margin-left: -13.6em } | ||
+ | #column-content #content { margin-left: 13.6em } | ||
+ | #p-logo a, #p-logo a:hover { width: 13.6em } | ||
+ | .portlet { width: 12.6em } | ||
+ | #p-cactions { left: 12.6em } | ||
− | + | /** * 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. | ||
+ | |||
+ | * Used in [[Template:TOCright]] | ||
+ | |||
+ | */ | ||
+ | |||
+ | .toclimit-2 .toclevel-1 ul, | ||
+ | .toclimit-3 .toclevel-2 ul, | ||
+ | .toclimit-4 .toclevel-3 ul, | ||
+ | .toclimit-5 .toclevel-4 ul, | ||
+ | .toclimit-6 .toclevel-5 ul, | ||
+ | .toclimit-7 .toclevel-6 ul { | ||
+ | display: none; } | ||
+ | |||
+ | /* squeeze footer list items a bit to fit Sirius copyright claim */ | ||
+ | #footer li { | ||
+ | margin:0 1em; | ||
+ | } | ||
+ | |||
+ | /* use same red as Sirius PDFs */ | ||
+ | h1 { | ||
+ | color: #660000; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | color: #660000; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-size: 110%; | ||
} | } | ||
− | + | h6 { | |
− | + | font-style: italic; | |
− | + | font-size: 94%; | |
− | + | } | |
− | |||
− |
Latest revision as of 04:29, 17 January 2013
/* CSS placed here will be applied to all skins */ pre { overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ overflow-y: hidden; /* overflow-x above messes up Chrome, this is the fix. Sigh */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ /* width: 99%; */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } p.pre, p.code, p.output, p.syntax, p.pre pre.syntax { color: #000; background-color: #f9f9f9; padding: 5px 5px 5px 10px; border: 1px dashed #4169E1; font-family: monospace; font-size: 12.7px; line-height: 13.97px; vertical-align: baseline; white-space: pre; } span.squareb { font-weight: bold; color: blue; } span.literal { font-style: normal; color: #601010; } span.term { font-style: italic; font-family: monospace; color: #000; } span.boldGreen { font-weight: bold; color: green; } .pageBreak { page-break-before: always; } /* syntaxTable class for skinning normal syntax term tables */ table, table.syntaxTable, table.list { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } th, td, .syntaxTable th, .syntaxTable td, .list th, .list td { border: 1px #aaa solid; padding: 0.5em; text-align: left; vertical-align: top; } .list th { background: #f2f2f2; } .syntaxTable th { background: #f2f2f2; font-style: italic; } .syntaxTable th var { font-style: normal; color: #000; } /* to save the bother of Var'ing for non-italicized th terms in a table within a syntaxTable */ .syntaxTable table.noVar th { font-style: normal; } table.optionTable { margin: 0; border: none; border-collapse: collapse; } table.noBorder { margin: 0; border: none; border-collapse: collapse; background-color: transparent; } table.noBorder th, table.noBorder td { border: none; } table.nested { margin: 0; border: hidden; border-collapse: collapse; } table table.nested th { border: hidden; } table.syntaxTable table.optionTable td { border: none; height:5px; vertical-align: top; } code, code.output { background-color: #F0F0F9; } var { font-style: normal; font-weight: 600; font-size: 95%; text-transform: capitalize; color: #555; } /* link-within-var */ var a:link { color: #5353EF; } var a:visited { color: #5353EF; } var.syntax { font-size: 100%; color: black; } var.term { text-transform: none; font-style: italic; font-weight: normal; font-size: 100%; color: black; } var.product { color: black; font-style: italic; font-weight: normal; font-size: 100%; } var.product a { color: #002bb8; /* Otherwise product links are very faint */ } var.camel { text-transform: none; } pre var { font-weight: bold; } .pageSubtitle { font-size:120%; color:black; font-weight: bold; } a:visited { color: #002bb8; } /* The "normal" source of the #bodyContent styles is the monobook css file on lin875 */ /* make links to non-wiki targets same color as non-var wiki links */ #bodyContent a.external:link, #bodyContent a.external:visited { color: #002bb8; } .showVisit a:link { color: #002bb8; } .showVisit a:visited { color: #5a3696; } .showVisit a:hover { text-decoration: underline; } .showVisit a:active { color: #faa700; } .showVisit a.new, #p-personal a.new { color: #ba0000; } .showVisit a.new:visited, #p-personal a.new:visited { color: #a55858; } .caption { font-size: 11px; color: #601010; text-align: center; line-height: 100%; margin-left: 15em; margin-right: 15em; margin-top: 1em; margin-bottom: 1em; } .warning { color: #990000; font-style: italic; } .smallAndTightList { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.5px; font-style: italic; line-height: 1em; color: #00CC33; background-color: #eeeed3; text-indent: 50px; list-style-position: inside; list-style-type: square; padding: 6px; margin: 2px; } ul.nobul li { list-style-type: none; list-style-image: none; margin-left: 0; } ul.nobulnoindent li { list-style-type: none; list-style-image: none; margin-left: 0; text-indent: -1.5em; } ol.low-al li { list-style-type:lower-alpha; } /* make Sidebar wider */ #column-content { margin-left: -13.6em } #column-content #content { margin-left: 13.6em } #p-logo a, #p-logo a:hover { width: 13.6em } .portlet { width: 12.6em } #p-cactions { left: 12.6em } /** * 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. * Used in [[Template:TOCright]] */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /* squeeze footer list items a bit to fit Sirius copyright claim */ #footer li { margin:0 1em; } /* use same red as Sirius PDFs */ h1 { color: #660000; font-family: Arial, Helvetica, sans-serif; } h2 { font-family: Arial, Helvetica, sans-serif; color: #660000; } h4 { font-size: 110%; } h6 { font-style: italic; font-size: 94%; }