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 ædfgltFshdsgæ rjkhsjfhgkl wew ykdsl æsdægfXDFghjd sdjgf sdDSdjgds dsdkhfkaA AadtFshdsgæ rjkhsjfhgkl wew ykdsl æsdæ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 æd fgltFsh dsgæ rjkhsjfhg klwewykdsl æsdæ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 æd fgltFsh dsgæ rjkhsjfhgkl wew ykdsl æsdæ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> |