MediaWiki:Gadget-site.css: Difference between revisions

Revision as of 21:30, 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 {
    color: #601010;
    text-transform: capitalize;
}

var.syntax, var.product {
    color: black;
}

var.term, var.camel {
    text-transform: none;
}

pre var {
    font-weight: bold;
}

.pageSubtitle {
    font-size:120%;
    color:black;
    font-weight: bold;
}

a:visited {
    color: #002bb8;
}

/* bodyContent needed below b/c update is applying to bodyContent lines in the monobook-skin CSS code */
/* 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 }