Solemn Hour

Designer's Comments

Look carefully for specific instructions

Layout image and coding © v-smash.com
If you use this layout DO NOT remove the credits !

Enjoy :)

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Solemn Hour |||V-SMASH.com</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">

body { ;
	text-align: justify;
	font-size: 11px;
	line-height: 13px;
	color: #e2e2e2;
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
}

h1 {
font-family: Verdana;
color: #fff;
line-height: 16px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: -1;
background-image: url();
background-repeat: no-repeat;
background-color: #BF2715;
background-position: top right;
padding: 0px 0px 0px 2px;
margin: 3px;

}
ul { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #c677ce;
background-color: transparent;
}

#content {
width: 360px;
background-color: #212121;
background-image: url(http://cbimg6.com/layouts/09/09/35778ab.png);
background-repeat: no-repeat;
background-position: bottom right;
font-size:11px;
font-family: arial;
line-height:16px;
flost: right;
text-align: right;
border-left: 3px #7C4E1D;solid;
padding: 0px 2px 0px 2px;
color: #ffffff;
}
#sidebar {
width: 180px;
background-color: transparent;
font-size:16px;
font-family: arial;
margin: 0px;
line-height:16px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #9d9d9d;
}
#sidebar2 {
width: 180px;
background-color: #f3f3f3;
background-image: url(http://cbimg6.com/layouts/09/09/35778ab.png);
background-repeat: no-repeat;
background-position: bottom right;
font-size:11px;
font-family: arial;
margin: 0px;
line-height:16px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #797a7b;
}
#sidebar2 a, #sidebar2 a:link, #sidebar2 a:active, #sidebar2 a:visited { color:#dc0064;
font-size:10px;
font-family:georgia;
line-height:11px;
text-align: left;
letter-spacing: none;
text-decoration: none;
color: #2B5271;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#sidebar2 a:hover, #sidebar2 a:focus {
color:#0A0C0B;
cursor: default;
background-color: #DDDDDD;
text-decoration: none;
font-style: none;
}
#content a, #content a:link, #content a:active, #content a:visited { color:#dc0064;
font-size:10px;
font-family:georgia;
line-height:11px;
text-align: left;
letter-spacing: none;
text-decoration: none;
color: #020202;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#content a:hover, #content a:focus {
color:#E13E1B;
cursor: default;
text-decoration: none;
font-style: none;
}
.inhaltetable { width:100%;
background: transparent;
}
::-moz-selection {
background:#ffd3e1;
color:#e01555;
}
textarea { border: 1px solid #e4d2a0;
background-color: #D6D6D6;
width: 250px;
height: 200px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #e6e5e3;
}
input { border: 1px solid #ffffff;
background-color: #D6D6D6;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #e6e5e3;
}
b, strong { color: #A2B91A; font-weight: bold; }

}

i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #BA2113;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #3DECE9;
text-decoration: none;
border-bottom: 1px solid #6d3f5a;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #F0DB0F;
text-decoration: line-through;
} blockquote {
margin: 15px;
padding: 15px;
background-color: #A2B91A;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
}
blockquote:before {
font-family: georgia;
color: #000000;
content: open-quote;
font-weight: bold;
font-size: 15pt;
padding: 0px 2px 0px 2px;
}
#header2 {
width: 979px;
height: 490px;
float: left;

}
  </style>
</head>
</style>
</head>

</div>
<div id="content" style="position: absolute; z-index: 3; text-align: left; width: 420px; left: 10px; top: 460px">

<h1>Title</h1>

<b>Bold</b> <i>italic</i> <s>strike</s> <u>underline</u>

<blockquote> Bllockquote </blockquote>

<input> input </input/>

</p>
</div>

Layout Comments

Showing latest 2 of 2 comments

very interesting design :D -two thumbs up-!

By WebArchitecture on Jun 18, 2011 1:33 pm

Looks Nice!..I Like the Colors :D
GOOD JOB!

By Snaily on Sep 30, 2009 7:47 pm

Layout Details

Designer	v-smash
Submitted on	Sep 27, 2009
Page views	6,863
Favorites	17
Comments	2
Reviewer	elletricity
Approved on	Sep 30, 2009

Solemn Hour

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates