MediaWiki:Gadget-site.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
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 61: | Line 61: | ||
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; | ||
} | } | ||
table.optionTable { | table.optionTable { | ||
margin: 0; | margin: 0; | ||
Line 82: | Line 82: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
table.noBorder { | table.noBorder { | ||
margin: 0; | margin: 0; | ||
Line 89: | Line 89: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
table.noBorder th, table.noBorder td { | table.noBorder th, table.noBorder td { | ||
border: none; | border: none; | ||
} | } | ||
table.nested { | table.nested { | ||
margin: 0; | margin: 0; | ||
Line 99: | Line 99: | ||
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 109: | Line 109: | ||
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; | |||
text-transform: capitalize; | text-transform: capitalize; | ||
color: #555; | |||
} | |||
/* link-within-var */ | |||
var a:link { | |||
color: #5353EF; | |||
} | |||
var a:visited { | |||
color: #5353EF; | |||
} | |||
var.syntax { | |||
color: black; | |||
} | |||
var.term { | |||
text-transform: none; | |||
font-style: italic; | |||
font-weight: normal; | |||
color: black; | |||
} | } | ||
var.product { | |||
color: black; | color: black; | ||
font-style: italic; | |||
font-weight: normal; | |||
} | |||
var.product a { | |||
color: #002bb8; /* Otherwise product links are very faint */ | |||
} | } | ||
var.camel { | |||
text-transform: none; | text-transform: none; | ||
} | } | ||
pre var { | pre var { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.pageSubtitle { | .pageSubtitle { | ||
font-size:120%; | font-size:120%; | ||
Line 137: | Line 166: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
a:visited { | a:visited { | ||
color: #002bb8; | color: #002bb8; | ||
} | } | ||
/* bodyContent | /* 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 */ | /* make links to non-wiki targets same color as non-var wiki links */ | ||
#bodyContent a.external:link, | |||
#bodyContent a.external:link, | #bodyContent a.external:visited { | ||
#bodyContent a.external:visited { | |||
color: #002bb8; | color: #002bb8; | ||
} | } | ||
.showVisit a:link { | .showVisit a:link { | ||
color: #002bb8; | color: #002bb8; | ||
Line 168: | Line 196: | ||
color: #a55858; | color: #a55858; | ||
} | } | ||
.caption { | .caption { | ||
font-size: 11px; | font-size: 11px; | ||
Line 179: | Line 207: | ||
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 198: | Line 226: | ||
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 { | ol.low-al li { | ||
list-style-type:lower-alpha; | list-style-type:lower-alpha; | ||
} | } | ||
/* make Sidebar wider */ | /* make Sidebar wider */ | ||
#column-content { margin-left: -13.5em } | #column-content { margin-left: -13.5em } |
Revision as of 21:46, 9 April 2012
/* 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.7em; 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; } 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; text-transform: capitalize; color: #555; } /* link-within-var */ var a:link { color: #5353EF; } var a:visited { color: #5353EF; } var.syntax { color: black; } var.term { text-transform: none; font-style: italic; font-weight: normal; color: black; } var.product { color: black; font-style: italic; font-weight: normal; } 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.5em } #column-content #content { margin-left: 13.5em } #p-logo a, #p-logo a:hover { width: 13.5em } .portlet { width: 12.5em } #p-cactions { left: 12.5em }