Dusk

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>[title]</title>
<meta name="Distributed" content="http://design.blogdrive.com/">
<meta name="Tool" content="BlogSkin Converter from http://design.blogdrive.com/">

<style type="text/css">
body {
        margin: 0;
        padding: 0;
        background: #556777; /* url(/images/278bg.gif) repeat-x 0 30px;*/
        text-align: center;
}
#custom-wrapper {
        width: 760px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        background: #EEEAE8 url(/images/278wrapper.gif) repeat-y;
        text-align: left;
}
#custom-header {
        width: 760px;
        height: 170px;
        background: url(/images/278header.gif) no-repeat;
}
#custom-title {
        float: left;
        margin: 38px 0 0 9px;
        border: 1px dashed #2E3235;
        padding: 1px;
}
#custom-title h1 {
        margin: 0;
        padding: 5px 15px;
        border: 0;
        background-color: #222;
        color: #878584;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 1px;
}
#custom-title h1 a {
        color: #878584;
        text-decoration: none;
}
#custom-content {
        float: left;
        width: 550px;
        padding: 0 20px 0 35px;
        background: url(/images/278content.gif) no-repeat;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 495px;
}
html>body #custom-content {
        width: 495px;
}
#custom-sidebar {
        overflow: auto;
        float: left;
        width: 210px;
        padding: 80px 20px 0 10px;
        background: url(/images/278sidebar.gif) no-repeat top right;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 180px;
}
html>body #custom-sidebar {
        width: 180px;
}
#custom-footer {
        clear: both;
}

body, select, input, textarea {
        color: #4A4A49;
        font: 12px/16px Verdana, Geneva, sans-serif;
}
p, ol, ul, h1, h2, h3, h4, h5, h6 {
        padding: 0;
}
p {
        margin: 0 0 16px 0;
}
ol, ul {
        margin: 0 0 16px 32px;
}
h1, h2, h3, h4, h5, h6 {
        font-family: Georgia, serif;
}
h1, h2 {
        margin: 0 0 16px 0;
        border-bottom: 1px solid #888685;
        font-size: 18px;
        line-height: 18px;
}
h3, h4 {
        margin: 0 0 8px 0;
}
h3 {
        font-size: 16px;
}
h4 {
        font-size: 14px;
}
h5, h6 {
        margin: 0;
        font-size: 12px;
}
a:link {
        color: #497CA7;
}
a:visited {
        color: #6E7CA7;
}
a:hover, a:active {
        color: #556777;
        text-decoration: none;
}
blockquote {
        margin: 0 20px 16px 20px;
        padding: 0 0 0 20px;
        border-left: 4px solid #888685;
}
select, input, textarea {
        color: #F6F4F3;
}
img {
        border: 0;
}

#custom-sidebar {
        color: #878584;
}
#custom-sidebar h2 {
        margin: 8px 0;
        font-size: 14px;
        line-height: 16px;
        border-bottom: 1px solid #5E5D5D;
}
#custom-sidebar ul {
        margin: 0 0 16px 16px;
}
#custom-sidebar a:link {
        color: #7599B7;
}
#custom-sidebar a:visited {
        color: #8B99B7;
}

.comment-link {
        margin-left: 16px;
}
.profile-datablock {
        margin: 0 0 16px 0;
}
.profile-data {
        margin: 0;
}
.profile-img img {
        padding: 4px;
        border: 1px solid #5E5D5D;
        margin: 4px 0 0;
}

.calendar{
color: #666666;
font: 7pt verdana, helvetica, arial
}
A.calendar2:link {
font: 7pt verdana, arial, helvetica;
color:2058C1;
text-decoration: none
}
A.calendar2:visited {
font: 7pt verdana, arial, helvetica;
color:2058C1;
text-decoration: none
}
A.calendar2:hover {
color:D156D1;
text-decoration: none
}
.floatad,#floatad{
position:absolute;
top:0;
right:0;
z-index:5;
}
.disabled {
font: 7pt verdana, arial, helvetica;
color: #c0c0c0;
text-decoration: none
}
/* CSS for tag board */
div.cont1 {width: 165px}
div.cont2 {}
.tagframe {
background: #FFFFFF;
BORDER: 1px solid;
font: 8pt verdana, arial, helvetica;
color: #808080;
width: 165px;
height: 200px;
}
.tagurl {
background: #FFFFFF;
border: 1px solid;
font: 7pt verdana, arial, helvetica;
color: #808080;
width : 165px
}
.tagmsg {
background: #FFFFFF;
border: 1px solid;
font: 7pt verdana, arial, helvetica;
color: #808080;
width : 165px;
overflow: auto
}
.tagname {
background: #FFFFFF;
border: 1px solid;
font: 7pt verdana, arial, helvetica;
color: #808080;
width: 85px
}
.tagbtn {
background: #FFFFFF;
border: 1px solid;
font: 7pt verdana, arial, helvetica;
color: #808080;
width: 45px
}
</style>
</head>

<body>

<div id="custom-header">
        <div id="custom-title">
        <h1>[header html]</h1>
        </div>
</div>

[search fields]

<blog>

<div>
                <h3 class="post-title">
                
                [blog title]
                
                </h3>
        </div>

<p>[body]
<br>
[extended entry][extended keywords]
<br>
[comments] [permalink]
</p>

<p class="post-foot">
                <em>posted by [author] @ <a href="" title="permanent link" rel="nofollow">[date] [time]</a></em>
                 
        </p>

</div>

[comment data]

</blog>

<div align=center><div style="width:90%">
<div style="width:30%;float:left;display:inline">[previous page]</div>
<div style="width:30%;float:right;display:inline">[next page]</div>
<div style="width:30%;float:center;display:inline">[bloghome]</div>
</div></div>

</div>

<h2 class="sidebar-title">Profile</h2>

[profile image][profile]

<h2 class="sidebar-title">Tagboard</h2>

[tag board]

<h2 class="sidebar-title">Links</h2>

[gallery] [search] [polls] [favorites] [side html]

<h2 class="sidebar-title">Others</h2>

[contact form] [notification] [hitcounter] [rss]

<h2 class="sidebar-title">Archives</h2>

[calendar]

<p id="powered-by">
<br>
<div align=center><div style="width:90px;background:#556777;border:1px solid #000000;text-align:left;display:block;"><a href="http://design.blogdrive.com/" title="Blogdrive Design Layouts" style="font:8pt verdana;color:#000000;background:#556777;font-weight:bold;text-decoration:none;">BLOGDRIVE</a></div><div style="width:90px;background:#000000;text-align:right;display:block;"><a href="http://design.blogdrive.com/" title="Blogdrive Design Layouts" style="font:8pt verdana;color:#556777;background:#000000;font-weight:bold;text-decoration:none;">TEMPLATES</a></div></div>
<br><center><a href="http://www.blogdrive.com"><img src="http://img.blogdrive.com/bd2.gif" border="0" alt="" width="120" height="30"></a></center>

<div id="floatad" style="position:absolute;top:0;right:0;z-index:5"><script type="text/javascript" src="http://home.ripway.com/2004-6/122527/script270.js"></script></div>
        <br />
        <a href="http://beccary.com" rel="nofollow">Design by Beccary</a>
        </p>

</div>

</div>

</body>
</html>

Your browser does not support JavaScript or has been disabled. Please update your browser version or enable your JavaScript to view the content

Posted at 06:31 am on Sunday, June 18, 2006 by Admin

Leave a Comment:

Name

Homepage (optional)

Comments

reygreena
August 6, 2007 05:11 PM PDT

one of my fave templates ever, thanks for bringing it here. used it for my wordpress. i think the colours and design are cool and sophisticate :)

Previous Entry Next Entry Home