MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
m (tweaking tables with non-italic <th>) |
m (add divider) |
||
(149 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* See also MediaWiki:Vector.css, MediaWiki:MonoBook.css, | |||
/* MediaWiki:Modern.css */ | |||
/* *** NOTE: MANY SKIN TWEAKS ARE SPECIFIED IN MediaWiki:Vector.css *** /* | |||
/* following comment won't work for IE>9 */ | |||
<!-[if gte IE8] | |||
<linkrel=”stylesheet” type=”text/css” href=”/stylesheets/standards.css”/> | |||
<![endif]-> | |||
/* current practice is to use p class="code" instead of this pre tag */ | |||
pre { | pre { | ||
overflow-x: auto; /* Use horizontal scroller if needed; for FF2, not needed in FF3 */ | |||
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 { | p.pre, p.code, p.codeInTable, p.output, p.syntax, p.syntaxUL, p.pre pre.syntax { | ||
color: #000; | color: #000; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
Line 18: | Line 28: | ||
border: 1px dashed #4169E1; | border: 1px dashed #4169E1; | ||
font-family: Consolas,"Liberation Mono",monospace; | font-family: Consolas,"Liberation Mono",monospace; | ||
line-height: 1.2; | |||
line-height: | |||
vertical-align: baseline; | vertical-align: baseline; | ||
white-space: pre; } | white-space: pre; /* pre-wrap OK if IE>=11, but we want code not to wrap */ | ||
overflow: auto; | |||
} | |||
p.codeInTable { | |||
border:0; | |||
padding:0; | |||
margin-top:0; | |||
font-family: Consolas,"Liberation Mono",monospace; | |||
} | |||
p.syntax { | |||
line-height: 1.35; | |||
} | |||
p.syntaxUL { | |||
line-height: 1.35; | |||
display: inline-block; | |||
} | |||
/* make bold in syntax larger */ | |||
.syntax b { | |||
font-size: 105%; | |||
} | |||
p.syntaxUL~hr { | |||
height: 2px; | |||
margin: 2px 0; | |||
} | |||
span.squareb { | span.squareb { | ||
font-size: 105%; | |||
font-weight: bold; | font-weight: bold; | ||
color: | color: black; | ||
} | } | ||
span.literal { | span.literal { | ||
font-style: normal; | font-style: normal; | ||
color: # | color: #501010; | ||
} | } | ||
Line 43: | Line 81: | ||
color: green; | color: green; | ||
} | } | ||
/* for error-message page subtitle */ | |||
span.msgtext { | |||
font-family: Arial, Helvetica, sans-serif; | |||
font-size:150%; | |||
line-height:1.5em; | |||
} | |||
/* the following tag is designed for the superscript star in Connect*; */ | |||
/* HTML superscript tag (sup) makes star char (★) too large and lines displace */ | |||
span.superstar, span.toctext span { | |||
font-size: .6em; | |||
vertical-align: baseline; | |||
position: relative; | |||
top: -0.5em; | |||
} | |||
.pageBreak { page-break-before: always; } | .pageBreak { page-break-before: always; } | ||
/* table element variations *************************************************** */ | |||
/* thJustBold for a table with <th> bold but not italicized | /* thJustBold for a table with non-heading <th>s bold but not italicized */ | ||
/* also see tr.head, below */ | |||
table, table.list table.thJustBold { | table, table.list table.thJustBold { | ||
margin: 1em 1em 1em 0; | margin: 1em 1em 1em 0; | ||
Line 54: | Line 111: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
th, td, .list th, .list td .thJustBold th .thJustBold td { | th, td, .list th, .list td, .thJustBold th, .thJustBold td { | ||
border: 1px #aaa solid; | border: 1px #aaa solid; | ||
padding: 0.5em; | padding: 0.5em; | ||
Line 65: | Line 122: | ||
} | } | ||
/* JAL added explicit | /* JAL added explicit bkgrd color to preserve it in table column *headings* in a */ | ||
/* | /* class=thJustBold table */ | ||
tr.head > th { | tr.head > th { | ||
vertical-align: bottom; | vertical-align: bottom; | ||
white-space: nowrap; | white-space: nowrap; | ||
font-style: | font-style: normal; | ||
background: #f2f2f2; | |||
} | } | ||
Line 78: | Line 136: | ||
} | } | ||
/* if <th> in first columns in table *content* in a class thJustBold table, make sure */ | |||
/* tr class=head for column headings */ | |||
.thJustBold th { | .thJustBold th { | ||
font-style: normal; | font-style: normal; | ||
background: # | background: #f2f2f2; | ||
} | } | ||
Line 114: | Line 174: | ||
table table.nested th { | table table.nested th { | ||
border: hidden; | border: hidden; | ||
} | |||
/* following two tweaks tighten spacing for search result list items */ | |||
table.gsc-table-result { | |||
margin: 0; | |||
} | |||
table.gsc-resultsHeader { | |||
display: none; | |||
} | |||
/* for the List of MSIR and M204 message tables ************* */ | |||
/* more visible vertical borders & merges msg num w/ its text */ | |||
table.msgList { | |||
border: 2px #aaa solid; | |||
} | |||
.msgList th { | |||
border-right-style:none; | |||
border-left:2px solid #aaa; | |||
font-style: normal; | |||
background: #f9f9f9; | |||
} | |||
.msgList td { | |||
border-left-style:none; | |||
} | |||
/* for SoftSpy message tables ****************************** */ | |||
table.message { | |||
margin: 0; | |||
border: none; | |||
border-collapse: collapse; | |||
background-color: transparent; | |||
} | } | ||
code, | table.message th { | ||
border: none; | |||
font-style: normal; | |||
white-space: nowrap; | |||
} | |||
table.message td { | |||
border: none; | |||
} | |||
table.message tr:first-child th { | |||
min-width: 7em; | |||
} | |||
table.message tr:first-child td { | |||
font-weight: bold; | |||
} | |||
table.message~hr { | |||
height: 2px; | |||
margin: 1em 0; | |||
} | |||
/* ******************************************************* */ | |||
code, p.output { | |||
background-color: #F0F0F9; | background-color: #F0F0F9; | ||
} | } | ||
Line 168: | Line 286: | ||
/* darker color used when font-style was italic */ | /* darker color used when font-style was italic */ | ||
/* Otherwise product links are very faint */ | |||
/* var.product a { color: #002bb8; } */ | |||
var.camel { | var.camel { | ||
Line 176: | Line 293: | ||
} | } | ||
/* prevent break before parens for terms like %(System in IE and Chrome */ | |||
var.nobr { | |||
white-space: pre; | |||
} | |||
pre var { | pre var { | ||
font-weight: bold; | font-weight: bold; | ||
Line 216: | Line 338: | ||
} | } | ||
/* to caption a table, as child of a "table" tag */ | |||
caption { | caption { | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 110%; | font-size: 110%; | ||
padding-bottom: .6em; | |||
} | } | ||
/* | /* use for fig (image) caption; as class for "p" tag; compare with "caption" above */ | ||
.caption { | /* use style="width:XXpx" on "p" tag to center precisely; XX is width of graphic */ | ||
/* or use style="margin-right:XXem" to ctr a non-image manually; XX often around 15 */ | |||
/* then "p class=figure" before the image & append image sz in its "File:" value */ | |||
/* IE wraps caption if it is wider than the image */ | |||
.caption, div#content p.caption { | |||
color: black; | color: black; | ||
font-size: 100%; | font-size: 100%; | ||
Line 229: | Line 356: | ||
text-align: center; | text-align: center; | ||
line-height: 100%; | line-height: 100%; | ||
margin-left: | margin-left: 1.6em; | ||
margin-top: 2em; | margin-top: 2em; | ||
margin-bottom: 1.6em; | |||
} | |||
.figure, div#content p.figure { | |||
margin-left: 1.6em; | |||
margin-top: 1.6em; | |||
margin-bottom: 2em; | margin-bottom: 2em; | ||
} | } | ||
.warning { | |||
/* enclose non-single-paragraph Notes with blockquote class="note". */ | |||
/* Otherwise, use p class="note" */ | |||
/* use noteN class to automatically get a bolded "Note:" term */ | |||
.note, div#content p.note, .noteN, div#content p.noteN { | |||
margin-left: 15px; | |||
margin-right: 30px; | |||
border: none; | |||
padding: 0px; | |||
} | |||
/* auto-provision of bold text "Note:" */ | |||
.noteN:before { | |||
content: "Note: "; | |||
font-weight: bold; | |||
} | |||
li *.note, td *.note, th *.note, li *.noteN, td *.noteN, th *.noteN { | |||
margin-left: 10px; | |||
margin-right: 30px; | |||
border: none; | |||
padding: 0px; | |||
} | |||
/* enclose non-single-paragraph Cautions & Warnings with blockquote class="warn". */ | |||
/* Otherwise, use p class="warn" */ | |||
.warn, div#content p.warn { | |||
margin-left: 20px; | |||
margin-right: 60px; | |||
margin-top: 1em; | |||
margin-bottom: 1em; | |||
text-align: justify; | |||
border-top: 1px solid #000; | |||
border-bottom: 1px solid #000; | |||
padding: 5px 5px 5px 10px; | |||
} | |||
/* used by message on Sirius $function pgs; consider .warn class (above) instead */ | |||
.warning { | |||
color: #990000; | color: #990000; | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
.smallAndTightList { | .smallAndTightList { | ||
line-height: 1.3; | |||
line-height: | |||
} | } | ||
Line 267: | Line 428: | ||
} | } | ||
/* square bullets for lower-level nested lists */ | |||
ul li ul { | |||
list-style-type:square; | |||
list-style-image: none; | |||
} | |||
/* HTML for types of ordered list doesn't work in wiki, hence the following CSS */ | |||
ol.low-al li { | ol.low-al li { | ||
list-style-type:lower-alpha; | list-style-type:lower-alpha; | ||
} | } | ||
/** * Allow limiting of which header levels are shown in a TOC; | /** * Allow limiting of which header levels are shown in a TOC; | ||
* <div class="toclimit-3">, for instance, will limit to | * <div class="toclimit-3">, for instance, will limit to | ||
* showing ==headings== and ===headings=== but no further. | * showing ==headings== and ===headings=== but no further. | ||
* Used in [[Template:TOCright]]; see MediaWiki's Template:TOC page | |||
* Used in [[Template:TOCright]] | |||
*/ | */ | ||
Line 289: | Line 452: | ||
.toclimit-6 .toclevel-5 ul, | .toclimit-6 .toclevel-5 ul, | ||
.toclimit-7 .toclevel-6 ul { | .toclimit-7 .toclevel-6 ul { | ||
display: none; | |||
} | |||
/* selectively suppress TOC numbering -- put TOC within div class=autonum */ | |||
.noautonum .tocnumber { | |||
display: none; | |||
} | |||
/* add top space to TOC */ | |||
div#toc.toc { | |||
margin-top:1em; | |||
} | |||
/* squeeze footer list items a bit to fit Sirius copyright claim */ | /* squeeze footer list items a bit to fit Sirius copyright claim */ | ||
#footer li { | #footer li { | ||
margin:0 1em; | margin:0 1em; | ||
} | } | ||
Line 307: | Line 481: | ||
} | } | ||
div#content h3 { | |||
font-size: | font-size: 1.25em; | ||
} | } | ||
h6 { | h5, h6, div#content h5, div#content h6 { | ||
font-style: italic; | font-style: italic; | ||
font-size: | font-size: 92%; | ||
} | } | ||
tt { | tt { | ||
font-family: Consolas, "Liberation Mono", monospace; | font-family: Consolas, "Liberation Mono", monospace; | ||
font-size:105%; | |||
} | |||
/* two cosmetic tweaks for Category page sections to remove some extra space */ | |||
div#mw-subcategories h3 { | |||
padding-top:0px; | |||
margin-top:0px; | |||
} | } | ||
div#mw-pages h3 { | |||
padding-top:0px; | |||
} | } | ||
/* redirect pgs that have Category tag won't have italicized names on cat pg: */ | |||
.redirect-in-category { | |||
font-style: normal; | |||
} | |||
code { | |||
font-family: Consolas,"Liberation Mono",monospace; | |||
} | } | ||
Line 346: | Line 520: | ||
*/ | */ | ||
.mw-collapsible span.mw-collapsible-toggle { float: left; } | .mw-collapsible span.mw-collapsible-toggle { float: left; } | ||
/* indent collapsed text to line-up with h2 title text */ | |||
div.mw-collapsible-content { | |||
margin-left:2.32em; | |||
} | |||
/* ************************changes for Vector default ***************************** */ | |||
/* hides sidebar Toolbox (so we can substitute our own set of items) */ | |||
#p-tb { display:none; | |||
} | |||
/* for Monobook, widens sidebar boxes a tiny bit */ | |||
.portlet { | |||
width: 11.75em; | |||
} | |||
/* for Monobook, reduces (moves right) page content area a tiny bit */ | |||
/* b/c IE doesn't respond, need to snug box padding (see 'portlet pBody', below) */ | |||
div#content { | |||
margin-left: 12.4em; /* not needed for Vector */ | |||
} | |||
/* four tweaks to increase Vector sidebar width and make associated adjustments; */ | |||
/* see also MediaWiki:Vector.css */ | |||
div#mw-panel { | |||
width: 11.5em; | |||
padding-left: 0; /* was .5, which is not needed if centering vector */ | |||
left:auto; /* for Vector centering project */ | |||
} | |||
#left-navigation { | |||
left: 11em; | |||
margin-left: 11.5em; /* increase of .5 for Vector centering project */ | |||
} | |||
div#content.mw-body { | |||
margin-left: 11.5em; /* increase of .5 for Vector centering project */ | |||
border-width: 1px; /* blue right border for Vector centering project */ | |||
} | |||
div#footer ul { | |||
margin-left: 1em; | |||
} | |||
/* Monobook: for IE, lets sidebar box close on right by reducing the right padding */ | |||
.portlet .pBody { | |||
padding-right: .1em; | |||
} | |||
/* Vector: used to widen sidebar boxes a tiny bit by larger padding to right */ | |||
/* moving some divs undid that, so reducing it gives more room to text items */ | |||
.portal .body { | |||
padding-right: .5em; | |||
} | |||
/* Monobook: rmv box from containing class of "What's New" element; tweak bot space */ | |||
#p-\.C2\.A0.generated-sidebar.portlet .pBody { | |||
background-color:transparent; | |||
border:0px hidden transparent; | |||
padding-bottom: 0em; | |||
} | |||
/* for Monobook, removes bullet graphic, chngs font sz & left margin for "What's New" */ | |||
#p-\.C2\.A0.generated-sidebar.portlet ul { | |||
list-style-type: none; | |||
list-style-image: none; | |||
font-style: normal; | |||
font-size: 100%; | |||
margin: .75em 0 0 .75em; | |||
} | |||
/* hides Blank list item but preserves its space so sibling list el has more cushion */ | |||
#n-Blank { | |||
visibility:hidden; | |||
} | |||
/* in Vector, tweaks "What's New" element */ | |||
#mw-panel div.portal div.body ul:first-child li:only-child { | |||
line-height: 2.5em; | |||
padding-bottom: 1em; | |||
} | |||
/* tweaks list containing "What's New" element in Monobook and Vector */ | |||
#p-\.C2\.A0 ul { | |||
line-height: 1em; | |||
padding-bottom: 0em; | |||
} | |||
/* makes Vector left margin for "What's New" same as list items in lower sections */ | |||
/* default for this was .5; needed to precisely specify the "first" and "persistent" */ | |||
#mw-panel.noprint.collapsible-nav .portal.first.persistent div.body { | |||
margin-left: 1.25em; /* this gets overridden to .5 */ | |||
} | |||
/* ----------------------------------------------- */ | |||
/* -- Vector centering proj (also see few commented tweaks above & in Vector.css) -- */ | |||
div#center { | |||
margin: auto; | |||
max-width: 60em; | |||
} | |||
div#mw-head { | |||
right: auto; | |||
max-width: 60em; | |||
background-image: none; | |||
background-color: transparent; | |||
} | |||
div#p-logo { | |||
left: 0; /* was .5, not needed if centering vector (Vector.css overrides it) */ | |||
} /* see also mw-panel chg above */ | |||
/* move top tab text up a bit to make white space above it less noticeable */ | |||
div.vectorTabs ul li { | |||
line-height: .6em; | |||
} | |||
/* next 2 tweaks to snug right-nav els to content edge xcpt for 1px */ | |||
div#p-personal { | |||
right: 1px; | |||
} | |||
div#p-search { | |||
margin-right: 1px; | |||
} | |||
div#mw-page-base { | |||
background-image: none; | |||
background-color: transparent; | |||
} | |||
/* ----------------------------------------------- */ | |||
/* ****************************************************************************** */ |
Latest revision as of 23:15, 6 September 2018
/* CSS placed here will be applied to all skins */ /* See also MediaWiki:Vector.css, MediaWiki:MonoBook.css, /* MediaWiki:Modern.css */ /* *** NOTE: MANY SKIN TWEAKS ARE SPECIFIED IN MediaWiki:Vector.css *** /* /* following comment won't work for IE>9 */ <!-[if gte IE8] <linkrel=”stylesheet” type=”text/css” href=”/stylesheets/standards.css”/> <![endif]-> /* current practice is to use p class="code" instead of this pre tag */ pre { overflow-x: auto; /* Use horizontal scroller if needed; for FF2, not needed in FF3 */ 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.codeInTable, p.output, p.syntax, p.syntaxUL, p.pre pre.syntax { color: #000; background-color: #f9f9f9; padding: 5px 5px 5px 10px; border: 1px dashed #4169E1; font-family: Consolas,"Liberation Mono",monospace; line-height: 1.2; vertical-align: baseline; white-space: pre; /* pre-wrap OK if IE>=11, but we want code not to wrap */ overflow: auto; } p.codeInTable { border:0; padding:0; margin-top:0; font-family: Consolas,"Liberation Mono",monospace; } p.syntax { line-height: 1.35; } p.syntaxUL { line-height: 1.35; display: inline-block; } /* make bold in syntax larger */ .syntax b { font-size: 105%; } p.syntaxUL~hr { height: 2px; margin: 2px 0; } span.squareb { font-size: 105%; font-weight: bold; color: black; } span.literal { font-style: normal; color: #501010; } span.term { font-style: italic; color: #000; } span.boldGreen { font-weight: bold; color: green; } /* for error-message page subtitle */ span.msgtext { font-family: Arial, Helvetica, sans-serif; font-size:150%; line-height:1.5em; } /* the following tag is designed for the superscript star in Connect*; */ /* HTML superscript tag (sup) makes star char (★) too large and lines displace */ span.superstar, span.toctext span { font-size: .6em; vertical-align: baseline; position: relative; top: -0.5em; } .pageBreak { page-break-before: always; } /* table element variations *************************************************** */ /* thJustBold for a table with non-heading <th>s bold but not italicized */ /* also see tr.head, below */ table, table.list table.thJustBold { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } th, td, .list th, .list td, .thJustBold th, .thJustBold td { border: 1px #aaa solid; padding: 0.5em; text-align: left; vertical-align: top; } td.bold { font-weight: bold; } /* JAL added explicit bkgrd color to preserve it in table column *headings* in a */ /* class=thJustBold table */ tr.head > th { vertical-align: bottom; white-space: nowrap; font-style: normal; background: #f2f2f2; } th, .list th { font-style: italic; background: #f2f2f2; } /* if <th> in first columns in table *content* in a class thJustBold table, make sure */ /* tr class=head for column headings */ .thJustBold th { font-style: normal; background: #f2f2f2; } th var, th var.term { font-weight: bold; font-size: 100%; color: black; } 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; } /* following two tweaks tighten spacing for search result list items */ table.gsc-table-result { margin: 0; } table.gsc-resultsHeader { display: none; } /* for the List of MSIR and M204 message tables ************* */ /* more visible vertical borders & merges msg num w/ its text */ table.msgList { border: 2px #aaa solid; } .msgList th { border-right-style:none; border-left:2px solid #aaa; font-style: normal; background: #f9f9f9; } .msgList td { border-left-style:none; } /* for SoftSpy message tables ****************************** */ table.message { margin: 0; border: none; border-collapse: collapse; background-color: transparent; } table.message th { border: none; font-style: normal; white-space: nowrap; } table.message td { border: none; } table.message tr:first-child th { min-width: 7em; } table.message tr:first-child td { font-weight: bold; } table.message~hr { height: 2px; margin: 1em 0; } /* ******************************************************* */ code, p.output { background-color: #F0F0F9; } var { font-style: normal; font-weight: bold; font-size: 95%; color: #555; } /* tentatively removed from above: text-transform: capitalize; */ /* 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; } /* Sirius style was italic */ var.product { text-transform: none; color: black; font-style: normal; font-weight: normal; font-size: 100%; } /* JAL added 04/13 */ var.book { color: black; font-style: italic; font-weight: normal; font-size: 100%; } /* darker color used when font-style was italic */ /* Otherwise product links are very faint */ /* var.product a { color: #002bb8; } */ var.camel { text-transform: none; } /* prevent break before parens for terms like %(System in IE and Chrome */ var.nobr { white-space: pre; } 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; } /* to caption a table, as child of a "table" tag */ caption { font-weight: bold; font-size: 110%; padding-bottom: .6em; } /* use for fig (image) caption; as class for "p" tag; compare with "caption" above */ /* use style="width:XXpx" on "p" tag to center precisely; XX is width of graphic */ /* or use style="margin-right:XXem" to ctr a non-image manually; XX often around 15 */ /* then "p class=figure" before the image & append image sz in its "File:" value */ /* IE wraps caption if it is wider than the image */ .caption, div#content p.caption { color: black; font-size: 100%; font-weight: bold; text-align: center; line-height: 100%; margin-left: 1.6em; margin-top: 2em; margin-bottom: 1.6em; } .figure, div#content p.figure { margin-left: 1.6em; margin-top: 1.6em; margin-bottom: 2em; } /* enclose non-single-paragraph Notes with blockquote class="note". */ /* Otherwise, use p class="note" */ /* use noteN class to automatically get a bolded "Note:" term */ .note, div#content p.note, .noteN, div#content p.noteN { margin-left: 15px; margin-right: 30px; border: none; padding: 0px; } /* auto-provision of bold text "Note:" */ .noteN:before { content: "Note: "; font-weight: bold; } li *.note, td *.note, th *.note, li *.noteN, td *.noteN, th *.noteN { margin-left: 10px; margin-right: 30px; border: none; padding: 0px; } /* enclose non-single-paragraph Cautions & Warnings with blockquote class="warn". */ /* Otherwise, use p class="warn" */ .warn, div#content p.warn { margin-left: 20px; margin-right: 60px; margin-top: 1em; margin-bottom: 1em; text-align: justify; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 5px 5px 5px 10px; } /* used by message on Sirius $function pgs; consider .warn class (above) instead */ .warning { color: #990000; font-style: italic; } .smallAndTightList { line-height: 1.3; } 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; } /* square bullets for lower-level nested lists */ ul li ul { list-style-type:square; list-style-image: none; } /* HTML for types of ordered list doesn't work in wiki, hence the following CSS */ ol.low-al li { list-style-type:lower-alpha; } /** * 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]]; see MediaWiki's Template:TOC page */ .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; } /* selectively suppress TOC numbering -- put TOC within div class=autonum */ .noautonum .tocnumber { display: none; } /* add top space to TOC */ div#toc.toc { margin-top:1em; } /* 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; } div#content h3 { font-size: 1.25em; } h5, h6, div#content h5, div#content h6 { font-style: italic; font-size: 92%; } tt { font-family: Consolas, "Liberation Mono", monospace; font-size:105%; } /* two cosmetic tweaks for Category page sections to remove some extra space */ div#mw-subcategories h3 { padding-top:0px; margin-top:0px; } div#mw-pages h3 { padding-top:0px; } /* redirect pgs that have Category tag won't have italicized names on cat pg: */ .redirect-in-category { font-style: normal; } code { font-family: Consolas,"Liberation Mono",monospace; } /** * make toggle text/icon display to the left of toggled content; * but elements after this floated element will try to flow around it, * so after the collapsible element's closing tag, specify <br close="all"> */ .mw-collapsible span.mw-collapsible-toggle { float: left; } /* indent collapsed text to line-up with h2 title text */ div.mw-collapsible-content { margin-left:2.32em; } /* ************************changes for Vector default ***************************** */ /* hides sidebar Toolbox (so we can substitute our own set of items) */ #p-tb { display:none; } /* for Monobook, widens sidebar boxes a tiny bit */ .portlet { width: 11.75em; } /* for Monobook, reduces (moves right) page content area a tiny bit */ /* b/c IE doesn't respond, need to snug box padding (see 'portlet pBody', below) */ div#content { margin-left: 12.4em; /* not needed for Vector */ } /* four tweaks to increase Vector sidebar width and make associated adjustments; */ /* see also MediaWiki:Vector.css */ div#mw-panel { width: 11.5em; padding-left: 0; /* was .5, which is not needed if centering vector */ left:auto; /* for Vector centering project */ } #left-navigation { left: 11em; margin-left: 11.5em; /* increase of .5 for Vector centering project */ } div#content.mw-body { margin-left: 11.5em; /* increase of .5 for Vector centering project */ border-width: 1px; /* blue right border for Vector centering project */ } div#footer ul { margin-left: 1em; } /* Monobook: for IE, lets sidebar box close on right by reducing the right padding */ .portlet .pBody { padding-right: .1em; } /* Vector: used to widen sidebar boxes a tiny bit by larger padding to right */ /* moving some divs undid that, so reducing it gives more room to text items */ .portal .body { padding-right: .5em; } /* Monobook: rmv box from containing class of "What's New" element; tweak bot space */ #p-\.C2\.A0.generated-sidebar.portlet .pBody { background-color:transparent; border:0px hidden transparent; padding-bottom: 0em; } /* for Monobook, removes bullet graphic, chngs font sz & left margin for "What's New" */ #p-\.C2\.A0.generated-sidebar.portlet ul { list-style-type: none; list-style-image: none; font-style: normal; font-size: 100%; margin: .75em 0 0 .75em; } /* hides Blank list item but preserves its space so sibling list el has more cushion */ #n-Blank { visibility:hidden; } /* in Vector, tweaks "What's New" element */ #mw-panel div.portal div.body ul:first-child li:only-child { line-height: 2.5em; padding-bottom: 1em; } /* tweaks list containing "What's New" element in Monobook and Vector */ #p-\.C2\.A0 ul { line-height: 1em; padding-bottom: 0em; } /* makes Vector left margin for "What's New" same as list items in lower sections */ /* default for this was .5; needed to precisely specify the "first" and "persistent" */ #mw-panel.noprint.collapsible-nav .portal.first.persistent div.body { margin-left: 1.25em; /* this gets overridden to .5 */ } /* ----------------------------------------------- */ /* -- Vector centering proj (also see few commented tweaks above & in Vector.css) -- */ div#center { margin: auto; max-width: 60em; } div#mw-head { right: auto; max-width: 60em; background-image: none; background-color: transparent; } div#p-logo { left: 0; /* was .5, not needed if centering vector (Vector.css overrides it) */ } /* see also mw-panel chg above */ /* move top tab text up a bit to make white space above it less noticeable */ div.vectorTabs ul li { line-height: .6em; } /* next 2 tweaks to snug right-nav els to content edge xcpt for 1px */ div#p-personal { right: 1px; } div#p-search { margin-right: 1px; } div#mw-page-base { background-image: none; background-color: transparent; } /* ----------------------------------------------- */ /* ****************************************************************************** */