Difference between revisions of "MediaWiki:Common.css"

From Second Life Wiki
Jump to navigation Jump to search
(Add collapsible tables)
 
(7 intermediate revisions by 2 users not shown)
Line 8: Line 8:
     font-size: 95%;
     font-size: 95%;
}
}
/*  For sl.com style links (removed for now)
.navbox-content li a, .navbox-content a {color: #5cb192; }
.navbox-content li a:hover, .navbox-content a:hover {color: #dddddd; }
*/


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


.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 25:


.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 39:


.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 97:
#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 108:
/* 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 115:
}
}


#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 141:


/* 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;
}
 
/* ------------- FOR REG API FORM ------------------- */
.regapi { font-weight: bold; }
.required {color: red}
.formRow {
clear:both;
margin-bottom:12px;
}
}
.formRow label {
border:1px solid white;
display:block;
float:left;
font-weight:bold;
height:100%;
margin-right:0.5em;
text-align:right;
width:14em;
}
textarea.regapi {
border: 1px solid #D3D3D3;
border-top: 1px solid #818181;
border-left: 1px solid #818181;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 400px;
height: 75px;
padding: 3px;
}
.helpText {
clear:both;
display:block;
font-size:0.8em;
line-height:1.6;
margin:0 0 6px 178px;
width:500px;
}
.explanatoryText {
display:block;
float:left;
width:380px;
}
.explanatoryText p {
line-height:1.4;
margin:0;
padding-top:4px;
}
.checkboxLabel {
float:right;
width:358px;
}
/* ------------ END REGAPI ------------------ */

Latest revision as of 11:12, 14 December 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%;
}

/*  For sl.com style links (removed for now)
.navbox-content li a, .navbox-content a {color: #5cb192; }

.navbox-content li a:hover, .navbox-content a:hover {color: #dddddd; }
*/

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;
}

/* ------------- FOR REG API FORM ------------------- */
 
.regapi { font-weight: bold; }
.required {color: red}
.formRow {
	clear:both;
	margin-bottom:12px;
}
 
.formRow label {
	border:1px solid white;
	display:block;
	float:left;
	font-weight:bold;
	height:100%;
	margin-right:0.5em;
	text-align:right;
	width:14em;
}
 
textarea.regapi {
	border: 1px solid #D3D3D3;
	border-top: 1px solid #818181;
	border-left: 1px solid #818181;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 400px;
	height: 75px;
	padding: 3px;
}
 
.helpText {
	clear:both;
	display:block;
	font-size:0.8em;
	line-height:1.6;
	margin:0 0 6px 178px;
	width:500px;
}
 
.explanatoryText {
	display:block;
	float:left;
	width:380px;
}
.explanatoryText p {
	line-height:1.4;
	margin:0;
	padding-top:4px;
}
 
.checkboxLabel {
	float:right;
	width:358px;
}

/* ------------ END REGAPI ------------------ */