MediaWiki:Common.css: Difference between revisions

Revision as of 20:08, 21 November 2014

/* CSS placed here will be applied to all skins */
/* See also MediaWiki:Vector.css, MediaWiki:MonoBook.css, MediaWiki:Cologneblue.css, */ 
/* MediaWiki:Standard.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 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.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 better, but IE<11 doesn't obey */
    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: #601010;
}
 
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 (&#9733;) 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: #f9f9f9;
}

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-bottom: 2em;
}
 

/* enclose non-single-paragraph Notes with blockquote class="note". /*
/* Otherwise, use p class="note" */
.note, div#content p.note  {
    margin-left: 15px;
    margin-right: 30px;
    border: none;
    padding: 0px;
}

li *.note, td *.note, th *.note   {
    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   {
    margin-left: 20px;
    margin-right: 60px;
    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; 
}

/* 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%; 
}

tt {
    font-family: Consolas, "Liberation Mono", monospace;
    font-size:105%;
}

/* two cosmetic tweaks for Category page to remove some extra space */
div#mw-subcategories h3 {
    padding-top:0px;
    margin-top:0px;
}

div#mw-pages h3 {
    padding-top:0px;
}

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;
}

/* four tweaks to increase Vector sidebar width and make associated adjustments; */
/* see also MediaWiki:Vector.css */
div#mw-panel { 
   width: 11.5em; 
}

#left-navigation { 
   left: 11em;
   margin-left: 11em; 
}

div#content.mw-body  {   
   margin-left: 11em;
}

div#footer ul {
   margin-left: 1em;
}


/* for 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;
} 
  
/* for Monobook, removes box from containing class of "What's New" element; tweaks bottom 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 size & 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;
} 

/* tweaks Vector sidebar list headings   */
div#mw-panel div.portal h5 { Font-size: .80em; 
}

/* trying to give headers greater distinction -- default is grayer  */ 
div#mw-panel.noprint.collapsible-nav .portal.expanded h5 a {
   color: black;
}

/* ************************************************************************************* */