ScotchBonnet - InsaneJournal and LiveJournal S2 CSS


	ScotchBonnet Scotchsour's Place for Layouts, Codes, Icons, Mood Themes... Recent Entries Archive Friends Entries User Info Memories scotchbonnet

	Profile
	Profile

User:

scotchbonnet

Name: scotchbonnet

	Latest Layout
	Latest Layout

Pink and Grey .05

Tomato .04

Blue Shoes .03

Coffee Template .02

Press for Coffee Template Layout(Not Available Yet)

Baroque .01

	Latest Month
	Latest Month

May 2011
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

	Links
	Links

basics

update

instructions for layouts

instructions for mood themes

resources

	Page Summary
	Page Summary

· InsaneJournal and LiveJournal S2 CSS [+1]

love_love_diva - (no subject)

	Search
	Search

	Tags
	Tags

colors
- s2smoothsailing [1]
efiction
- modification [3]
friends only [4]
graphics [4]
icons
- actors [1]
- anime [1]
- body [1]
- dc [3]
- due south [3]
- movies [1]
journal update [1]
journals
- code [3]
- css [3]
- tutorials [4]
layout
- banners [1]
- s2deardiary [3]
- s2flexiblesquares [1]
- s2tranquilityii [1]
layouts [6]
misc
- brushes [1]
- firefox [1]
- images [8]
- photos [1]
mood theme
- instructions [1]
- ray vecchio [1]
- tutorial [1]
personal update [2]
previews [1]
profile card
- blue shoes [1]
- stackable [1]
question [3]
resources [2]
thematic [3]

InsaneJournal and LiveJournal S2 CSS

	3rd-Feb-2008 11:12 pm
	3rd-Feb-2008 11:12 pm


	scotchsour

This for me, because I am getting tired of copy/pasting... And I share... sometimes :)

A Sturdy Gesture

/* Cleaned CSS: */

body {
background: #ffffff;
color: #000000;

}
a {
color: #0000ff;
}
a:visited {
color: #0000ff;
}

img {
border: 0;
}

.box {
border: 1px solid #000000;
margin: 1em;
background: #ffffff;
color: #000000;
}

#navbar {
width: 25%;
}
#body {
width: 75%;
}

#navbar .box h1, .box h2, .box h3 {
font-size: 1em;
background: #000000;
color: #ffffff;
padding: 3px;
margin: 0;
}
#navbar .box h1 {
text-align: center;
}

.box h1 a, .box h2 a, .box h3 a {
color: #ffffff;
background: #000000;
}

#navbar .box div.userpic {
margin: 1em;
text-align: center;
}

#navbar p {
margin-left: 1em;
margin-right: 1em;
margin-bottom: 0;
}
#navbar ul, #skipbar ul {
list-style: none;
padding: 0;
margin: 0.5em;
}
#navbar ul li.active, #skipbar ul li.active {
font-weight: bold;
}

.box .entry {
margin: 1em;
}

.box .talklinks {
margin: 1em;
text-align: right;
clear: both;
}
.box .talklinks .permalink {
float: left;
}

.box .minicomment {
clear: both;
}

body.day #body h1 {
font-size: 1.1em;
font-weight: bold;
}

table.box, table.box td, table.box th {
border: 1px solid #000000;
}

.metadata {
margin-top: 1em;
}

form#postform table {
background: #ffffff;
color: #000000;
}

Bloggish

/* basic elements */

html
{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

body
{
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* standard helper classes */

.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/* page layout */

body { text-align: center; } /* center on ie */

#container
{
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 720px;
	text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta
{
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
	position: static;
}

/* banner user/photo */

.banner-user
{
	float: left;
	overflow: hidden;
	width: 64px;
	margin: 0 15px 0 0;
	border: 0;
	padding: 0;
	text-align: center;
}

.banner-user-photo
{
	display: block;
	margin: 0 0 2px 0;
	border: 0;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration: none !important;
}

.banner-user-photo img
{
	width: 64px;
	height: auto;
	margin: 0;
	border: 0;
	padding: 0;
}

/* content */

.content-nav
{
	margin: 10px;
	text-align: center;
}

.date-header,
.entry-content
{
	position: static;
	clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
	position: static;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
	clear: both;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
	clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
	clear: both;
	margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 240px;
}

#comment-bake-cookie
{
	margin-left: 0;
	vertical-align: middle;
}

.comments-open-header
{
    clear: both;
}

#comment-post
{
	font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
	float: left;
	width: 115px;
	margin: 0 10px 10px 0;
}

.image-thumbnail img
{
	width: 115px;
	height: 115px;
	margin: 0 0 2px 0;
}

/* modules */

.module
{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.module-content
{
	position: relative;
	margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.module-list-item
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table
{
	border-collapse: collapse;
	width: 100%;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
	width: 14%;
	text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item
{
	display: block;
	clear: both;
	margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail
{
	float: left;
	min-width: 60px;
	width: 60px;
	/* no ie mac \*/width: auto;/* */
	margin: 0 5px 0 0;
	text-align: center;
	vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description
{
	margin: 0;
	padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content
{
	margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
	display: block;
	height: 1%;
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item
{
	display: block;
	float: left;
	/* ie win fix \*/ height: 1%; /**/
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item a
{
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}

.module-recent-photos .module-list-item img
{
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
}

/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td
{
	width: 14%;
	height: 75px;
	text-align: left;
	vertical-align: top;
}

.day-photo
{
	width: 54px;
	height: 54px;
}

.day-photo a
{
	display: block;
}

.day-photo a img
{
	width: 50px;
	height: 50px;
}

Classic

/* Cleaned CSS: */

body, table, td, th, .page_title, #yearheader {
font-family: "Arial, Helvetica",  sans-serif;
}

body,.body {
    background-color:    #6666cc;
    color:               #000000;
    padding:             5pt;
}
a, a:link {
    color:               #000050;
}
a:visited {
    color:               #500050;
}
a:active {
    color:               #ff00c0;
}
table.main {
    background-color:    #ffffff;
    color:               #000000;
}
#whole {
    width:               100%;
    float: left;
}
.page_title {
    color:               #8b1a1a;
    font-size:           18pt;
}
.view_links {
    font-family:         monospace;
    white-space:         nowrap;
}
.view_links2 {
    font-family:         monospace;
    font-size:           9pt;
}
th.headerbar {
    background-color:    #c0c0ff;
    color:               #000000;
    font-weight:         bold;
    font-size:           16pt;
    text-align:          left;
}
td.metabar {
    text-align:          right;
    white-space:         nowrap;
    background-color:    #eeeeff;
    color:               #000000;
}
.entry {
    border:  hidden #000000;
}
.subject {
    color:               #c00000;
    font-weight:         bold;
}
.comments {
    text-align:          right;
}
#yearheader {
    color:               #c00000;
    font-weight:         bold;
    font-style:          italic;
    font-size:           14pt;
}
th.monthheader {
    background-color:    #c0c0ff;
    color:               #000000;
    font-size:           12pt;
}
th.daysheader {
    background-color:    #eeeeff;
    color:               #000000;
    font-weight:         normal;
}
td.weekday_empty {
    background-color:    #eeeeff;
    color:               #000000;
}
.day_id {
    font-weight:         bold;
    font-size:           10pt;
}
#archiveyearpage_nav {
    font-size:           14pt;
    font-weight:         bold;
}

Clean and Simple

body {
background: #6666cc none;
color: #000000;
padding: 50px;
margin: 0;

}
a:link {
color: #000050;
background: transparent;
}
a:visited {
color: #500050;
background: transparent;
}
a:active {
color: #00ffff;
background: transparent;
}
img {
vertical-align: absmiddle;
}
table {
width: 100%;
}
pre {
text-align: left;
}
#topbar {
background: #c0c0ff none;
color: #000000;

}
#topbar h1 {
margin-top: 5px;
margin-bottom: 0;
text-align: center;
font-size: 1.5em;
}
#topbar h2 {
margin-top: 0;
margin-bottom: 5px;
text-align: center;
font-size: 1.25em;
}
#navbar {
background: #eeeeff none;
color: #000000;
width: 25%;

}
#navbar ul {
list-style: none;
margin: 10px;
}
#navbar ul li {
margin: 0;
}
#navbar ul li.active {
font-weight: bold;
}
#navbar a:link, #navbar a:active, #navbar a:visited {
background: #eeeeff none;
color: #000000;
text-decoration: none;
}
#navbar a:hover {
text-decoration: underline;
}
#userlinklist ul {
margin-top: 0;
margin-bottom: 0;
}
#mainstuff {
width: 75%;
background: #ffffff none;
color: #000000;
}
#userpic {
text-align: center;
margin: 10px;
}
#userpic img {
border: 2px solid #c0c0ff;
background: #c0c0ff none;
color: #000000;
}
#entries {
margin: 10px;
}
#range {
margin-bottom: 0.5em;
}
.day {
border-top: 1px dashed #000000;
clear: both;
}
.day h3 {
border-bottom: 1px dashed #000000;
padding: 2px;
margin: 0;
font-size: 1.1em;
text-align: center;
}

address {
text-align: center;
font-style: normal;
font-size: 0.95em;
}

/* entries */
.entrytext {
padding: 2px;
text-align: justify;
}
.entry {
clear: both;
}
.entrytext p, .entrytext ul, .entrytext ol, .entrytext table {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.entryheading {
font-weight: bold;
}
.timestamp, .subject, .altposter {
font-weight: bold;
color: #c00000;
background: #ffffff;
}
.altposter a {
color: #c00000;
background: #ffffff;
text-decoration: underline;
}
.altposter img {
border: 2px #000000 solid;
background: #eeeeff none;
color: #000000;
}
.talklinks {
font-size: 0.75em;
text-align: right;
margin-bottom: 2px;
clear: right;
}
.frienduserpic {
border: 2px solid #c0c0ff;
background: #c0c0ff none;
color: #000000;
}

Complete Style

/* Cleaned CSS: */
/* Basic Green by Emily Ravenwood; ids apply to divs unless otherwise noted.

Colors reference-- dk green: #566030; md green: #818f48; lt green: #92a252; lighter green: #b2c272; bright green: #acbf60; pale green: #e1e8c4; very pale green: #e9eed3    */

/* GENERAL CLASSES */

.pkg {} /* applied to all -inner divs */

.separator {} /* span, applies to the pipes that separate links in entry and comment linkbars */

blockquote { font-style: italic; }

h1, h2, h3 {}

a { color: #e9eed3;
	text-decoration: none; }

a:visited { }

a:hover { text-decoration: underline; }

a:active {}

/* WHOLE PAGE CONTAINERS */

body { color: #000000;
	background: #ffffff;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;  }

.layout-one-column #alpha { margin: 0 .5em;}
	
	.layout-two-column-right {}
		.layout-two-column-right #alpha { margin: 0 13em 0 8px; }
		.layout-two-column-right #beta { float: right; width: 13em; }

.layout-two-column-left {} 
		.layout-two-column-left #alpha { margin: 0 8px 0 13em; }
		.layout-two-column-left #beta { float: left; width: 13em; }
	
	.layout-three-column-middle {}
		.layout-three-column-middle #alpha { margin: 0 13em; }
		.layout-three-column-middle #beta { float: left; width: 13em; }
		.layout-three-column-middle #gamma { float: right; width: 13em; }
		
	.layout-three-column-right {}
		.layout-three-column-right #alpha { margin: 0 26em 0 8px; }
		.layout-three-column-right #beta { float: right; width: 13em; }
		.layout-three-column-right #gamma { float: right; width: 13em; }
		
	.layout-three-column-left {}
		.layout-three-column-left #alpha { margin: 0 8px 0 26em; }
		.layout-three-column-left #beta { float: left; width: 13em; }
		.layout-three-column-left #gamma { float: left; width: 13em; }

.lj-view-recent {}

.lj-view-archive {}

.lj-view-month {}
	
	.lj-view-day {}
		
	.lj-view-tags {}
	
	.lj-view-entry {} /* Paid versions only; in free mode this will be lj default layout */

#container { background: #818f48;}

#container-inner {}

/* HEADER: you may wish to set either #nav-above or #nav-below to display:none */

#header { padding: .5em .5em 0 .5em;
	color: #e9eed3; }

#header-inner {}

#banner {  }

#banner-inner {  }

#banner-text {  }

#nav-above { list-style: none;
	margin: 0;
	padding: 0;
	font-size: small; } /* ul containing navigation links, above title and description */

.banner-viewlinks { display: inline;
		padding: 0 .5em;
		border-left: 1px solid; } /* class of each li */

.first { border-left: none; } /*first item in the list */
	
.current { } /* link for current page */
		
	.current a { color: #b2c272; }
	
#header-text { background: #92a252;
	border: 1px solid #566030;
	margin: 2em 3em;
	padding: 0 5px; } /* banner-header and banner-description */
	
	#header-text a {  }

#banner-header { font-family: "Book Antiqua", Palatino, "Times New Roman", serif; 
	text-align: center; } /* h1, journal title */

#banner-description { font-size: large;
	font-family: "Book Antiqua", Palatino, "Times New Roman", serif; 
	text-align: center;} /* p, journal description/subtitle */

#nav-below { display: none; } /* ul containing navigation links, below title and description; same classes apply */

/* BODY OF PAGE; contains both columns */

#pagebody { }

#pagebody-inner {}

/* MAIN COLUMN */

#alpha {background: #fff;
	border: 1px solid #566030;
	padding: 1em 1px; /* gap fix */ }

#alpha a { color: #92a252; }
	#alpha a:visited { color: #acbf60;}

#alpha-inner {}

.content-nav { margin: .5em 1em; } /* the 'previous/next' links; same style applies to top and bottom of page */

.nav-top { text-align: right; } /* the one on top of the day, recent and friends page */
	.nav-bottom { text-align: right; } /* the one at the bottom of the day, recent and friends page */
	.entrypage { text-align: center;} /* version at the top of the entry pages */
	
#tagpage-header { text-align: center;} /* contains h2 header on pages of tagged posts, that says what tag group you are viewing*/

.date-header { margin: 0 1em; } /* contains the h2 header for the day, as opposed to entry headers */

#column-footer { clear: both; } /* clearing element at the end of #alpha; use to bring a background all the way down the page */

/* ENTRIES: remember to set either .pic-poster or .header-poster and either .outer-entry-userpic or .innter-entry-userpic to display:none */

#sticky-note {  } /* the sticky has the same classes as a regular entry; if you want to style it differently, you can do so with #sticky-note .entry, #sticky-note .entry-header, etc. */

#sticky-note .entry-inner { border-right: 1px solid #566030;
		border-left: 1px solid #566030; }

#sticky-note .entry-header { text-align: center;
		color: #e9eed3; }
	
	#sticky-note .entry-footer { height: 10px;
		background: #92a252;
		border: 1px solid #566030; }
	
	#sticky-note .entry-text { padding: 5px 1em; }

.entry { margin: 0 1em 50px 1em;
	padding: 1px; /* gap/margin fix */ }

.entry-inner {}

.outer-entry-userpic { display: none} /* just above entry-header div */

.pic-poster {} /*span; username on fpage, under userpic */
	
		.lj-user {} /* span; inside of poster */

.entry-header { background: #92a252;
	border: 1px solid #566030;
	padding: 1px; /*gap fix*/} /* contains title h3 and date */
	
	.entry-header h3, .entry-header h2 { margin: 0;
		padding: .25em 0; }

#alpha .entry-header a, #alpha .entry-header a:visited { color: #e9eed3; }

.mid-entry-userpic { display: none; } /* comes inside .entry-header div, before the H3 */

.pic-poster {} /*span; username on fpage, under userpic */
	
		.lj-user {} /* span; inside of poster */

.header-poster { display: none; } /* span; username on fpage, under title */

.entry-datetime { font-size: small;
	color: #999; }

.entry-content { margin-top: 1em; } /* wraps text, inner-pic tags and footer links */

.entry-body {} /* wraps text, inner-pic, metadata and tags */

.entry-text { min-height: 150px;
	overflow: auto; } /* wraps text, inner userpic and tags */

.inner-entry-userpic { float: right;
	text-align: center;
	padding: .5em 0 .5em 1em; } /* along with the text */

.pic-poster {} /*span; username on fpage, under userpic */
	
		.lj-user {} /* span; inside of poster */

.entry-metadata {} /* mood, location, music */

.ljtags { margin: 1em 0;}

#alpha .ljtags a, #alpha .ljtags a:visited { color: #999;}

.entry-linkbar { font-size: small; } /* reply etc. links */

.entry-linkbar ul { list-style: none;
		padding-left: 0;
		margin-left: 0; }

.entry-linkbar li { display: inline;
		border-left: 1px solid #000;
		padding: 2px .5em;
		margin: .15em 0; }

li.first-el { border-left: none;
		padding-left: 0; } /* class of the first li; useful for styling separators with borders */

.permalink {} /* applies to the base url link only */

.entry-footer {} /* falls outside content at same level as header; of use for separator images */

/* COMMENTS */

#comments { margin: 0 1em; } /* whole comments section */

#comments-inner {}

.comments-header {} /* contains h2 title of section */

.comments-nav { text-align: center;
	margin: 2em; } /* on entry page, the Add Comment link; on the reply page, the Read Comments link */

.comments-list {} /* contains comment list */

.comment {} /* contains a comment and any replies to it */

.comment-each {margin: 20px 0 0 0;
	padding: 1px; /*gap/margin fix */
	min-height: 100px; } /* contains individual comments */

.comment-header {  border: 1px solid #818f48;
	background: #e1e8c4;
	padding: 2px 5px; } /* contains userpic, poster, date and subject */

.comment-userpic { float: right;
	margin: 5px;}

.comment-by {}

.poster {} /* span; username*/
	.metadata { font-size: small; } /* span; ip address*/

.comment-date { font-size: small;
	color: #999;}

.comment-subject {} /* encloses h3 with subject line, if any */

.comment-subject h3 { margin: 0;
	padding: .15em 0;
	font-weight: normal;  }

.comment-content { padding-top: 1em; } /* text of the comment */

.comment-footer {} /* encloses .comment-linkbar */

.comment-linkbar {} /* surrounds the ul of links */

.comment-linkbar ul { list-style: none;
		margin-left: 0;
		padding-left: 0; }
		
	.comment-linkbar li { display: inline;
		padding: 0 .5em;
		border-left: 1px solid #000; }

li.first-cl { border-left: none; } /* class of the first li, good for styling separators with the borders */

.comment-replies { margin-left: 35px;} /* contains replies to a comment */

.collapsed-comment {} /* extra class applied to .comment when string is collapsed; contains a version of comment-footer with subject, poster and date */

.collapsed-comment .comment-footer { margin-bottom: 1em; } /* each collapsed comment line */

.collapsed-comment-link {} /*contains subject */

.replyform {} /* contains standard reply to entry form */

.quickreply_comment {} /* class of the div around the quick-reply form */

#commenttext { width: 100%;} /* the textarea of the system reply form; width 100% fixes occassional form overspill */

/* ARCHIVE VIEW */

.yearlinks {} /* list of years */

.year { list-style: none; } /* the ul */

.year li { display: inline;
		padding: .5em;} /* links to each year */

.active {} /* the li of the year currently displayed */

/* NOTE THAT EACH MONTH TABLE IS ENCLOSED IN THE SAME DIVS AS ENTRIES AND WILL TAKE THE SAME STYLING UNLESS OTHERWISE SPECIFIED. Use .lj-view-archive .entry/.entry-inner/.entry-content/.entry-body to restyle */

.yeartable { border-collapse: collapse;
	border: 1px solid #000; } /* each table of a month */

td.monthlable { text-align: left; } /* td; class of box containing name of month */

td.viewmonth { text-align: right;} /* td; class of View Subjects box */

.dayname {} /* class of tds containing names of days */

.yeartable td { border: 1px solid #000;} /* month grids */

/* MONTH VIEW; done with a definition list, unclassed */

.lj-view-month form {} /* the month selector at the top */

.lj-view-month dl { margin: .5em 1em; } /* list as a whole */

.lj-view-month dt {} /* dates */

.lj-view-month dd {} /* entry titles /*

/* DAY VIEW */

.day {} /* encloses entries in day view */

/* TAG LIST */

.ljtaglist {} /* ul that contains list of all tags */

.lj-view-tags #alpha { padding: 1em; }

/* SIDEBAR(S) */

#beta {  }  /* primary sidebar */

#beta-inner {font-size: small;
	color: #566030;}

#gamma { } /* secondary sidebar */

#gamma-inner {font-size: small;
	color: #566030; }

.module {  padding: 3px; 
	background: #92a252;
	margin: 0 8px 2em 8px;
	border: 1px solid #566030; } /* each .module also recieves class .specific-module */

.module-inner {}

.module-header { background: #e9eed3;
	border: 1px solid #566030; } /* contains h3 header of module */
	/* note: border also serves as gap-fix */
	
	.module-header h3 { margin: 0;
		padding: .15em 3px; }

.module-header a, .module-header a:visited { color: #566030; }

.module-content {}

.module-list {} /* ul */

.module-list-item {} /* li. The list list-item classes apply to all sidebar lists */

.module-about {  } /* profile */

.module-about .module-content {text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;}

.userpic {  }
	
		.userpic img { border: none; } /* to get rid of link border */
	
	.username {  } 
	
	.journalname {} /* name you list in your profile */
	
	.usersite {} /* website */

.module-customtext {} /* free text box */

.module-customtext .module-content { padding: 5px 2px; }

.module-customtext2 {} /* second free text box */

.module-viewlinks { } /* navigation links; formatted as a list */

.module-viewlinks ul { list-style: none;
		margin-left: 0;
		padding-left: 1em; }

.module-calendar {} /* div encloses an otherwise un-classed table */

.module-calendar .module-content { text-align: center; }

.module-calendar table { border: solid 1px #eee;
		border-collapse: collapse;
		font-size: x-small;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px; }
		
	.module-calendar td { border: solid 1px #eee; }
		
	.module-calendar th { color: #eee;
		font-weight: bold; } /* cells with the day names in them */

.module-typelist {} /* your link list--formatted as a list */

.module-typelist ul { list-style: none;
		margin-left: 0;
		padding-left: 1em; }

.module-categories {} /* your tags--formatted as a list */

#tag-hierarchy {} /* an extra div when you have selected "list", to allow different styling */

#tag-hierarchy ul { padding-left: 0; margin-left: 20px;}
	
		#tag-hierarchy li { }
		
		.tag-count { font-size: x-small; } /* span around the number of tags, if that option is enabled */

#tag-cloud {} /* an extra div when you have selected "cloud", to allow different styling */
	
		#tag-cloud ul { list-style: none; 
			padding-left: 0; margin-left: 0; }
		
		#tag-cloud li { float: left;
			padding: 2px 4px; }
			
		#tagclear { clear: both; } /* clearing element inside #tag-cloud */
		
.module-pagesummary { } /* the page summary--formatted as a list */

.module-pagesummary ul { margin-left: 0;
		padding-left: 20px; }

.module-layoutcredit { } /* optional credit to your layout maker */

.module-layoutcredit p { padding: 1px;
		margin: 5px 1em; } /* for formatting the actual text */

.module-syndicate {} /* syndicate note for feeds */

.module-powered {} /* powered by note */

.module-ads {} /* ads; remember the display property */

.all-link {  } /* class of the p enclosing the View All link for both tags and calendar */

/* CONTENT FOOTER */

#content-footer { clear: both;
	height: 10px; /*makes a more reliable space at bottom than margin */ } /* clearing element; falls inside page-body after both columns; use to extend backgrounds all the way down the page and keep footer from riding up */

/* PAGE FOOTER */

#page-footer {}

#page-footer-inner {}

/* ADS; the display property is your friend */

#ad-leaderboard {} /* header ads */

#ad-5linkunit {} /* footer ads */

Dear Diary

/* Cleaned CSS: */

.entry {
margin-bottom: 2em;
clear: both;
}

.entry .entryheader {
font-weight: bold;
text-align: left;
}

.entry .entryheader h3 {
font-size: 1em;
margin: 0;
padding: 0;
}

.entryheader .entryicon {
float: right;
margin-right: 1em;
}

.entryheader .entryuserpic {
float: right;
margin-top: 2em;
clear: both;
display: block;
padding: 0.5em;

display: none;
}
.page_friends .entryheader .entryuserpic {
display: block;

}

.entryheader .entryposter {
display: inline;
float:left;
margin-right: 1em;
}
.entryheader .entryposter:after {
content: ": ";
}
.entryposter img, .collapsed_entry img {
height: 14px;
width: 10px;
}

.entryheader .entrytimestamp {
display: inline;
}

.entrylinkbarpre, .entrylinkbarpost {
display: none;
}
.page_entry .entrylinkbarpre, .page_reply .entrylinkbarpre {
display: block;
float: right;
}

.entry .entrycontent {
margin: 8px;
}

.entrymeta {
list-style: none;
padding: 0;
margin: 0 0 0.5em 0;
display: block;
}
.entrymeta .entrymetacaption {
font-weight: bold;
}
.entrymeta li {
white-space: no-wrap;
}

.entry .entryfooter {
clear: both;
margin: 0;
}

.entryfooter .entrycmdlinks {
list-style: none;
vertical-align: middle;
margin: 0; padding: 0em;
white-space: no-wrap;
text-align: left;
}
.entryfooter .entrycmdlinks:before {
content: "(";
}
.entryfooter .entrycmdlinks:after {
content: ")";
}

.entrycmdlinks li {
display: inline;
}
* html .entrycmdlinks li {
margin-left: 1em;
}
.entrycmdlinks li:before {
content: " - ";
}
.entrycmdlinks li:first-child:before {
content: "";
}

.comments {
    list-style: none;
    padding: 0;
    margin-left: 50px;
}
.comments .comments {
    margin-left: 25px;
}
.comments > li {
    margin: 0;
    padding: 0;
}
.calendardaynum { text-align: right; }
.calendardaycount { text-align: center; }
.calendarday {
width: 14%;
}
.itemrange {
    list-style: none;
    padding: 0;
    margin: 0.5em;
    text-align: center;
}
.itemrange li {
    display: inline;
    margin: 0 0.25em;
}
.itemrange li a:before, .itemrange li.current:before {
    content: "[";
}
.itemrange li a:after, .itemrange li.current:after {
    content: "]";
}

body {
    background: #d891f5;
    color: #ffffff;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Garamond", "Palatino", "Palatino Linotype", serif;
    width: 100%;
    height: 100%;
}
body, td, table, th, tr {
    font-size: 14px;
}

#main a:link {
    color: #d891f5;
}
#main a:visited {
    color: #b375cd;
}
.pbox a {
    color: #ffffff;
}

#title {
    color: #ffffff;
    background-color: #8b04b2;

background-image: url(http://www.insanejournal.com/palimg/deardiary/titleimages/camouflage.png/pt8b04b2d891f5);
    background-repeat: no-repeat;
    background-position: top right;

border-bottom: 4px solid #000000;

width: 100%;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    height: 75px;
    overflow: hidden;
}
#title h1 {
    font-size: 25px;
    font-weight: bold;
    margin: 0;
    padding-top: 20px;
    padding-left: 8px;
    white-space: no-wrap;
}
#title #journal_subtitle {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-left: 8px;
    white-space: no-wrap;
}

#paraphernalia {
    position: absolute;
    left: 0;
    top: 134px;
    width: 200px;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
}
#paraphernalia h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
}
#paraphernalia .pbox {
    margin-left: 8px;
    margin-right: 8px;
}
#journalinfouserpic {
    text-align: center;
}
.pboxcontent {
    margin-left: 8px;
    margin-right: 8px;
}
.pbox dt {
    font-weight: normal;
    margin-top: 4px;
}
.pbox dd {
    padding: 0;
    margin-left: 24px;
}
.pbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pbox ul ul {
    margin-left: 24px;
}
.pbox li {
    margin: 0;
    padding: 0;
}
.pbox li.current {
    font-weight: bold;
}
.pbox p {
    margin: 8px 0;
}

#main {
    position: absolute;
    /*left: 20%;*/
    left: 200px;
    top: 134px;
    right: 0;
    margin: 0;
    background-color: #f8eefa;
    color: #000000;
    min-height: 150%;
    padding: 0 10px 0 0;
}
* html #main {
    width: 95%;
}

.day h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 5px 10px;
    background-image: url(http://www.insanejournal.com/palimg/deardiary/headinggrad.png/ptf8eefad891f5);
    background-position: bottom left;
    background-repeat: no-repeat;
    margin: 16px 0 8px 0;
    font-family: "Garamond", "Palatino", "Palatino Linotype", serif;
}

.entry {
    margin: 32px 16px 32px 26px;
}
.entryheader {
    font-size: 16px;
}
.entryheader .entrytimestampdate {
    display: none;
}
.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
    display: inline;
}

.comments .entry {
    margin-left: 0;
    margin-bottom: 8px;
}

.calendarmonth {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
    margin-bottom: 2em;
}
.calendarmonth td, .calendarmonth th {
    padding: 0.5em;
    margin: 0;
}
.calendarmonthlink {
    text-align: center;
}
.calendarmonthheader h2 {
    font-size: 16px;
    margin: 0;
}

.page_month #main form, .page_month #main dl {
    margin: 8px;
}

#server_sig {
    display: none;
}

.journallinkbar {
text-align: center;
}

Digital Multiplex

/* Cleaned CSS: */

body {
    background-color: #dedfce;

font-family: Georgia, sans-serif;
    font-size: 100%;
}
h1 {
    font-size: 2.0em;
}
p, td, blockquote { 
    font-size: 1.0em; 
}
pre, code, kbd, tt {
    font-family: monospace;
}
a {
    color: #0000ff;
}
a:active {
    color: #7979ff;
}
a:hover {
    color: #7979ff;
}
a:visited {
    color: #000088;
}

/* Title */
#top_title {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border: 1px solid #808080;
}
#journal_title {
    background-color: #ffffff;
    color: #c6c6c6;
    text-align: center;
}
#speck {
    background-color: #e1e1e1;
    border-right: 1px solid #808080;
    height: 100%;
    width: 21px;
}
.short_entry {
    font-size: .8em;
    text-align: justify;
}
.short_entry_meta {
    color: #787878;
}
.full_entry {
    background-color: #f0f0f0;
    padding: 10px;
    width: 100%;
}
.full_entry_userpic {
    font-size: .8em;
    border: 1px solid #808080;
    padding: 3px;
}
.heading_bar {
    background-color: #bdbabd;
    border: 1px solid #5f5d5f;
    color: #000000;
    margin-top: .2em;
    padding: 5px;
    width: 100%;
}

.heading_bar a {
    color: #0000ff;
}
.heading_bar a:active {
    color: #7979ff;
}
.heading_bar a:hover {
    color: #7979ff;
}
.heading_bar a:visited {
    color: #000088;
}

/* Side bars */
#sidebar {
    background-color: #bdbabd;
    border-right: 1px solid #808080;
    border-top: 1px solid #808080;
    max-width: 185px;
    text-align: center;
    width: 185px;
}

.sidebar_box {
    font-size: 0.8em;
    width: 100%;
}
.sidebar_box_contents {
    background-color: #e2e2e2;
    border-bottom: 1px solid #808080;
    border-top: 1px solid #808080;
    color: #000000;
    padding: 5px;
}
.sidebar_box_header {
    background-color: #a6a6a6;
    border-top: 1px solid #808080;
    color: #000000;
    text-align: left;
    padding: 5px;
}
#sidebar_userpic {
    text-align: center;
}
#sidebar_navigation {
    text-align: left;
}
#sidebar_linklist {
    text-align: left;
}
#sidebar_blurb {
    text-align: justify;
}
#sidebar_summary {
    text-align: left;
}
#subtitles {
    border: 1px solid #808080;
    width: 60%;
    text-align: left;
}
#sidebar_title {
    background-color: #808080;
    border-right: 1px solid #808080;
    color: #000000;
    text-align: center;
    width: 185px;
}
#main_title {
    background-color: #f7df84;
    color: #000000;
    text-align: center;
}
#main {
    border: 1px solid #808080;
    width: 60%;
}
#content {
    background-color: #ffffff;
    border-top: 1px solid #808080;
    color: #000000;
    text-align: left;
    width: 90%;
}
#top_of_page, #server_sig{
    background-color: #808080;
    border-top: 1px solid #808080;
    color: #000000;
    padding: 5px;
}
#top_of_page {
    width: 185px;
}
#server_sig {
    text-align: right;
    width: 60%;
}
#multiform_form {
    padding: 3px;
}
.calendar_day {
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    width: 14%;
}
.calendar_day .day {
    font-size: .9em;
}

Disjointed

<!--
body {
background:#FFFFFF;
}
body, table, td, div {
font-size:8pt;
font-family: "OCR A Extended", "Courier";
}
.entries {
width:85%;
margin-bottom:50px;
}
.entries td {
padding:4px;
}
.entries td.nopad {
padding:0;
}
.altposter {
background:#C0C0FF;
border:solid 2px #EEEEFF;
border-bottom:0;
font-weight:bold;
text-align:center;
color:#000000;
}
.metabox {
background:#C0C0FF;
width:50%;
border:solid 2px #EEEEFF;
font-weight:bold;
color:#000000;
}
.necorn {
background:#6666CC;
text-align:right;
font-style:italic;
border-right:solid 2px #EEEEFF;
border-top:solid 2px #EEEEFF;
color:#FFFFFF;
}
.sidepad {
width:5%
}
.entrybox {
background:#6666CC;
width:90%;
border-right:solid 2px #EEEEFF;
border-left:solid 2px #EEEEFF;
color:#FFFFFF;
}
.currbox {
width:30%;
background:#C0C0FF;
border:solid 2px #EEEEFF;
margin:3px;
float:right;
color:#000000;
}
.swcorn {
background:#6666CC;
border-left:solid 2px #EEEEFF;
border-bottom:solid 2px #EEEEFF;
color:#FFFFFF;
}
a {
text-decoration:none;
}
a:link, a:hover {
color: #000050;
}
a:visited {
color: #500050;
}
a img {
border: 0;
}
a:hover, .entrybox a:hover, a:active {
color: #FF00C0;
text-decoration: underline;
}
#secorn {
background:#6666CC;
border-right:solid 2px #EEEEFF;
border-bottom:solid 2px #EEEEFF;
width:40%;
color:#FFFFFF;
}
#navlink, #skiplink {
text-align:right;
width:60%;

}
.nav {
background:#6666CC;
border:solid 2px #EEEEFF;
border-bottom:0;
text-align:center;
color:#FFFFFF;
}
-->

Generator

Haven

/* Cleaned CSS: */

body 
{
    background-color: #8022dd;
    
    color: #ffffff;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 100%;
    margin: 0px; 
}
a
{
   color: #ffffff;
}
p, td, blockquote 
{
    font-size: 1.0em;
}
code, kbd, pre, tt
{
    font-family: monospace;
}
h1
{
    font-size: 2.0em;
}
h2
{
    font-size: 1.5em;
}
.title_navigation 
{
    border: 1px solid #1a49d5;
    width: 100%;
}
.title
{
    background-color: #1111cc;
    color: #ffffff;
    text-align: center;
    width: 40%;
}
.main_subtitle
{
    line-height: .5em;
}
.navigation
{
    background-color: #2280dd;
    color: ;
    text-align: left;
    white-space: nowrap;
}
.navigation_title
{
    width: 100%;
    border-bottom:  1px solid;
    text-align: left;
}
#sidebar
{
    font-family: "Verdana", sans-serif;
    width: 15%;
}
.sidebar_box 
{
    background-color: #ffffff;
    color: #000000;
    width: 100%;
}
.sidebar_box th 
{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    background-color: #1a49d5;
    color: #ffffff;
    text-align: center;
}
.sidebar_box td 
{
    border: 1px solid #000000;
    font-size: .85em;
    width: 100%;
}
.sidebar_box a
{
    color: #000000;
}
.tabs
{
    background-color: #491ad5;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    color: #ffffff;
    font-family: "Tahoma", sans-serif;
    margin-bottom: 0;
    padding: 1em 1em .5em 1em;
    text-decoration: none;
    width: 40%;
}
.content
{
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    font-family: "Tahoma", sans-serif;
    width: 100%;
    padding: .5em;
}
.content a
{
    color: #000000;
}
/* Box effect */
.entry, .calendar_month, .month_day, .comment_page, .replyto
{
    margin: 0.25em 0.5em 0.25em 0.5em;
    padding: 0.25em 0.5em 0.25em 0.5em;
    text-align: justify;
}
.entry .text, .calendar_month .calendar, .month_day .posts, .comment_page .comments, .replyto .text
{
    margin: 0;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #ffffff;
    padding: .5em;
}

html>body .entry .text, html>body .calendar_month .calendar, html>body .month_day .posts, html>body .comment_page .comments, html>body .replyto .text {
  border-bottom-width: 0;
}

.entry .subject, .calendar_month .header, .month_day .header, .comment_page .header, .replyto .subject
{
    border-bottom: 1px solid #000000;
    border-left: 1em solid #000000;
    font-size: 0.8em;
    margin-bottom: 0;
    padding-left: 0.8em;
}
.entry .comments, .calendar_month .subjects, .month_day .footer, .comment_page .footer, .replyto .footer
{
    border-right: 1em solid #000000;
    border-top: 1px solid #000000;
    font-size: 0.8em;
    margin-top: 0;
    padding-right: 0.8em;
    text-align: right;
}
/* Entry */
.entry .text .userpic, .replyto .text .userpic
{
    float: left;
    margin: .1em .5em .1em .5em;
}
.entry .text .clearer, .replyto .text .clearer
{
    clear: left;
    display: block; 
}
.entry .text .currents
{
    margin-top: 0;
}
/* Comments */
.comment_page .leave_comment, .selector
{
    text-align: center;
}
.comment_page .footer .pages
{
    text-align: left;
}
/* YearPage specific CSS */
.calendar
{
    width: 100%;
}
.calendar .day, .calendar .day_with_posts
{
    border: 1px solid #000;
    width: 14%;
}
.calendar .day_with_posts
{
    background-color: #2280dd;
}
.calendar .day_with_posts a
{
    display: block;
    text-decoration: none;
    width: 100%;
}
.comment_bar_one, .comment_bar_two, .comment_bar_screened
{
    width: 100%; margin-top: 1em;
}
.comment_bar_one
{
    background-color: #2280dd;
    color: #ffffff;
}
.comment_bar_two
{
    background-color: #1a49d5;
    color: #ffffff;
}
.comment_bar_screened
{
    background-color: ;
    color: ;
}
#footer
{
    background-color: #ffffff;
    color: #000000; 
    font-size: .8em;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    width: 80%;
}
#footer a
{
    color: #000000;
}

Magazine

HTML {
    border-left: 1cm solid #6666cc; 
    padding: 1cm;
}
BODY {
    line-height: 1.3;
    margin: 0;
    background-color: #ffffff;
    color: #000000;
}
P {
    margin-top: 0;
    text-align: justify;
}
H1 {
    font: x-large Verdana, sans-serif; text-align: center;
    letter-spacing: -0.09em;
    color: ;
}
H2 {
    background-color: #c0c0ff;
    color: #000000;
    border-bottom: thin solid #6666cc;
    font: normal 1.3em Georgia, serif;
}
H3 {
    color: #000000;
    font: medium sans-serif;
}
H3 SPAN {
    background-color: #eeeeff;
    border-right: thin solid #000000;
    border-bottom: thin solid #000000;
    padding-right: 0.5ex; 
}
H3 EM {
    color: #c00000;
    font-style: normal;
}
.H3Holder {
    clear: both; 
    padding-left: 2ex;
    border-left: thin solid #000000;
    border-bottom: thin solid #000000;
    margin-bottom: 1em;
}
A:link {
    color: #000050;
}
A:visited {
    color: #500050;
}
A:active { 
    color: #ff00c0;
}
.Navigation {
    text-align: center;
    font-family: sans-serif;
}
.Comment {
    font-size: 0.7em;
    margin-top: -1em;
    text-align: right;
}
.Comment, .Current {
    margin-bottom: 1em; 
    clear: right;
}
.Picture {
    border-left: thin solid #000000;
    border-top: thin solid #000000;
    float: right;
    margin: 0 0 0.5em 0.5em;
    padding: 0.2em;
}
.Picture DIV { 
    text-align: center;
}
.Active {
    background-color: #eeeeff;
}
ACRONYM {
    border-bottom: thin dashed #000000;
    cursor: help;
}
.Bottom {
    border-top: thin solid #000000;
    text-align: center;
}
.Empty {
    background-color: #eeeeff;
}
.Month {
    margin-top: 1em;
}
.MonthHeader {
    color: #000000;
    background-color: #c0c0ff ! important;
    line-height: 1.5;
}
.Month TD {
    color: #000000;
    width: 14%;
    border: thin outset;
}
.Month TH {
    background-color: #eeeeff;
    font-family: Verdana, sans-serif;
    border: thin outset;
}

Notepad

Opal

/* Cleaned CSS: */

body { 
		font-family:  sans-serif;
		background-color: #2d3851;
		margin: 10px;
	}
	
	.border4 { border: 1px solid #2d3851; }
	.border3 { border: 1px solid #bfc4cb; }
	.border2 { border: 2px solid #7c8eb6; }

#bodycontent { background-color: #7c8aa4; border: 1px solid #2d3851; padding: 3px; }
		
	#headerinfo {
		background-color: #2d3851;
		color: #ffffff;
		text-align: right;
		font-size: 10px;
		padding: 2px;
		margin-top: 1px;
	}
	#header { color: #e9f2fc; }
	#header h3 { font-weight: normal; }
	#userpic { float: right; }

.userpic2 {
		float: right;
		text-align: right;
		margin-top: 2px;
		margin-right: 3px;
	}
	
	#nav {
		white-space: nowrap;
		margin-bottom: 10px;
		font-size: 12px;
	}
	
	#nav A {
		border: 1px solid #2d3851;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		height: 20px;
		text-decoration: none;
		color: #ffffff;
		background-color: #425378;
	}
	
	#nav A:Hover { background-color: #2d3851; }	
	
	#content {
		background-color: #bfc4cb;
		border: 1px solid #a9b0b9;
		padding: 4px;
	}
	
	.columncontent { 
		background-color: #425378; 
		border: 1px solid #2d3851; 
		padding: 3px; 
		width: 200px; 
		font-size: 12px;
		color: #ffffff;
	}
	
	.columnitem {
		background-color: #a9b0b9;
		padding: 3px;
		margin-top: 5px;
		color: #333333;
		border-top: 1px solid #88919e;
		border-bottom: 1px solid #88919e;
		overflow: hidden;
	}

.entries { color: #333333; }
	
	.entrydivider {
		border-top: 1px solid #88919e;
		border-bottom: 1px solid #bfc4cb;
	}

.minicomment {
		background-color: #a9b0b9;
		padding: 4px;
		color: #333333;
		border: 1px solid #bfc4cb;
		font-size: 12px;
	}
	
	.minicommentholder { border: 1px solid #88919e; }

.entryinfo {
		background-color: #a9b0b9;
		font-size: 12px;
		padding: 4px;
		color: #333333;
	}

.postedby {
		background-color: #a9b0b9;
		padding: 6px;
		font-size: 12px;
	}

.entrylinks {
		border-bottom: 1px solid #bfc4cb;
		background-color: #a9b0b9;
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 12px;
	}
	
	.entrylinks A {
		text-decoration: none;
		padding-top: 4px;
		padding-bottom: 4px;
		white-space: nowrap;
		color: #333333;
		border-right: 1px solid #bfc4cb;
	}
	
	.entrylinks A:Hover {
		background-color: #bfc4cb;
	}

.messageholder {
		border: 1px solid #2d3851;;
		margin-bottom: 5px;
		margin-top: 5px;
	}

.systemmessage {
		background-color: #425378;
		color: #ffffff;
		border: 1px solid #7c8eb6;
		font-size: 12px;
	}
	
	.systemtext { 
		font-weight: normal;
		padding-left: 10px;
		padding-right: 10px;
	}

.systemmessage A {
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
		color: #ffffff;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	.systemmessage A:Hover {
		background-color: #2d3851;
	}

.systemmessage input, .systemmessage textarea, .systemmessage select {
		background-color: #bfc4cb;
		color: #333333;
	}

.systemmessage TD {
		padding: 4px;
		font-size: 12px;
		color: #ffffff;
	}

.entry { margin-bottom: 30px; }
	.entrytext { margin: 10px; }
	.subject { font-weight: bold; }
	
	.meta {
		font-size: 12px;
		padding: 4px;
	}

.meta A {
                text-decoration: none;
                color: ;
        }
        
        .systemmessage A:Hover {
                background-color: #2d3851;
        }

#sidecolumn TD { color: #ffffff; }

#sidecolumn A {
		text-decoration: none;
		color: #333333;
	}

.sidetd {
		width: 200px;
	}

.backtop {
		text-align: right;
	}

.backtop A {
		color: #333333;
		font-size: 12px;
		text-decoration: none;
		padding-bottom: 1px;
	}

#cal A {
		text-decoration: none; 
		color: #333333;
	}

.calrow {
		clear: both;
		font-family: Arial, sans-serif;
	}
	
	.calempty {
		width: 24px;
		font-size: 11px;
		margin: 1px;
		float: left;
	}

.calactitem {
		float: left;
		margin: 1px;
		width: 23px;
		font-size: 11px;
		text-align: center;
		background-color: #a9b0b9;
		border-right: 1px solid #425378;
		border-bottom: 1px solid #425378;
	}

.calinitem {
		float: left;
		margin: 1px;
		width: 23px;
		font-size: 11px;
		text-align: center;
		border-right: 1px solid #a9b0b9;
		border-bottom: 1px solid #a9b0b9;
	}
	
	.friendcolor {
		width: 10px;
		height: 10px;
		border: 2px solid #bfc4cb;
	}

.multiform {
		font-weight: bold;
	}

.ip {
		color: #727d8c;
	}

.friendname {
		padding: 4px;
		text-decoration: none;
		border-left: 1px solid #bfc4cb;
		border-right: 1px solid #bfc4cb;
	}

.bigday {
		font-size: 2em;
		color: #a9b0b9;
		float: left;
		font-weight: bolder;
	}

.notablemessage {
		padding: 4px;
	}

Punquin Elegant w/ Sidebar

body {
    background-color:  #6666cc;
    color:             #000000;
    font:              normal normal 10pt Verdana, Arial, Helvetica, sans-serif;
}
a {
    text-decoration:   none;
    color:             #000050;
    background:        transparent;
    font:              normal normal 10pt Verdana, Arial, Helvetica, sans-serif;
}
a:visited {
    color:             #500050;
    background:        transparent;
}
a:active {
    color:             #ff00c0;
    background:        transparent;
}
#title {
    font:              normal bold 10pt Verdana, Arial, Helvetica, sans-serif;
    color:             #8b1a1a;
    text-align:        center;
}
.date {
    font:              normal bold 12pt Verdana, Arial, Helvetica, sans-serif;
    color:             #8b1a1a;
    text-align:        right;
}
.comments {
    font:              normal normal 8pt Verdana, Arial, Helvetica, sans-serif;
}
hr.separator {
    color:             #eeeeff;
}
.siteplug {
    font:              normal normal 8pt Verdana, Arial, Helvetica, sans-serif;
}
#yearheader {
    text-align:        right;
    color:             #8b1a1a;
    font:              normal bold 12pt Verdana, Arial, Helvetica, sans-serif;
}
th.monthheader {
    color:             #8b1a1a;
}
th.daysheader {
    color:             #c00000;
}

/* Tables. Fun. */

table#main {
    border:            solid 0px #6666cc;
}
table.standard {
    border:            solid 5px #eeeeff;
    background-color:  #ffffff;
    color:             #000000;
    font:              normal normal 10pt Verdana, Arial, Helvetica, sans-serif;
}
table.standard>td {
    background-color:  #ffffff;
    color:             #000000;
}
table.standard td {
    font:              normal normal 10pt Verdana, Arial, Helvetica, sans-serif;
}

Tags:journals: css

	Read 1 Speak Link Remember Tell a Friend
	Read 1 Speak Link Remember Tell a Friend

	Comments
	Comments

	18th-Apr-2011 03:22 am (UTC)
	18th-Apr-2011 03:22 am (UTC)

love_love_diva

Thank you so much for this post! <3

	Reply Link
	Reply Link

	Leave a Comment to the Entry
	Leave a Comment to the Entry

	Code by masterslacker. Fiddled by scotchsour. This page was loaded on Apr 19th 2024, 11:46 pm GMT.