MediaWiki:Gadget-site.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
| 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; | font-style: normal; | ||
color: #601010; | color: #601010; | ||
} | } | ||
span.term { | span.term { | ||
font-style: italic; | font-style: italic; | ||
| Line 38: | Line 38: | ||
color: #000; | 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 61: | Line 61: | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
.list th { | .list th { | ||
background: #f2f2f2; | background: #f2f2f2; | ||
} | } | ||
.syntaxTable th { | .syntaxTable th { | ||
background: #f2f2f2; | background: #f2f2f2; | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
.syntaxTable th var { | .syntaxTable th var { | ||
font-style: normal; | font-style: normal; | ||
color: #000; | color: #000; | ||
} | } | ||
table.optionTable { | table.optionTable { | ||
margin: 0; | margin: 0; | ||
| Line 82: | Line 82: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
table.noBorder { | table.noBorder { | ||
margin: 0; | margin: 0; | ||
| Line 89: | Line 89: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
table.noBorder th, table.noBorder td { | table.noBorder th, table.noBorder td { | ||
border: none; | border: none; | ||
} | } | ||
table.nested { | table.nested { | ||
margin: 0; | margin: 0; | ||
| Line 99: | Line 99: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
table table.nested th { | table table.nested th { | ||
border: hidden; | border: hidden; | ||
} | } | ||
table.syntaxTable table.optionTable td { | table.syntaxTable table.optionTable td { | ||
border: none; | border: none; | ||
| Line 109: | Line 109: | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
code, code.output { | code, code.output { | ||
background-color: #F0F0F9; | background-color: #F0F0F9; | ||
} | } | ||
var { | var { | ||
font-style: normal; | |||
font-weight: 600; | |||
text-transform: capitalize; | text-transform: capitalize; | ||
color: #555; | |||
} | |||
/* link-within-var */ | |||
var a:link { | |||
color: #5353EF; | |||
} | |||
var a:visited { | |||
color: #5353EF; | |||
} | |||
var.syntax { | |||
color: black; | |||
} | |||
var.term { | |||
text-transform: none; | |||
font-style: italic; | |||
font-weight: normal; | |||
color: black; | |||
} | } | ||
var.product { | |||
color: black; | color: black; | ||
font-style: italic; | |||
font-weight: normal; | |||
} | |||
var.product a { | |||
color: #002bb8; /* Otherwise product links are very faint */ | |||
} | } | ||
var.camel { | |||
text-transform: none; | text-transform: none; | ||
} | } | ||
pre var { | pre var { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.pageSubtitle { | .pageSubtitle { | ||
font-size:120%; | font-size:120%; | ||
| Line 137: | Line 166: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
a:visited { | a:visited { | ||
color: #002bb8; | color: #002bb8; | ||
} | } | ||
/* bodyContent | /* 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 */ | /* make links to non-wiki targets same color as non-var wiki links */ | ||
#bodyContent a.external:link, | |||
#bodyContent a.external:link, | #bodyContent a.external:visited { | ||
#bodyContent a.external:visited { | |||
color: #002bb8; | color: #002bb8; | ||
} | } | ||
.showVisit a:link { | .showVisit a:link { | ||
color: #002bb8; | color: #002bb8; | ||
| Line 168: | Line 196: | ||
color: #a55858; | color: #a55858; | ||
} | } | ||
.caption { | .caption { | ||
font-size: 11px; | font-size: 11px; | ||
| Line 179: | Line 207: | ||
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 198: | Line 226: | ||
margin: 2px; | margin: 2px; | ||
} | } | ||
ul.nobul li { | ul.nobul li { | ||
list-style-type: none; | list-style-type: none; | ||
list-style-image: none; | list-style-image: none; | ||
margin-left: 0; | margin-left: 0; | ||
} | } | ||
ul.nobulnoindent li { | ul.nobulnoindent li { | ||
list-style-type: none; | list-style-type: none; | ||
list-style-image: none; | list-style-image: none; | ||
margin-left: 0; | margin-left: 0; | ||
text-indent: -1.5em; | text-indent: -1.5em; | ||
} | } | ||
ol.low-al li { | ol.low-al li { | ||
list-style-type:lower-alpha; | list-style-type:lower-alpha; | ||
} | } | ||
/* make Sidebar wider */ | /* make Sidebar wider */ | ||
#column-content { margin-left: -13.5em } | #column-content { margin-left: -13.5em } | ||
Revision as of 21:46, 9 April 2012
/* 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.7em;
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;
}
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;
text-transform: capitalize;
color: #555;
}
/* link-within-var */
var a:link {
color: #5353EF;
}
var a:visited {
color: #5353EF;
}
var.syntax {
color: black;
}
var.term {
text-transform: none;
font-style: italic;
font-weight: normal;
color: black;
}
var.product {
color: black;
font-style: italic;
font-weight: normal;
}
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.5em }
#column-content #content { margin-left: 13.5em }
#p-logo a, #p-logo a:hover { width: 13.5em }
.portlet { width: 12.5em }
#p-cactions { left: 12.5em }