MediaWiki:Gadget-site.css: Difference between revisions

From m204wiki
Jump to navigation Jump to search
mNo edit summary
m (Wikiadmin moved page MediaWiki:Common.css to MediaWiki:Gadget-site.css: MediaWiki upgrade)
 
(94 intermediate revisions by 5 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
 
pre {
pre {
     overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 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 */
     white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
     white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
Line 11: Line 11:
     word-wrap: break-word; /* Internet Explorer 5.5+ */
     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.output, p.syntax, p.pre pre.syntax {
     color: #000;
     color: #000;
Line 22: Line 22:
     vertical-align: baseline;
     vertical-align: baseline;
     white-space: pre; }
     white-space: pre; }
 
span.squareb {
span.squareb {
     font-weight: bold;
     font-weight: bold;
     color: blue;
     color: blue;
}
}
 
span.literal {
span.literal {
    font-style: normal;
    color: #601010;
}
span.term {
     font-style: italic;
     font-style: italic;
     color: #601010;
    font-family: monospace;
     color: #000;
}
}
 
span.boldGreen {
span.boldGreen {
     font-weight: bold;
     font-weight: bold;
     color: green;
     color: green;
}
}
 
 
.pageBreak { page-break-before: always; }
.pageBreak { page-break-before: always; }
 
/* syntaxTable class for skinning normal syntax term tables */
/* syntaxTable class for skinning normal syntax term tables */
table, table.syntaxTable, table.list {
table, table.syntaxTable, table.list {
Line 50: Line 57:
th, td, .syntaxTable th, .syntaxTable td, .list th, .list td {
th, td, .syntaxTable th, .syntaxTable td, .list th, .list td {
     border: 1px #aaa solid;
     border: 1px #aaa solid;
     padding: 0.7em;
     padding: 0.5em;
     text-align: left;
     text-align: left;
     vertical-align: top;
     vertical-align: top;
}
}
.syntaxTable th, .list th {
.list th {
     background: #f2f2f2;
     background: #f2f2f2;
}
}
 
.syntaxTable th {
    background: #f2f2f2;
    font-style: italic;
}
.syntaxTable th var {
.syntaxTable th var {
    font-style: normal;
     color: #000;
     color: #000;
}
/* to save the bother of Var'ing for non-italicized th terms in a table within a syntaxTable */
.syntaxTable table.noVar th {
    font-style: normal;
}
}


Line 67: Line 87:
     border-collapse: collapse;
     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;
}
table.syntaxTable table.optionTable td {
table.syntaxTable table.optionTable td {
     border: none;
     border: none;
Line 73: Line 114:
     vertical-align: top;
     vertical-align: top;
}
}
 
 
code, code.output {
code, code.output {
     background-color: #F0F0F9;
     background-color: #F0F0F9;
}
}
 
var {
var {
     color: #601010;
     font-style: normal;
    font-weight: 600;
    font-size: 95%;
     text-transform: capitalize;
     text-transform: capitalize;
    color: #555;
}
}
 
var.syntax, var.product {
/* link-within-var  */
var a:link {
    color: #5353EF;
}
var a:visited {
    color: #5353EF;
}
var.syntax {
    font-size: 100%;
     color: black;
     color: black;
}
}
 
var.term {
var.term {
     text-transform: none;
     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 {
pre var {
     font-weight: bold;
     font-weight: bold;
}
}
 
.pageSubtitle {
.pageSubtitle {
     font-size:120%;
     font-size:120%;
Line 101: Line 175:
     font-weight: bold;
     font-weight: bold;
}
}
 
a:visited {
a:visited {
     color: #002bb8;
     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 {
.showVisit a:link {
     color: #002bb8;
     color: #002bb8;
Line 124: Line 205:
     color: #a55858;
     color: #a55858;
}
}
 
.caption {
.caption {
     font-size: 11px;
     font-size: 11px;
Line 135: Line 216:
     margin-bottom: 1em;
     margin-bottom: 1em;
}
}
 
.warning {
.warning {
     color: #990000;
     color: #990000;
     font-style: italic;
     font-style: italic;
}
}
 
.smallAndTightList {
.smallAndTightList {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-family: Verdana, Arial, Helvetica, sans-serif;
Line 153: Line 234:
     padding: 6px;
     padding: 6px;
     margin: 2px;
     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;
}
/* make Sidebar wider */
#column-content { margin-left: -13.6em }
#column-content #content { margin-left: 13.6em }
#p-logo a, #p-logo a:hover { width: 13.6em }
.portlet { width: 12.6em }
#p-cactions { left: 12.6em }
/** * 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;
}
}


ul.nobul li {
/* use same red as Sirius PDFs */
list-style-type: none;  
h1  {
list-style-image: none;  
    color: #660000;
margin-left: 0;
    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%;  
}
}

Latest revision as of 04:29, 17 January 2013

/* 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: 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;
    font-family: monospace;
    color: #000;
}
 
 
span.boldGreen {
    font-weight: bold;
    color: green;
}
 
 
.pageBreak { page-break-before: always; }
 
/* syntaxTable class for skinning normal syntax term tables */
table, table.syntaxTable, table.list {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
th, td, .syntaxTable th, .syntaxTable td, .list th, .list td {
    border: 1px #aaa solid;
    padding: 0.5em;
    text-align: left;
    vertical-align: top;
}
 
.list th {
    background: #f2f2f2;
}
 
.syntaxTable th {
    background: #f2f2f2;
    font-style: italic;
}
 
 
.syntaxTable th var {
    font-style: normal;
    color: #000;
}
 
/* to save the bother of Var'ing for non-italicized th terms in a table within a syntaxTable */
.syntaxTable table.noVar th {
    font-style: normal;
}

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;
}
 
table.syntaxTable table.optionTable td {
    border: none;
    height:5px;
    vertical-align: top;
}
 
 
code, code.output {
    background-color: #F0F0F9;
}
 
var {
    font-style: normal;
    font-weight: 600;
    font-size: 95%;
    text-transform: capitalize;
    color: #555;
}
 
/* 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;
}
 
/* make Sidebar wider */
#column-content { margin-left: -13.6em }
#column-content #content { margin-left: 13.6em }
#p-logo a, #p-logo a:hover { width: 13.6em }
.portlet { width: 12.6em }
#p-cactions { left: 12.6em }

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