Header
From Rpcvdraft
(Swap colors dark header, light content) |
|||
| (39 intermediate revisions not shown) | |||
| Line 15: | Line 15: | ||
} | } | ||
*/ | */ | ||
| - | /* | + | |
| - | ** general portlet styles (elements in the quickbar) | + | |
| - | */ | + | |
| + | /* Backgrounds and Borders */ | ||
| + | |||
| + | body { | ||
| + | background: url("/images/rpcvdraft/8/89/Navbar.jpg") #1C1C1C; | ||
| + | background-repeat: repeat-x; | ||
| + | background-attachment: fixed; | ||
| + | } | ||
| + | |||
| + | #content, #footer, .pBody, #p-cactions li a { | ||
| + | |||
| + | background: url("/images/rpcvdraft/2/27/Background_page_content.jpg") | ||
| + | white; | ||
| + | background-attachment: fixed; | ||
| + | } | ||
| + | |||
| + | #globalWrapper { | ||
| + | background: url("/images/rpcvdraft/b/bf/Background_page_wrapper.jpg") | ||
| + | tan; | ||
| + | background-attachment: fixed; | ||
| + | } | ||
| + | |||
| + | pre { | ||
| + | background: transparent; | ||
| + | border: 1px dashed #A67442; | ||
| + | } | ||
| + | |||
| + | #content, #footer, .pBody, #globalWrapper, | ||
| + | #p-cactions li, #p-cactions li.selected { | ||
| + | border: 1px solid #A67442; | ||
| + | } | ||
| + | /* end of test*/ | ||
| + | #toc, | ||
| + | .toc { | ||
| + | border-left: 1em solid #EEE; | ||
| + | padding: 5px; | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | #toc h2, | ||
| + | .toc h2 { | ||
| + | display: inline; | ||
| + | border: none; | ||
| + | padding: 0; | ||
| + | font-size: 100%; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | #toc #toctitle, | ||
| + | .toc #toctitle, | ||
| + | #toc .toctitle, | ||
| + | .toc .toctitle { | ||
| + | text-align: left; | ||
| + | } | ||
| + | #toc ul, | ||
| + | .toc ul { | ||
| + | list-style-type: none; | ||
| + | list-style-image: none; | ||
| + | margin-left: 0; | ||
| + | padding-left: 0; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #toc ul ul, | ||
| + | .toc ul ul { | ||
| + | margin: 0 0 0 2em; | ||
| + | } | ||
| + | #toc .toctoggle, | ||
| + | .toc .toctoggle { | ||
| + | font-size: 94%; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* general portlet styles (elements in the quickbar)*/ | ||
| + | |||
.sideblock { | .sideblock { | ||
border: none; | border: none; | ||
| Line 30: | Line 101: | ||
margin-left: 2em; | margin-left: 2em; | ||
} | } | ||
| + | |||
.sideblock h4 { | .sideblock h4 { | ||
font-weight: normal; | font-weight: normal; | ||
white-space: nowrap; | white-space: nowrap; | ||
| + | color:#FFFFCC; | ||
} | } | ||
.sideblock .header { /* h5 */ | .sideblock .header { /* h5 */ | ||
margin-right: 1px; /* only for FF */ | margin-right: 1px; /* only for FF */ | ||
padding: 3px 1em 5px 1em; | padding: 3px 1em 5px 1em; | ||
| - | background: # | + | background: #FF3300 top left; |
height: 1em; | height: 1em; | ||
white-space: nowrap; | white-space: nowrap; | ||
| Line 43: | Line 116: | ||
font-weight: bold; | font-weight: bold; | ||
text-align: left; | text-align: left; | ||
| + | color: #FFFFCC; | ||
border: 1px solid #DDD; | border: 1px solid #DDD; | ||
border-bottom: none; | border-bottom: none; | ||
| Line 50: | Line 124: | ||
padding-top: 1px; | padding-top: 1px; | ||
padding-bottom: 7px; | padding-bottom: 7px; | ||
| + | color: #FFFFCC; | ||
} | } | ||
.sideblock h6 { | .sideblock h6 { | ||
| Line 90: | Line 165: | ||
margin-left: 1.1em; | margin-left: 1.1em; | ||
list-style-type: square; | list-style-type: square; | ||
| - | list-style-image: url(bullet.gif); | + | list-style-image: url(bullet.gif); |
} | } | ||
.sideblock li { | .sideblock li { | ||
| Line 97: | Line 172: | ||
} | } | ||
| + | |||
| + | |||
| + | .sidegroupblock { | ||
| + | border: none; | ||
| + | margin: 0 0 0.75em 0.75em; | ||
| + | padding: 0; | ||
| + | float: none; | ||
| + | width: 21.6em; | ||
| + | overflow: hidden; | ||
| + | font-weight: bold; | ||
| + | text-align: left; | ||
| + | } | ||
| + | .right { | ||
| + | float: right; | ||
| + | margin-left: 2em; | ||
| + | } | ||
| + | .sidegroupblock h4 { | ||
| + | font-weight: bold; | ||
| + | white-space: nowrap; | ||
| + | color:#FFFFCC; | ||
| + | } | ||
| + | .sidegroupblock .header { /* h5 */ | ||
| + | margin-right: 1px; /* only for FF */ | ||
| + | padding: 3px 1em 5px 1em; | ||
| + | background: #FF3300 top left; | ||
| + | height: 1em; | ||
| + | white-space: nowrap; | ||
| + | font-size: 95%; | ||
| + | font-weight: bold; | ||
| + | text-align: left; | ||
| + | color: #FFFFCC; | ||
| + | border: 1px solid #DDD; | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | .right .header { | ||
| + | padding-left: 1.7em; | ||
| + | padding-top: 1px; | ||
| + | padding-bottom: 7px; | ||
| + | color: #FFFFCC; | ||
| + | } | ||
| + | .sidegroupblock h6 { | ||
| + | background: #ffae2e; | ||
| + | border: 1px solid #FFB53A; | ||
| + | border-style: solid solid none solid; | ||
| + | padding: 0 1em 0 1em; | ||
| + | text-transform: lowercase; | ||
| + | display: block; | ||
| + | font-size: 1em; | ||
| + | height: 1.2em; | ||
| + | font-weight: normal; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .sidegroupblock .content { | ||
| + | background-color: #FFFFCC; | ||
| + | color: black; | ||
| + | border-collapse: collapse; | ||
| + | border: 1px solid #ddd; | ||
| + | padding: 0 .8em .3em .5em; | ||
| + | -moz-border-radius-bottomleft:10px; | ||
| + | -moz-border-radius-bottomright:10px; | ||
| + | } | ||
| + | .sidegroupblock h1, | ||
| + | .sidegroupblock h2, | ||
| + | .sidegroupblock h3, | ||
| + | .sidegroupblock h4, | ||
| + | .sidegroupblock h5 { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .sidegroupblock ul { | ||
| + | line-height: 1.5em; | ||
| + | list-style-type: none; | ||
| + | list-style-image: none; | ||
| + | margin-left: 0.5em; | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | .right ul { | ||
| + | margin-left: 1.1em; | ||
| + | list-style-type: square; | ||
| + | list-style-image: url(bullet.gif); | ||
| + | } | ||
| + | .sidegroupblock li { | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Infobox template style */ | ||
| + | |||
| + | .infobox { | ||
| + | border: 1px solid #aaa; | ||
| + | background-color: #f9f9f9; | ||
| + | color: black; | ||
| + | margin-bottom: 0.5em; | ||
| + | margin-left: 1em; | ||
| + | padding: 0.2em; | ||
| + | float: right; | ||
| + | clear: right; | ||
| + | } | ||
| + | .infobox td, | ||
| + | .infobox th { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .infobox caption { | ||
| + | font-size: larger; | ||
| + | margin-left: inherit; | ||
| + | } | ||
| + | .infobox.bordered { | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | .infobox.bordered td, | ||
| + | .infobox.bordered th { | ||
| + | border: 1px solid #aaa; | ||
| + | } | ||
| + | .infobox.bordered .borderless td, | ||
| + | .infobox.bordered .borderless th { | ||
| + | border: 0; | ||
| + | } | ||
| + | |||
| + | .infobox.sisterproject { | ||
| + | width: 20em; | ||
| + | font-size: 90%; | ||
| + | } | ||
| + | |||
| + | @media print { | ||
| + | .infobox.sisterproject { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* styles for bordered infobox with merged rows */ | ||
| + | .infobox.bordered .mergedtoprow td, | ||
| + | .infobox.bordered .mergedtoprow th { | ||
| + | border: 0; | ||
| + | border-top: 1px solid #aaa; | ||
| + | border-right: 1px solid #aaa; | ||
| + | } | ||
| + | |||
| + | .infobox.bordered .mergedrow td, | ||
| + | .infobox.bordered .mergedrow th { | ||
| + | border: 0; | ||
| + | border-right: 1px solid #aaa; | ||
| + | } | ||
| + | |||
| + | /* Style for "notices" */ | ||
| + | .notice { | ||
| + | margin: 1em; | ||
| + | padding: 0.2em; | ||
| + | } | ||
| + | |||
| + | #disambig { | ||
| + | border-top: 1px solid #ccc; | ||
| + | border-bottom: 1px solid #ccc; | ||
| + | } | ||
| + | |||
| + | .spoiler { | ||
| + | border-top: 2px solid #ddd; | ||
| + | border-bottom: 2px solid #ddd; | ||
| + | } | ||
| + | |||
| + | /* default skin for Infoboxfooter */ | ||
| + | |||
| + | |||
| + | .infoboxfooter { | ||
| + | border: 1px solid #aaa; | ||
| + | background-color: #f9f9f9; | ||
| + | color: black; | ||
| + | margin-bottom: 0.5em; | ||
| + | margin-left: 1em; | ||
| + | padding: 0.2em; | ||
| + | float: center; | ||
| + | clear: center; | ||
| + | } | ||
| + | .infoboxfooter td, | ||
| + | .infoboxfooter th { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .infoboxfooter caption { | ||
| + | font-size: larger; | ||
| + | margin-left: inherit; | ||
| + | } | ||
| + | .infoboxfooter.bordered { | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | .infoboxfooter.bordered td, | ||
| + | .infoboxfooter.bordered th { | ||
| + | border: 1px solid #aaa; | ||
| + | } | ||
| + | .infoboxfooter.bordered .borderless td, | ||
| + | .infoboxfooter.bordered .borderless th { | ||
| + | border: 0; | ||
| + | } | ||
| + | |||
| + | .infoboxfooter.sisterproject { | ||
| + | width: 20em; | ||
| + | font-size: 90%; | ||
| + | } | ||
| + | |||
| + | @media print { | ||
| + | .infoboxfooter.sisterproject { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* styles for bordered infoboxfooter with merged rows */ | ||
| + | .infoboxfooter.bordered .mergedtoprow td, | ||
| + | .infoboxfooter.bordered .mergedtoprow th { | ||
| + | border: 0; | ||
| + | border-top: 1px solid #aaa; | ||
| + | border-right: 1px solid #aaa; | ||
| + | } | ||
| + | |||
| + | .infoboxfooter.bordered .mergedrow td, | ||
| + | .infoboxfooter.bordered .mergedrow th { | ||
| + | border: 0; | ||
| + | border-right: 1px solid #aaa; | ||
| + | } | ||
| + | |||
| + | |||
| + | table.navbox { | ||
| + | background-color: #f9f9f9; | ||
| + | border: 1px solid #aaa; | ||
| + | clear: both; | ||
| + | font-size: 90%; | ||
| + | margin: 1em 0em 0em; | ||
| + | padding: 2px; | ||
| + | text-align: center; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | table.navbox th { | ||
| + | background-color: #ccf; | ||
| + | padding-left: 1em; | ||
| + | padding-right: 1em; | ||
| + | } | ||
| + | |||
| + | Talk notice | ||
| + | /* Standard talk template style */ | ||
| + | |||
| + | .Talk-Notice { | ||
| + | border: 1px solid #C0C090; | ||
| + | background-color: #F8EABA; | ||
| + | margin-bottom: 3px; | ||
| + | width: 85%; | ||
| + | border-spacing: 3px; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | |||
| + | .Talk-Notice:after { | ||
| + | content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]]."; | ||
| + | } | ||
| + | |||
| + | /* Make template background appear correctly on all browsers */ | ||
| + | .Talk-Notice td { | ||
| + | background: inherit; | ||
| + | } | ||
| + | |||
| + | ==Personaldata== | ||
| + | /* Persondata and other (future) metadata */ | ||
| + | table.InChI, /* temporary */ | ||
| + | table.persondata { | ||
| + | border: 1px solid #aaa; | ||
| + | display: none; | ||
| + | speak: none; | ||
| + | } | ||
| + | .InChI-label, /* temporary */ | ||
| + | .persondata-label { | ||
| + | color: #aaa; | ||
| + | } | ||
</style> | </style> | ||
| + | WikiFON home | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
//Feel free to add your javascript code here. | //Feel free to add your javascript code here. | ||
</script> | </script> | ||
Current revision as of 14:25, 20 November 2007
<style type="text/css">
/*
Notes:
-You must log as admin to edith this page
-Whatever you enter in this page will be added to the html in the header after the standard style sheet, so you can override styles.
-if you want your code to look nice on this page, put a space at the beginning of each line
-This is the default style sheet that you can override : http://editthis.info/wiki/skins/monobook/main.css
For example uncomment this next section to turn all the text green:
*/
/*
body {
color: green;
}
*/
/* Backgrounds and Borders */
body {
background: url("/images/rpcvdraft/8/89/Navbar.jpg") #1C1C1C;
background-repeat: repeat-x;
background-attachment: fixed;
}
#content, #footer, .pBody, #p-cactions li a {
background: url("/images/rpcvdraft/2/27/Background_page_content.jpg")
white;
background-attachment: fixed;
}
#globalWrapper {
background: url("/images/rpcvdraft/b/bf/Background_page_wrapper.jpg")
tan;
background-attachment: fixed;
}
pre {
background: transparent;
border: 1px dashed #A67442;
}
#content, #footer, .pBody, #globalWrapper,
#p-cactions li, #p-cactions li.selected {
border: 1px solid #A67442;
}
/* end of test*/
- toc,
.toc { border-left: 1em solid #EEE; padding: 5px; font-size: 95%; }
- toc h2,
.toc h2 { display: inline; border: none; padding: 0; font-size: 100%; font-weight: bold; }
- toc #toctitle,
.toc #toctitle,
- toc .toctitle,
.toc .toctitle { text-align: left; }
- toc ul,
.toc ul { list-style-type: none; list-style-image: none; margin-left: 0; padding-left: 0; text-align: left; }
- toc ul ul,
.toc ul ul { margin: 0 0 0 2em; }
- toc .toctoggle,
.toc .toctoggle { font-size: 94%; }
/* general portlet styles (elements in the quickbar)*/
.sideblock {
border: none; margin: 0 0 0.75em 0.75em; padding: 0; float: none; width: 11.6em; overflow: hidden;
} .right { float: right; margin-left: 2em; }
.sideblock h4 {
font-weight: normal; white-space: nowrap; color:#FFFFCC;
} .sideblock .header { /* h5 */
margin-right: 1px; /* only for FF */ padding: 3px 1em 5px 1em; background: #FF3300 top left; height: 1em; white-space: nowrap; font-size: 95%; font-weight: bold;
text-align: left;
color: #FFFFCC; border: 1px solid #DDD; border-bottom: none;
} .right .header { padding-left: 1.7em; padding-top: 1px; padding-bottom: 7px;
color: #FFFFCC;
} .sideblock h6 {
background: #ffae2e; border: 1px solid #FFB53A; border-style: solid solid none solid; padding: 0 1em 0 1em; text-transform: lowercase; display: block; font-size: 1em; height: 1.2em; font-weight: normal; white-space: nowrap;
} .sideblock .content {
background-color: #FFFFCC; color: black; border-collapse: collapse; border: 1px solid #ddd; padding: 0 .8em .3em .5em; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;
} .sideblock h1, .sideblock h2, .sideblock h3, .sideblock h4, .sideblock h5 {
margin: 0; padding: 0;
} .sideblock ul {
line-height: 1.5em; list-style-type: none; list-style-image: none;
margin-left: 0.5em;
font-size: 95%;
} .right ul { margin-left: 1.1em;
list-style-type: square; list-style-image: url(bullet.gif);
} .sideblock li {
padding: 0; margin: 0;
}
.sidegroupblock {
border: none;
margin: 0 0 0.75em 0.75em;
padding: 0;
float: none;
width: 21.6em;
overflow: hidden;
font-weight: bold;
text-align: left; } .right { float: right; margin-left: 2em; } .sidegroupblock h4 {
font-weight: bold; white-space: nowrap; color:#FFFFCC;
} .sidegroupblock .header { /* h5 */
margin-right: 1px; /* only for FF */ padding: 3px 1em 5px 1em; background: #FF3300 top left; height: 1em; white-space: nowrap; font-size: 95%; font-weight: bold;
text-align: left;
color: #FFFFCC; border: 1px solid #DDD; border-bottom: none;
} .right .header { padding-left: 1.7em; padding-top: 1px; padding-bottom: 7px;
color: #FFFFCC;
} .sidegroupblock h6 {
background: #ffae2e; border: 1px solid #FFB53A; border-style: solid solid none solid; padding: 0 1em 0 1em; text-transform: lowercase; display: block; font-size: 1em; height: 1.2em; font-weight: normal; white-space: nowrap;
} .sidegroupblock .content {
background-color: #FFFFCC; color: black; border-collapse: collapse; border: 1px solid #ddd; padding: 0 .8em .3em .5em; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;
} .sidegroupblock h1, .sidegroupblock h2, .sidegroupblock h3, .sidegroupblock h4, .sidegroupblock h5 {
margin: 0; padding: 0;
} .sidegroupblock ul {
line-height: 1.5em; list-style-type: none; list-style-image: none;
margin-left: 0.5em;
font-size: 95%;
} .right ul { margin-left: 1.1em;
list-style-type: square; list-style-image: url(bullet.gif);
} .sidegroupblock li {
padding: 0; margin: 0;
}
/* Infobox template style */
.infobox {
border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right;
} .infobox td, .infobox th {
vertical-align: top;
} .infobox caption {
font-size: larger; margin-left: inherit;
} .infobox.bordered {
border-collapse: collapse;
} .infobox.bordered td, .infobox.bordered th {
border: 1px solid #aaa;
} .infobox.bordered .borderless td, .infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em; font-size: 90%;
}
@media print {
.infobox.sisterproject {
display: none;
}
}
/* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th {
border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th {
border: 0; border-right: 1px solid #aaa;
}
/* Style for "notices" */
.notice {
margin: 1em; padding: 0.2em;
}
- disambig {
border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}
.spoiler {
border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;
}
/* default skin for Infoboxfooter */
.infoboxfooter {
border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: center; clear: center;
} .infoboxfooter td, .infoboxfooter th {
vertical-align: top;
} .infoboxfooter caption {
font-size: larger; margin-left: inherit;
} .infoboxfooter.bordered {
border-collapse: collapse;
} .infoboxfooter.bordered td, .infoboxfooter.bordered th {
border: 1px solid #aaa;
} .infoboxfooter.bordered .borderless td, .infoboxfooter.bordered .borderless th {
border: 0;
}
.infoboxfooter.sisterproject {
width: 20em; font-size: 90%;
}
@media print {
.infoboxfooter.sisterproject {
display: none;
}
}
/* styles for bordered infoboxfooter with merged rows */ .infoboxfooter.bordered .mergedtoprow td, .infoboxfooter.bordered .mergedtoprow th {
border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa;
}
.infoboxfooter.bordered .mergedrow td, .infoboxfooter.bordered .mergedrow th {
border: 0; border-right: 1px solid #aaa;
}
table.navbox {
background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%;
}
table.navbox th {
background-color: #ccf; padding-left: 1em; padding-right: 1em;
}
Talk notice /* Standard talk template style */
.Talk-Notice {
border: 1px solid #C0C090; background-color: #F8EABA; margin-bottom: 3px; width: 85%; border-spacing: 3px; margin-left: auto; margin-right: auto;
}
.Talk-Notice:after {
content: "The CSS for this template should be changed. See Wikipedia:Template Standardisation.";
}
/* Make template background appear correctly on all browsers */ .Talk-Notice td {
background: inherit;
}
Personaldata
/* Persondata and other (future) metadata */ table.InChI, /* temporary */ table.persondata {
border: 1px solid #aaa; display: none; speak: none;
} .InChI-label, /* temporary */ .persondata-label {
color: #aaa;
}
</style>
WikiFON home
<script type="text/javascript"> //Feel free to add your javascript code here. </script>
