postage | Recent Entries

I fixed something in the #container div and other container divs so you might want to edit your layouts (if ever you used this).

/* -------------------------------------------
Cleaned CSS
Stylesheet By: onew @ dreamwidth.org
Style: Transmogrified
Works best with: Free & Paid accounts
Browsers: Firefox // IE //
----------------------------------------------*/

* { box-sizing:border-box; -moz-box-sizing:border-box }

body {
        background-color: #ececec;
        font-family: Arial;
        font-size: 8pt;
	text-align: justify;
        margin: 0px auto;
        padding: 0;
    }

#container {
        background-color: #ececec;
        margin: 0 0 0 100px;
    }

#header {
	background-color: transparent;
	font-size: 7pt;
	letter-spacing: -1px;
	color: #ba9900;
	margin: 0px auto;
        padding: 0;
	}

#header a {
	color: #d9b717;
        text-decoration: none;
    }

#header h1 {
        margin: 0 0 -20px 0;
	padding: 20px;
	}

#header h2 {
	padding: 0 20px 20px 20px;
	}

#wrap {
        color: #666666;
        padding-right: 230px;
        padding-top: 20px;
        padding-left: 20px;
	}

#content {
	margin: 0px auto;
        position: relative;
        width: 550px;
        float: left;
        padding-bottom: 20px;
     }

.page-tags #content{
	border: 0;
        padding: 10px;
        margin-top: 10px;
    }

.page-tags #wrap {
        margin-left: 20px;
    }

/* for the footer that contains the 'Powered by' text */

.module-content a {
	color: d9b717;
    }

/* HEADER */

.module-section-two {
        position: relative;
        width: 230px;
        float: left;
        /* this must stay at the bottom of this code as in some circumstances
        it closes one declaration and opens another one */
        margin-right: -230px;;
    }

.module-section-two .module {
        border: 0;
        color: #666666;
        background-color: #fafafa;
        margin-left: 10px;
        padding: 10px;
        
    }

/* to modify the alignment of the top navigation */
    .module-section-one {
	margin: 20px 20px 5px 310px;
	}

.module-section-one li {
        display: inline;
        list-style: none;
        
    }
    .module-section-one ul {
        background-color: transparent;
        color: #ba9900;
        margin: 0;
        padding: 0.5em 20px;
    }

.module-section-one li a {
        text-decoration: none;
        padding-top: 0.5em;
        padding-right: 20px;
        padding-bottom: 0.5em;
        padding-left: 20px;
        background-color: transparent;
        color: #d9b717;
    }

.module-section-one ul li a:hover, .module-section-one ul li.active a {
        background-color: #333333;
        color: #d9b717;
    }

.module-section-two a {
        color: #d9b717;
    }
    .module-section-two .module-header a {
        text-decoration: none;
    }
    .module-section-two h2 {
		margin: 0;
        	margin-bottom: 7px;
		font-size: 12pt;
		text-align: right;
		padding: 0.2em;
		background-color: #fafafa;
		color: #d9b717;
		border: 0;			
	}

.module-section-two ul {
		list-style-type: none;
		margin-left: 0.5em;
		padding: 0;
	}
	.module-section-two ul ul {
		list-style-type: none;
		margin-left: 0.5em;
		padding: 0.5em;
	}

/* SIDEBAR */

.module-userprofile .userpic img {
        border: 0;
        margin: 5px;
    }
    .module-userprofile .userpic {
        text-align: center;
    }
    .module-userprofile ul {
        margin: 0px;
        padding: 0px;
        text-align: center;
        margin-top: 5px;
    }
    .module-userprofile p {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .module-userprofile li {
        display: inline;
        padding: 5px;
        list-style: none;
    }
    .module-calendar {
        text-align: center;
    }
    .module-calendar table {
        margin-left: auto;
        margin-right: auto;
    }

/* ENTRIES */

.entry, .comment, .text_noentries_day {
        padding: 20px;
        margin-top: -20px!important;
        position: relative;
        margin-bottom: 30px;
    }

.entry .userpic a, .comment .userpic a {
	border: 0;
	background-color: transparent!important;
    }

.entry .userpic img, .comment .userpic img {
        border: 0;
	margin-top: -50px;
	margin-left: -100px;
	width: 70px;
	height: 70px;
	float: right;
	padding: 10px;
    }

.userpic {
	border: 0
	}

.userpic a {
	border: 0
	display: none;
	}

.entry-title, .comment-title {
	font-size: 13px;
	margin-bottom: -2px;
        padding: 0.2em;
        margin: 0;
        margin-right: 120px;
    }
    .entry-title a, .comment-title a {
        text-decoration: none;
    }

.entry-wrapper-odd .entry, .comment-wrapper-odd .comment, .text_noentries_day {
        border: 0;
        background-color: #fafafa;
        color: #666666;
    }
    .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a {	
        background-color: transparent;
        border: 0;
	border-style: none;
    }

.entry-wrapper-odd .entry-title, .comment-wrapper-odd .comment-title {
        border: 0;
        color: #d9b717;
        background-color: transparent;
    }
    .entry-wrapper-odd .entry-title a, .comment-wrapper-odd .comment-title a {
        color: #d9b717;
    }
    a, .entry-wrapper-odd a, .comment-wrapper-odd a {
        color: #d9b717;
    }

.entry-wrapper-even .entry, .comment-wrapper-even .comment {
        border: 0;
        background-color: #fafafa;
        color: #666666;
    }
    .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a {
        background-color: transparent;
        border: 0;
    }
    .entry-wrapper-even .entry-title, .comment-wrapper-even .comment-title {
        border: 0;
        color: #d9b717;
        background-color: transparent;
    }
    .entry-wrapper-even .entry-title a, .comment-wrapper-even .comment-title a {
        color: #d9b717;
    }
    .entry-wrapper-even a, .comment-wrapper-even a {
        color: #d9b717;
    }

.entry .time, .entry .date {
        padding: 0.2em;
        display: inline-block;
    }
    .entry-content, .comment-content {
        padding: 10px 0px;
    }
    .tag {
        font-weight: bold;
        text-align: left;
    }
    .tag a {
        font-weight: normal;
    }
    .tag ul { display: inline; margin: 0; padding: 0; }

.tag li {
        display: inline;
        list-style: none;
        padding: 0px;
    }
    .tag li:before {
        content: ", ";
    }
    .tag li:first-child:before {
        content: " ";
    }
    *+html .tag li {
        padding: 0 5px;
    }

.entry .metadata ul {
        margin: 0px;
        padding: 0px;
    }
    .entry .metadata li {
        list-style: none;
    }
    .entry .footer .inner, .comment .footer .inner {
	margin-top: 20px;
        text-align: right;
    }
    .entry .footer a {
        white-space: nowrap;
    }
    .entry-management-links, .entry-interaction-links, .comment-management-links, .comment-interaction-links {
        text-align: right;
        margin: 0;
        padding: 0;
        display: inline;
    }
    .entry-management-links li, .entry-interaction-links li, 
    .comment-management-links li, .comment-interaction-links li {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 5px;
    }
    /* lets have a default */
    .entry-management-links li a, .comment-management-links li a,
    .comment-interaction-links .thread a {
        background-image: url(http://s.dreamwidth.org/stc/transmogrified/permalink.gif);
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 14px;
    }

.entry-management-links .edit_entry a, .comment-management-links .delete_comment a,
    .comment-management-links .edit_comment a {
        background-image: url(http://s.dreamwidth.org/stc/transmogrified/edit.gif);
    }
    .entry-management-links .edit_tags a, .comment-interaction-links .parent a {
        background-image: url(http://s.dreamwidth.org/stc/transmogrified/tag.gif);
    }
    .entry-management-links .mem_add a, .entry-management-links .watch_comments a,
    .comment-management-links .watch_thread a {
        background-image: url(http://s.dreamwidth.org/stc/transmogrified/memories.gif);
    }
    .entry-management-links .link_prev a {
        background-image: url(http://s.dreamwidth.org/stc/transmogrified/previous.gif);
    }
    .entry-management-links .link_next a {
        background-image: url(http://s.dreamwidth.org/stc/transmogrified/next.gif);
    }
    .entry-interaction-links li a, .entry-management-links .tell_friend a,
    .comment-interaction-links li a { 
        background-image: url(http://s.dreamwidth.org/stc/transmogrified/comment.gif);
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 14px;  
        display: inline;
    }
    .comment-management-links .delete_comment a {
        background-image: url(http://s.dreamwidth.org/stc/transmogrified/delete.gif);
    }

.entry .footer hr {
        display: none;
    }

.entry .metadata-label {
        font-weight: bold;
    }
    .comment-poster {
        display: inline-block;
        min-width: 40%;
    }

#content > hr { display: none; }

.module-section-three {
        clear: both;
        width: 100%;
        background-color: transparent;
        color: #ba9900;
        margin: 0;
        padding: 0.5em 0px;
    }
    .module-section-three a {
        color: #fafafa;
    }
    .module-section-three .module {
        padding-left: 20px;
    }

.hfeed .navigation {
    }

.navigation {
		margin: 0;
		padding: 10px;
		text-align: center;
		border: 0;
		background-color: transparent;	
		color: #333333;	
	}

.navigation ul {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .navigation li {
        display: inline;
        padding: 0 5px;
    }
    .navigation .page-back a:before {
        content: "<<  ";
        font-size: 0.5em;
        letter-spacing: 0px;
        vertical-align: 40%;
        padding-right: 1px;
    }
    .navigation .page-forward a:after {
        content: " >>";
        font-size: 0.5em;
        letter-spacing: 0px;
        vertical-align: 40%;
        padding-left: 1px;
    }

.page-tags #content h2 {
        padding: 0.2em;
        margin: 0;
        border: 0;
        color: #d9b717;
        background-color: transparent;
        font-size: 1.2em;
        margin-bottom: 20px;
    }

.page-tags #content h2 {
        margin-right: 10px;
    }

.month-wrapper, #archive-month dl {
        padding: 10px;
        position: relative;
        margin: 20px 0px;
        border: 0;
        background-color: #fafafa;
    }

.month-wrapper h3 {
        padding: 0.2em;
        margin: 0;
        border: 0;
        color: #d9b717;
        background-color: transparent;
        font-size: 1.2em;
        margin-bottom: 20px;
    }

.month caption {
        display: none;
    }
    .month .day span, .month .day p {
        padding: 0;
        margin: 0;
    }
    .month .day p {
        margin-top: 4px;
        margin-bottom: -4px;
    }
    .month .day, .month th {
        line-height: 2em;
        vertical-align: text-top;
        padding: 5px;
        text-align: center;
    }
    /* IE only to line up the empty days neatly */
    *+html .month .day span, *+html .month th span{
        vertical-align: 100%;
    }
    .month .day-has-entries {
        line-height: 1em;
    }
    .month .footer {
        width: 250px;
        text-align: center;
        margin: 10px 0px;
    }

#postform {
        margin-top: 20px;
        border: 0;
    }

.text_noentries_day {
        margin-top: 20px;
        margin-bottom: 20px;
    }

#archive-month dt {
        font-weight: bold;
    }
    #archive-month .entry-title {
        font-size: 10pt;
        display: inline-block;
        padding-left: 5px;
    }

/* ----- navstrip ----- */
   
   table#lj_controlstrip td { background-color:#fafafa; background-image: url(); color: #dedede; border-left:

none; 
     border: 0px; font-family: Arial; font-size: 8px !important; } 
   #lj_controlstrip a { color: #666666; font-family: Arial; }  
   #lj_controlstrip a:hover { color: #333333; text-decoration: none; font-family: Arial; } 
   #lj_controlstrip_statustext {color: #666666; font-family: Arial;} 
   #lj_controlstrip_userpic {  }

IMAGE | LIVE

⇒ Transmogrified
1) Apply the Transmogrified theme to your layout.
2) Go to the Customize style page and click Custom CSS.
3) Paste the code into the text box.
4) Uncheck the 'Use layout's stylesheet(s)' option.

⇒ To add a header
1) Add this to the #header tag:
background-image: url();
width: width in px;
height: height in px;

2) Then add this to the #header h1 tag:
display: none;

/join /subscribe /credit

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	30
31

❝ postage (paid) ❞

Recent Entries

(001) layout: beginner's luck

Profile

May 2009

Most Popular Tags

Page Summary

Expand Cut Tags