Phoenix CMS (Design, layout, code, images, zip) Download Custom

[Predict]

I had this stored away, thought I'd contribute

Index/Login

Spoiler

Register

Spoiler

Documentation

Spoiler

Source example

Spoiler

<!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>

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:

To view the content, you need to sign in or register

Full list of images: https://imgur.com/a/E6kjM

 

[Zoxq]

Haha, I remember that style <3
Good times. Thanks for releasing always nice to see someone releasing something old but still beautiful <3

 

[LeChris]

The download is no longer available

 

[donszeh]

i know its really old but anyone got this layout, of that from the habbo v26 in HTML?