MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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 FF 2, not needed in FF 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.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.syntaxUL {
line-height: 1.35;
display: inline-block;
}
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;
}
/* 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 {
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;
}
/* for SoftSpy messages */
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 a figure (image) caption; as class for "p" tag; compare with "caption" above */
/* use style="width:XXpx" on "p" tag to center it precisely, where XX is width of graphic */
/* or use style="margin-right:XXem" to center a non-image manually; XX is often around 15 */
/* then "p class=figure" before the image & append image size in its "File:" specification */
/* 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 {
margin-left: 15px;
margin-right: 30px;
border: none;
padding: 0px;
}
/* automatically adds a bolded "Note:" term /*
.noteN, div#content p.noteN {
margin-left: 30px;
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 pages - consider use .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 coding 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;
}
h6 {
font-style: italic;
font-size: 94%;
}
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;
}
/* this so 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 padding to right */
.portlet .pBody {
padding-right: .1em;
}
/* for Vector, widens sidebar boxes a tiny bit by larger padding to right */
.portal .body {
padding-right: 1em;
}
/* 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, changes 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 gets extra 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;
}
/* for Vector, makes 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;
}
/* --- 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; see also chg to mw-panel 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;
}
/* ----------------------------------------------- /*
/* **********************************************************************************/