Hell Butler

"Yes, my Lord"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fermentum ultricies justo vitae adipiscing. Duis semper quam viverra lacus dapibus lobortis euismod leo volutpat. Nunc ornare accumsan venenatis. Phasellus placerat nulla ac augue ornare sollicitudin. Nunc in turpis nec magna facilisis aliquam. Sed ligula est, elementum id imperdiet ac, elementum vitae dui. In sit amet enim sit amet elit auctor placerat ut at ipsum. Proin id est in sapien euismod lacinia. Nullam mollis interdum mollis. Integer dictum congue dolor a dignissim. Nullam blandit ornare erat, id tincidunt dolor semper at. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.

Asennus

IMG:

Kuroshitsuji.jpg

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" lang="fi" xml:lang="fi">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Hell Butler</title>
	<link href="kuro.css" type="text/css" rel="stylesheet" hreflang="fi" />

</head>
<body>

<div id="otsikko">
	<h1> SIVUSI NIMI </h1> 
	<center>
		<a href="http://osoite">Welcome</a> | 
		<a href="http://osoite">The Devil</a> | 
		<a href="http://osoite">He's Secrets</a> | 
		<a href="http://osoite">Escape</a>  
	</center>
</div>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fermentum ultricies justo vitae adipiscing. Duis semper quam viverra lacus dapibus lobortis euismod leo volutpat. Nunc ornare accumsan venenatis. Phasellus placerat nulla ac augue ornare sollicitudin. Nunc in turpis nec magna facilisis aliquam. Sed ligula est, elementum id imperdiet ac, elementum vitae dui. In sit amet enim sit amet elit auctor placerat ut at ipsum. Proin id est in sapien euismod lacinia. Nullam mollis interdum mollis. Integer dictum congue dolor a dignissim. Nullam blandit ornare erat, id tincidunt dolor semper at. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur. 
</p>

</div>

<div id="copyt">
	©<a href="http://tierran.net/dewymorning">Namuless</a> ©<a href="http://aethereality.net/">Aethereality.net</a>
</div>

</body>
</html>

CSS:

Name your css-folder kuro.css.

body {  
	background: url('kuroshitsuji.jpg') no-repeat 0 0 #000000;  
	color: #FFF;  
	font-family: verdana, sans-serif;  
	font-size: 11px;  
	text-align: justify;
}

A:link, A:visited {  
	color: #AAA;  
	font-family: Georgia, Serif;  
	font-style: italic;  
	letter-spacing: 1px;  
	text-decoration: none;  
	padding: 0px 2px 0px 2px;
}

A:hover {  
	color: #C00802;  
	text-decoration: none;  
	cursor: pointer;  
	background: #000000;
}

h1 {  
	color: #C00802;  
	text-align: center;  
	font-size: 20px;  
	font-family: Georgia, Serif;  	font-weight: normal;  
	text-transform: uppercase;  
	letter-spacing: 6px;
}

h2 {  
	color: #C00802;  
	text-align: center;  
	font-size: 18px;  
	font-family: 'Book Antiqua', Serif;  
	font-style: italic;  	text-decoration: none;
}

#copyt {  
	position: absolute;  
	top: 488px;  
	width: 467px;  
	left: 320px;  
	text-align: center;  
	font-size: 9px;  
	padding: 6px;  
	padding-bottom: 50px;
}

#tekstit {  
	text-align: justify;  
	width: 459px;  
	height: 345px;  
	position: absolute;  
	top: 115px;  
	left: 320px;  
	overflow: auto;   
	padding: 10px;
}

#otsikko {  
	position: absolute;  
	top: 30px;  
	left: 320px;  
	width: 459px;  
	padding: 10px;
}

#otsikko a:link {  
	text-decoration: none;  
	text-transform: uppercase;  
	font-size: 10px;  
	font-family: Georgia, Serif;  
	font-style: normal;  
	padding: 2px;  
	word-spacing: 2px;  
	letter-spacing: 1px;
}

#otsikko a:visited {  
	text-decoration: none;  
	text-transform: uppercase;  
	font-size: 10px;  
	font-family: Georgia, Serif;  
	font-style: normal;  
	padding: 2px;  
	word-spacing: 2px;  
	letter-spacing: 1px;
}

#otsikko a:hover {  
	color: #AAA;  
	border-bottom: 1px solid #313131;  
	border-top: 1px solid #313131;
}

input, select, textarea {
	background: #000;
	border: 1px solid #FFF;
	color: #C00802;
	font-family: georgia, serif;
	font-size: 12px;
	padding: 10px;
}

input:focus, select:focus, textarea:focus {
	color: #FFF;
}