Header

From Wikiverse

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 38: 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 43: Line 53:
     background-color: #323232;
     background-color: #323232;
     background-image: url(none)
     background-image: url(none)
 +
    color:#AAAAAAA;
}
}
.firstHeading { font-family: Verdana;color:#888888;}
.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 57: Line 68:
     background-color: #313131;
     background-color: #313131;
     font-family: Verdana;
     font-family: Verdana;
-
}
 
-
 
-
.toccolours {
 
-
    background-color: #313131;
 
}
}
Line 173: Line 180:
     background-color: #363636;
     background-color: #363636;
     border: 1px solid #444444;
     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>
Line 184: Line 206:
function init1() {
function init1() {
     replaceChecks();
     replaceChecks();
-
    applyStyleButtons();
 
-
}
 
-
function applyStyleButtons() {
 
-
    inputs = document.getElementsByTagName('input');
 
-
    for(var i=0; i < inputs.length; i++) {
 
-
    inputType = inputs[i].getAttribute('type');
 
-
    buttonObj = inputType.button;
 
-
    buttonObj.style = "background-color: #323232; border: 1px solid #444444;margin: 5px 5px 5px;color:#AAAAAA;"
 
-
    }
 
}
}
function replaceChecks() {
function replaceChecks() {

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