UnderWraps
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Coming Soon</title>
<style type='text/css'>
/*
THEME NAME: UnderWraps
THEME URI:
DESCRIPTION: Under construction never looked better!
VERSION: 1.0
AUTHOR: Polaraul
AUTHOR URI: http://www.polaraul.com/
TAGS: white, one-column, fixed-width
*/
/* --------------------------------------------------------------
Reset default browser CSS.
Based on work by Eric Meyer:
* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.5;
background: #fff;
margin:0;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* --------------------------------------------------------------
Structure
-------------------------------------------------------------- */
body {
background:#FFF;
color:#000;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
text-align:center;
font-family: Helvetica, Arial, sans serif;
}
a {
text-decoration:none;
}
em {
font-style:italic;
}
strong {
font-weight:bold;
}
#wrapper {
text-align:left;
width:900px;
margin:10% auto 0 auto;
}
#logo {
margin-top:80px;
width:450px;
float:left;
padding-right:10px;
}
#main {
width:320px;
float:left;
}
h1 {
font-size:50px;
font-weight:bolder;
letter-spacing: -0.05em;
line-height:1em;
}
#main p.desc1{ padding:10px 0; font-size:22px; font-family: Georgia, Times; line-height:1.2em; color:#666;}
form {
padding:15px 0;
border: 1px solid #f1f1f1;
border-style: solid none;
}
form p, form input {
display:inline;
}
form .email {
border:1px solid #ccc;
padding:5px;
}
form .button {
border:1px solid #f1f1f1;
padding:5px;
background:#000;
color:#fff;
text-transform:uppercase;
}
form .button:hover {
background:red;
}
.form-label {
border-left:1px solid #FE8F45;
padding:36px 10px;
}
#submit {
vertical-align:middle;
}
#page-info {
padding:10px 0;
clear:both;
font-size:12px;
color:#666;
text-align:left;
}
#page-info a {
color:#666;
font-style:italic;
}
#page-info a:hover {
color:#000;
}
#footer {
position:absolute;
bottom:10px;
right:10px;
width:200px;
color:#ccc;
font-size:11px;
}
#footer a{ color:#ccc; }
#footer a:hover{ color:#999; }
/* =Images
-------------------------------------------------------------- */
/* Only added for the sake of compliance with Themes Directory */
.entry-content img { margin: 0 0 18px 0; max-width:100%; }
img.alignleft,img.align-left {
float: left;
margin-right:20px;
}
img.alignright,img.align-right {
display: block;
float: right;
margin-left:20px;
}
img.center, img.centered {
margin: 0 auto;
display: block;
float: none;
clear: both;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
max-height:12px;
}
</style>
<!--[if IE 8]><script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js" type="text/javascript"></script><![endif]-->
</head>
<body>
<div id="wrapper">
<div id="logo">
<img src="UnderWraps-images/under_wraps.jpg" />
</div>
<div id="main">
<h1>We're still under wraps!</h1>
<p class="desc1">Whilst your waiting, why not subscribe for free RSS updates?</p>
<div id="page-info">
<p class="rss-subscribe" style="float:right;">
<a href="#" title="RSS feed" rel="alternate" type="application/rss+xml"><img src="UnderWraps-images/feed.png" /></a>RSS</p>
<div id="footer">Template by <a href="http://www.polaraul.com" title="Polaraul Themes"><strong>Polaraul Themes</strong></a>.</p>
</div><!-- #page-info -->
</div><!-- #main -->
</div><!-- #wrapper -->
</body>
</html>
Related examples in the same category