#CISPABlackout PAGE DESIGN

To contribute to the blackout I whipped up a little fade out. It isn't perfect cause I made it Ina hurry but feel free to use it and change to whatever suites you.

Please spread the word about the blackout. This is the future of the Internet in the balance.

Check an example of the below at http://src.kissr.com

----START CODE FOR SITE----

<style>

img.bg {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}
div.contentBox {
background:#fff;
position:relative;
top:75px;
width:700px;
height:500px;
margin:auto;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
div.contentBoxheading {
position:relative;
float:left;
margin-left:20px;
height:40px;
top:-30px;
}
h1 {
font-family:"TradeGothic LT CondEighteen", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:2.4em;
margin:0px;
}
p {
position:absolute;
font-family:"TradeGothic LT CondEighteen", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:1.2em;
margin: 10px 10px 0px 10px;
}
</style>

<script type="text/javascript">//<![CDATA[
function getElm(eID) {
return document.getElementById(eID);
}
function show(eID) {
getElm(eID).style.display='block';
}
function hide(eID) {
getElm(eID).style.display='none';
}
function setOpacity(eID, opacityLevel) {
var eStyle = getElm(eID).style;
eStyle.opacity = opacityLevel / 100;
eStyle.filter = 'alpha(opacity='+opacityLevel+')';
}
function fade(eID, startOpacity, stopOpacity, duration) {
var speed = Math.round(duration / 100);
var timer = 0;
if (startOpacity < stopOpacity){
for (var i=startOpacity; i<=stopOpacity; i++) {
setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed);
timer++;
} return;
}
for (var i=startOpacity; i>=stopOpacity; i--) {
setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed);
timer++;
}
}
function fadeIn(eID) {
setOpacity(eID, 0); show(eID); var timer = 0;
for (var i=1; i<=100; i++) {
setTimeout("setOpacity('"+eID+"',"+i+")", timer * 5);
timer++;
}
}
function fadeOut(eID) {
var timer = 0;
for (var i=100; i>=1; i--) {
setTimeout("setOpacity('"+eID+"',"+i+")", timer * 50);
timer++;
}
setTimeout("hide('"+eID+"')", 5533310);
}
//]]></script>


<body onload="fadeOut('fadingBox')">
<div id="staticBox"><img src="https://dl.dropbox.com/s/cgp8oahkn488rnc/Photo%202013-04-21%203%2037%2036%20PM.png" class="bg" ></div>
<div id="fadingBox"><img src="https://dl.dropbox.com/s/oq7nkhrtwb7cna5/Photo%202013-04-21%204%2001%2009%20PM.png" class="bg" ></div>