MediaWiki:Common.css: Difference between revisions

From m204wiki
Jump to navigation Jump to search
m (add class noteN)
m (Reverted edits by Admin (talk) to last revision by JAL)
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 FF 2, not needed in FF 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 */
Line 22: Line 12:
}
}
   
   
p.pre, p.code, p.codeInTable, p.output, p.syntax, p.syntaxUL, p.pre pre.syntax {
p.pre, p.code, p.output, p.syntax, p.pre pre.syntax {
     color: #000;
     color: #000;
     background-color: #f9f9f9;
     background-color: #f9f9f9;
Line 28: Line 18:
     border: 1px dashed #4169E1;
     border: 1px dashed #4169E1;
     font-family: Consolas,"Liberation Mono",monospace;
     font-family: Consolas,"Liberation Mono",monospace;
     line-height: 1.2;
    font-size: 12.7px;
     line-height: 13.97px;
     vertical-align: baseline;
     vertical-align: baseline;
     white-space: pre;   /* pre-wrap OK if IE>=11, but we want code not to wrap */
     white-space: pre; }
    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 {
span.squareb {
    font-size: 105%;
     font-weight: bold;
     font-weight: bold;
     color: black;
     color: blue;
}
}
   
   
span.literal {
span.literal {
     font-style: normal;
     font-style: normal;
     color: #501010;
     color: #601010;
}
}
   
   
Line 72: Line 43:
     color: green;
     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; }
.pageBreak { page-break-before: always; }
/*  table element variations  *****************************************************  */
   
   
/* thJustBold for a table with non-heading <th>s bold but not italicized */
table, table.list {
/* also see tr.head, below  */
table, table.list table.thJustBold {
     margin: 1em 1em 1em 0;
     margin: 1em 1em 1em 0;
     background: #f9f9f9;
     background: #f9f9f9;
Line 95: Line 53:
     border-collapse: collapse;
     border-collapse: collapse;
}
}
th, td, .list th, .list td, .thJustBold th, .thJustBold td {
th, td, .list th, .list td {
     border: 1px #aaa solid;
     border: 1px #aaa solid;
     padding: 0.5em;
     padding: 0.5em;
Line 102: Line 60:
}
}
   
   
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 {
th, .list th {
     font-style: italic;
     font-style: italic;
Line 120: Line 65:
}
}
   
   
/* 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 {
th var, th var.term {
     font-weight: bold;
     font-weight: bold;
    font-size: 100%;
     color: black;
     color: black;
}
}
Line 160: Line 97:
}
}
   
   
/* for SoftSpy messages */
code, code.output {
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;
     background-color: #F0F0F9;
}
}
Line 226: Line 131:
}
}
   
   
/* Sirius style was italic */
var.product {
var.product {
    text-transform: none;
     color: black;
     color: black;
     font-style: normal;
     font-style: italic;
     font-weight: normal;
     font-weight: normal;
     font-size: 100%;
     font-size: 100%;
}
}
   
   
/* JAL added 04/13 */
var.product a {
var.book {
     color: #002bb8;   /* Otherwise product links are very faint */
     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 {
var.camel {
Line 251: Line 146:
}
}
   
   
/* 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 296: Line 186:
}
}
   
   
/* to caption a table, as child of a "table" tag  */
.caption {
caption {
     font-size: 11px;
    font-weight: bold;
     color: #601010;
     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;
     text-align: center;
     line-height: 100%;
     line-height: 100%;
     margin-left: 1.6em;
     margin-left: 15em;
    margin-top: 2em;
     margin-right: 15em;
    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-top: 1em;
     margin-bottom: 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 {
.warning   {
     color: #990000;
     color: #990000;
     font-style: italic;
     font-style: italic;
}
}
 
.smallAndTightList {
.smallAndTightList {
     line-height: 1.3;
    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;
}
}
   
   
Line 394: Line 229:
}
}
   
   
/* 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 {
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 418: Line 251:
.toclimit-6 .toclevel-5 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
.toclimit-7 .toclevel-6 ul {
    display: none;  
            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 447: Line 269:
}
}


div#content h3 {
h4  {
     font-size: 1.25em;  
     font-size: 110%;  
}
}


Line 458: Line 280:
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;
}
/* this so redirect pgs that have Category tag won't have italicized names on cat pg: */
.redirect-in-category  {
    font-style: normal;
}
}


Line 480: Line 286:
}
}


/**
/* make Sidebar wider (to view change in Firefox: hold Shift while clicking Reload) */
* make toggle text/icon display to the left of toggled content;
/* this minor adjustment prevents some wrapping of items */
* but elements after this floated element will try to flow around it,
#column-content { margin-left: -12.5em }  /* IE doesn't seem to respond to this one */
* so after the collapsible element's closing tag, specify <br close="all">
#column-content #content { margin-left: 12.5em } /* IE doesn't seem to respond to this one */
*/
#p-logo a, #p-logo a:hover { width: 12.5em }  
.mw-collapsible span.mw-collapsible-toggle { float: left; }
.portlet { width: 11.8em }  
 
#p-cactions { left: 11.8em }
/* 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;
}
 
/* ----------------------------------------------- /*
 
/* **********************************************************************************/

Revision as of 17:30, 25 October 2016

/* 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: Consolas,"Liberation Mono",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;
    color: #000;
}
 
 
span.boldGreen {
    font-weight: bold;
    color: green;
}
 
 
.pageBreak { page-break-before: always; }
 
table, table.list {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
th, td, .list th, .list td {
    border: 1px #aaa solid;
    padding: 0.5em;
    text-align: left;
    vertical-align: top;
}
 
th, .list th {
    font-style: italic;
    background: #f2f2f2;
}
 
th var, th var.term {
    font-weight: bold;
    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;
}
 
code, code.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;
}
 
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;
}
 



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

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

code {
    font-family: Consolas,"Liberation Mono",monospace;
}

/* make Sidebar wider (to view change in Firefox: hold Shift while clicking Reload) */
/* this minor adjustment prevents some wrapping of items */
#column-content { margin-left: -12.5em }  /* IE doesn't seem to respond to this one */
#column-content #content { margin-left: 12.5em } /* IE doesn't seem to respond to this one */
#p-logo a, #p-logo a:hover { width: 12.5em } 
.portlet { width: 11.8em } 
#p-cactions { left: 11.8em }