Header
From Rpcvdraft
(Difference between revisions)
m (Reverted edit of Admin, changed back to last version by 67.81.111.63) |
(attempt at CSS style sheet borrowed fm Moodle) |
||
| Line 15: | Line 15: | ||
} | } | ||
*/ | */ | ||
| + | .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;} | ||
| + | .sideblock .header { /* h5 */ | ||
| + | margin-right: 1px; /* only for FF */ | ||
| + | padding: 3px 1em 5px 1em; | ||
| + | background: url(gradient.gif) top left; | ||
| + | height: 1em; | ||
| + | white-space: nowrap; | ||
| + | font-size: 95%; | ||
| + | font-weight: bold; | ||
| + | text-align: left; | ||
| + | border: 1px solid #DDD; | ||
| + | border-bottom: none;} | ||
| + | .right .header { | ||
| + | padding-left: 1.7em; | ||
| + | padding-top: 1px; | ||
| + | padding-bottom: 7px;} | ||
| + | .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: #FCFCFC; | ||
| + | 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;} | ||
| + | |||
| + | |||
</style> | </style> | ||
Revision as of 11:35, 29 October 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;
}
*/
.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;}
.sideblock .header { /* h5 */
margin-right: 1px; /* only for FF */ padding: 3px 1em 5px 1em; background: url(gradient.gif) top left; height: 1em; white-space: nowrap; font-size: 95%; font-weight: bold;
text-align: left;
border: 1px solid #DDD; border-bottom: none;}
.right .header { padding-left: 1.7em; padding-top: 1px; padding-bottom: 7px;} .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: #FCFCFC; 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;}
</style>
<script type="text/javascript"> //Feel free to add your javascript code here. </script>
