200 lines
4.4 KiB
HTML
200 lines
4.4 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="da">
|
||
<head>
|
||
<title>FocusBox</title>
|
||
<style type='text/css'>
|
||
* {
|
||
margin:0;
|
||
padding:0;
|
||
text-decoration:none;
|
||
font-weight:normal;
|
||
color:#000;
|
||
font:16px arial;
|
||
}
|
||
|
||
body {
|
||
font:16px arial;
|
||
background-color:#ffd500;
|
||
overflow:hidden;
|
||
}
|
||
|
||
#wrapper {
|
||
width:700px;
|
||
margin:0 auto;
|
||
}
|
||
|
||
#wrapper * {
|
||
padding:4px;
|
||
margin-bottom:4px;
|
||
}
|
||
|
||
#header {
|
||
height:50px;
|
||
background-color:#ff0000;
|
||
color:#00ffff;
|
||
font-size:50px;
|
||
padding-top:50px;
|
||
}
|
||
|
||
#content {
|
||
background-color:#fff;
|
||
}
|
||
|
||
#footer {
|
||
background-color:#fff;
|
||
text-align:center;
|
||
font-size:23px;
|
||
}
|
||
|
||
div.quote {
|
||
font-family:georgia;
|
||
color:#777;
|
||
float:right;
|
||
width:300px;
|
||
margin:5px;
|
||
}
|
||
|
||
#page * {
|
||
opacity:.8;
|
||
filter:alpha(opacity=80);
|
||
-moz-opacity:.8;
|
||
position:absolute;
|
||
}
|
||
|
||
#l {
|
||
top:0;
|
||
left:0;
|
||
height:100%;
|
||
background-color:#000;
|
||
}
|
||
|
||
#mt {
|
||
top:0;
|
||
width:200px;
|
||
background-color:#000;
|
||
}
|
||
|
||
#mb {
|
||
bottom:0;
|
||
width:200px;
|
||
background-color:#000;
|
||
}
|
||
|
||
#r {
|
||
top:0;
|
||
right:0;
|
||
height:100%;
|
||
background-color:#000;
|
||
}
|
||
</style>
|
||
<script type='text/javascript'>
|
||
function gd(x,y) {
|
||
if (self.innerHeight) {
|
||
w=self.innerWidth
|
||
h=self.innerHeight
|
||
}
|
||
else if (document.documentElement && document.documentElement.clientHeight) {
|
||
w=document.documentElement.clientWidth
|
||
h=document.documentElement.clientHeight
|
||
}
|
||
else if (document.body) {
|
||
w=document.body.clientWidth
|
||
h=document.body.clientHeight
|
||
}
|
||
l=document.getElementById("l")
|
||
mt=document.getElementById("mt")
|
||
mb=document.getElementById("mb")
|
||
r=document.getElementById("r")
|
||
|
||
if (x>-1) {
|
||
hw=x-100
|
||
hh=y-100
|
||
}
|
||
else {
|
||
hw=(w/2)-100
|
||
hh=(h/2)-100
|
||
}
|
||
|
||
l.style.width=hw+"px"
|
||
mt.style.left=hw+"px"
|
||
mt.style.height=hh+"px"
|
||
mb.style.left=hw+"px"
|
||
mb.style.height=h-hh-200+"px"
|
||
r.style.width=w-hw-200+"px"
|
||
}
|
||
|
||
function mb(e) {
|
||
ie=document.all?true:false
|
||
if (ie) {
|
||
x=event.clientX+document.documentElement.scrollLeft
|
||
y=event.clientY+document.documentElement.scrollTop
|
||
}
|
||
else {
|
||
x=e.pageX
|
||
y=e.pageY
|
||
}
|
||
if (x<0) x=0
|
||
if (y<0) y=0
|
||
gd(x,y)
|
||
}
|
||
|
||
rc=255
|
||
gc=0
|
||
bc=0
|
||
function bgc() {
|
||
|
||
l=document.getElementById("l")
|
||
mt=document.getElementById("mt")
|
||
mb=document.getElementById("mb")
|
||
r=document.getElementById("r")
|
||
|
||
l.style.backgroundColor="rgb("+rc+","+gc+","+bc+")"
|
||
mt.style.backgroundColor="rgb("+rc+","+gc+","+bc+")"
|
||
mb.style.backgroundColor="rgb("+rc+","+gc+","+bc+")"
|
||
r.style.backgroundColor="rgb("+rc+","+gc+","+bc+")"
|
||
|
||
if (rc==255 && gc<255 && bc==0)
|
||
gc=gc+1
|
||
else if (rc>0 && gc==255 && bc==0)
|
||
rc=rc-1
|
||
else if (rc==0 && gc==255 & bc<255)
|
||
bc=bc+1
|
||
else if (rc==0 && gc>0 && bc==255)
|
||
gc=gc-1
|
||
else if (rc<255 && gc==0 && bc==255)
|
||
rc=rc+1
|
||
else if (rc==255 && gc==0 && bc>0)
|
||
bc=bc-1
|
||
|
||
t=setTimeout("bgc()",1)
|
||
}
|
||
|
||
window.onload=function () {
|
||
gd()
|
||
bgc()
|
||
}
|
||
window.onresize=gd
|
||
document.onmousemove=mb
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div id='page'>
|
||
|
||
<div id='l'></div>
|
||
<div id='mt'></div>
|
||
<div id='mb'></div>
|
||
<div id='r'></div>
|
||
|
||
</div>
|
||
|
||
<div id='wrapper'>
|
||
<div id='header'>FocusBox</div>
|
||
<div id='content'>And so on..Gdhad sdighg s kdhfkash tregh <20>dfgltFshdsg<73> rjkhsjfhgkl wew ykdsl <20>sd<73>gfXDFghjd sdjgf sdDSdjgds dsdkhfkaA AadtFshdsg<73> rjkhsjfhgkl wew ykdsl <20>sd<73>gfXDFghjd sdjgf sdDSdj
|
||
|
||
<div class='quote'>If the world should once again be hit by a gigantic meteor/meteoroid/asteroid the human race is not going to die. 5201 people will survive, as the Holy Book of the Babylonians describe. "This is pure nonsense," is not written. However, nonsense is written indirectly. The phrase "Ghykjsd" is yet to be translated.</div>
|
||
|
||
<br />And so on.. Gdhad sdighg s kdhfkash tregh <20>d fgltFsh dsg<73> rjkhsjfhg klwewykdsl <20>sd<73>gf XDFghjd sdjgf sdD Sdjgds dsdkh fkaA Aadjf eD FhsdgtASs ksdjrDD sdfhsjkldf ..adfj kSSS h!!bdfk ?? sdfs++-+ gSf sA hdR hhsa asd SF; fhhs aaaafss ss rhgjasdasdso on.. Gdhad sdighg s kdhfkash tregh <20>d fgltFsh dsg<73> rjkhsjfhgkl wew ykdsl <20>sd<73>gf XDFghjd sdjgf sdD Sdjgds dsdkh fkaA Aadjf eD FhsdgtASs ksdjrDD sdfhsjkldf ..adfj kSSS h!!bdfk ?? sdfs++-+ gSf sA hdR hhsa asd SF; fhhs aaaafss ss Trhsdkh fkaA Aadjf eD FhsdgtASs ksdjrDD sdfhsjkldf ..adfj kSSS h!!bdfk ?? sdfs++-+ gSf sA hdR hhsa asd SF; fhhs aaaafss ss Trhgjasdasdso on.. Gdhad sdighg s.</div>
|
||
<div id='footer'>© nqpz 2008 - "And Now For Something Completely Different" (this)</div>
|
||
</div>
|
||
</body>
|
||
</html> |