Untitled

Index
-------------

<html>
<head>
<title>TeamHouse-Net :: Intranet</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body style="background-position: center top; background-image: url('backgrounds/melyssa_ford005.jpg'); background-repeat: no-repeat;">
<h1>TeamHouse Intranet</h1>
<div class="central">
	<div class="quicklinks">
	<ul class="links"><li><a href="http://www.google.com">Google</a>&nbsp;-&nbsp</li>

<li><a href="https://webmailimp.dur.ac.uk">University Webmail</a>&nbsp;-&nbsp</li>
<li><a href="http://dur.facebook.com">Facebook</a>&nbsp;-&nbsp</li>
<li><a href="http://library.dur.ac.uk">Library</a>&nbsp;-&nbsp</li>
<li><a href="http://www.isohunt.com">Isohunt</a>&nbsp;-&nbsp</li>
<li><a href="http://www.thepiratebay.org">The Pirate Bay</a>&nbsp;-&nbsp</li>
<li><a href="http://www.demonoid.com">Demonoid</a></li>

</ul>
	</div>
	<div>
				<div class="leftdiv">
			<h2>Recently Uploaded</h2>
			<h7>Last 50 Uploaded Torrents...</h7>
			<table class="torrent">
			<tr><th width=70%>Name</th><th width=30%>Last Modified</th></tr>

			
			<tr><td colspan=2 class="subheading">Last 24 Hours...</td></tr>
<tr><td class="alt2">TV -> Misc</td><td class="alt2">11:13:11 <small>(22/Mar/2007)</small></td></tr>
			<tr><td colspan=2 class="subheading">Last 48 Hours...</td></tr>

			<tr><td class="empty" colspan=2>Nothing to display</td></tr>		
			</table>
		</div>
		<div class="rightdiv">
			<h2>Shoutbox</h2>
			<h7>Make Yourself Heard</h7>
			<iframe class="shoutbox" src="/shoutbox.php" width="90%" height="50%" scrolling="no"></iframe>

			
			<div class="sbforms">
				<form action="./" method="POST">
				<label for="message" valign="top">Add a Message:</label><br />
				<textarea cols=70 rows=10 name="message" wrap="hard"></textarea>
				<br /><br />
				<label for="username">Who Are You?</label>&nbsp;
				<select name="username">

<option value="Henri" selected>Henri</option>
<option value="Scott">Scott</option>
				</select><br />
				<input type="submit" name="submit" value="Post Message" style="margin-top: 0.5em" />
				</input>
			</div>
		</div>
	</div>
</div>
</body>
</html>

CSS
---------------------


body
{
	background-color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 1em;
}

h7
{
	position: relative; bottom: 1em;
	font-style: italic;
	margin-bottom: 0.5em;
}


table
{
	border: 0.1em solid black;
}

td
{
	border-top: 0.1em solid black;
	border-bottom: 0.1em solid black;
	padding: 0.5em;
}

ul.links
{
	list-style: none;
}

ul.links li
{
	float: left;
}

div.leftdiv
{
	position: relative;
	float: left;
	width: 45%;
}

div.rightdiv
{
	position: relative;
	float: right;
	width: 45%;
}

div.quicklinks
{
	width: 100%; 
	text-align: center;
	float: left;
	border: 4px solid red;
}

iframe.shoutbox
{
	position: relative;
	background-color: white;
	color: black;
	border: 0.05em solid black;
	border-right: 0.2em solid black;
	border-bottom: 0.2em solid black;
}

textarea
{
	border: 0.1em solid black;
	border-right: 0.2em solid black;
	border-bottom: 0.2em solid black;
}

div.sbforms
{
	margin-top: 0.5em;
}

table.torrent
{
	width: 100%;
}

table.torrent .subheading
{
	background-color: #FF3333;
	font-weight: bold;
}

table.torrent .empty
{
	background-color: #999999;
	font-weight: bold;
}

table.torrent .alt1
{
	background-color: #33FFFF;
	font-size: smaller;
}

table.torrent .alt2
{
	background-color: #66CC00;
	font-size: smaller;
}

a
{
	text-decoration: none;
	color: blue;
}

a:hover
{
	color: red;
}

a:visited
{
	color: blue;
}

a:active
{
	color: orange;
}