Legendary Battlemage
- Joined
- Aug 16, 2008
- Messages
- 600
- Reaction score
- 259
I had this stored away, thought I'd contribute
Index/Login
Register
Documentation
Source example
Download:
Full list of images:
Index/Login
Register
Documentation
Source example
Code:
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Retro Online Community</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Keywords" content="retro,online,community,news">
<meta name="Description" content="Free to play, free to register, with lots of fun waiting to happen.">
<link href="./favicon.ico" rel="icon" type="image/x-icon">
<link href="./stylesheets/welcome.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="./javascripts/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div>
<header>
<section>
<h1>
<a href="#" target="_self">Retro</a>
</h1>
</section>
<aside>
<p>
<strong>0</strong> Online
</p>
</aside>
</header>
<main>
<section>
<h6>
Click here to <a href="#" target="_self">Register for free!</a>
</h6>
<form action="#" method="post" autocomplete="off">
<label for="email">Email:</label>
<input type="text" name="email" id="email" placeholder="Email Address" autofocus="">
<label for="password">Password:</label>
<input type="password" id="password" placeholder="Password" name="password">
<input type="submit" value="Submit">
</form>
</section>
</main>
<footer>
<p>
Homepage |
<a href="#" target="_self">Terms of Service</a> |
<a href="#" target="_self">Privacy Policy</a>
</p>
</footer>
</div>
</body>
</html>
Code:
body{background-color:#bce0ee;font:10px Verdana,Arial,Helvetica,sans-serif;margin:0;padding:0;}
body div{background-color:#ffffff;width:720px;margin:30px auto;border:1px solid #96b3be;border-bottom-width:2px;}
div header, div main{overflow:hidden;}
div header, main section, footer{padding:15px;}
header section{float:left;}
header aside, main section{float:right;}
header h1{background-image:url("../images/h1.png");}
header h1, header h1 a{width:56px;height:20px;}
header h1 a{color:transparent;display:block;opacity:0;}
header section h1, header aside p, main section h6, footer p{margin:0;padding:0;}
header section h1, main section h6{font-size:10px;}
div main{background-image:url("../images/container.png");width:inherit;height:431px;}
main section{background-color:#ffffff;width:175px;margin:15px;border:1px solid #000000;border-bottom-width:2px;}
main section h6{margin-bottom:5px;}
main section input[type="text"], main section input[type="password"], main section input[type="submit"]{width:175px;margin:5px 0;box-sizing:border-box;}
main section input[type="submit"]{margin-bottom:0;}{width:175px;margin:5px 0;box-sizing:border-box;}
main section input[type="submit"]{margin-bottom:0;}
footer p{text-align:center;}Download:
You must be registered to see links
Full list of images:
