Header

From Wikiverse

(Difference between revisions)
 
(41 intermediate revisions not shown)
Line 1: Line 1:
<style>
<style>
-
 
+
hr {
 +
    height: 1px;
 +
    color: #454545;
 +
    background-color: #454545;
 +
    border: 0;
 +
    margin: 0.2em 0 0.2em 0;
 +
}
body {
body {
-
   color: #AAAAAA;
+
   color: #CCCCCC;
   background: url(none);
   background: url(none);
   background-color: #363636;
   background-color: #363636;
Line 9: Line 15:
textarea {
textarea {
-
  background-color: #363636;
+
    background-color: #363636;
-
  color: #BBBBBB;
+
    color: #BBBBBB;
-
  border: 1px solid #444444;
+
    border: 1px solid #444444;
-
 
+
    text-size:small;
}
}
-
 
#content {
#content {
-
     background-color: #323232;
+
    margin: 2.8em 0 0 12.2em;
 +
    padding: 0em 1em 1.5em 1em;
 +
     background: #323232;
     border: 1px solid #444444;
     border: 1px solid #444444;
-
     padding: 2em 2em 2em 2em;
+
     border-right: none;
-
     text-size:small;
+
    line-height: 1.5em;
 +
    position: relative;
 +
     z-index: 2;
}
}
-
 
#footer {
#footer {
     background-color: #323232;
     background-color: #323232;
Line 30: Line 38:
     background-color: #323232;
     background-color: #323232;
     border-color: #444444;
     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;
}
}
Line 35: Line 53:
     background-color: #323232;
     background-color: #323232;
     background-image: url(none)
     background-image: url(none)
 +
    color:#AAAAAAA;
}
}
-
.firstHeading { font-family: Verdana;}
+
.firstHeading { font-family: Verdana;color:#888888;}
-
h1, h2, h3, h4, h5, h6 { font-family: Verdana;}
+
h1, h2, h3, h4, h5, h6 {color:#888888;font-family: Verdana;}
p {
p {
Line 49: Line 68:
     background-color: #313131;
     background-color: #313131;
     font-family: Verdana;
     font-family: Verdana;
-
}
 
-
 
-
.toccolours {
 
-
    background-color: #313131;
 
}
}
Line 71: Line 86:
     border: 1px solid #444444;
     border: 1px solid #444444;
}
}
-
 
+
li.selected {
 +
    background-color: #323232;
 +
    border:1px solid #444444;
 +
}
li.new {
li.new {
     background-color: #323232;
     background-color: #323232;
Line 90: Line 108:
a:visited {
a:visited {
     color: skyblue;
     color: skyblue;
 +
}
 +
input#searchInput {
 +
    background-color: #323232;
 +
    border: 1px solid #444444;
 +
    margin: 5px 5px 5px;
 +
    color:#AAAAAA;
}
}
a:active {
a:active {
     color: deepskyblue;
     color: deepskyblue;
}
}
-
input#searchInput {
+
div.thumb {
     background-color: #323232;
     background-color: #323232;
     border: 1px solid #444444;
     border: 1px solid #444444;
-
     background-image:none;
+
    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>
</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>

Current revision as of 20:18, 19 February 2008

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

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

}

  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;

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

Retrieved from "http://editthis.info/wikiverse/Header"
Personal tools