Difference between revisions of "MediaWiki:Common.css"

From Second Life Wiki
Jump to navigation Jump to search
(Add collapsible tables)
Line 12: Line 12:


.signature p {
.signature p {
     font: 10pt courier;  
     font: 10pt courier;
     padding: 0 5px 0 25px;
     padding: 0 5px 0 25px;
     text-indent: -20px;
     text-indent: -20px;
Line 19: Line 19:


.apitable {
.apitable {
     margin: 1em 1em 1em 0;  
     margin: 1em 1em 1em 0;
     border: solid 1px #AAAAAA;  
     border: solid 1px #AAAAAA;
     border-collapse: collapse;  
     border-collapse: collapse;
     background-color: #F9F9F9;  
     background-color: #F9F9F9;
     font-size: 90%;  
     font-size: 90%;
     empty-cells:show;
     empty-cells:show;
}
}
Line 33: Line 33:


.api-constructor p {
.api-constructor p {
     border:solid 1px #AAAAAA;  
     border:solid 1px #AAAAAA;
     font: 10pt courier;  
     font: 10pt courier;
     white-space: pre;  
     white-space: pre;
     color: black;  
     color: black;
     background: #F9F9F9;  
     background: #F9F9F9;
     padding: 10px 0 10px 30px;  
     padding: 10px 0 10px 30px;
     text-indent: -20px
     text-indent: -20px
}
}


.lltable {
.lltable {
     margin: 1em 1em 1em 0;  
     margin: 1em 1em 1em 0;
     border: 1px solid black;  
     border: 1px solid black;
     border-collapse: collapse;  
     border-collapse: collapse;
     background-color: #F9F9F9;  
     background-color: #F9F9F9;
     font-size: 95%;  
     font-size: 95%;
     empty-cells:show;
     empty-cells:show;
}
}
Line 91: Line 91:
#bodyContent h2 { font-size: 22px; }
#bodyContent h2 { font-size: 22px; }
#bodyContent h3 { font-size: 20px; }
#bodyContent h3 { font-size: 20px; }
#bodyContent h4 { font-size: 18px; color: #404040; font-style:italic;}  
#bodyContent h4 { font-size: 18px; color: #404040; font-style:italic;}
#bodyContent h5 { font-size: 16px; color: #606060; }
#bodyContent h5 { font-size: 16px; color: #606060; }
#bodyContent h6 { font-size: 14px; font-style:italic;}
#bodyContent h6 { font-size: 14px; font-style:italic;}
Line 102: Line 102:
/* SEARCH box emphasis */
/* SEARCH box emphasis */
#p-search {
#p-search {
     background-color: #FFFFAA;
     background-color: #ffffcc;


     border: 0px solid #AAAAAA;
     border: 0px solid #AAAAAA;
Line 109: Line 109:
}
}


#p-search .pBody, #p-search h5 {  
#p-search .pBody, #p-search h5 {
     background-color: #FFFFAA;
     background-color: #ffffcc;
     border-top-width: 0px;
     border-top-width: 0px;
}
}
Line 135: Line 135:


/* For collapsible tables */
/* For collapsible tables */
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised.   */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
text-align: right;
width: auto;
width: auto;
}
}

Revision as of 10:05, 4 November 2010

/** CSS placed here will be applied to all skins */

#navbox, .navbox
{
    border: 1px solid rgb(170, 170, 170);
    background-color: rgb(249, 249, 249);
    padding: 5px 5px 5px 5px;
    font-size: 95%;
}

div.imagemap-inline div { display: inline; }

.signature p {
    font: 10pt courier;
    padding: 0 5px 0 25px;
    text-indent: -20px;
    white-space: pre;
}

.apitable {
    margin: 1em 1em 1em 0;
    border: solid 1px #AAAAAA;
    border-collapse: collapse;
    background-color: #F9F9F9;
    font-size: 90%;
    empty-cells:show;
}

.apitable td {
    padding: 5px;
    line-height: 120%;
}

.api-constructor p {
    border:solid 1px #AAAAAA;
    font: 10pt courier;
    white-space: pre;
    color: black;
    background: #F9F9F9;
    padding: 10px 0 10px 30px;
    text-indent: -20px
}

.lltable {
    margin: 1em 1em 1em 0;
    border: 1px solid black;
    border-collapse: collapse;
    background-color: #F9F9F9;
    font-size: 95%;
    empty-cells:show;
}
 
.lltable td, .lltable th {
    padding: 7px;
    line-height: 120%;
    vertical-align: top;
}
 
.lltable tr th {
    background-color: #A7C1F2;
    font-size: 110%;
}

/* This hides the Main Page title */
body.page-Main_Page h1.firstHeading { display:none; }


/* Readability tweaks:
     - Changed body text to black for better contrast
     - Optimized header sizes AND edit links
     - Made code blocks elegant, with subtle highlight
*/
#bodyContent, .firstHeading, h1 { color: black; }

#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
     padding: 0px 0px 4px 0px;
     margin: 20px 0px 0px 0px;
     font-family: Arial, Helvetica, Sans-Serif;
     font-weight: bold;
     color: black; }

h1 .editsection, h2 .editsection , h3 .editsection , h4 .editsection , h5 .editsection , h6 .editsection {
     padding: 0px;
     margin: 0px;
     font-family: Arial, Helvetica, Sans-Serif;
     font-size: 14px;
     font-weight: bold;
     color: black; }

#bodyContent h1, firstHeading { font-size: 24px; }
#bodyContent h2 { font-size: 22px; }
#bodyContent h3 { font-size: 20px; }
#bodyContent h4 { font-size: 18px; color: #404040; font-style:italic;}
#bodyContent h5 { font-size: 16px; color: #606060; }
#bodyContent h6 { font-size: 14px; font-style:italic;}

code { font-size: 12px; background-color: #eeeeee; }

pre { font-size: 12px; border-style: solid; border-color: #cccccc; background-color: #eeeeee }


/* SEARCH box emphasis */
#p-search {
    background-color: #ffffcc;

    border: 0px solid #AAAAAA;
    margin-bottom: 10px;
    margin-left: 2.5px;
}

#p-search .pBody, #p-search h5 {
    background-color: #ffffcc;
    border-top-width: 0px;
}


/* Thumbnail hover fix */
html .thumbimage {
    border: 0px;
}


/* 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
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }

/* For collapsible tables */
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised.  */
text-align: right;
width: auto;
}