Home

copy and paste this into your css editor. sorry couldnt upload the css file here.

image first then css below. its supposed to look like this site does. im making my theme for moving to .org

cheers for having a look

click to enlarge!

problem-image.png

/*
Theme Name: ChaoticSoul
Theme URI: http://sandbox.avalonstar.com/
Description: An old version of the beloved Avalonstar, remade into a WordPress theme.
Version: 1.0
Author: Bryan Veloso
Author URI: http://avalonstar.com/
*/

/* —–| Globals |—————————————————— */

body {
background-color: #161410;
color: #999;
font: 62.5%/125% ‘Trebuchet MS’, Tahoma, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

/* hr { display: none; } */

hr {
background-color: #22201d;
border: 1px solid #363430;
height: 10px;
margin: 10px 0;
width: 980px;
}

a:link, a:visited, a:active { color: #d8d7d3; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }

ul { list-style: none; }

input, textarea {
color: #9c9890;
font-size: 11px;
text-decoration: none;
background-color: #161410;
border: 1px solid #363430;
padding: 5px;
}

blockquote {
background: #1b1814;
padding: 1px 15px 5px;
border-bottom: 1px solid #35302a;
}

table { width: 100%; border-collapse: collapse; }
th { border-bottom: 1px solid #35302a; text-align: left; }

pre {
padding: 5px 0;
border-top: 1px dotted #35302a;
border-bottom: 1px dotted #35302a;
}

/* —–| Structure |—————————————————- */

#page {
margin: 50px auto 25px;
padding: 0;
width: 980px;
}

#header {
text-align: center;
}

#wrapper, #headerimg { width: 980px; }
#wrapper { background: url(‘images/content_bkg.gif’) repeat-y top left;}

.image {
background: #22201d url(‘images/image_left.png’);
border: 1px solid #363430;
height: 149px;
width: 372px;
}

.bkgleft { background: url(‘images/image_left.jpg’); float: left; }
.bkgright { background: url(‘images/image_right.jpg’); float: right; }

#footer {
font-family: Georgia, ‘Times New Roman’, serif;
color: #999;
}

#content {
border-left: 1px solid #363430;
border-right: 1px solid #363430;
padding: 0 10px;
}

#content { float: left; font-size: 1.1em; width: 517px; }
#content h2 { margin: 0 0 10px; }
#content p { line-height: 1.5em; }

#sidebar h3 { color: #bd934f; margin: 10px 0 5px; font-variant: small-caps; }
#sidebar ul { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430;}
#sidebar li { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }
#sidebar li:hover { background: #363430; }
.leftbar{float:left;width:200px;margin:0;padding:0 10px; overflow:hidden;}
.rightbar{float:right;width:200px;margin:0;padding:0 10px; overflow:hidden; border-right: 1px solid #363430;}

#searchform { background: #22201d; padding: 10px; text-align: center; }
#s { width: 160px; }

.goleft { float: left; }
.goright { float: right; }

ul.navigation {
border-top: 1px solid #363430;
border-bottom: 1px solid #363430;
}

ul.navigation li { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }
ul.navigation li:hover { background: #363430; }

/* Post Structure */

.post { padding: 10px 0 0; }
.widecolumn .post { padding: 0; margin: 0; }

.top { padding: 15px 10px 0px; background: #1b1814; margin-bottom: 15px; border-bottom: 1px solid #35302a; }
.lastfive { padding-left: 10px; padding-right: 10px; }
.postmetadata { margin: 3px 0; padding: 0; }
.postmetadata a { font-weight: bold; }
#sidebar .postmetadata { line-height: 1.5em; }
.continue { font-weight: bold; font-size: 1.3em; }

.top .entry { font-size: 1.1em; }
.entrytext { padding: 0 10px 0; line-height: 2em; font-size: 1.1em; }

.entrytext h2 { border-bottom: 1px solid #bd934f; display: block; }
.entrytext ul { list-style-type: square; }

/* Comments Structure */

.comments { padding: 10px; margin-top: 15px; background: #1b1814; border-top: 1px solid #35302a; position: relative; }
#commentform p { float: left; margin: 0 10px 10px 0; }

.commentlist { background: #1b1814; list-style: none; margin: 0; padding: 0; }
.commentlist li { background: #161410; margin-top: 10px; padding: 5px 0 0; }
.commentlist li p { padding: 5px 10px 0; margin: 0; }
.commentlist li p.commentmetadata { border-bottom: 1px solid #35302a; background: #181612; padding: 5px 10px; margin-top: 10px; }

ul.archive { list-style: none; padding: 0; margin: 0 10px 25px; font-size: 1.3em; }
ul.archive li { display: inline; }

/* —–| Typography |————————————————— */

h1, h2, h3, h4, h5, h6 { font-family: Georgia, ‘Times New Roman’, serif; font-weight: normal; }

h1 { color: #fff; font-size: 2em; margin: 0 0 8px; }
h1:before, h1:after { content: ” . . “; color: #444; }
h1 span { color: #bd934f; }

h2 { color: #bd934f; font-size: 1.25em; margin: 0; padding: 1px 0; display: inline; border-bottom: 1px solid #35302a; }
.post h2 a { color: #bd934f; }
.post h2.first { font-size: 1.75em; }

.widecolumn h2.title {
display: block;
padding: 13px 10px;
background: #1b1814;
margin: 0 0 15px;
border-bottom: 1px solid #35302a;
font-size: 1.75em; }

.description { color: #666; font-weight: bold; }

.comments h3 { margin: 0 0 10px 0; color: #bd934f; }

/* —–| Miscellaneous |———————————————— */

.clearfix:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}


 
%d bloggers like this: