Header
From Wikiverse
<style> hr {
height: 1px; color: #454545; background-color: #454545; border: 0; margin: 0.2em 0 0.2em 0;
} body {
color: #CCCCCC; background: url(none); background-color: #363636; font-size: 10px;
}
textarea {
background-color: #363636; color: #BBBBBB; border: 1px solid #444444; text-size:small;
}
- content {
margin: 2.8em 0 0 12.2em; padding: 0em 1em 1.5em 1em; background: #323232; border: 1px solid #444444; border-right: none; line-height: 1.5em; position: relative; z-index: 2;
}
- footer {
background-color: #323232; border: 1px solid #444444;
}
inputbox {
background-color: #323232; border-color: #444444;
} table {
background-color: #323232; border:0px solid #444444; width:50%; -moz-border-radius: 12px 12px 12px 12px;
} table#toc {
background-color: #323232; border:1px solid #444444;
}
pre {
background-color: #323232; background-image: url(none) color:#AAAAAAA;
}
.firstHeading { font-family: Verdana;color:#888888;}
h1, h2, h3, h4, h5, h6 {color:#888888;font-family: Verdana;}
p { font-family: Verdana; font-size: small; }
.usermessage {
background-color: #313131; font-family: Verdana;
}
div.townBox dl dd {
background-color: #313131;
}
.portlet h5 {
background-color: #383838; font-size: medium; color: #ffffff; border: 1px solid #444444;
}
.pBody {
background-color: #363636; font-family: Verdana; border: 1px solid #444444;
} li.selected {
background-color: #323232; border:1px solid #444444;
} li.new {
background-color: #323232; border:1px solid #444444;
}
li#ca-talk {
background-color: #323232; border: 1px solid #444444; }
a {
color: deepskyblue;
} a.new {
color: #ee7474;
} a:visited {
color: skyblue;
} input#searchInput {
background-color: #323232; border: 1px solid #444444; margin: 5px 5px 5px; color:#AAAAAA;
} a:active {
color: deepskyblue;
} div.thumb {
background-color: #323232; border: 1px solid #444444; margin: 5px 5px 5px; color:#AAAAAA;
} div.tright {
background-color: #323232; border: 1px solid #444444; margin: 5px 5px 5px; color:#AAAAAA;
} div.thumbcaption {
background-color: #323232; border: 1px solid #444444; margin: 5px 5px 5px; color:#AAAAAA;
}
- p-cactions ul {
list-style: none;
}
- p-cactions li {
display: inline; border: 1px solid #444444; border-bottom: none; padding: 0 0 0.1em 0; margin: 0 0.3em 0 0; overflow: visible; background: #333333;
}
- p-cactions li.selected {
border-color: #555555; padding: 0 0 0.2em 0;
}
- p-cactions li a {
background-color: #353535; color: deepskyblue; border: none; padding: 0 0.8em 0.3em 0.8em; text-decoration: none; text-transform: lowercase; position: relative; z-index: 0; margin: 0;
}
- p-cactions .selected a { z-index: 3; }
- p-cactions .new a { color:#ee7474; }
- p-cactions li a:hover {
z-index: 3; text-decoration: none;
}
- p-cactions h5 { display: none; }
- p-cactions li.istalk { margin-right: 0; }
- p-cactions li.istalk a { padding-right: 0.5em; }
- p-cactions #ca-addsection a {
padding-left: 0.4em; padding-right: 0.4em;
} .checkbox {
background-color: #363636; border: 1px solid #444444;
} input.searchButton {
background-color: #363636; border: 1px solid #444444; color:#AAAAAA;
} div#catlinks {
background-color: #363636; border: 1px solid #444444; color:#AAAAAA;
} p#catlinks {
background-color: #363636; border: 1px solid #444444; color:#AAAAAA;
} </style> <script type="text/javascript"> //global variables that can be used by ALL the function son this page. var inputs; var imgFalse = 'http://editthis.info/images/wikiverse/3/38/False.png'; var imgTrue = 'http://editthis.info/images/wikiverse/2/2c/True.png';
//this function runs when the page is loaded, put all your other onload stuff in here too. function init1() {
replaceChecks();
} function replaceChecks() {
//get all the input fields on the page
inputs = document.getElementsByTagName('input');
//cycle trough the input fields
for(var i=0; i < inputs.length; i++) {
//check if the input is a checkbox
if(inputs[i].getAttribute('type') == 'checkbox') {
//create a new image
var img = document.createElement('img');
//check if the checkbox is checked
if(inputs[i].checked) {
img.src = imgTrue;
} else {
img.src = imgFalse;
}
//set image ID and onclick action
img.id = 'checkImage'+i;
//set image
img.onclick = new Function('checkChange('+i+')');
//place image in front of the checkbox
inputs[i].parentNode.insertBefore(img, inputs[i]);
//hide the checkbox
inputs[i].style.display='none';
}
}
}
//change the checkbox status and the replacement image function checkChange(i) {
if(inputs[i].checked) {
inputs[i].checked = ;
document.getElementById('checkImage'+i).src=imgFalse;
} else {
inputs[i].checked = 'checked';
document.getElementById('checkImage'+i).src=imgTrue;
}
}
window.onload = init1; </script>
