dreamscapes

Theme name/layout: Purple Squiggle/Sunday Morning
Author:

alyndra
Layout info: http://www.dreamwidth.org/customize/advanced/layersource?id=324332
Layout source: http://www.dreamwidth.org/customize/advanced/layersource?id=324332
Preview Image info: http://vector.tutsplus.com/freebies/vectors/free-vector-decorative-ornament/ (Same as other Sunday Morning Squiggle layouts)

This is the first time I've ever done a theme, and I was hoping for some feedback. I like color a lot: I tried to strike a balance between that and still being readable and not a Myspace-esque eyesore. Let me know how well I succeeded, and if this might be worth submitting?

I also did some color contrast checking as advised here, and all was okay except for this:

If links aren't underlined, "the accessibility guidelines state that the contrast ratio between the link color and the surrounding text should be at least 3:1."

I couldn't seem to get that without getting very dark, which would make it hard to read against the background. Just looking at it seems to me it should be different enough, at least the teal main link color vs. the main text, but any advice?

momijizukamori

Layout: Marginless
Author:

momijizukamori
Layout info: Source

Theme: Mars/Marginless (default)
Author:

momijizukamori
Layout info: Source | Preview

Theme: Midnight/Marginless
Author:

momijizukamori
Layout info: Source | Preview Image

Theme: Great Oak/Marginless
Author:

momijizukamori
Layout info: Source | Preview Image

Additional info (for layouts): I could use some ~~IE/~~Opera/~~Safari~~ testing - I've done Firefox and Chrome myself. I've also patched the files already on my Dreamhack, so if you want to muck around with them there, they're already in the customize area! This should support all layout modes and all basic options, including custom friends colors. (and because they're on my Dreamhack, I can't figure out how to link more than one preview at once :|a)

EDIT: tossed in some screencap previews for the other two, in case anyone wants to see what they look like before fiddling *g*

flamingchemist

Except that I can't for the life of me get my layers to work the way everyone else has done, so I'm not as classy as you guys.

Theme name/layout: Hearts / Bases
Author:

flamingchemist
Layout info:

/* Hearts */

/* Layout for Bases made my FlamingChemist at Dreamwidth*/

/*Clean CSS*/

/*Box Alignment*/

body {font-family: Arial, sans-serif; font-size: 1em; background: #ee6267; color: #FFFFFF; width: 100%; margin: 0; padding: 0;}

#canvas {padding: 3%; padding-right: 4%; }

.inner {
    background-image: url("http://img205.imageshack.us/img205/751/heartsj.png");
    background-repeat: no-repeat;
    }

#header .inner {background-image: none; height: 105px; margin-top: 140px;}

#content .inner {background-image: none;}

#content {
    border: 5px solid #FFFFFF;
    border-top: none;
    border-radius: 0 0 106px 106px;
    -moz-border-radius: 0 0 106px 106px;
    padding-top: 2em;
    padding-bottom: 4em;
    overflow: hidden;
    }

#primary > .inner:first-child {padding: 0;}

#secondary > .inner:first-child {padding: 0;}

.one-column #secondary {display: none;}
.one-column #primary {border: 5px solid #FFFFFF; border-radius: 20px; -moz-border-radius: 20px; background: transparent; padding: 0; margin-left: 53px; margin-top: 40px; margin-right: 5%; }

.two-columns #secondary {
    background: #ee6267;
    border: 5px solid #FFFFFF;
    border-radius: 20px;
    -moz-border-radius: 20px;
    width: 20%;
    padding: 0.5em;
    }

.two-columns-left #secondary {
    margin-left: 53px;
    margin-top: 40px;
    float: left;
}

.two-columns-right #secondary {
    margin-right: 5%;
    float: right;
    }

.two-columns #primary {
    background: ;
    border: 5px solid #FFFFFF;
    border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 0;
    width: 60.4%;
    }

.two-columns-left #primary {
    float: right;
    margin-right: 5%;
}

.two-columns-right #primary {
    margin-left: 53px;
    margin-top: 40px;
    float: left;
    }

.two-columns #header {
    margin-right: 0%;
    }

/*Basics*/

a {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover, a:visited:hover, a:active:hover {color: #FFFFFF; text-decoration: underline;}

abbr {border-color: #000000; }

blockquote {border-bottom: 0.083em solid #FFFFFF; clear: both; margin: 0.833em 1.667em 0.833em 1.667em; 
            padding: 0.833em; background: #ee6267; border-top: 0.583em solid #000000; }

q { font-style: italic; }

caption {font-size: 0.75em; text-transform: uppercase;}

code {font: italic 1em georgia; }

dt {font-weight: bold; border-bottom: 0.083em solid #000000;}
dd {font-weight: normal;}

h1 {font-size: 2.5em; font-weight: normal; }
h2 {font-size: 2em; font-weight: normal; }
h3 {font-size 1.5em; font-weight: normal; }
h4 {font-size: 1.166em; font-weight: bold; }
h5 {font-size: 1em; font-weight: bold; }
h6 {font-size: 0.75em; font-weight: bold; }

hr {border: 0.083em solid #000000;}

input, select {border: 0.083em solid #FFFFFF; background: !important; font-size: 0.833em !important; color: #FFFFFF !important;}

i {color: #000000; }

label {font-weight: bold;}

ol {list-style: decimal-leading-zero; }

pre {font-size: 1em;}

sub, sup {color: #FFFFFF; }

tt {font: 1.334em monospace; }

textarea { margin: 0.5em; padding: 0.5em; border: 0.083em solid #000000; background: ; color: #000000; font: italic 1em georgia;}

ul { padding: 0 0 0 2em; list-style: square;}
ul ul {list-style: circle;}

.entry-content a img {border-bottom: 0.083em solid ; }
.entry-content a img:hover {border-color: ; }
.entry-content .userpic, #comments .userpic {background: ;}

/*Header*/

#header {
    border: 5px solid #FFFFFF;
    border-radius: 0 106px 0 0;
    -moz-border-radius: 0 106px 0 0;
    border-bottom: none;
    border-left: none;
    margin-left: 280px;
    padding: 0;
    background-image: url("http://img16.imageshack.us/img16/8946/hcornertr.png");
    background-repeat: no-repeat;
    background-position: top right;
    }

#title { font-family: Arial, Arial, sans-serif; font-size: 2.25em; font-weight: bold; padding: 2em 0 0 0.65em; color: #FFFFFF; margin-top: -140px; position: absolute; margin-left: 30px;}

#subtitle { font-family: Arial, Arial, sans-serif; font-size: 1.125em; padding-left: 1.5em; color: #FFFFFF; position: absolute; margin-top: 0px;  margin-left: 30px;}

#pagetitle { font-size: 1em; padding: 0 0 1em 4.2em; margin: 0.5em 0 0 0; position: absolute; margin-top: 39px; margin-left: 30px;}

.module-navlinks ul {
                background: ;
                border-top: 0.083em solid #ffffff;
                font-size: 13px;
                font-weight: bold;
                line-height: 2.2em;
                margin: 0;
                padding: 0;
                top: 294px;
                left: 318px;
                width: 60%;
                position: absolute;
                }

.module-navlinks li {
                display: inline;
                height: 2.2em;
                line-height: 2.2em;
                list-style: none;
                margin: 0;
                margin-left: -.25em;
                padding: .5em 0;
                }

.module-navlinks li:first-child {
                border-left: .083em solid #FFFFFF;
                margin-left: .6em !important;
                }

.module-navlinks li:hover {
                background: ;
                }

.module-navlinks li a {
                border-right: .083em solid #FFFFFF;
                line-height: 2.2em;
                padding: .5em .833em;
                }

.module-navlinks li a:hover {
                text-decoration: underline;
                }

.module-navlinks li.current {
                background: ;
                }

.module-navlinks li a,
            .module-navlinks li a:hover,
            .module-navlinks li a:visited {
                color: #000000;
                }

.entry-interaction-links li {display: inline; padding: 0.583em 0 0.583em 0 !important; border-left: 0.083em solid ; border-right: 0.083em solid ; }
.entry-interaction-links li + li {border-left: 0; margin: 0 0 0 -0.25em;}
.entry-interaction-links a {color:  !important; padding: 0.583em 0.833em 0.583em 0.833em; font-weight: bold;}
.entry-interaction-links a:hover{background: ; text-decoration: underline; }

/*Modules*/

.module { color: #FFFFFF;}
.module a { color: ; }
.module a:visited { color: ; }
.module a:active { color: ; }
.module a:hover, #secondary a:visited:hover, #secondary a:active:hover { color: ; }

.module-header { text-align: center; margin: 0; list-style: none; background: ; padding: 0.6em 0 0.6em 0;
                 font-family: Arial, Arial, sans-serif; font-size: 1em; font-weight: bold; color: #000000; border-bottom: 0.083em solid #FFFFFF;}
.module-header a, .module-header a:visited, .module-header a:active { text-decoration: underline; color: #FFFFFF;}
.module-header a:hover, .module-header a:visited:hover, .module-header a:active:hover {color: ;}

#secondary .module-content {border-top: 0.083em solid #FFFFFF; font-family: Arial, Arial, sans-serif; font-size: 1em; }

#secondary .module {background: #ee6267; padding: 0.083em 0 0.083em 0; border-bottom: 0.083em solid #FFFFFF;}

#secondary .module-content { background: #ee6267; }

/* -------- profile -------- */

.module-userprofile {text-align: center; font-weight: bold; }

.module-userprofile .userpic img{border: 0.083em solid #FFFFFF; padding: 0.2em; background: transparent; margin: 0 auto; margin-top: 1em; }
.module-userprofile img {border: 0;}
.module-userprofile img:hover {opacity: .7;}

.module-userprofile .journal-name {margin: 0.5em 0 0.5em 0;}

/* -------- profile - interactions -------- */

.module-userprofile .userlite-interaction-links {margin: 0.583em 0 0.583em 0; padding: 0; list-style: none; overflow: hidden;}
.module-userprofile li {display: inline; margin: 0 0.25em 0 0.25em;}

.module-userprofile img { border-bottom: 0.083em solid transparent; padding: 0 0 0.25em 0; }
.module-userprofile img:hover { border-bottom: 0.083em solid ; }

/* -------- navlinks -------- */

#secondary .module-navlinks {padding-top: 0 !important;}
#secondary .module-navlinks .module-content {border-top: 0; padding: 0; margin: 0;}
#secondary .module-navlinks ul{list-style: none; margin: 0; padding: 0; }
#secondary .module-navlinks li { padding: 0; margin: 0;}
#secondary .module-navlinks li + li {border-top: 0.083em solid ;}

#secondary .module-navlinks a {padding: 0.6em; display: block;}
#secondary .module-navlinks a:hover {background: ; color: ; text-decoration: none;}
#secondary .module-navlinks .current {background: ; color: ; font-weight: bold;}

/* -------- calendar -------- */

.module-calendar table {width: 100px; text-align: center; border-collapse: collapse; margin: 0 0 0 -0.2em;}
.module-calendar td {border-top: 0.083em solid ;}
.module-calendar td .entry-day a {display: block; background: #1e1e1e; }

.module-calendar .module-content { padding: 0.5em;}

/* -------- tags -------- */

.module-typelist .module-list { padding-left: 2em;}
.module-typelist .module-list .module-list-item {list-style-type: square; color: #EE1C24; font-size: 0.833em; }
.module-typelist .module-list .module-list-item a { text-align: left; font-size: 1.2em;}

.module-tags_cloud .module-list {padding: 0.5em;}
.module-tags_cloud li, .tags_cloud li {display: inline; list-style-type: none;}

.module-tags_cloud .manage-link {
    border-top: .083em solid ;
    margin-top: .5em;
    text-align: center;
    }

.module-tags_multilevel .module-list { padding: 0.5em; margin: 0; }
.module-tags_multilevel .module-list .module-list { border-top: 0.083em solid ; border-bottom: 0; padding: 1em; }
.module-tags_multilevel .module-list .module-list-item {list-style-type: none; color: #EE1C24;  border-bottom: 0.083em solid ; margin: 0;  }
.module-tags_multilevel .module-list .module-list-item a { text-align: left; }

.module-typelist .manage-link,
.module-tags_list .manage-link,
.module-tags_multilevel .manage-link {
    border-top: .083em solid ;
    padding-bottom: .5em;
    padding-top: .5em;
    text-align: center;
    }

/* -------- summary -------- */

.module-pagesummary ul {display: block; margin: 0; padding: 0.833em; list-style: none; color: #EE1C24; font-size: 0.75em;}
.module-pagesummary li {margin: 0.417em 0 0.417em 0; padding: 0 0 0.417em 0; border-bottom: 0.083em solid ;}
/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {#FFFFFF-space: normal !important;}
.module-pagesummary .module-content {word-wrap: break-word;}

/* -------- syndicate -------- */

.module-syndicate .module-content{text-align: center; padding: 0.5em; margin: 0;}
.module-syndicate img:hover {opacity: .7;}

/* -------- techie -------- */

.module-time  .module-content, .module-powe#000000 .module-content {padding: 0.5em; border: 0; }

/* -------- custom text -------- */

.module-customtext .module-content {padding: 0.5em; }

/* -------- c#000000it -------- */

.module-c#000000it .module-content {padding: 0 0.5em 0 0.5em; }

/* -------- search -------- */

.search-form { margin: .2em auto; }
.search-box { margin: .2em; }

/*Navigation Bar*/

.navigation ul {margin: 0; padding: 0; list-style: none; border-top: 0.083em solid #FFFFFF; }
.navigation li {display: inline; padding: 0 1em 0 1em; border-right: 0.083em solid #FFFFFF; }
li.page-separator {display: none;}
.navigation li + li {margin-left: -0.25em;}
.noentries { padding: 0 1em; }

/*Entries*/

#primary a { color: ; }
#primary a:visited {color: ; }
#primary a:active {color: ; }
#primary a:hover, #primary a:visited:hover, #primary a:active:hover {color: ; }

#primary { background-color: #ee6267; }

#entries > .inner {border-top: none;}

.entry-title {font-family: Arial, Arial, sans-serif; font-size: 1.25em; border-bottom: 0.083em solid ; padding: 0.5em; margin: 0; color: ; background: ; }
.entry-title a {text-decoration: none; color: ; }

.datetime { font-size: 0.75em; text-transform: uppercase; display: block; color: ; padding: 0.5em 1em 0.5em 1em; 
border-bottom: 0.083em solid ; background: ; }

.access-filter, .restrictions {float: left; margin: 0.25em 0.5em 0.25em 0.5em;}

.has-userpic .entry .userpic { border: 0.083em solid ; padding: 0.2em; margin: 0.5em; background: ; }
.entry .userpic img {border: 0;}
.entry .userpic img:hover {opacity: .7;}

.entry-poster { display: block; border-bottom: 0.083em solid ; padding: 0.167em 0.833em 0.167em 0.833em;}
.page-recent .journal-type-P .entry-poster, .page-recent .journal-type-Y .entry-poster {display: none;}
.ljuser a b:hover { color: #000000;}

.entry-content { padding: 0.833em; min-height: 8.5em; border-bottom: 0.083em solid ; background: #ee6267;}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

.entry-content a img {border-width: 0.083em; padding: 0.25em;}
.entry-content a img:hover {opacity: .7;}

/*Metadata*/

.metadata ul {padding: 0; margin: 0; list-style: none; }
.metadata li {padding: 0.167em 0.833em 0.167em 0.833em; margin: 0; border-bottom: 0.083em solid ;} 
.metadata-label {font-weight: bold; }
.page-recent .journal-type-P .metadata.top-metadata li,
.page-recent .journal-type-I .metadata.top-metadata li,
.page-recent .journal-type-P .metadata.top-metadata li + li + li,
.page-recent .journal-type-I .metadata.top-metadata li + li + li { background: ; }
.page-recent .journal-type-P .metadata.top-metadata li + li,
.page-recent .journal-type-I .metadata.top-metadata li + li,
.page-recent .journal-type-P .metadata.top-metadata li + li + li + li,
.page-recent .journal-type-I .metadata.top-metadata li + li + li + li { background: ; }

/*Entry Tags*/

.tag {margin: 0; padding: 0; border-bottom: 0.083em solid ; background: ; }
.tag-text {float: left; font-weight: bold; padding: 0 0.5em 0 1em; }
.tag ul { padding: 0; list-style: none; margin: 0; }
.tag li {display: inline; margin: 0; }

.metadata li, .metadata li + li + li {background: ; color: }
.metadata li + li , .metadata li + li + li + li {background: ; }

/*Entry Tools*/

.entry .footer { overflow: auto; background:  ; border-bottom: 0.083em solid ;}
.entry-interaction-links {margin: 0; list-style: none; padding: 0.583em; border-top: 0.083em solid ;}
.entry-interaction-links li {display: inline; padding: 0.583em 0 0.583em 0 !important; border-left: 0.083em solid ; border-right: 0.083em solid ; }
.entry-interaction-links li + li {border-left: 0; margin: 0 0 0 -0.25em;}
.entry-interaction-links a {color:  !important; padding: 0.583em 0.833em 0.583em 0.833em; font-weight: bold;}
.entry-interaction-links a:hover{background: ; text-decoration: underline; }

.entry-management-links { margin: 0.583em 0.583em 0 0; list-style: none; display: inline; float: right;}
.entry-management-links li {display: inline; margin: 0 0.25em 0 0.25em; }

.entry-management-links.text-links {
    border-top: .083em solid ;
    border-bottom: .083em solid ;
    display: block;
    float: none;
    line-height: 2.332em;
    list-style: none;
    margin: 0;
    padding-right: .583em;
    text-align: right;
    }

.entry-management-links.text-links li {
    border-right: .083em solid ;
    display: inline;
    margin: 0 0 0 -0.25em;
    padding: .583em 0 !important;
    }

.entry-management-links.text-links li:first-child {
    border-left: .083em solid ;
    margin: 0;
    }

.entry-management-links.text-links a {
    color:  !important;
    font-weight: bold;
    padding: .583em .833em;
    }

.entry-management-links.text-links a:hover {
    background: ;
    text-decoration: underline;
    }

.entry-management-links img { border-bottom: 0.083em solid transparent; padding: 0 0.25em 0.25em 0.25em; }
.entry-management-links img:hover { border-bottom: 0.083em solid ; opacity: 0.7; }

li.first-item {margin-left: 0;}

.page-entry li.edit_entry {margin-left: -0.25em !important;}

/*Comment Pages*/

.above-entry-interaction-links, .below-reply-container {display: none;}

#comments { border-top: 0.083em solid ; padding-top: 0.5em;}

.comment { border: 0.083em solid ; margin: 0 1em 0 1em; }

.comment-title {
    font-family: Arial, sans-serif; font-size: 1.5em;
    font-weight: normal;
    padding: 0.5em;
    }

.comment-title a {display: block; }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

.full .comment .datetime { border-top: .083em solid ;}
.full .comment-poster, .poster-ip { border-bottom: .083em solid ; display: block; padding: 0 .5em; }

.comment-pages {font-size: 0.833em; font-weight: lighter; text-align: center; padding: 0.833em; border-bottom: 0.083em solid ;}

.comment-content {padding: 0.5em; border-bottom: 0.083em solid ; min-height: 7em;}
.no-userpic .comment-content {min-height: 1em;}

.has-userpic .comment .userpic {border: 0.083em solid ; margin: 0.5em; padding: 0.2em; }

.screened .comment-content {background: #1e1e1e; padding: 0.833em; }

.partial .comment {color: transparent; padding: 0 0 0.5em 0; min-width: 16.667em; background: ;}
.partial .comment-title { font-size: 1.166em; font-weight: bold; }
.partial .comment-poster { color: ; padding-left: .5em; }
.partial .comment .datetime { border: 0; display: inline; background: none; margin: 0; padding: 0;}

.comment-wrapper {padding-top: 0;}

.bottomcomment, .comments-message {padding-bottom: 0.833em; text-align: center; margin: 0.833em 0 0 0; }
.bottomcomment .entry-interaction-links {margin-bottom: 0.833em; text-align: left;}

.ljcmtmanage, .Note .Inner {border: 0.083em solid #842021 !important; background:  !important; }
.ljcmtmanage b {color: #FFFFFF; }

/*Comment Tools*/

.comment .userpic img {border: 0;}
.comment a img:hover {opacity: .7;}

.comment-interaction-links {padding: 0; margin: 0; list-style: none; background: ; padding: 0.25em; border-top: 0.083em solid ;
                            text-align: left; }
.comment-interaction-links li {display: inline; padding: 0.25em 0 0.25em 0 !important; border-right: 0.083em solid ; }
.comment-interaction-links li + li { margin: 0 0 0 -0.25em; }
.comment-interaction-links a { padding: 0.25em 0.417em 0.25em 0.417em; font-weight: bold;}
.comment-interaction-links a:hover{background: ; text-decoration: underline; }

.comment-interaction-links li.first-item {border-left: 0.083em solid ; }

.comment-interaction-links .first-item {border-left: 0;}

.comment-management-links { margin: 1.833em 0.5em 0 0; list-style: none; display: inline; float: right;}
.comment-management-links li {display: inline; margin: 0.25em !important; }

.comment-management-links img { padding: 0 0.25em 0.25em 0.25em; }
.comment-management-links img:hover { opacity: 0.7; }

li.frozen {font-size: 0.75em; text-transform: uppercase; padding: 0.5em 0.833em 0.25em 0.833em !important; }

.multiform-checkbox { padding: 0.333em 0 0 0.25em; }

#postform td b {color: #FFFFFF;}

/*Reply Form*/

#qrform > table { border: 0 !important; border-spacing: 0 !important; width: 100%; margin: 0 0 1em 0; border-bottom: 0.083em solid #842021 !important;}
#qrform td { border-right: 0.083em solid #842021; border-top: 0.083em solid #842021 !important; padding: 0.5em; font-size: 1em; }
#qrform td + td { border-right: 0; font-size: 1em; }
#subject {width: 80% !important; }
.textbox {width: 94% !important; font-size: 1em;}

#prop_picture_keyword { margin: 0 0 0 0.833em;}

#postform {background: ; border: 0.083em solid #842021; border: 0;}
#postform table {border-spacing: 0; width: 100%; }
#postform td { border-right: 0.083em solid #842021;  font-size: 1em; }
#postform td + td { border-right: 0; font-size: 1em; text-transform: lowercase; font-weight: normal;}
#postform tr + tr td { border-top: 0.083em solid #842021; padding: 0.417em; }

#postform #userpics label{ margin: 0 0.25em 0 0.25em;}

#postform table table {width: 100%; }
#postform table table td {padding: 0.25em;}

/*Tags Pages*/

ul.ljtaglist { margin: 0.5em; list-style: square; color: #EE1C24; }
.tags-container h2 {font-size: 1.667em; font-weight: normal; padding-left: 1em; border-top: none; border-bottom: 0.083em solid #FFFFFF;  margin: 0;}
.tags-container .manage-tags-link {padding: 0.5em 0 0.5em 1em; margin-top: 0.5em; border-top: 0.083em solid #FFFFFF;}

div.ljtaglist {padding: 0.5em; }

/*Archive Pages*/

#archive-year .header h3 {font-size: 1.667em; border: 0.083em solid #FFFFFF; border-left: 0; border-right: 0; padding: 0.583em; margin: 0; }

.month caption { display: none; }

table.month {width: 100%; text-align: center; }
.month th {padding: 0.833em 0 0 0;  border-color:#FFFFFF !important; }
.month td {border-top: 0.083em solid #FFFFFF; border-color: #FFFFFF !important; width: 14%; }
.month tr > td + td + td + td + td + td {width: 15% !important;}

.day-has-entries span {float: left; margin: 0; width: 50%; padding: 0 0 0 25%;}
.day-has-entries p{text-align: right; margin: 0; padding: 0 !important; }

#archive-year .footer .inner {text-align: right; padding: 0 1em 0 0; }

#archive-month dd, #archive-month dl {margin: 0; padding: 0; }
#archive-month h3.entry-title {border: 0; font-size: 1em; font-weight: bold; display: block; border-bottom: 0.083em solid #FFFFFF;}
#archive-month dt {border-top: 0.083em solid #FFFFFF; font-size: 1.667em; padding: 0 0 0 0.833em; }

#archive-month ul {border-top: 0.083em solid #FFFFFF;}

/*Extras*/

#lj_controlstrip {width: 100%; }

#lj_controlstrip td{border-right: 0.083em solid #FFFFFF; border-bottom: 0.083em solid #FFFFFF; background-color: #ee6267;}
#lj_controlstrip a:visited {color: #000000;}
#lj_controlstrip a:active {color: #000000;}
#lj_controlstrip a:hover, #lj_controlstrip a:visited:hover, #lj_controlstrip a:active:hover { color: #FFFFFF; }

#lj_controlstrip_statustext {color: #EE1C24; }

#lj_controlstrip table td {border: 0;}

div.ContextualPopup {border: 0.083em solid #FFFFFF; background: ; padding: 0.583em;}
div.ContextualPopup div.Inner {border: 0; }
div.ContextualPopup .Userpic {border: 0.083em solid #FFFFFF; padding: 0.25em; }

.has-userpic .entry .userpic,
        .has-userpic .comment .userpic { float: right; background-color: #ee6267;}

input, select,
    #pagetitle {
        background-color: transparent !important;
        color: #FFFFFF !important;
        }

#lj_controlstrip_statustext,
    #lj_controlstrip td {
        color: #FFFFFF !important;
        }

Preview
Image info: Made 100% by me, CLA submitted, posted on imageshack.
Additional info (for layouts): one and two columns, totally flexible

Theme name/layout: Diamonds / Bases
Author:

flamingchemist
Layout info:

/* Diamonds */

/* Layout for Bases made my FlamingChemist at Dreamwidth*/

/*Clean CSS*/

/*Box Alignment*/

body {font-family: Arial, sans-serif; font-size: 1em; background: #ffffff; color: #EE1C24; width: 100%; margin: 0; padding: 0;}

#canvas {padding: 3%; padding-right: 4%; }

.inner {
    background-image: url(http://img641.imageshack.us/img641/301/diamondsk.png);
    background-repeat: no-repeat;
    }

#header .inner {background-image: none; height: 105px; margin-top: 140px;}

#content .inner {background-image: none;}

#content {
    border: 5px solid #EE1C24;
    border-top: none;
    border-radius: 0 0 106px 106px;
    -moz-border-radius: 0 0 106px 106px;
    padding-top: 2em;
    padding-bottom: 4em;
    overflow: hidden;
    }

#primary > .inner:first-child {padding: 0;}

#secondary > .inner:first-child {padding: 0;}

.one-column #secondary {display: none;}
.one-column #primary {border: 5px solid #EE1C24; border-radius: 20px; -moz-border-radius: 20px; background: transparent; padding: 0; margin-left: 5%; margin-top: 70px; margin-right: 5%; }

.two-columns #secondary {
    background: #ffffff;
    border: 5px solid #EE1C24;
    border-radius: 20px;
    -moz-border-radius: 20px;
    width: 20%;
    padding: 0.5em;
    }

.two-columns-left #secondary {
    margin-left: 5%;
    margin-top: 70px;
}

.two-columns-right #secondary {
    margin-right: 5%;
    float: right;
    }

.two-columns #primary {
    background: ;
    border: 5px solid #EE1C24;
    border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 0;
    width: 60.4%;
    }

.two-columns-left #primary {
    float: right;
    margin-right: 5%;
    margin-top: -70px;
}

.two-columns-right #primary {
    float: left;
    margin-left: 5%;
    margin-top: 70px;
    }

.two-columns #header {
    margin-right: 0%;
    }

/*Basics*/

a {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}
a:visited {color: # EE1C24; text-decoration: none;}
a:hover, a:visited:hover, a:active:hover {color: #EE1C24; text-decoration: underline;}

abbr {border-color: #000000; }

blockquote {border-bottom: 0.083em solid #EE1C24; clear: both; margin: 0.833em 1.667em 0.833em 1.667em; 
            padding: 0.833em; background: #ffffff; border-top: 0.583em solid #000000; }

q { font-style: italic; }

caption {font-size: 0.75em; text-transform: uppercase;}

code {font: italic 1em georgia; }

dt {font-weight: bold; border-bottom: 0.083em solid #000000;}
dd {font-weight: normal;}

hr {border: 0.083em solid #000000;}

input, select {border: 0.083em solid #EE1C24; background: !important; font-size: 0.833em !important; color: #EE1C24 !important;}

i {color: #000000; }

label {font-weight: bold;}

ol {list-style: decimal-leading-zero; }

pre {font-size: 1em;}

sub, sup {color: #EE1C24; }

tt {font: 1.334em monospace; }

textarea { margin: 0.5em; padding: 0.5em; border: 0.083em solid #000000; background: ; color: #000000; font: italic 1em georgia;}

ul { padding: 0 0 0 2em; list-style: square;}
ul ul {list-style: circle;}

.entry-content a img {border-bottom: 0.083em solid ; }
.entry-content a img:hover {border-color: ; }
.entry-content .userpic, #comments .userpic {background: ;}

/*Header*/

#header {
    border: 5px solid #EE1C24;
    border-radius: 0 106px 0 0;
    -moz-border-radius: 0 106px 0 0;
    border-bottom: none;
    border-left: none;
    margin-left: 301px;
    padding: 0;
    background-image: url(http://img52.imageshack.us/img52/7299/dcornertr.png);
    background-repeat: no-repeat;
    background-position: top right;
    }

#title { font-family: Arial, Arial, sans-serif; font-size: 2.25em; font-weight: bold; padding: 2em 0 0 0.65em; color: #EE1C24; margin-top: 32px; margin-top: -140px; position: absolute;}

#subtitle { font-family: Arial, Arial, sans-serif; font-size: 1.125em; padding-left: 1.5em; color: #EE1C24; position: absolute; margin-top: 0px; }

#pagetitle { font-size: 1em; padding: 0 0 1em 2.2em; margin: 0.5em 0 0 0; position: absolute; margin-top: 39px;}

.module-navlinks ul {
                background: ;
                border-top: 0.083em solid #EE1C24;
                font-size: 13px;
                font-weight: bold;
                line-height: 2.2em;
                margin: 0;
                padding: 0;
                top: 294px;
                left: 335px;
                width: 57%;
                position: absolute;
                }

.module-navlinks li:first-child {
                border-left: .083em solid #EE1C24;
                margin-left: .6em !important;
                }

.module-navlinks li:hover {
                background: ;
                }

.module-navlinks li a {
                border-right: .083em solid #EE1C24;
                line-height: 2.2em;
                padding: .5em .833em;
                }

.module-navlinks li a:hover {
                text-decoration: underline;
                }

.module-navlinks li.current {
                background: ;
                }

.module-navlinks li a,
            .module-navlinks li a:hover,
            .module-navlinks li a:visited {
                color: # EE1C24;
                }

/*Modules*/

.module { color: #EE1C24;}
.module a { color: ; }
.module a:visited { color: ; }
.module a:active { color: ; }
.module a:hover, #secondary a:visited:hover, #secondary a:active:hover { color: ; }

.module-header { text-align: center; margin: 0; list-style: none; background: ; padding: 0.6em 0 0.6em 0;
                 font-family: Arial, Arial, sans-serif; font-size: 1em; font-weight: bold; color: #000000; border-bottom: 0.083em solid #EE1C24;}
.module-header a, .module-header a:visited, .module-header a:active { text-decoration: underline; color: #EE1C24;}
.module-header a:hover, .module-header a:visited:hover, .module-header a:active:hover {color: ;}

#secondary .module-content {border-top: 0.083em solid #EE1C24; font-family: Arial, Arial, sans-serif; font-size: 1em; }

#secondary .module {background: #ffffff; padding: 0.083em 0 0.083em 0; border-bottom: 0.083em solid #EE1C24;}

#secondary .module-content { background: #ffffff; }

/* -------- profile -------- */

.module-userprofile {text-align: center; font-weight: bold; }

.module-userprofile .userpic img{border: 0.083em solid #EE1C24; padding: 0.2em; background: transparent; margin: 0 auto; margin-top: 1em; }
.module-userprofile img {border: 0;}
.module-userprofile img:hover {opacity: .7;}

.module-userprofile .journal-name {margin: 0.5em 0 0.5em 0;}

/* -------- profile - interactions -------- */

.module-userprofile .userlite-interaction-links {margin: 0.583em 0 0.583em 0; padding: 0; list-style: none; overflow: hidden;}
.module-userprofile li {display: inline; margin: 0 0.25em 0 0.25em;}

.module-userprofile img { border-bottom: 0.083em solid transparent; padding: 0 0 0.25em 0; }
.module-userprofile img:hover { border-bottom: 0.083em solid ; }

/* -------- navlinks -------- */

/* -------- calendar -------- */

.module-calendar .module-content { padding: 0.5em;}

/* -------- tags -------- */

.module-typelist .module-list { padding-left: 2em;}
.module-typelist .module-list .module-list-item {list-style-type: square; color: #ffffff; font-size: 0.833em; }
.module-typelist .module-list .module-list-item a { text-align: left; font-size: 1.2em;}

.module-tags_cloud .module-list {padding: 0.5em;}
.module-tags_cloud li, .tags_cloud li {display: inline; list-style-type: none;}

.module-tags_cloud .manage-link {
    border-top: .083em solid ;
    margin-top: .5em;
    text-align: center;
    }

.module-tags_multilevel .module-list { padding: 0.5em; margin: 0; }
.module-tags_multilevel .module-list .module-list { border-top: 0.083em solid ; border-bottom: 0; padding: 1em; }
.module-tags_multilevel .module-list .module-list-item {list-style-type: none; color: #ffffff;  border-bottom: 0.083em solid ; margin: 0;  }
.module-tags_multilevel .module-list .module-list-item a { text-align: left; }

/* -------- summary -------- */

.module-pagesummary ul {display: block; margin: 0; padding: 0.833em; list-style: none; color: #ffffff; font-size: 0.75em;}
.module-pagesummary li {margin: 0.417em 0 0.417em 0; padding: 0 0 0.417em 0; border-bottom: 0.083em solid ;}
/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {#EE1C24-space: normal !important;}
.module-pagesummary .module-content {word-wrap: break-word;}

/* -------- syndicate -------- */

.module-syndicate .module-content{text-align: center; padding: 0.5em; margin: 0;}
.module-syndicate img:hover {opacity: .7;}

/* -------- techie -------- */

.module-time  .module-content, .module-powe#000000 .module-content {padding: 0.5em; border: 0; }

/* -------- custom text -------- */

.module-customtext .module-content {padding: 0.5em; }

/* -------- c#000000it -------- */

.module-c#000000it .module-content {padding: 0 0.5em 0 0.5em; }

/* -------- search -------- */

.search-form { margin: .2em auto; }
.search-box { margin: .2em; }

/*Navigation Bar*/

.navigation ul {margin: 0; padding: 0; list-style: none; border-top: 0.083em solid #EE1C24; }
.navigation li {display: inline; padding: 0 1em 0 1em; border-right: 0.083em solid #EE1C24; }
li.page-separator {display: none;}
.navigation li + li {margin-left: -0.25em;}
.noentries { padding: 0 1em; }

/*Entries*/

#primary a { color: ; }
#primary a:visited {color: ; }
#primary a:active {color: ; }
#primary a:hover, #primary a:visited:hover, #primary a:active:hover {color: ; }

#primary { background-color: #ffffff; }

#entries > .inner {border-top: none;}

.datetime { font-size: 0.75em; text-transform: uppercase; display: block; color: ; padding: 0.5em 1em 0.5em 1em; 
border-bottom: 0.083em solid ; background: ; }

.access-filter, .restrictions {float: left; margin: 0.25em 0.5em 0.25em 0.5em;}

.has-userpic .entry .userpic { border: 0.083em solid ; padding: 0.2em; margin: 0.5em; background: ; }
.entry .userpic img {border: 0;}
.entry .userpic img:hover {opacity: .7;}

.entry-content { padding: 0.833em; min-height: 8.5em; border-bottom: 0.083em solid ; background: #ffffff;}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

.entry-content a img {border-width: 0.083em; padding: 0.25em;}
.entry-content a img:hover {opacity: .7;}

/*Metadata*/

/*Entry Tags*/

.metadata li, .metadata li + li + li {background: ; color: }
.metadata li + li , .metadata li + li + li + li {background: ; }

/*Entry Tools*/

.entry-management-links { margin: 0.583em 0.583em 0 0; list-style: none; display: inline; float: right;}
.entry-management-links li {display: inline; margin: 0 0.25em 0 0.25em; }

.entry-management-links.text-links li {
    border-right: .083em solid ;
    display: inline;
    margin: 0 0 0 -0.25em;
    padding: .583em 0 !important;
    }

.entry-management-links.text-links li:first-child {
    border-left: .083em solid ;
    margin: 0;
    }

.entry-management-links.text-links a {
    color:  !important;
    font-weight: bold;
    padding: .583em .833em;
    }

.entry-management-links.text-links a:hover {
    background: ;
    text-decoration: underline;
    }

.entry-management-links img { border-bottom: 0.083em solid transparent; padding: 0 0.25em 0.25em 0.25em; }
.entry-management-links img:hover { border-bottom: 0.083em solid ; opacity: 0.7; }

li.first-item {margin-left: 0;}

.page-entry li.edit_entry {margin-left: -0.25em !important;}

/*Comment Pages*/

.above-entry-interaction-links, .below-reply-container {display: none;}

#comments { border-top: 0.083em solid ; padding-top: 0.5em;}

.comment { border: 0.083em solid ; margin: 0 1em 0 1em; }

.comment-title {
    font-family: Arial, sans-serif; font-size: 1.5em;
    font-weight: normal;
    padding: 0.5em;
    }

.comment-title a {display: block; }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

.full .comment .datetime { border-top: .083em solid ;}
.full .comment-poster, .poster-ip { border-bottom: .083em solid ; display: block; padding: 0 .5em; }

.comment-pages {font-size: 0.833em; font-weight: lighter; text-align: center; padding: 0.833em; border-bottom: 0.083em solid ;}

.comment-content {padding: 0.5em; border-bottom: 0.083em solid ; min-height: 7em;}
.no-userpic .comment-content {min-height: 1em;}

.has-userpic .comment .userpic {border: 0.083em solid ; margin: 0.5em; padding: 0.2em; }

.screened .comment-content {background: #1e1e1e; padding: 0.833em; }

.comment-wrapper {padding-top: 0;}

.bottomcomment, .comments-message {padding-bottom: 0.833em; text-align: center; margin: 0.833em 0 0 0; }
.bottomcomment .entry-interaction-links {margin-bottom: 0.833em; text-align: left;}

.ljcmtmanage, .Note .Inner {border: 0.083em solid #842021 !important; background:  !important; }
.ljcmtmanage b {color: #EE1C24; }

/*Comment Tools*/

.comment .userpic img {border: 0;}
.comment a img:hover {opacity: .7;}

.comment-interaction-links li.first-item {border-left: 0.083em solid ; }

.comment-interaction-links .first-item {border-left: 0;}

.comment-management-links { margin: 1.833em 0.5em 0 0; list-style: none; display: inline; float: right;}
.comment-management-links li {display: inline; margin: 0.25em !important; }

.comment-management-links img { padding: 0 0.25em 0.25em 0.25em; }
.comment-management-links img:hover { opacity: 0.7; }

li.frozen {font-size: 0.75em; text-transform: uppercase; padding: 0.5em 0.833em 0.25em 0.833em !important; }

.multiform-checkbox { padding: 0.333em 0 0 0.25em; }

#postform td b {color: #EE1C24;}

/*Reply Form*/

#prop_picture_keyword { margin: 0 0 0 0.833em;}

#postform #userpics label{ margin: 0 0.25em 0 0.25em;}

#postform table table {width: 100%; }
#postform table table td {padding: 0.25em;}

/*Tags Pages*/

ul.ljtaglist { margin: 0.5em; list-style: square; color: #ffffff; }
.tags-container h2 {font-size: 1.667em; font-weight: normal; padding-left: 1em; border-top: none; border-bottom: 0.083em solid #EE1C24;  margin: 0;}
.tags-container .manage-tags-link {padding: 0.5em 0 0.5em 1em; margin-top: 0.5em; border-top: 0.083em solid #EE1C24;}

div.ljtaglist {padding: 0.5em; }

/*Archive Pages*/

#archive-year .header h3 {font-size: 1.667em; border: 0.083em solid #EE1C24; border-left: 0; border-right: 0; padding: 0.583em; margin: 0; }

.month caption { display: none; }

table.month {width: 100%; text-align: center; }
.month th {padding: 0.833em 0 0 0;  border-color:#EE1C24 !important; }
.month td {border-top: 0.083em solid #EE1C24; border-color: #EE1C24 !important; width: 14%; }
.month tr > td + td + td + td + td + td {width: 15% !important;}

.day-has-entries span {float: left; margin: 0; width: 50%; padding: 0 0 0 25%;}
.day-has-entries p{text-align: right; margin: 0; padding: 0 !important; }

#archive-year .footer .inner {text-align: right; padding: 0 1em 0 0; }

#archive-month dd, #archive-month dl {margin: 0; padding: 0; }
#archive-month h3.entry-title {border: 0; font-size: 1em; font-weight: bold; display: block; border-bottom: 0.083em solid #EE1C24;}
#archive-month dt {border-top: 0.083em solid #EE1C24; font-size: 1.667em; padding: 0 0 0 0.833em; }

#archive-month ul {border-top: 0.083em solid #EE1C24;}

/*Extras*/

#lj_controlstrip {width: 100%; }
#lj_controlstrip a {color: #000000;}
#lj_controlstrip td{border-right: 0.083em solid #EE1C24; border-bottom: 0.083em solid #EE1C24; background-color: #ffffff;}
#lj_controlstrip a:visited {color: # EE1C24;}
#lj_controlstrip a:active {color: # EE1C24;}
#lj_controlstrip a:hover, #lj_controlstrip a:visited:hover, #lj_controlstrip a:active:hover { color: #EE1C24; }

#lj_controlstrip_statustext {color: #ffffff; }

#lj_controlstrip table td {border: 0;}

div.ContextualPopup {border: 0.083em solid #EE1C24; background: ; padding: 0.583em;}
div.ContextualPopup div.Inner {border: 0; }
div.ContextualPopup .Userpic {border: 0.083em solid #EE1C24; padding: 0.25em; }

.has-userpic .entry .userpic,
        .has-userpic .comment .userpic { float: right; background-color: #ffffff;}

input, select,
    #pagetitle {
        background-color: transparent !important;
        color: #EE1C24 !important;
        }

#lj_controlstrip_statustext,
    #lj_controlstrip td {
        color: #EE1C24 !important;
        }

flamingchemist
Layout info:

/* Clubs */

/* Layout for Bases made my FlamingChemist at Dreamwidth*/

/*Clean CSS*/

/*Box Alignment*/

body {font-family: Arial, sans-serif; font-size: 1em; background: #ffffff; color: #000000; width: 100%; margin: 0; padding: 0;}

#canvas {padding: 3%; padding-right: 4%; }

.inner {
    background-image: url(http://img11.imageshack.us/img11/6923/clubs.png);
    background-repeat: no-repeat;
    }

#header .inner {background-image: none; height: 105px; margin-top: 140px;}

#content .inner {background-image: none;}

#content {
    border: 5px solid #000000;
    border-top: none;
    border-radius: 0 0 106px 106px;
    -moz-border-radius: 0 0 106px 106px;
    padding-top: 2em;
    padding-bottom: 4em;
    overflow: hidden;
    }

#primary > .inner:first-child {padding: 0;}

#secondary > .inner:first-child {padding: 0;}

.one-column #secondary {display: none;}
.one-column #primary {border: 5px solid #000000; border-radius: 20px; -moz-border-radius: 20px; background: transparent; width: 85%; padding: 0; margin-left: 6%; margin-top: 50px; }

.two-columns #secondary {
    background: #ffffff;
    border: 5px solid #000000;
    border-radius: 20px;
    -moz-border-radius: 20px;
    width: 20%;
    padding: 0.5em;
    }

.two-columns-left #secondary {
    margin-left: 6%;
    margin-top: 50px;
    float: left;
}

.two-columns-right #secondary {
    margin-right: 5%;
    float: right;
    }

.two-columns #primary {
    background: ;
    border: 5px solid #000000;
    border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 0;
    width: 60.4%;
    }

.two-columns-left #primary {
    margin-right: 5%;
    float: right;
}

.two-columns-right #primary {
    margin-left: 6%;
    margin-top: 50px;
    float: left;
    }

.two-columns #header {
    margin-right: 0%;
    }

/*Basics*/

a {color: red; text-decoration: none;}
a:active {color: red; text-decoration: none;}
a:visited {color: red; text-decoration: none;}
a:hover, a:visited:hover, a:active:hover {color: #000000; text-decoration: underline;}

abbr {border-color: red; }

blockquote {border-bottom: 0.083em solid #000000; clear: both; margin: 0.833em 1.667em 0.833em 1.667em; 
            padding: 0.833em; background: #ffffff; border-top: 0.583em solid red; }

q { font-style: italic; }

caption {font-size: 0.75em; text-transform: uppercase;}

code {font: italic 1em georgia; }

dt {font-weight: bold; border-bottom: 0.083em solid red;}
dd {font-weight: normal;}

hr {border: 0.083em solid red;}

input, select {border: 0.083em solid #000000; background: !important; font-size: 0.833em !important; color: #000000 !important;}

i {color: red; }

label {font-weight: bold;}

ol {list-style: decimal-leading-zero; }

pre {font-size: 1em;}

sub, sup {color: #000000; }

tt {font: 1.334em monospace; }

textarea { margin: 0.5em; padding: 0.5em; border: 0.083em solid red; background: ; color: #000000; font: italic 1em georgia;}

ul { padding: 0 0 0 2em; list-style: square;}
ul ul {list-style: circle;}

.entry-content a img {border-bottom: 0.083em solid ; }
.entry-content a img:hover {border-color: ; }
.entry-content .userpic, #comments .userpic {background: ;}

/*Header*/

#header {
    border: 5px solid #000000;
    border-radius: 0 106px 0 0;
    -moz-border-radius: 0 106px 0 0;
    border-bottom: none;
    border-left: none;
    margin-left: 301px;
    padding: 0;
    background-image: url(http://img859.imageshack.us/img859/7646/ccornertr.png);
    background-repeat: no-repeat;
    background-position: top right;
    }

#title { font-family: Arial, Arial, sans-serif; font-size: 2.25em; font-weight: bold; padding: 2em 0 0 0.65em; color: #000000; margin-top: -140px; position: absolute; }

#subtitle { font-family: Arial, Arial, sans-serif; font-size: 1.125em; padding-left: 1.5em; color: #000000; position: absolute; margin-top: 0px; }

#pagetitle { font-size: 1em; padding: 0 0 1em 2.2em; margin: 0.5em 0 0 0; position: absolute; margin-top: 39px; }

.module-navlinks ul {
                background: ;
                border-top: 0.083em solid #000000;
                font-size: 13px;
                font-weight: bold;
                line-height: 2.2em;
                margin: 0;
                padding: 0;
                top: 294px;
                left: 334px;
                width: 56%;
                position: absolute;
                }

.module-navlinks li:first-child {
                border-left: .083em solid #000000;
                margin-left: .6em !important;
                }

.module-navlinks li:hover {
                background: ;
                }

.module-navlinks li a {
                border-right: .083em solid #000000;
                line-height: 2.2em;
                padding: .5em .833em;
                }

.module-navlinks li a:hover {
                text-decoration: underline;
                }

.module-navlinks li.current {
                background: ;
                }

.module-navlinks li a,
            .module-navlinks li a:hover,
            .module-navlinks li a:visited {
                color: red;
                }

/*Modules*/

.module { color: #000000;}
.module a { color: ; }
.module a:visited { color: ; }
.module a:active { color: ; }
.module a:hover, #secondary a:visited:hover, #secondary a:active:hover { color: ; }

.module-header { text-align: center; margin: 0; list-style: none; background: ; padding: 0.6em 0 0.6em 0;
                 font-family: Arial, Arial, sans-serif; font-size: 1em; font-weight: bold; color: red; border-bottom: 0.083em solid #000000;}
.module-header a, .module-header a:visited, .module-header a:active { text-decoration: underline; color: #000000;}
.module-header a:hover, .module-header a:visited:hover, .module-header a:active:hover {color: ;}

#secondary .module-content {border-top: 0.083em solid #000000; font-family: Arial, Arial, sans-serif; font-size: 1em; }

#secondary .module {background: #ffffff; padding: 0.083em 0 0.083em 0; border-bottom: 0.083em solid #000000;}

#secondary .module-content { background: #ffffff; }

/* -------- profile -------- */

.module-userprofile {text-align: center; font-weight: bold; }

.module-userprofile .userpic img{border: 0.083em solid #000000; padding: 0.2em; background: transparent; margin: 0 auto; margin-top: 1em; }
.module-userprofile img {border: 0;}
.module-userprofile img:hover {opacity: .7;}

.module-userprofile .journal-name {margin: 0.5em 0 0.5em 0;}

/* -------- profile - interactions -------- */

.module-userprofile .userlite-interaction-links {margin: 0.583em 0 0.583em 0; padding: 0; list-style: none; overflow: hidden;}
.module-userprofile li {display: inline; margin: 0 0.25em 0 0.25em;}

.module-userprofile img { border-bottom: 0.083em solid transparent; padding: 0 0 0.25em 0; }
.module-userprofile img:hover { border-bottom: 0.083em solid ; }

/* -------- navlinks -------- */

/* -------- calendar -------- */

.module-calendar .module-content { padding: 0.5em;}

/* -------- tags -------- */

.module-tags_cloud .module-list {padding: 0.5em;}
.module-tags_cloud li, .tags_cloud li {display: inline; list-style-type: none;}

.module-tags_cloud .manage-link {
    border-top: .083em solid ;
    margin-top: .5em;
    text-align: center;
    }

.module-tags_multilevel .module-list { padding: 0.5em; margin: 0; }
.module-tags_multilevel .module-list .module-list { border-top: 0.083em solid ; border-bottom: 0; padding: 1em; }
.module-tags_multilevel .module-list .module-list-item {list-style-type: none; color: #ffffff;  border-bottom: 0.083em solid ; margin: 0;  }
.module-tags_multilevel .module-list .module-list-item a { text-align: left; }

/* -------- summary -------- */

.module-pagesummary ul {display: block; margin: 0; padding: 0.833em; list-style: none; color: #ffffff; font-size: 0.75em;}
.module-pagesummary li {margin: 0.417em 0 0.417em 0; padding: 0 0 0.417em 0; border-bottom: 0.083em solid ;}
/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {#000000-space: normal !important;}
.module-pagesummary .module-content {word-wrap: break-word;}

/* -------- syndicate -------- */

.module-syndicate .module-content{text-align: center; padding: 0.5em; margin: 0;}
.module-syndicate img:hover {opacity: .7;}

/* -------- techie -------- */

.module-time  .module-content, .module-powered .module-content {padding: 0.5em; border: 0; }

/* -------- custom text -------- */

.module-customtext .module-content {padding: 0.5em; }

/* -------- credit -------- */

.module-credit .module-content {padding: 0 0.5em 0 0.5em; }

/* -------- search -------- */

.search-form { margin: .2em auto; }
.search-box { margin: .2em; }

/*Navigation Bar*/

.navigation ul {margin: 0; padding: 0; list-style: none; border-top: 0.083em solid #000000; }
.navigation li {display: inline; padding: 0 1em 0 1em; border-right: 0.083em solid #000000; }
li.page-separator {display: none;}
.navigation li + li {margin-left: -0.25em;}
.noentries { padding: 0 1em; }

/*Entries*/

#primary a { color: ; }
#primary a:visited {color: ; }
#primary a:active {color: ; }
#primary a:hover, #primary a:visited:hover, #primary a:active:hover {color: ; }

#primary { background-color: #ffffff; }

#entries > .inner {border-top: none;}

.datetime { font-size: 0.75em; text-transform: uppercase; display: block; color: ; padding: 0.5em 1em 0.5em 1em; 
border-bottom: 0.083em solid ; background: ; }

.access-filter, .restrictions {float: left; margin: 0.25em 0.5em 0.25em 0.5em;}

.has-userpic .entry .userpic { border: 0.083em solid ; padding: 0.2em; margin: 0.5em; background: ; }
.entry .userpic img {border: 0;}
.entry .userpic img:hover {opacity: .7;}

.entry-content { padding: 0.833em; min-height: 8.5em; border-bottom: 0.083em solid ; background: #ffffff;}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

.entry-content a img {border-width: 0.083em; padding: 0.25em;}
.entry-content a img:hover {opacity: .7;}

/*Metadata*/

/*Entry Tags*/

.metadata li, .metadata li + li + li {background: ; color: }
.metadata li + li , .metadata li + li + li + li {background: ; }

/*Entry Tools*/

.entry-management-links { margin: 0.583em 0.583em 0 0; list-style: none; display: inline; float: right;}
.entry-management-links li {display: inline; margin: 0 0.25em 0 0.25em; }

.entry-management-links.text-links li {
    border-right: .083em solid ;
    display: inline;
    margin: 0 0 0 -0.25em;
    padding: .583em 0 !important;
    }

.entry-management-links.text-links li:first-child {
    border-left: .083em solid ;
    margin: 0;
    }

.entry-management-links.text-links a {
    color:  !important;
    font-weight: bold;
    padding: .583em .833em;
    }

.entry-management-links.text-links a:hover {
    background: ;
    text-decoration: underline;
    }

.entry-management-links img { border-bottom: 0.083em solid transparent; padding: 0 0.25em 0.25em 0.25em; }
.entry-management-links img:hover { border-bottom: 0.083em solid ; opacity: 0.7; }

li.first-item {margin-left: 0;}

.page-entry li.edit_entry {margin-left: -0.25em !important;}

/*Comment Pages*/

.above-entry-interaction-links, .below-reply-container {display: none;}

#comments { border-top: 0.083em solid ; padding-top: 0.5em;}

.comment { border: 0.083em solid ; margin: 0 1em 0 1em; }

.comment-title {
    font-family: Arial, sans-serif; font-size: 1.5em;
    font-weight: normal;
    padding: 0.5em;
    }

.comment-title a {display: block; }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

.full .comment .datetime { border-top: .083em solid ;}
.full .comment-poster, .poster-ip { border-bottom: .083em solid ; display: block; padding: 0 .5em; }

.comment-pages {font-size: 0.833em; font-weight: lighter; text-align: center; padding: 0.833em; border-bottom: 0.083em solid ;}

.comment-content {padding: 0.5em; border-bottom: 0.083em solid ; min-height: 7em;}
.no-userpic .comment-content {min-height: 1em;}

.has-userpic .comment .userpic {border: 0.083em solid ; margin: 0.5em; padding: 0.2em; }

.screened .comment-content {background: #1e1e1e; padding: 0.833em; }

.comment-wrapper {padding-top: 0;}

.bottomcomment, .comments-message {padding-bottom: 0.833em; text-align: center; margin: 0.833em 0 0 0; }
.bottomcomment .entry-interaction-links {margin-bottom: 0.833em; text-align: left;}

.ljcmtmanage, .Note .Inner {border: 0.083em solid #842021 !important; background:  !important; }
.ljcmtmanage b {color: #000000; }

/*Comment Tools*/

.comment .userpic img {border: 0;}
.comment a img:hover {opacity: .7;}

.comment-interaction-links li.first-item {border-left: 0.083em solid ; }

.comment-interaction-links .first-item {border-left: 0;}

.comment-management-links { margin: 1.833em 0.5em 0 0; list-style: none; display: inline; float: right;}
.comment-management-links li {display: inline; margin: 0.25em !important; }

.comment-management-links img { padding: 0 0.25em 0.25em 0.25em; }
.comment-management-links img:hover { opacity: 0.7; }

li.frozen {font-size: 0.75em; text-transform: uppercase; padding: 0.5em 0.833em 0.25em 0.833em !important; }

.multiform-checkbox { padding: 0.333em 0 0 0.25em; }

#postform td b {color: #000000;}

/*Reply Form*/

#prop_picture_keyword { margin: 0 0 0 0.833em;}

#postform #userpics label{ margin: 0 0.25em 0 0.25em;}

#postform table table {width: 100%; }
#postform table table td {padding: 0.25em;}

/*Tags Pages*/

ul.ljtaglist { margin: 0.5em; list-style: square; color: #ffffff; }
.tags-container h2 {font-size: 1.667em; font-weight: normal; padding-left: 1em; border-top: none; border-bottom: 0.083em solid #000000;  margin: 0;}
.tags-container .manage-tags-link {padding: 0.5em 0 0.5em 1em; margin-top: 0.5em; border-top: 0.083em solid #000000;}

div.ljtaglist {padding: 0.5em; }

/*Archive Pages*/

#archive-year .header h3 {font-size: 1.667em; border: 0.083em solid #000000; border-left: 0; border-right: 0; padding: 0.583em; margin: 0; }

.month caption { display: none; }

table.month {width: 100%; text-align: center; }
.month th {padding: 0.833em 0 0 0;  border-color:#000000 !important; }
.month td {border-top: 0.083em solid #000000; border-color: #000000 !important; width: 14%; }
.month tr > td + td + td + td + td + td {width: 15% !important;}

.day-has-entries span {float: left; margin: 0; width: 50%; padding: 0 0 0 25%;}
.day-has-entries p{text-align: right; margin: 0; padding: 0 !important; }

#archive-year .footer .inner {text-align: right; padding: 0 1em 0 0; }

#archive-month dd, #archive-month dl {margin: 0; padding: 0; }
#archive-month h3.entry-title {border: 0; font-size: 1em; font-weight: bold; display: block; border-bottom: 0.083em solid #000000;}
#archive-month dt {border-top: 0.083em solid #000000; font-size: 1.667em; padding: 0 0 0 0.833em; }

#archive-month ul {border-top: 0.083em solid #000000;}

/*Extras*/

#lj_controlstrip {width: 100%; }
#lj_controlstrip a {color: #000000;}
#lj_controlstrip td{border-right: 0.083em solid #000000; border-bottom: 0.083em solid #000000; background-color: #ffffff;}
#lj_controlstrip a:visited {color: red;}
#lj_controlstrip a:active {color: red;}
#lj_controlstrip a:hover, #lj_controlstrip a:visited:hover, #lj_controlstrip a:active:hover { color: #000000; }

#lj_controlstrip_statustext {color: #ffffff; }

#lj_controlstrip table td {border: 0;}

div.ContextualPopup {border: 0.083em solid #000000; background: ; padding: 0.583em;}
div.ContextualPopup div.Inner {border: 0; }
div.ContextualPopup .Userpic {border: 0.083em solid #000000; padding: 0.25em; }

.has-userpic .entry .userpic,
        .has-userpic .comment .userpic { float: right; background-color: #ffffff;}

input, select,
    #pagetitle {
        background-color: transparent !important;
        color: #000000 !important;
        }

#lj_controlstrip_statustext,
    #lj_controlstrip td {
        color: #000000 !important;
        }

flamingchemist
Layout info:

/* Spades */

/* Layout for Bases made my FlamingChemist at Dreamwidth*/

/*Clean CSS*/

/*Box Alignment*/

body {font-family: Arial, sans-serif; font-size: 1em; background: #000000; color: #ffffff; width: 100%; margin: 0; padding: 0;}

#canvas {padding: 3%; padding-right: 4%; }

.inner {
    background-image: url(http://img836.imageshack.us/img836/9121/spadesg.png);
    background-repeat: no-repeat;
    }

#header .inner {background-image: none; height: 105px; margin-top: 140px;}

#content .inner {background-image: none;}

#content {
    border: 5px solid #ffffff;
    border-top: none;
    border-radius: 0 0 106px 106px;
    -moz-border-radius: 0 0 106px 106px;
    padding-top: 2em;
    padding-bottom: 4em;
    overflow: hidden;
    }

#primary > .inner:first-child {padding: 0;}

#secondary > .inner:first-child {padding: 0;}

.one-column #secondary {display: none;}
.one-column #primary {border: 5px solid #ffffff; border-radius: 20px; -moz-border-radius: 20px; background: transparent; width: 85%; padding: 0; margin-left: 6%; margin-top: 40px; }

.two-columns #secondary {
    background: #000000;
    border: 5px solid #ffffff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    width: 20%;
    padding: 0.5em;
    }

.two-columns-left #secondary {
    float: left;
    margin-left: 6%;
    margin-top: 40px;
}

.two-columns-right #secondary {
    margin-right: 5%;
    float: right;
    }

.two-columns #primary {
    background: ;
    border: 5px solid #ffffff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 0;
    width: 60.4%;
    }

.two-columns-left #primary {
    margin-right: 5%;
    float: right;
}

.two-columns-right #primary {
    margin-left: 6%;
    float: left;
    margin-top: 40px;
    }

.two-columns #header {
    margin-right: 0%;
    }

/*Basics*/

abbr {border-color: red; }

blockquote {border-bottom: 0.083em solid #ffffff; clear: both; margin: 0.833em 1.667em 0.833em 1.667em; 
            padding: 0.833em; background: #000000; border-top: 0.583em solid red; }

q { font-style: italic; }

caption {font-size: 0.75em; text-transform: uppercase;}

code {font: italic 1em georgia; }

dt {font-weight: bold; border-bottom: 0.083em solid red;}
dd {font-weight: normal;}

hr {border: 0.083em solid red;}

input, select {border: 0.083em solid #ffffff; background: !important; font-size: 0.833em !important; color: #ffffff !important;}

i {color: red; }

label {font-weight: bold;}

ol {list-style: decimal-leading-zero; }

pre {font-size: 1em;}

sub, sup {color: #ffffff; }

tt {font: 1.334em monospace; }

textarea { margin: 0.5em; padding: 0.5em; border: 0.083em solid red; background: ; color: #000000; font: italic 1em georgia;}

ul { padding: 0 0 0 2em; list-style: square;}
ul ul {list-style: circle;}

.entry-content a img {border-bottom: 0.083em solid ; }
.entry-content a img:hover {border-color: ; }
.entry-content .userpic, #comments .userpic {background: ;}

/*Header*/

#header {
    border: 5px solid #ffffff;
    border-radius: 0 106px 0 0;
    -moz-border-radius: 0 106px 0 0;
    border-bottom: none;
    border-left: none;
    margin-left: 301px;
    padding: 0;
    background-image: url(http://img16.imageshack.us/img16/5548/scornertr.png);
    background-repeat: no-repeat;
    background-position: top right;
    }

#title { font-family: Arial, Arial, sans-serif; font-size: 2.25em; font-weight: bold; padding: 2em 0 0 0.65em; color: #ffffff; margin-top: -140px; position: absolute; }

#subtitle { font-family: Arial, Arial, sans-serif; font-size: 1.125em; padding-left: 1.5em; color: #ffffff; position: absolute; margin-top: 0px; }

#pagetitle { font-size: 1em; padding: 0 0 1em 2.2em; position: absolute; margin-top: 39px;}

.module-navlinks ul {
                background: ;
                border-top: 0.083em solid #ffffff;
                font-size: 13px;
                font-weight: bold;
                line-height: 2.2em;
                margin: 0;
                padding: 0;
                top: 302px;
                left: 336px;
                width: 56%;
                position: absolute;
                }

.module-navlinks li:first-child {
                border-left: .083em solid #ffffff;
                margin-left: .6em !important;
                }

.module-navlinks li:hover {
                background: ;
                }

.module-navlinks li a {
                border-right: .083em solid #ffffff;
                line-height: 2.2em;
                padding: .5em .833em;
                }

.module-navlinks li a:hover {
                text-decoration: underline;
                }

.module-navlinks li.current {
                background: ;
                }

.module-navlinks li a,
            .module-navlinks li a:hover,
            .module-navlinks li a:visited {
                color: red;
                }

/*Modules*/

.module { color: #ffffff;}
.module a { color: ; }
.module a:visited { color: ; }
.module a:active { color: ; }
.module a:hover, #secondary a:visited:hover, #secondary a:active:hover { color: ; }

.module-header { text-align: center; margin: 0; list-style: none; background: ; padding: 0.6em 0 0.6em 0;
                 font-family: Arial, Arial, sans-serif; font-size: 1em; font-weight: bold; color: red; border-bottom: 0.083em solid #ffffff;}
.module-header a, .module-header a:visited, .module-header a:active { text-decoration: underline; color: #ffffff;}
.module-header a:hover, .module-header a:visited:hover, .module-header a:active:hover {color: ;}

#secondary .module-content {border-top: 0.083em solid #ffffff; font-family: Arial, Arial, sans-serif; font-size: 1em; }

#secondary .module {background: #000000; padding: 0.083em 0 0.083em 0; border-bottom: 0.083em solid #ffffff;}

#secondary .module-content { background: #000000; }

/* -------- profile -------- */

.module-userprofile {text-align: center; font-weight: bold; }

.module-userprofile .userpic img{border: 0.083em solid #ffffff; padding: 0.2em; background: transparent; margin: 0 auto; margin-top: 1em; }
.module-userprofile img {border: 0;}
.module-userprofile img:hover {opacity: .7;}

.module-userprofile .journal-name {margin: 0.5em 0 0.5em 0;}

/* -------- profile - interactions -------- */

.module-userprofile .userlite-interaction-links {margin: 0.583em 0 0.583em 0; padding: 0; list-style: none; overflow: hidden;}
.module-userprofile li {display: inline; margin: 0 0.25em 0 0.25em;}

.module-userprofile img { border-bottom: 0.083em solid transparent; padding: 0 0 0.25em 0; }
.module-userprofile img:hover { border-bottom: 0.083em solid ; }

/* -------- navlinks -------- */

/* -------- calendar -------- */

.module-calendar .module-content { padding: 0.5em;}

/* -------- tags -------- */

.module-typelist .module-list { padding-left: 2em;}
.module-typelist .module-list .module-list-item {list-style-type: square; color: #000000; font-size: 0.833em; }
.module-typelist .module-list .module-list-item a { text-align: left; font-size: 1.2em;}

.module-tags_cloud .module-list {padding: 0.5em;}
.module-tags_cloud li, .tags_cloud li {display: inline; list-style-type: none;}

.module-tags_cloud .manage-link {
    border-top: .083em solid ;
    margin-top: .5em;
    text-align: center;
    }

.module-tags_multilevel .module-list { padding: 0.5em; margin: 0; }
.module-tags_multilevel .module-list .module-list { border-top: 0.083em solid ; border-bottom: 0; padding: 1em; }
.module-tags_multilevel .module-list .module-list-item {list-style-type: none; color: #000000;  border-bottom: 0.083em solid ; margin: 0;  }
.module-tags_multilevel .module-list .module-list-item a { text-align: left; }

/* -------- summary -------- */

.module-pagesummary ul {display: block; margin: 0; padding: 0.833em; list-style: none; color: #000000; font-size: 0.75em;}
.module-pagesummary li {margin: 0.417em 0 0.417em 0; padding: 0 0 0.417em 0; border-bottom: 0.083em solid ;}
/* wrap long content, particularly openid usernames */
.module-pagesummary .ljuser {#ffffff-space: normal !important;}
.module-pagesummary .module-content {word-wrap: break-word;}

/* -------- syndicate -------- */

.module-syndicate .module-content{text-align: center; padding: 0.5em; margin: 0;}
.module-syndicate img:hover {opacity: .7;}

/* -------- techie -------- */

.module-time  .module-content, .module-powered .module-content {padding: 0.5em; border: 0; }

/* -------- custom text -------- */

.module-customtext .module-content {padding: 0.5em; }

/* -------- credit -------- */

.module-credit .module-content {padding: 0 0.5em 0 0.5em; }

/* -------- search -------- */

.search-form { margin: .2em auto; }
.search-box { margin: .2em; }

/*Navigation Bar*/

.navigation ul {margin: 0; padding: 0; list-style: none; }
.navigation li {display: inline; padding: 0 1em 0 1em; border-right: 0.083em solid #ffffff; }
li.page-separator {display: none;}
.navigation li + li {margin-left: -0.25em;}
.noentries { padding: 0 1em; }

/*Entries*/

#primary a { color: ; }
#primary a:visited {color: ; }
#primary a:active {color: ; }
#primary a:hover, #primary a:visited:hover, #primary a:active:hover {color: ; }

#primary { background-color: #000000; }

#entries > .inner {border-top: none;}

.datetime { font-size: 0.75em; text-transform: uppercase; display: block; color: ; padding: 0.5em 1em 0.5em 1em; 
border-bottom: 0.083em solid ; background: ; }

.access-filter, .restrictions {float: left; margin: 0.25em 0.5em 0.25em 0.5em;}

.has-userpic .entry .userpic { border: 0.083em solid ; padding: 0.2em; margin: 0.5em; background: ; }
.entry .userpic img {border: 0;}
.entry .userpic img:hover {opacity: .7;}

.entry-content { padding: 0.833em; min-height: 8.5em; border-bottom: 0.083em solid ; background: #000000;}

/* To prevent overlapping when icon's on the left */
/* and list is the first thing in content */
.entry-content li,
.comment-content li {
    list-style-position: inside;
    }

.entry-content a img {border-width: 0.083em; padding: 0.25em;}
.entry-content a img:hover {opacity: .7;}

/*Metadata*/

/*Entry Tags*/

.metadata li, .metadata li + li + li {background: ; color: }
.metadata li + li , .metadata li + li + li + li {background: ; }

/*Entry Tools*/

.entry-management-links { margin: 0.583em 0.583em 0 0; list-style: none; display: inline; float: right;}
.entry-management-links li {display: inline; margin: 0 0.25em 0 0.25em; }

.entry-management-links.text-links li {
    border-right: .083em solid ;
    display: inline;
    margin: 0 0 0 -0.25em;
    padding: .583em 0 !important;
    }

.entry-management-links.text-links li:first-child {
    border-left: .083em solid ;
    margin: 0;
    }

.entry-management-links.text-links a {
    color:  !important;
    font-weight: bold;
    padding: .583em .833em;
    }

.entry-management-links.text-links a:hover {
    background: ;
    text-decoration: underline;
    }

.entry-management-links img { border-bottom: 0.083em solid transparent; padding: 0 0.25em 0.25em 0.25em; }
.entry-management-links img:hover { border-bottom: 0.083em solid ; opacity: 0.7; }

li.first-item {margin-left: 0;}

.page-entry li.edit_entry {margin-left: -0.25em !important;}

/*Comment Pages*/

.above-entry-interaction-links, .below-reply-container {display: none;}

#comments { border-top: 0.083em solid ; padding-top: 0.5em;}

.comment { border: 0.083em solid ; margin: 0 1em 0 1em; }

.comment-title {
    font-family: Arial, sans-serif; font-size: 1.5em;
    font-weight: normal;
    padding: 0.5em;
    }

.comment-title a {display: block; }

.comment-title h4 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

.full .comment .datetime { border-top: .083em solid ;}
.full .comment-poster, .poster-ip { border-bottom: .083em solid ; display: block; padding: 0 .5em; }

.comment-pages {font-size: 0.833em; font-weight: lighter; text-align: center; padding: 0.833em; border-bottom: 0.083em solid ;}

.comment-content {padding: 0.5em; border-bottom: 0.083em solid ; min-height: 7em;}
.no-userpic .comment-content {min-height: 1em;}

.has-userpic .comment .userpic {border: 0.083em solid ; margin: 0.5em; padding: 0.2em; }

.screened .comment-content {background: #1e1e1e; padding: 0.833em; }

.comment-wrapper {padding-top: 0;}

.bottomcomment, .comments-message {padding-bottom: 0.833em; text-align: center; margin: 0.833em 0 0 0; }
.bottomcomment .entry-interaction-links {margin-bottom: 0.833em; text-align: left;}

.ljcmtmanage, .Note .Inner {border: 0.083em solid #842021 !important; background:  !important; }
.ljcmtmanage b {color: #ffffff; }

/*Comment Tools*/

.comment .userpic img {border: 0;}
.comment a img:hover {opacity: .7;}

.comment-interaction-links li.first-item {border-left: 0.083em solid ; }

.comment-interaction-links .first-item {border-left: 0;}

.comment-management-links { margin: 1.833em 0.5em 0 0; list-style: none; display: inline; float: right;}
.comment-management-links li {display: inline; margin: 0.25em !important; }

.comment-management-links img { padding: 0 0.25em 0.25em 0.25em; }
.comment-management-links img:hover { opacity: 0.7; }

li.frozen {font-size: 0.75em; text-transform: uppercase; padding: 0.5em 0.833em 0.25em 0.833em !important; }

.multiform-checkbox { padding: 0.333em 0 0 0.25em; }

#postform td b {color: #ffffff;}

/*Reply Form*/

#prop_picture_keyword { margin: 0 0 0 0.833em;}

#postform #userpics label{ margin: 0 0.25em 0 0.25em;}

#postform table table {width: 100%; }
#postform table table td {padding: 0.25em;}

/*Tags Pages*/

ul.ljtaglist { margin: 0.5em; list-style: square; color: #000000; }
.tags-container h2 {font-size: 1.667em; font-weight: normal; padding-left: 1em; border-top: none; border-bottom: 0.083em solid #ffffff;  margin: 0;}
.tags-container .manage-tags-link {padding: 0.5em 0 0.5em 1em; margin-top: 0.5em; border-top: 0.083em solid #ffffff;}

div.ljtaglist {padding: 0.5em; }

/*Archive Pages*/

#archive-year .header h3 {font-size: 1.667em; border: 0.083em solid #ffffff; border-left: 0; border-right: 0; padding: 0.583em; margin: 0; }

.month caption { display: none; }

table.month {width: 100%; text-align: center; }
.month th {padding: 0.833em 0 0 0;  border-color:#ffffff !important; }
.month td {border-top: 0.083em solid #ffffff; border-color: #ffffff !important; width: 14%; }
.month tr > td + td + td + td + td + td {width: 15% !important;}

.day-has-entries span {float: left; margin: 0; width: 50%; padding: 0 0 0 25%;}
.day-has-entries p{text-align: right; margin: 0; padding: 0 !important; }

#archive-year .footer .inner {text-align: right; padding: 0 1em 0 0; }

#archive-month dd, #archive-month dl {margin: 0; padding: 0; }
#archive-month h3.entry-title {border: 0; font-size: 1em; font-weight: bold; display: block; border-bottom: 0.083em solid #ffffff;}
#archive-month dt {border-top: 0.083em solid #ffffff; font-size: 1.667em; padding: 0 0 0 0.833em; }

#archive-month ul {border-top: 0.083em solid #ffffff;}

/*Extras*/

#lj_controlstrip {width: 100%; }

#lj_controlstrip td{border-right: 0.083em solid #ffffff; border-bottom: 0.083em solid #ffffff; background-color: #000000;}
#lj_controlstrip a:visited {color: red;}
#lj_controlstrip a:active {color: red;}
#lj_controlstrip a:hover, #lj_controlstrip a:visited:hover, #lj_controlstrip a:active:hover { color: #ffffff; }

#lj_controlstrip_statustext {color: #000000; }

#lj_controlstrip table td {border: 0;}

div.ContextualPopup {border: 0.083em solid #ffffff; background: ; padding: 0.583em;}
div.ContextualPopup div.Inner {border: 0; }
div.ContextualPopup .Userpic {border: 0.083em solid #ffffff; padding: 0.25em; }

.has-userpic .entry .userpic,
        .has-userpic .comment .userpic { float: right; background-color: #000000;}

input, select,
    #pagetitle {
        background-color: transparent !important;
        color: #ffffff !important;
        }

#lj_controlstrip_statustext,
    #lj_controlstrip td {
        color: #ffffff !important;
        }

Preview
Image info: Made 100% by me, CLA submitted, posted on imageshack.
Additional info (for layouts): one and two columns, totally flexible

timeasmymeasure

cleaning out my layers, found these unposted:

Theme name/layout: Queries / Crisped
Layout: Info || Source || Preview

Theme name/layout: Eggplanted / Crisped
Layout: Info || Source || Preview

Theme name/layout: Joy / Crisped
Layout: Info || Source || Preview

flamingchemist

I finished the layout set I was working on (although I never did fix that problem with the #content layer going all the way down, I apologize to anyone with OCD) and it needs to be tested!

The layouts are over here.

Thanks so much for any and all feedback. :)

chiming

Theme name/layout: Abstractia
Author:

chiming
Layout info: Info / Source Code / Live Preview
Image info: Made by me in Photoshop! And I have signed a CLA.
Additional info (for layouts): I overwrote the entire Tabula Rasa stylesheet so when it says "Use layout stylesheets", it just means mine. Supports one-column, two-columns (right and left), and three-columns (right, left, and sides). Modules are completely movable, although the default setup is two-columns-right with Powered by / Page loaded in #tertiary, which then loads as if it were a footer at the bottom. In three column views, #tertiary loads normally and these items will appear just fine off to the side. Layout is liquid, though it looks best at 900px wide and up. (A little bigger if using a three-column layout.)

Oh and just for clarity's sake, the theme doesn't do anything to text-transform; the lower and uppercase in my journal's title were my own manual doing.

Tested in Firefox/Opera/Safari/Chrome and also IE6-9 (it doesn't work very well in IE6 but all the others are fine) and the only CSS3 has a fallback.

Available themes (light on dark):
Abyss (blue) - Preview | Burnished (gold) - Preview | Dark Carnival (pink) - Preview | Midnight (black & white) - Preview | Ocean Floor (green) - Preview | Pulse (red) - Preview | Radioactive (forest green) - Preview | Toxic (purple) - Preview
Available themes (dark on light):
Au Lait (cream) - Preview | NEW: Sky (blue) - Preview

Custom comment page view (in Abyss).

Planned themes: ~~purple, spring-green-ish~~ Done!

ETA: Bug report aka layout submitted, awaiting review and hopefully commitment!

momijizukamori

Theme name/layout: Marginless
Author:

momijizukamori
Layout info: Source Code / Preview with a Paletteable color theme
Image info: N/A
Additional info (for layouts): Tagging this as draft, because I have a handful of known issues I'm trying to work out:

-I can't figure out the property for custom circle colors. Ideally I'd like the userpic border to change to that when it's set for a user.
-Not sure how to be the modules to wrap on one-column view - right now, they display in one huuuge column, even if more than one can fit across the width.
-I don't know how to set more than one author in the code! This is a modified version of

branchandroot's Paletteable base.
-This name is boring :P

flamingchemist

I'm having an annoying little problem with a layout I'm working on for Bases. The problem is that the #content layer does not go down as long as it needs to, making the #primary layer longer and borking up the whole layout!

I've left one of the finished layouts on a side account here. As you can see, entries will cover up the nice bottom border I have set up and generally look sloppy in the process.

Any ideas?

anthologia

Theme name/layout: Straight On 'Til Morning / Brittle
Author:

anthologia
Layout info: http://www.dreamwidth.org/customize/advanced/layersource?id=296667
Layout source: http://www.dreamwidth.org/customize/advanced/layersource?id=296667
Preview
Image info: No images.
Additional info (for layouts): Looks fine with column on the left or right. Passed the Colour Contrast Test.

Theme name/layout: Calm Seas / Brittle
Author:

anthologia
Layout info: http://www.dreamwidth.org/customize/advanced/layersource?id=297622
Layout source: http://www.dreamwidth.org/customize/advanced/layersource?id=297622
Preview
Image info: No images.
Additional info (for layouts): Looks fine with column on the left or right.

Theme name/layout: Be Mine, Valentine / Brittle
Author:

anthologia
Layout info: http://www.dreamwidth.org/customize/advanced/layersource?id=296645
Layout source: http://www.dreamwidth.org/customize/advanced/layersource?id=296645
Preview
Image info: The only change beside the colours is a ♥ in place of the reply link.
Additional info (for layouts): Looks fine with column on the left or right. Passed the Colour Contrast Test.

All of these seem to work fine and dandy in the latest Firefox and IE, ~~but I don't know about Chrome or Safari~~. Checked in Safari and Chrome, 's all good.

nornoriel

Theme name/layout: Turtle / Crossroads
Layout: Info || Source || Preview

Theme name/layout: Turtle / Crisped
Layout: Info || Source || Preview

Theme name/layout: Turtle / Dusty Foot
Layout: Info || Source || Preview

Theme name/layout: Owlish / Practicality
Layout: Info || Source || Preview

Theme name/layout: Owlish / Crisped
Layout: Info || Source || Preview

Theme name/layout: Owlish / Dusty Foot
Layout: Info || Source || Preview

Theme name/layout: Cosmos / Crisped
Layout: Info || Source || Preview

Theme name/layout: Cosmos / Dusty Foot
Layout: Info || Source || Preview

nornoriel

Theme name/layout: Midnight Hour / Practicality
Layout: Info || Source || Preview

Theme name/layout: Midnight Hour / Crisped
Layout: Info || Source || Preview

Theme name/layout: Midnight Hour / Dusty Foot
Layout: Info || Source || Preview

Theme name/layout: Battle Raven / Practicality
Layout: Info || Source || Preview

Theme name/layout: Battle Raven / Crisped
Layout: Info || Source || Preview

Theme name/layout: Battle Raven / Dusty Foot
Layout: Info || Source || Preview

Theme name/layout: Touch / Practicality
Layout: Info || Source || Preview

Theme name/layout: Touch / Crisped
Layout: Info || Source || Preview

Theme name/layout: Touch / Dusty Foot
Layout: Info || Source || Preview

timeasmymeasure

Theme name/layout: In Spring / Crisped
Layout: Info || Source || Preview

Theme name/layout: Keep Falling / Crisped
Layout: Info || Source || Preview

Theme name/layout: Oh Winter / Crisped
Layout: Info || Source || Preview

Theme name/layout: Summer Sunset / Crisped
Layout: Info || Source || Preview

dancing_serpent

layout: Librarian's Dream
author:

dancing_serpent

Altair / Preview
Antares / Preview
Dune / Preview
Milkshakes & Rock 'n' Roll / Preview
Quasar / Preview

I think I fell in love with that layout. ♥ Have five more themes, all new colours this time.

rising

Current Location: Northridge, CA
Current Mood: accomplished
Current Music: Kryptonite // 3 Doors Down // The Better Life

Yep, that's right, 4 more layouts dug out of the endless colour bin and adapted to suit Librarian's Dream. Hope ya'll like.

Theme name/layout: Blue Day's / Librarian's Dream
Info: Info · Source · Preview
Image: Same image as the Brittle layout of the same name.

Theme name/layout: Certain Frogs / Librarian's Dream
Info: Info · Source · Preview
Image: Same image as the Brittle layout of the same name.

Theme name/layout: Cvětý / Librarian's Dream
Info: Info · Source · Preview

Theme name/layout: Wonderland / Librarian's Dream
Info: Info · Source · Preview

dancing_serpent

I had started on a new batch for Nouveau Oleanders but then I got distracted by Librarian's Dream. *g* So, have only the two new themes this time.

layout: Nouveau Oleanders
author:

dancing_serpent

Eyeshadow & Lipstick / Preview
Lichtsturm / Preview

New colours, not recycled ones this time.

rising

Current Location: Van Nuys, CA
Current Mood: accomplished
Current Music: The Cave // Mumford & Sons // Sigh No More

I figured out how to make themes for the layout! (I have long resisted themeing for layouts that are not live in the codebase, but today I got over that stumbling block, and as a result, there are more pretties. Oh yes, there are pretties.)

These are all recycled coloursets, but they're pretty much my absolute favourites, the ones that I love the most. I hope everyone else likes them as much as I do!

Theme name/layout: Coloured Glass / Librarian's Dream
Info: Info · Source · Preview

Theme name/layout: Elegant Brown / Librarian's Dream
Info: Info · Source · Preview
Image: Same image as the theme of the same name for Dusty Foot and Brittle.

Theme name/layout: Full Sky / Librarian's Dream
Info: Info · Source · Preview

Theme name/layout: Vintage Modern / Librarian's Dream
Info: Info · Source · Preview

inoru_no_hoshi

Current Mood: contemplative

I've been hoarding some of these for a while, and in the interests of kicking myself to actually make more (because it IS fun and I DO enjoy it!), I'm posting them now. (...It's a really small hoard.)

ETA: Some may find the visited links color on the Killjoys colorset illegible and/or eye-searing. Apologies!

Theme name/layout: Killjoys / Crossroads
Author:

inoru_no_hoshi
Info: Info || Source || Preview

Theme name/layout: Aged Wine / Crossroads
Author:

inoru_no_hoshi
Info: Info || Source || Preview

Theme name/layout: Sakura / Crossroads
Author:

inoru_no_hoshi
Info: Info || Source || Preview

Theme name/layout: Desert Feel / Practicality
Author:

inoru_no_hoshi
Info: Info || Source || Preview

Theme name/layout: Lichen / Five AM
Author:

inoru_no_hoshi
Info: Info || Source || Preview

Theme name/layout: Killjoys / Five AM
Author:

inoru_no_hoshi
Info: Info || Source || Preview

Theme name/layout: Killjoys / Funky Circles
Author:

inoru_no_hoshi
Info: Info || Source || Preview

branchandroot

Theme name/layout: Motion / Tabula Rasa
Author:

wiring
Layout info: Layout layer source
Image info: images and original design released under GPL v2
Additional info (for layouts): Layout child of Tabula Rasa, works with all columns, ported from a Wordpress theme of the same name; author has CLA filed

Default Theme Blue Motion: layer source | preview

This will be a good one for theme-ing with background images as well as colors.

timeasmymeasure

I just saw these in my head when I saw the new submitted layout. Forced me to stop recycling my color themes and make new ones:

Theme name/layout: A Night In / Librarian's Dream
Layout: Info || Source || Preview

Theme name/layout: Bit Warmer / Librarian's Dream
Layout: Info || Source || Preview

yaysunshine

Current Mood: nervous

(...am I doing this right)

layout: Crisped
author:

yaysunshine

Sunburnt (preview)
Sagitta Luminis (preview)
Favorite Sweater (preview)

Profile

Dreamscapes

Resources for creating layouts

February 2012

S	M	T	W	T	F	S
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29

Page Summary

alyndra - (no subject)
momijizukamori - Layout + three color themes - Marginless
flamingchemist - 4 Layouts
timeasmymeasure - crisped themes
flamingchemist - (no subject)
chiming - LAYOUT + 10 COLOR THEMES: "Abstractia"
momijizukamori - (no subject)
flamingchemist - Coding Help for Bases
anthologia - Three Colour Schemes
nornoriel - Recycled themes: Turtle, Owlish, and Cosmos
nornoriel - Three colour themes
timeasmymeasure - Seasonal Crisped
dancing_serpent - Five more themes for Librarian's Dream
rising - Librarian's Dream: 4 more!
dancing_serpent - Two Colour Themes: Nouveau Oleanders
rising - 4 for Librarian's Dream
inoru_no_hoshi - Assorted Themes (3 Crossroads, 2 Five AM, 1 Practicality, 1 Funky Circles)
branchandroot - Layout: Motion/Tabula Rasa
timeasmymeasure - 2 color themes - librarian's dream
yaysunshine - Three Color Themes: Crisped

Active Entries

1: (no subject)
2: crisped themes
3: Layout + three color themes - Marginless
4: (no subject)
5: LAYOUT + 10 COLOR THEMES: "Abstractia"
6: (no subject)
7: Three Colour Schemes
8: Coding Help for Bases
9: Recycled themes: Turtle, Owlish, and Cosmos
10: Three colour themes

Style Credit

Style:: timeasmymeasure

Expand Cut Tags

No cut tags

Syndicate

Page generated Feb. 9th, 2012 07:47 pm

Official Style Submissions

Recent Entries

(no subject)

Layout + three color themes - Marginless

4 Layouts

crisped themes

(no subject)

LAYOUT + 10 COLOR THEMES: "Abstractia"

(no subject)

Coding Help for Bases

Three Colour Schemes

Recycled themes: Turtle, Owlish, and Cosmos

Three colour themes

Seasonal Crisped

Five more themes for Librarian's Dream

Librarian's Dream: 4 more!

Two Colour Themes: Nouveau Oleanders

4 for Librarian's Dream

Assorted Themes (3 Crossroads, 2 Five AM, 1 Practicality, 1 Funky Circles)

Layout: Motion/Tabula Rasa

2 color themes - librarian's dream

Three Color Themes: Crisped

Profile

Links

Resources for creating layouts

February 2012

Tags

Page Summary

Active Entries

Style Credit

Expand Cut Tags

Syndicate