MediaWiki:Common.css

From m204wiki
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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 (&#9733;) 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;
}

/* ----------------------------------------------- */

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