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;

}

1. 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;

}

1. footer {

   background-color: #323232;
   border: 1px solid #444444;

}

inputbox {

   background-color: #323232;
   border-color: #444444;

}

pre {

   background-color: #323232;
   background-image: url(none)

}

.firstHeading { font-family: Verdana;color:#888888;}

h1, h2, h3, h4, h5, h6 { font-family: Verdana;}

p { font-family: Verdana; font-size: small; }

.usermessage {

   background-color: #313131;
   font-family: Verdana;

}

.toccolours {

   background-color: #313131;

}

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;

}

1. p-cactions ul {

   list-style: none;

}

1. 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;

}

1. p-cactions li.selected {

   border-color: #555555;
   padding: 0 0 0.2em 0;

}

1. 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;

}

1. p-cactions .selected a { z-index: 3; }
2. p-cactions .new a { color:#ee7474; }
3. p-cactions li a:hover {

   z-index: 3;
   text-decoration: none;

}

1. p-cactions h5 { display: none; }
2. p-cactions li.istalk { margin-right: 0; }
3. p-cactions li.istalk a { padding-right: 0.5em; }
4. p-cactions #ca-addsection a {

   padding-left: 0.4em;
   padding-right: 0.4em;

} .checkbox {

   background-color: #363636;
   border: 1px solid #444444;

} </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();
   applyStyleButtons();

} function applyStyleButtons() {

   inputs = document.getElementsByTagName('input');
   for(var i=0; i < inputs.length; i++) {
   if(inputs[i].getAttribute('type') == 'checkbox') {
   inputs[i].style.background='#323232;'
   }
   
   }

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