InsaneJournal and LiveJournal S2 CSS

2008-02-04T05:07:17Z

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;
}

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;
}

Quite Lickable

/* 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: right;
display: block;
padding: 3px;

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: 12px;
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: right;
}
.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: "";
}

body {
    background: #0183fd url("http://www.insanejournal.com/palimg/solid.png/pt0183fd");
    background-repeat: repeat-y;
    background-position: center;
    color: #000000;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    width: 100%;
    height: 100%;
}
body, td, table, th, tr {
    font-size: 10px;
}

#shadowhack1 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 816px;
    background-image: url(http://www.insanejournal.com/palimg/lickable/shadow-l.png/pt0183fd);
    background-position: top left;
    background-repeat: repeat-y;
    min-height: 150%;
}

#shadowhack2 {
    margin: 0;
    background-image: url(http://www.insanejournal.com/palimg/lickable/shadow-r.png/pt0183fd);
    background-position: top right;
    background-repeat: repeat-y;
    min-height: 100%;
}

#pagecontainer {
    background-color: #e3f1ff;

color: #000000;
    margin-left: 32px;
    margin-right: 32px;

border-left: 1px solid #000000;
    border-right: 1px solid #000000;

}

a:link {
    color: #0183fd;
}
a:visited {
    color: #0063c0;
}

#title {
    color: #ffffff;
    background-color: #0063c0;

border-bottom: 4px solid #000000;

font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    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;
    margin-bottom: 5px;
}

#title {
    color: #ffffff;
    background-color: #0063c0;
    background-image: url(http://www.insanejournal.com/palimg/deardiary/titleimages/wires.png/pt0063c0faf49a);
    background-repeat: no-repeat;
    background-position: top right;
    height: 75px;
}

#paraphernalia {
    float: right;
    width: 230px;
    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;
    clear: both;
}
#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 {
    margin: 0;
    min-height: 1024px;
    padding: 0 10px 0 0;
    width: 495px;
    float: left;
}
* html #main {
    height: 1024px; /* IE-only hack */
}

.day h2 {
    font-size: 14px;
    font-weight: bold;
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    margin: 10px;
}

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

.comments .entry {
    margin-left: 0;
    margin-bottom: 8px;
}
.comments .entry .entryheader {
    background: #bbddff;
}

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

#server_sig {
    font-size: 0.75em;
    text-align: center;
    clear: both;
    width: 495px;
}

div.ljtags { display: inline; }

input, textarea {
    font-family: "Tahoma", "Georgia", "Helvetica", "Arial", sans-serif;
    font-size: 10px;
}

.journallinkbar {
    text-align: center;
}

Refried Paper

/* Cleaned CSS: */

body {
  background: #ffffff none;
  color:      #666666;
  margin:     0;
  padding:    0;
}

a {
  text-decoration: none;
}

a:link {
  color:           #cc6633;
}

a:visited {
  color:           #cc6633;
}

a:active {
  color: #ff9966;
}

a:hover {
  color: #ff9966;
}

#content {
  background-color: #ffffff;
  color: #666666;
}

.entry {
  border:  hidden #000000;
}

td.body {
  padding: 20px;
}

td.title {
  color:          #666666;
  font-size:      16px;
  font-weight:    700;
  letter-spacing: .1em;
  padding:        20px;
font-family: "Verdana", "sans-serif";
}

td.links {
  font-size:   10px;
  line-height: 16px;
  padding:     8px;
font-family: "Verdana", "sans-serif";
}

.descrip {
  color:          #999966;
  font-size:      10px;
  font-weight:    700;
  letter-spacing: .2em;
  padding:        5px;
  text-transform: uppercase;
font-family: "Verdana", "sans-serif";
}

.date, .dateheader, .datecontent {
  color:       #336699;
  font-size:   12px;
  line-height: 16px;
font-family: "Georgia", "serif";
}

.dateheader {
  font-weight: bold;
}

.subhead {
  color:          #333333;
  font-size:      11px;
  font-weight:    700;
  letter-spacing: .1em;
  padding:        8px;
font-family: "Verdana", "sans-serif";
}

br, hr, li, ol, p, table, td, tr, ul {
  color:       #666666;
  font-size:   12px;
  line-height: 18px;
  text-align:  justify;
font-family: "Georgia", "serif";
}

p.links {
  color:       #666666;
  font-size:   10px;
  line-height: 12px;
font-family: "Verdana", "sans-serif";
}

.author, .time {
  color:          #336699;
  font-size:      10px;
  line-height:    16px;
  text-transform: uppercase;
font-family: "Verdana", "sans-serif";
}

#commenttext {
  width: 90%;
}

Tabular Indent

/* Tabular Indent Stylesheet */
body {
    
    background-color:  #ffffff;
}
.captionbar {
    width:             100%;
    border:            1px solid #000000;
}
.captionbar, .captionbar td {
    background-color:  #ffffff;
    color:             #000000;
}
.captionbar-userpicbox {
    border-right:      1px solid #000000;
    background-color:  #c0c0ff;
    color:             #000000;
}
body,td,p {
    font-family:       verdana, arial, helvetica, sans-serif; 
    font-size:         8pt;
}
a {
    color:             #000050;
    font-family:       verdana, arial, helvetica, sans-serif; 
    font-size:         8pt;
    text-decoration:   none;
}
a:visited {
    color:             #500050;
    font-family:       verdana, arial, helvetica, sans-serif;
    font-size:         8pt;
    text-decoration:   none; 
}
a:active {
    color:             #ff00c0;
    font-family:       verdana, arial, helvetica, sans-serif;
    font-size:         8pt;
    text-decoration:   none;
}
a:hover {
    color:             #ff00c0;
    font-family:       verdana, arial, helvetica, sans-serif; 
    font-size:         8pt;
    text-decoration:   underline;
}
h3.page-header {
    font-size:         8pt;
    font-family:       verdana, arial, helvetica, sans-serif;
    font-weight:       normal;
    background-color:  #6666cc;
    color:             #ffffff;
    padding: 6px;
    border:            1px solid #000000;
}

Unearthed

/* Cleaned CSS: */

body {
    font-size: 1em;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #000000;

font-family: "Georgia", serif;

}
#Content {
    background-color: #ffffff;
    width: 90%;
    padding: 0;

margin-right: 5%;
    margin-left: 5%

}
#Title {
    color: #ffffff;
    background-color: #336699;

background-image: url("http://www.insanejournal.com/palimg/textures/marble.png/pt336699");

}

#GlobalTitle { 
    width: 80%;
    margin-left: 20%;
    font-size: 3em; 
    margin-bottom: 0; 
    margin-top: 0; 
}
#GlobalSubtitle { 
    width: 75%; 
    margin-left: 25%; 
    font-size: .80em; 
    margin-top: 2px; 
    margin-bottom: 0; 
    font-style: italic; 
}
.overflow, .BoxContent { 
    overflow: auto;
}
#Header {

font-family: "Trebuchet MS", sans-serif;

width: 100%; 
    background-color: #6699cc; 
    color: #000000; 
    margin-bottom: 10px; 
}
.Box  {

font-family: "Georgia", sans-serif;

background-color: #c1c1c1;
    color: #000000;
    width: 100%; 
}
.BoxContents {
    background-color: #c1c1c1;
    color: #000000;
    width: 100%;
}
.DropShadow { 
    margin-bottom: 10px 
}
.BoxSideBar { 
    width: 175px; 
    height: 100%; 
    background-color: #6699cc; 
    color: #000000; 
}

.BoxSideBar table { 
    width: 175px; 
    height: 100%;
}
.BoxSidebar table a {
    background-color: #6699cc;
    color: #0000ff;
}
.BoxSidebar table a:visited {
    background-color: #6699cc;
    color: #ff00ff;
}
.BoxSideBar table th { 
    background-color: #336699; 
    color: #ffffff; 
}
.BoxSideBarContents { 
    height: 100%; 
    padding: 5px; 
}
.BoxTitle { 
    text-align: left; 
    background-color: #dddddd; 
    color: #000000; 
    padding: 5px; 
}
.BoxContents { 
    padding: 5px; 
}

.HeaderNavMenu { 
    background: #6699cc url("http://www.insanejournal.com/palimg/shadow/t.gif/pt3366996699cc") top center repeat-x; 
    width: 100%; 
    background-color: #6699cc; 
    margin: 0; 
    padding-left: 0; 
    padding-top: 5px;
}
.HeaderNavSubMenu { 
    width: 100%; 
    background-color: #dddddd;
    margin: 0; 
    padding-left: 20px; 
}
.HeaderNavMenu li, .HeaderNavSubMenu li { 
    margin-right: 10px; 
    display: inline; 
    padding-left: 5px; 
    padding-right: 5px; 
    padding-top: 5px;
}

.HeaderNavMenu li.inactive { 
    background: #93b7db url("http://www.insanejournal.com/palimg/shadow/t.gif/pt33669993b7db") top repeat-x;
    margin-right: 25px; 
    display: inline; 
}
.HeaderNavMenu li#active { 
    background: #dddddd url("http://www.insanejournal.com/palimg/shadow/t.gif/pt336699dddddd") top repeat-x;
    color: #000000;
    font-weight: bold;
    margin-right: 25px; 
    display: inline; 
}
.HeaderNavMenu li#active a {
    color: #000000;
}
.HeaderNavMenuFirst {
    margin-left: 50px; 
    padding: 0; 
    visibility: hidden; 
}
.HeaderNavMenu li { 
    color: #000000;
}
.HeaderNavMenu li a {
    color: #000000;
    text-decoration: none;
}
.HeaderNavSubMenu li { 
    color: #000000;
}
.HeaderNavSubMenu li a {
    color: #000000;
    text-decoration: none;
}
#FooterNavMenu {
    text-align: center;
    background-color: #c1c1c1;
    color: #000000;
}
#FooterNavMenu a {
    background-color: #c1c1c1;
    color: #000000;
}
#FooterNavMenu a:visited {
    background-color: #c1c1c1;
    color: #000000;
}
.CommentBarOne, .CommentBarTwo, .CommentBarScreened
{
    width: 100%; margin-top: 1em; height: 100%;
}
.CommentBarOne
{
    background-color: #dddddd;
    color: #000000;
}
.CommentBarTwo
{
    background-color: #999999;
    color: #000000;
}
.CommentBarScreened
{
    background-color: #f1f1f1;
    color: #000000;
}

#MiniCal {
    width: 175px; height: 3em;
}
.MiniCalDayPosts, .MiniCalDay
{
    text-align: center;
    font-size: .8em;
    border: 1px inset #000;
    width: 14%;
}
.MiniCalDayPosts {
    background-color: #93b7db;
}
.MiniCalDayPosts a
{
    color: #000000;
    display: block;
    text-decoration: none;
    width: 100%;
}

Variable Flow

/* Cleaned CSS: */

body {
  margin: 0;
  padding: 0;
  border: 0;
  background: #337ccd none;
  color: #000000;
    font-size: 0.75em;
}
table, tr, td, th {
  font-size: 1em;
}
.uglykludgeuserpic {
width: 100%;
margin: 0;
padding: 0;
}
#page {
  margin-left: 25%;
  margin-right: 25%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #000000;
  background: #33abcd none;

}
#title h1 {
  font-size: 1.4em;
  font-weight: bold;
  text-align: left;
  margin: 0;
}
#title #viewtitle {
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  margin: 0;
}
.navbar {
  text-align: right;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.viewspecnavbar {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}
.navbar li { display: inline; white-space: nowrap; }
.navbar li.active { display: inline; }
.navbar li:before { content: " :: "; }
.navbar li:first-child:before { content: ""; }
.viewspecnavbar li { display: inline; white-space: nowrap; }
.viewspecnavbar li.active { display: inline; }
.viewspecnavbar li:before { content: " :: "; }
.viewspecnavbar li:first-child:before { content: ""; }

#title {
  margin-top: 3em;
  margin-bottom: 0.5em;
  color: #190f57;
  background: transparent;
}
a:link { color: #261a72; background: transparent; }
a:visited { color: #190f57; background: transparent; }
a:active, a:hover { color: #261a72; background: transparent; }
.entry {
  margin-bottom: 4em;
}
.entryheading {
  font-weight: bold; font-size: 1.0em;
  float: left;
  margin-top: 0;
}
.entrylinkbar {
float: right;
}
.entrytext {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
#commentform table, #commentform textarea {
width: 100%;
}

.entry .metadata {
  margin-top: 0.5em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.entryextra {
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
}
.entryextra li {
  display: inline;
}
.entryextra li:before {
  content: " :: ";
}
.entryextra li:first-child:before {
  content: "";
}
.entryextra li.entryreadlink {
  font-weight: bold;
}
.entryextra:before { content: ".: "; }
.entryextra { text-align: right; font-size: 0.9em; }

.comments, .commentsitem {
list-style: none;
margin: 0;
padding: 0;
}
.comments {
margin-left: 20px;
}

/* IE hack - center the block with text-align! */
.calendarmonthcontainer {
    text-align: center;
}

.calendarmonth {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.calendarmonth h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}
.calendarday {
    width: 3em;
    max-width: 3em;
    height: 3em;
}

@media print {
    body, #page, a, a:link, a:visited, a:active, a:hover, #title, h2 {
        background: #ffffff;
        color: #000000;
    }
    body {
        margin-top: 1em;
        margin-bottom: 1em;
        font-size: 12pt;
        margin-left: auto;
        margin-right: auto;
        font-family: "Garamond", "Palatino", "Palatino Linotype", serif;
        max-width: 15cm;
    }
    h1, h2, h3, h4, h5, h6, #title #viewtitle {
        font-family: "Frutiger", "Frutiger Linotype", "Helvetica", sans-serif;
        page-break-after: avoid;
    }
    .entry {
        page-break-inside: avoid;
        text-align: justify;
    }
    .calendarmonth {
        page-break-inside: avoid;
    }
    #page {
        border: 0;
        margin: 0;
    }
    .navbar, .entryextra, .viewspecnavbar {
        display: none;
    }
    #title {
        display: block;
    }
    #title h1, #title #viewtitle {
        display: inline;
    }
    #title #viewtitle {
        margin-left: 2em;
        font-style: italic;
    }

}

@media projection {
    #page {
        margin: 10px;
        padding: 0;
        border: 0;
        font-size: 2em;
    }
    body {
        background: #337ccd none;
        color: #000000;
    }
    .navbar, .viewspecnavbar { display: none; }
    .entry, #title {
        page-break-after: always;
        margin: auto;
        padding: 10px;
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 10px;
        right: 10px;
        border: 1px solid #000000;
        background: #33abcd none;
    }

}

ScotchBonnet

S2 CSS Stylesheet Guides

InsaneJournal and LiveJournal S2 CSS