sиuввℓγ

Abandoned

Sat, 21 Feb 2009 14:23:07 GMT

I'm sorry I haven't made any new updates in... 4 months (eep!) PC died and since then I haven't been making anything new. Might make new stuff again one day, but right now I'm only updating my friends only journal girled. If you want to be friends there, I'll add you. It'd be cool if we had common interests. Not adding graphics-only journals.

Layout

Thu, 02 Oct 2008 02:12:21 GMT

Style: S2 Flexible Squares
Browser Compatible: Firefox & Explorer
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes

Note: Plus accounts will not look exactly the same due to adds.

1. Choose Journal Style: Apply any of those Flexible Squares themes, except the 'Circular' ones.

2. Sidebar: Your default userpic, blurb, link list and tags can appear. Calendar & page summary are disabled.

3. Custom CSS: Set all dropdown boxes to No, copy and paste the code into the Custom stylesheet textbox:

Colorful:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #FFF url(http://i147.photobucket.com/albums/r304/snubicons/layouts/bgsplash.png);
text-align: center; color: #777; font-family: trebuchet ms, sans-serif; font-size: 11px; margin-top: 20px;}
::-moz-selection {color: #777; background: #FDF2D5;}

a, a:link, a:visited {color: #F281B3; text-decoration: none;}
a:hover {color: #777; border-bottom: 1px dotted #777; text-decoartion: none;}

.clearfoot {clear: both; height: 0;}
.title, .subtitle, .clear, #sidebar_calendar, #sidebar_summary {display: none;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {width: 600px; text-align: justify; margin: auto;}
#maincontent {clear: both; margin-top: 20px;}
#sidebar {background: #FAFAFA; border: 10px solid #F5F5F5; width: auto; padding: 5px; text-align: justify;}
#footer, #header {font-family: arial; font-size: 7.5pt; letter-spacing: 1px; text-transform: uppercase; text-align: center; background: #FAFAFA; border: 10px solid #F5F5F5; color: #999; padding: 10px 5px; margin-bottom: 20px;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;}
ul.navheader, ul.navfooter {padding: 0; margin: 0;}
#header a, #footer a {color: #34B9E4;}

#sidebar_tags {clear: both;}
#sidebar_linklist {margin-bottom: 10px;}
#sidebar_linklist a {background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) center left no-repeat; padding-left: 12px; margin-right: 5px}
.tagcloud span {font-size: 11px !important; margin-right: 5px;}
li.tagcloud {list-style: none;}

ul.sbarlist {padding: 0; margin: 0;}
.sbartitle, .sbarbody {padding: 0;}
li.sbaritem {margin-right: 5px; display: inline;}
.sbarbody2 {padding: 0; margin-bottom: 10px;}
li.sbartitle {padding: 0; margin-bottom: 5px; color: #F281B3; font-family: arial; font-size: 7.5pt; letter-spacing: 1px; text-transform: uppercase; list-style: none;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}
.subcontent {background: #FAFAFA; border: 10px solid #F5F5F5; padding: 5px;}
.separator {height: 20px;}

h2 {padding-left: 20px;}
.date {text-align: right; color: #999; border-bottom: 1px dotted #999; padding-bottom: 5px;}
.datesubject {font-family: arial; font-size: 7.5pt; letter-spacing: 1px; text-transform: uppercase; margin: 10px 0;}
.subject {color: #34B9E4; margin-top: 10px;}

.entry {margin-top: 10px;}
.entry_text {margin-top: 10px;}
.entry_text img {max-width: 440px; overflow: hidden;}

.comments {font-family: arial; font-size: 7.5pt; letter-spacing: 1px; text-align: right; clear: both; margin: 10px 0; padding-top: 10px; border-top: 1px dotted #999;}
.comments a {color: #EF8B3B; text-transform: uppercase;}
.comments a:hover {color: #F3B554; border: 0;}

.currents {text-align: left; text-transform: lowercase; color: #999; font-size: 7.5pt; margin-top: 5px;}
.ljtags {font-weight: bold; text-transform: lowercase; margin-top: 10px; color: #999; font-size: 7.5pt;}
.ljtags a {font-weight: normal;}
li {list-style-type: square; list-style-image: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif);}

.userpic, .userpicfriends {position: relative; float: left; background: #F5F5F5 !important; border: 0; text-align: center; padding: 5px; margin:  0 5px 5px 0;}
.userpicfriends font {font-family: trebuchet ms; font-size: 11px; color: #777;}

/*----------------------------------------------------------------------------------------------
	TAGS PAGE
-----------------------------------------------------------------------------------------------*/
ul.ljtaglist {background: #FAFAFA; border: 10px solid #F5F5F5; margin: 0; padding: 5px 5px 5px 25px;}
h2 {background: #FAFAFA; border: 10px solid #F5F5F5; color: #34B9E4; font-family: arial; font-size: 7.5pt; letter-spacing: 1px; text-transform: uppercase; padding: 5px; font-weight: normal; margin-bottom: 20px; display: none;}

/*----------------------------------------------------------------------------------------------
	CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
ul.year li {display: inline; padding: 0 10px;}
ul.year {text-align: center; background: #FAFAFA; border: 10px solid #F5F5F5; padding: 10px 5px; font-family: arial; font-size: 7.5pt; letter-spacing: 1px; margin: 0 0 20px 0;}
table.yeartable {margin: auto; text-align: center; background: #FAFAFA; border: 10px solid #F5F5F5; padding: 4px; width: 100%;}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #FFF; border: 0;}
table.yeartable td.yearday {text-align: center; background: #FFF; border: 0;}
td.yearmonth {border: 0;}

input, textarea, select, option, button {font-family: trebuchet ms, sans-serif; font-size: 11px; color: #777; background: #FAFAFA; border: 1px solid #F5F5F5;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
.skiplinks {text-align: center; margin-bottom: 20px; background: #FAFAFA; border: 10px solid #F5F5F5; padding: 10px 5px; font-family: arial; font-size: 7.5pt; letter-spacing: 1px; text-transform: uppercase;}
#postform img {display: none;}
.box {clear: none !important; background: #FAFAFA; border: 10px solid #F5F5F5; padding: 5px; margin-bottom: 20px;}
textarea.textbox {width: 95% !important;}
.datesubjectcomment {background: #F5F5F5; color: #777; padding: 5px; margin-top: 40px;}
.userpiccomment {position: relative; top: -30px; left: 0; border: 5px solid #F5F5F5; background: #F5F5F5; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #FFF; color: #777;}
.commentreply {position: relative; margin: 10px; font-size: 11px;  font-family: trebuchet ms, sans-serif; color: #777;}
.commentbox {margin: 10px; background: #FFF;}
.commentboxpartial {margin: 10px; background: #FFF;}
.commentinfo {background: #FFF; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

/*---------------------------------------------------------------------------------------------
	TINY ICONS  [ http://famfamfam.com ]
-----------------------------------------------------------------------------------------------*/
img[src*="icon_protected.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/locked.png);}
img[src*="icon_private.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/private.png);}
img[src*="icon_groups.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/groupcustom.png);}

img[src*="btn_edit.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/pencil.png);}
img[src*="btn_del.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/delete.png);}
img[src*="btn_scr.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/locked.png);}
img[src*="btn_unscr.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/public.png);}
img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"]{display: none;}

img[src*="userinfo.gif"] {width: 0; height: 0; padding: 16px 16px 0 0 !important; background-repeat: no-repeat;
background-image: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/user.png) !important;}
img[src*="community.gif"] {width:0; height: 0; padding: 16px 16px 0 0 !important; background-repeat: no-repeat;
background-image: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/group.png) !important;}

/*----------------------------------------------------------------------------------------------
	ADD HEADER IMAGE  [ edit the width, height and header url ]
-----------------------------------------------------------------------------------------------*/
.headerimage {position: relative;  margin: auto; width: 600px; height: 0px;
background: url() no-repeat;}

Neutral:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #ECEAC4 url(http://i147.photobucket.com/albums/r304/snubicons/layouts/naturebg.png);
text-align: center; color: #777; font-family: trebuchet ms, sans-serif; font-size: 11px; margin-top: 20px;}
::-moz-selection {color: #777; background: #F1F2E0;}

a, a:link, a:visited {color: #EB6168; text-decoration: none;}
a:hover {color: #777; border-bottom: 1px dotted #777; text-decoartion: none;}

.clearfoot {clear: both; height: 0;}
.title, .subtitle, .clear, #sidebar_calendar, #sidebar_summary {display: none;}

ul.sbarlist {padding: 0; margin: 0;}
.sbartitle, .sbarbody {padding: 0;}
li.sbaritem {margin-right: 5px; display: inline;}
.sbarbody2 {padding: 0; margin-bottom: 10px;}
li.sbartitle {padding: 0; margin-bottom: 5px; color: #EB6168; font-family: arial; font-size: 7.5pt; letter-spacing: 1px; text-transform: uppercase; list-style: none;}

.entry {margin-top: 10px;}
.entry_text {margin-top: 10px;}
.entry_text img {max-width: 420px; overflow: hidden;}

.comments {font-family: arial; font-size: 7.5pt; letter-spacing: 1px; text-align: right; clear: both; margin: 10px 0; padding-top: 10px; border-top: 1px dotted #999;}
.comments a {color: #949E40; text-transform: uppercase;}
.comments a:hover {color: #BCC37F; border: 0;}

.userpic, .userpicfriends {position: relative; float: left; background: #F5F5F5 !important; border: 0; text-align: center; padding: 5px; margin: 0 5px 5px 0;}
.userpicfriends font {font-family: trebuchet ms; font-size: 11px; color: #777;}

/*----------------------------------------------------------------------------------------------
	TAGS PAGE
-----------------------------------------------------------------------------------------------*/
ul.ljtaglist {background: #FAFAFA; border: 10px solid #F5F5F5; margin: 0; padding: 5px 5px 5px 25px;}
h2 {background: #FAFAFA; border: 10px solid #F5F5F5; color: #949E40; font-family: arial; font-size: 7.5pt; letter-spacing: 1px; text-transform: uppercase; padding: 5px; font-weight: normal; margin-bottom: 20px; display: none;}

input, textarea, select, option, button {font-family: trebuchet ms, sans-serif; font-size: 11px; color: #777; background: #FAFAFA; border: 1px solid #F5F5F5;}

Adding a header
Look for url() at the end of the code. Copy/paste your graphics url in between the (brackets) and change the width/height of the header if needed.

Modifying the layout
Change as much as you like, although I would still appreciate credit for the original code.

Background images are from N&A.com
Tiny icons are from FamFamFam

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Icons

Sun, 07 Sep 2008 04:57:57 GMT

001 - 024: The Hills

The Hills

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Layout

Sat, 30 Aug 2008 14:59:07 GMT

Style: S2 Flexible Squares
Browser Compatible: Firefox & Explorer
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes

Note: Plus accounts will not look exactly the same due to adds.

1. Choose Journal Style: Apply any of those Flexible Squares themes, except the 'Circular' ones.

2. Sidebar: Customize it as you wish.

3. Custom CSS: Set all dropdown boxes to No, copy and paste the code into the Custom stylesheet textbox:

Blue / Red:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #4FA5CD url() fixed; color: #555; font-family: verdana, sans-serif; font-size: 7.5pt; text-align: center;}
::-moz-selection {color: #FFF; background: #4FA5CD;}

a, a:link, a:active, a:visited {color: #4FA5CD; text-transform: lowercase; text-decoration: none;}
a:hover {color: #4FA5CD; text-transform: lowercase; position: relative; top: 1px; left: 1px; text-decoration: none;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: #FDFDFD; width: 750px; margin: auto;}
#maincontent {background: #FDFDFD; margin-right: 200px; text-align: justify; padding: 10px;}
#sidebar {background: #F8F8F8; width: 180px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #F0432B; color: #FFF; width: auto; padding: 10px 0; text-align: center; margin: auto; clear: both; text-transform: lowercase; letter-spacing: 1pt;}
#header a, div#footer a {color: #FFF;}

.clearfoot {clear: both; height: 0;}
.title, .subtitle, .clear {display: none;}
ul.navheader, ul.navfooter {padding: 0; margin: 0;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}

.datesubject {font-size: 7pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {border-bottom: 1px solid #DDD; background: #F8F8F8; display: block; color: #F0432B; font-weight: bold;}

.currents strong, .currents, .currentlocation, .currentmood, .currentmusic {text-transform: lowercase;}
.ljtags {font-weight: bold; text-transform: lowercase; margin: 10px 0;}
.ljtags a {font-weight: normal;}

.comments {border-bottom: 1px solid #DDD; background: #F8F8F8; display: block; text-align: right; margin: 10px 0; clear: left;}
.separator {height: 15px;}

.ljtaglist {list-style-type: square;}
h2 {padding-left: 25px; font-size: 7.5pt; text-transform: uppercase;}

.userpic, .userpicfriends {position: relative; float: right; background: #F8F8F8 !important; border: 0; padding: 4px; text-align: center; margin-left: 10px;}
.userpicfriends font {font-family: verdana; font-size: 7.5pt; color: #555;}

.calendar {width: 100%; text-align: center;}
.sbarcalendar, .sbarcalendarposts {border-right: 1px solid #F8F8F8; border-bottom: 1px solid #F1F1F1;}

.sbartitle, .sbarbody, .sbarbody2 {padding: 0;}
ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {list-style: none; margin: 10px 0; text-transform: uppercase; font-size: 7.5pt; font-weight: bold;}

#sidebar_linklist a, #sidebar_tags a {display: block; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; padding-left: 15px; border-bottom: 1px solid #F1F1F1;}

/*----------------------------------------------------------------------------------------------
	CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 7.5pt; color: #555; background: #F8F8F8; border: 1px solid #DDD;}
ul.year {text-align: center; padding-bottom: 10px;}
ul.year li {display: inline; padding: 0 10px;}

table.yeartable {margin: auto; font-size: 7.5pt; width: 80%}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #F8F8F8; border: 1px solid #DDD;}
table.yeartable td.yearday {text-align: center; background: #F8F8F8; border: 1px solid #DDD;}
td.yearmonth {border: 0;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.skiplinks {text-align: center; margin: 10px 0;}
.datesubjectcomment {background: #FFF; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #F8F8F8; border: 1px solid #DDD; padding: 5px; margin: 10px 10px -20px 10px; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #F8F8F8; color: #555;}
.commentreply {position: relative; margin: 10px; font-size: 7.5pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #F8F8F8; border: 1px solid #DDD; margin: 10px;}
.commentboxpartial {background: #F8F8F8; border: 1px solid #DDD; margin: 10px;}
.commentinfo {background: #F8F8F8; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

Brown:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #EADCCC url() fixed; color: #555; font-family: verdana, sans-serif; font-size: 7.5pt; text-align: center;}
::-moz-selection {color: #FFF; background: #EADCCC;}

a, a:link, a:active, a:visited {color: #B89878; text-transform: lowercase; text-decoration: none;}
a:hover {color: #B89878; text-transform: lowercase; position: relative; top: 1px; left: 1px; text-decoration: none;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: #FDFDFD; width: 750px; margin: auto;}
#maincontent {background: #FDFDFD; margin-right: 200px; text-align: justify; padding: 10px;}
#sidebar {background: #F8F8F8; width: 180px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #B89878; color: #FFF; width: auto; padding: 10px 0; text-align: center; margin: auto; clear: both; text-transform: lowercase; letter-spacing: 1pt;}
#header a, div#footer a {color: #FFF;}

.comments {border-bottom: 1px solid #DDD; background: #F8F8F8; display: block; text-align: right; margin: 10px 0; clear: left;}
.separator {height: 15px;}

.ljtaglist {list-style-type: square;}
h2 {padding-left: 25px; font-size: 7.5pt; text-transform: uppercase;}

.calendar {width: 100%; text-align: center;}
.sbarcalendar, .sbarcalendarposts {border-right: 1px solid #F8F8F8; border-bottom: 1px solid #F1F1F1;}

/*----------------------------------------------------------------------------------------------
	CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 7.5pt; color: #555; background: #F8F8F8; border: 1px solid #DDD;}
ul.year {text-align: center; padding-bottom: 10px;}
ul.year li {display: inline; padding: 0 10px;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.skiplinks {text-align: center; margin: 10px 0;}
.datesubjectcomment {background: #FFF; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #F8F8F8; border: 1px solid #DDD; padding: 5px; margin: 10px 10px -20px 10px; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #F8F8F8; color: #555;}
.commentreply {position: relative; margin: 10px; font-size: 7.5pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #F8F8F8; border: 1px solid #DDD; margin: 10px;}
.commentboxpartial {background: #F8F8F8; border: 1px solid #DDD; margin: 10px;}
.commentinfo {background: #F8F8F8; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

Adding a background & header
Look for url() in the code, there's one at the start for the background, and one at the end for the header. Copy/paste your graphics url in between the (brackets) and change the width/height of the header if needed.

Modifying the layout
Change as much as you like, although I would still appreciate credit for the original code.

Tiny icons are from FamFamFam

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Headers

Sat, 30 Aug 2008 14:00:50 GMT

001 - 024: The O.C.
025 - 032: One Tree Hill

The O.C.

One Tree Hill

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Headers

Sat, 30 Aug 2008 07:47:19 GMT

001 - 008: Sophia Bush

Sophia Bush

View Poll: Headers

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Layout

Mon, 18 Aug 2008 04:36:36 GMT

Style: S2 Flexible Squares
Browser Compatible: Firefox & Explorer
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes

Note: Plus accounts will not look exactly the same due to adds.

1. Choose Journal Style: Apply any of those Flexible Squares themes, except the 'Circular' ones.

2. Sidebar: Customize it as you wish.

3. Custom CSS: Set all dropdown boxes to No, copy and paste the code into the Custom stylesheet textbox:

Brown / Blue:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #483D36 url() fixed; color: #666; font-family: tahoma, sans-serif; font-size: 7pt; text-align: center;}
::-moz-selection {color: #483D36; background: #F7F4EB;}

a, a:link, a:active, a:visited {color: #483D36; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #666; text-transform: lowercase; text-decoration: none; cursor: default;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {width: 750px; margin: auto;}
#maincontent {background: #EDE7D3; margin-right: 200px; text-align: justify; padding: 10px;}
#sidebar {background: #D3EDED; width: 170px; float: right; text-align: justify; margin-top: -21px; padding: 10px;}
#header, #footer {background: #D3EDED; width: auto; text-align: center; text-transform: uppercase; padding: 5px 0; margin-right: 200px;}
#header a, #footer a {text-transform: uppercase; padding: 5px;}
#lj_controlstrip {text-transform: lowercase;}

.title, .subtitle, .clearfoot, .clear {display: none;}
ul.navheader, ul.navfooter {padding: 0; margin: 0;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry {margin-top: 10px; text-align: justify;}
.entry_text img {max-width: 325px; overflow: hidden;}
.entry_text {margin-bottom: 10px;}

.date {text-transform: uppercase; margin-top: 10px;}
.subject {font-family: courier new; font-size: 15pt; font-weight: bold; letter-spacing: -1pt; color: #B8B198; text-transform: lowercase;}

.currents {text-transform: lowercase; margin-bottom: 10px;}
.ljtags {font-weight: bold; text-transform: lowercase; margin-top: 10px;}
.ljtags a {font-weight: normal;}

.comments {color: #EDE7D3; text-align: center; margin: 5px 0; clear: left;}
.comments a {text-transform: uppercase; padding: 5px;}
.separator {margin: 30px 0; border-top: 1px solid #F7F4EB;}

h2 {padding-left: 25px; font-family: courier new; font-size: 15pt; letter-spacing: -1pt; color: #B8B198; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}

.userpic, .userpicfriends {position: relative; float: left; background: #F7F4EB !important; border: 0; text-align: center; padding: 5px; margin: 0 10px 10px 0;}
.userpicfriends font {font-family: tahoma; font-size: 7pt; color: #483D36;}

.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #F7F4EB; border: 1px solid #F7F4EB;}

.sbartitle, .sbarbody, .sbarbody2 {padding: 0;}
ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {list-style: none; margin: 10px 0; font-family: courier new; font-size: 13pt; font-weight: bold; letter-spacing: -1pt; text-transform: lowercase;}
li.view {text-transform: uppercase;}

/*----------------------------------------------------------------------------------------------
	CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: tahoma; font-size: 7pt; color: #483D36; background: #F7F4EB; border: 1px solid #F7F4EB;}
ul.year {text-align: center; padding-bottom: 10px;}
ul.year li {display: inline; padding: 0 10px;}

table.yeartable {margin: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #F7F4EB; padding: 5px;}
table.yeartable td.yearday {background: #B8B198; padding: 5px; text-align: center;}
td.yearmonth {border: 0;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
.skiplinks {text-align: center; margin: 10px 0;}
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.datesubjectcomment {background: #B8B198; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #F7F4EB; border: 1px solid #F7F4EB; padding: 5px; margin: 10px 10px -20px 10px; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #F7F4EB; color: #666;}
.commentreply {position: relative; margin: 10px; font-size: 7pt; font-family: tahoma, sans-serif; color: #666;}
.commentbox {background: #F7F4EB; border: 1px solid #F7F4EB; margin: 10px;}
.commentboxpartial {background: #F7F4EB; border: 1px solid #F7F4EB; margin: 10px;}
.commentinfo {background: #F7F4EB; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

/*----------------------------------------------------------------------------------------------
	TINY ICONS  [ http://famfamfam.com ]
-----------------------------------------------------------------------------------------------*/
img[src*="icon_protected.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/locked.png);}
img[src*="icon_private.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/private.png);}
img[src*="icon_groups.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/groupcustom.png);}

Rose:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #6D6163 url() fixed; color: #666; font-family: tahoma, sans-serif; font-size: 7pt; text-align: center;}
::-moz-selection {color: #6D6163; background: #FDFDFD;}

a, a:link, a:active, a:visited {color: #6D6163; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #666; text-transform: lowercase; text-decoration: none; cursor: default;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {width: 750px; margin: auto;}
#maincontent {background: #F7EBED; margin-right: 200px; text-align: justify; padding: 10px;}
#sidebar {background: #E9C9CE; width: 170px; float: right; text-align: justify; margin-top: -21px; padding: 10px;}
#header, #footer {background: #E9C9CE; width: auto; text-align: center; text-transform: uppercase; padding: 5px 0; margin-right: 200px;}
#header a, #footer a {text-transform: uppercase; padding: 5px;}
#lj_controlstrip {text-transform: lowercase;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry {margin-top: 10px; text-align: justify;}
.entry_text img {max-width: 325px; overflow: hidden;}
.entry_text {margin-bottom: 10px;}

.date {text-transform: uppercase; margin-top: 10px;}
.subject {font-family: courier new; font-size: 15pt; font-weight: bold; letter-spacing: -1pt; color: #DBABB3; text-transform: lowercase;}

.currents {text-transform: lowercase; margin-bottom: 10px;}
.ljtags {font-weight: bold; text-transform: lowercase; margin-top: 10px;}
.ljtags a {font-weight: normal;}

.comments {color: #F7EBED; text-align: center; margin: 5px 0; clear: left;}
.comments a {text-transform: uppercase; padding: 5px;}
.separator {margin: 30px 0; border-top: 1px solid #FDFDFD;}

h2 {padding-left: 25px; font-family: courier new; font-size: 15pt; letter-spacing: -1pt; color: #DBABB3; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}

.userpic, .userpicfriends {position: relative; float: left; background: #FAEDEC !important; border: 0; text-align: center; padding: 5px; margin: 0 10px 10px 0;}
.userpicfriends font {font-family: tahoma; font-size: 7pt; color: #6D6163;}

.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #FAEDEC; border: 1px solid #FAEDEC;}

/*----------------------------------------------------------------------------------------------
	CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: tahoma; font-size: 7pt; color: #6D6163; background: #FDFDFD; border: 1px solid #FDFDFD;}
ul.year {text-align: center; padding-bottom: 10px;}
ul.year li {display: inline; padding: 0 10px;}

table.yeartable {margin: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #FDFDFD; padding: 5px;}
table.yeartable td.yearday {background: #E9C9CE; padding: 5px; text-align: center;}
td.yearmonth {border: 0;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
.skiplinks {text-align: center; margin: 10px 0;}
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.datesubjectcomment {background: #E9C9CE; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #FAEDEC; border: 1px solid #FAEDEC; padding: 5px; margin: 10px 10px -20px 10px; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #FAEDEC; color: #666;}
.commentreply {position: relative; margin: 10px; font-size: 7pt; font-family: tahoma, sans-serif; color: #666;}
.commentbox {background: #FAEDEC; border: 1px solid #FAEDEC; margin: 10px;}
.commentboxpartial {background: #FAEDEC; border: 1px solid #FAEDEC; margin: 10px;}
.commentinfo {background: #FAEDEC; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

Icons

Mon, 11 Aug 2008 11:07:14 GMT

001 - 040: The OC
041 - 050: Laguna Beach

The O.C.

Laguna Beach

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Icons

Sat, 09 Aug 2008 05:38:42 GMT

001 - 020: Laguna Beach Cast
- mainly Jessica but also including Lauren, Alex M, Dieter & Kristin + Alex H

Laguna Beach Cast

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Headers

Sat, 19 Jul 2008 05:55:36 GMT

001 - 004: The Hills
005 - 007: Laguna Beach
008 - 010: One Tree Hill

The Hills

Laguna Beach

One Tree Hill

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Screencaps

Fri, 18 Jul 2008 11:05:36 GMT

The Hills - Season 1
Episodes 6 - 10 // 100 caps

WARNING: image heavy - may take a while to load.

Episode 6: Boyfriends & Work Don't Mix

Episode 7: Somebody Always Has To Cry

Episode 8: You Can't Just Be With Me?

Episode 9: Love Is Not A Maybe Thing

Episode 10: Timing Is Everything

Icons

Fri, 18 Jul 2008 07:51:56 GMT

001 - 049: Requests
050 - 054: The OC
051 - 064: The Hills

Requests

The O.C.

The Hills

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Requests

Tue, 15 Jul 2008 10:50:04 GMT

2 icons per person. Give a subject or specific pictures. No guarantees that you'll like them ;) If you're leaving pictures, please make sure they're decent quality.

Maximum 25 requests.

Layout

Mon, 14 Jul 2008 10:43:44 GMT

Style: S2 Flexible Squares
Browser Compatible: Firefox & Explorer
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes

Note: Plus accounts will not look exactly the same due to adds.

1. Choose Journal Style: Apply any of those Flexible Squares themes, except the 'Circular' ones.

2. Sidebar: Your default userpic, blurb and link list will appear.

3. Custom CSS: Set all dropdown boxes to No, copy and paste the code into the Custom stylesheet textbox:

Blue:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #8DDFEA url(http://i147.photobucket.com/albums/r304/snubicons/layouts/blueswirlbg.png) fixed; text-align: center;
color: #FFF; font-family: verdana, sans-serif; font-size: 10px;}
::-moz-selection {color: #FFF; background: #37C6D7;}

a, a:link, a:visited {color: #D0F3F8; text-decoration: none;}
a:hover {color: #FFF; border-bottom: 1px dotted #FFF; text-decoartion: none;}

#lj_controlstrip {text-transform: lowercase;}
.title, .subtitle, #sidebar_summary, #sidebar_calendar, #sidebar_tags, .clearfoot, .clear {display: none;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {width: 600px; text-align: justify; margin: auto;}
#maincontent {background: #57D4E2; border: 1px dotted #FFF; clear: both;}
#footer {text-align: left; font-weight: bold; text-transform: uppercase;}
#header {text-align: right; font-weight: bold; text-transform: uppercase;}
ul.navheader li, ul.navfooter li {display: inline; background: #57D4E2; padding: 10px;}
ul.navheader li:hover, ul.navfooter li:hover {display: inline; padding: 10px;}
ul.navheader, ul.navfooter {padding: 0; margin: 10px 0;}
#header a, #footer a {color: #FFF}

/*----------------------------------------------------------------------------------------------
	SIDEBAR
-----------------------------------------------------------------------------------------------*/
.defaultuserpic a:hover {border: 0}
.defaultuserpic {position: relative; float: left; background: #8DDFEA; border: 1px solid #FFF; padding: 5px; margin-right: 5px;}
#sidebar {background: #57D4E2; border-top: 1px dotted #FFF; border-left: 1px dotted #FFF; border-right: 1px dotted #FFF; width: auto; padding: 10px;}

.sbartitle, .sbarbody, .sbarbody2 {padding: 0;}
.sbarcalendar, .sbarcalendarposts {text-align: center;}

ul.sbarlist {padding: 0; margin: 0;}
li.sbaritem {padding-left: 10px; display: inline;}
li.sbartitle {padding: 0; margin: 10px 0; color: #D0F3F8; font-family: courier new; font-size: 14pt; font-weight: bold; text-transform: uppercase; list-style: none;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}
.subcontent {padding: 10px; margin: 10px 0;}
.separator {height: 15px;}

h2 {padding-left: 20px;}
.datesubject {text-align: left; text-transform: uppercase; font-weight: bold; margin: 10px 0;}
.subject, h2 {color: #D0F3F8; text-transform: uppercase; font-family: courier new; font-size: 14pt;}

.entry_text {margin: 10px 0;}
.entry_text img {max-width: 420px; overflow: hidden;}

.currents {text-align: left; text-transform: lowercase;}

.comments {text-align: right; clear: both;}
.comments a {text-transform: lowercase;}

.ljtags {font-weight:bold; text-transform: lowercase; margin: 10px 0;}
li {list-style-type: square; list-style-image: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/whitearrow.gif);}

.userpic, .userpicfriends {position: relative; float: left; background: #8DDFEA !important; border: 1px solid #FFF;
font-family: verdana; font-size: 10px; text-align: center; padding: 5px; margin-right: 5px;}

/*----------------------------------------------------------------------------------------------
	CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
ul.year li {display: inline; padding: 0 10px;}
ul.year {text-align: center; padding-bottom: 10px;}
table.yeartable {margin: auto;}
td.yearmonth {border: 0;}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #8DDFEA; border: 0;}
table.yeartable td.yearday {text-align: center; background: #8DDFEA; border: 0;}

input, textarea, select, option, button {font-family: verdana, sans-serif; font-size: 10px; color: #FFF; background: #8DDFEA; border: 1px solid #FFF;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
.skiplinks {text-align: center;}
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.datesubjectcomment {background: #57D4E2; color: #FFF; padding: 5px; margin-top: 40px;}
.userpiccomment {position: relative; top: -30px; left: 0; border: 5px solid #7FDAE5; background: #7FDAE5; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #7FDAE5; color: #FFF;}
.commentreply {position: relative; margin: 10px; font-size: 10px;  font-family: verdana, sans-serif; color: #FFF;}
.commentbox {margin: 10px; background: #7FDAE5;}
.commentboxpartial {margin: 10px; background: #7FDAE5;}
.commentinfo {background: #7FDAE5; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

Purple:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #F5C0F8 url(http://i147.photobucket.com/albums/r304/snubicons/layouts/purpleswirlbg.png) fixed; text-align: center;
color: #FFF; font-family: verdana, sans-serif; font-size: 10px;}
::-moz-selection {color: #E061EB; background: #F9E1FB;}

a, a:link, a:visited {color: #E061EB; text-decoration: none;}
a:hover {color: #FFF; border-bottom: 1px dotted #FFF; text-decoartion: none;}

#lj_controlstrip {text-transform: lowercase;}
.title, .subtitle, #sidebar_summary, #sidebar_calendar, #sidebar_tags, .clearfoot, .clear {display: none;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {width: 600px; text-align: justify; margin: auto;}
#maincontent {background: #ECB1F1; border: 1px dotted #FFF; clear: both;}
#footer {text-align: left; font-weight: bold; text-transform: uppercase;}
#header {text-align: right; font-weight: bold; text-transform: uppercase;}
ul.navheader li, ul.navfooter li {display: inline; background: #ECB1F1; padding: 10px;}
ul.navheader li:hover, ul.navfooter li:hover {display: inline; padding: 10px;}
ul.navheader, ul.navfooter {padding: 0; margin: 10px 0;}
#header a, #footer a {color: #FFF}

/*----------------------------------------------------------------------------------------------
	SIDEBAR
-----------------------------------------------------------------------------------------------*/
.defaultuserpic a:hover {border: 0}
.defaultuserpic {position: relative; float: left; background: #F1CBF5; border: 1px solid #FFF; padding: 5px; margin-right: 5px;}
#sidebar {background: #ECB1F1; border-top: 1px dotted #FFF; border-left: 1px dotted #FFF; border-right: 1px dotted #FFF; width: auto; padding: 10px;}

.sbartitle, .sbarbody, .sbarbody2 {padding: 0;}
.sbarcalendar, .sbarcalendarposts {text-align: center;}

ul.sbarlist {padding: 0; margin: 0;}
li.sbaritem {padding-left: 10px; display: inline;}
li.sbartitle {padding: 0; margin: 10px 0; color: #E061EB; font-family: courier new; font-size: 14pt; font-weight: bold; text-transform: uppercase; list-style: none;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}
.subcontent {padding: 10px; margin: 10px 0;}
.separator {height: 15px;}

h2 {padding-left: 20px;}
.datesubject {text-align: left; text-transform: uppercase; font-weight: bold; margin: 10px 0;}
.subject, h2 {color: #E061EB; text-transform: uppercase; font-family: courier new; font-size: 14pt;}

.entry_text {margin: 10px 0;}
.entry_text img {max-width: 420px; overflow: hidden;}

.currents {text-align: left; text-transform: lowercase;}

.comments {text-align: right; clear: both;}
.comments a {text-transform: lowercase;}

.ljtags {font-weight:bold; text-transform: lowercase; margin: 10px 0;}
li {list-style-type: square; list-style-image: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/whitearrow.gif);}

.userpic, .userpicfriends {position: relative; float: left; background:  #F1CBF5 !important; border: 1px solid #FFF;
font-family: verdana; font-size: 10px; text-align: center; padding: 5px; margin-right: 5px;}

/*----------------------------------------------------------------------------------------------
	CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
ul.year li {display: inline; padding: 0 10px;}
ul.year {text-align: center; padding-bottom: 10px;}
table.yeartable {margin: auto;}
td.yearmonth {border: 0;}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #F1CBF5; border: 0;}
table.yeartable td.yearday {text-align: center; background: #F1CBF5; border: 0;}

input, textarea, select, option, button {font-family: verdana, sans-serif; font-size: 10px; color: #FFF; background: #F1CBF5; border: 1px solid #FFF;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
.skiplinks {text-align: center;}
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.datesubjectcomment {background: #ECB1F1; color: #FFF; padding: 5px; margin-top: 40px;}
.userpiccomment {position: relative; top: -30px; left: 0; border: 5px solid #EFC2F4; background: #EFC2F4; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #EFC2F4; color: #FFF;}
.commentreply {position: relative; margin: 10px; font-size: 10px;  font-family: verdana, sans-serif; color: #FFF;}
.commentbox {margin: 10px; background: #EFC2F4;}
.commentboxpartial {margin: 10px; background: #EFC2F4;}
.commentinfo {background: #EFC2F4; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

Adding a header
Look at the end of the code & find url(). Copy/paste your graphics url in between the (brackets) and change the width/height of the header if needed.

Modifying the layout
Change as much as you like, although I would still appreciate credit for the original code.

Tiny icons are from FamFamFam

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Icons

Sat, 28 Jun 2008 12:50:54 GMT

001 - 050: Laguna Beach
plus one header of Lauren & Stephanie (The Hills)

Laguna Beach

Lauren / Stephanie Header (The Hills)

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Headers

Wed, 23 Apr 2008 10:52:05 GMT

001 - 002: Blake Lively
003 - 004: Gossip Girl
005 - 005: Mischa Barton
006 - 008: One Tree Hill
009 - 009: Jessica Simpson
010 - 010: Sex & The City

Gossip Girl

Mischa Barton

One Tree Hill

Jessica Simpson
Jessica Simpson, Sex and the City

Sex & The City

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Icons

Sun, 03 Feb 2008 22:51:30 GMT

001 - 030: One Tree Hill
031 - 035: Friday Night Lights

One Tree Hill

Friday Night Lights

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Layout

Fri, 28 Dec 2007 09:46:27 GMT

Style: S2 Flexible Squares
Browser Compatible: Firefox & Explorer
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes

Note: Plus accounts will not look exactly the same due to adds.

1. Choose Journal Style: Apply any of those Flexible Squares themes, except the 'Circular' ones.

2. Sidebar: Customize it as you wish.

3. Custom CSS: Set all dropdown boxes to 'No', copy and paste the code into the Custom stylesheet textbox:

Lux (The Virgin Suicides):

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #FCF9E6 url() fixed; text-align: center; color: #9A9A9A; font-family: arial, sans-serif; font-size: 11px;}
::-moz-selection {color: #9A9A9A; background: #FCF9E6;}

a, a:link, a:visited {color: #E1C08D; text-decoration: none; font-weight: bold; cursor: crosshair;}
a:hover {color: #C2D09B; font-weight: bold; cursor: crosshair;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#header, #footer {background: #FFFFFD; padding: 8px; text-align: center; text-transform: uppercase; font-size: 10px;}
ul.navheader, ul.navfooter {padding: 0; margin: 0;}
ul.navheader li, ul.navfooter li {display: inline; padding: 10px;}

#content {width: 630px; text-align: justify; background: #FFFFFD; margin: auto; padding: 10px;}
#maincontent {margin-right: 190px; margin-top: 20px;}
#sidebar {width: 160px; float: right; margin-top: 20px; border-left: 1px dashed #FBEECC; padding-left: 10px;}
#lj_controlstrip {text-transform: lowercase;}

.title, .subtitle, .clearfoot, .clear {display: none;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry_text img {max-width: 300px; overflow: hidden;}
.datesubject {margin: 10px 0; text-transform: uppercase; font-size: 10px;}
.subject {color: #E1C08D;}

.currents {text-align: left; text-transform: lowercase;}
.ljtags {padding-top: 10px; font-weight: bold; text-transform: lowercase;}
h2 {padding-left: 25px; text-align: left; font-size: 10px; text-transform: uppercase; font-weight: normal;}
.ljtaglist {list-style-type: square;} 
.comments {text-align: right; clear: left;}
.comments a {text-transform: lowercase;}
.separator {height: 10px;}

.userpic, .userpicfriends {position: relative; float: right; margin-left: 10px; text-align: center; color: #E1C08D; background-color: #FFFFFD !important;
border: 1px solid #E1DFDF; font-family: arial; font-size: 11px; padding: 3px;}

.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #F8F8F8; border: 1px solid #E1DFDF;}

.sbartitle, .sbarbody, .sbarbody2 {padding: 0px; margin-bottom: 15px;}

ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {padding: 0; list-style: none; margin-bottom: 10px; text-transform: uppercase; font-size: 10px;}

table.yeartable {margin: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #E1DFDF; background: #F8F8F8;}
table.yeartable td.yearday {text-align: center; border: 1px solid #E1DFDF; background: #F8F8F8;}
td.yearmonth {border: 0;}

input, textarea, option, button, select {font-family: arial, sans-serif; background: #F8F8F8; border: 1px solid #E1DFDF; font-size: 11px; color: #9A9A9A; padding: 1px;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
.skiplinks {text-align: center;}
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.datesubjectcomment {background: #FFFFFD; color: #9A9A9A; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0px; border: 5px solid #FFFFFD; background: #FFFFFD; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left;}
.box {border-style: solid; border-width: 1px 0px 0px 0px; border: #FCF9E6; padding: 10px; clear: left; clear: none !important;} 
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #FDFDFD; color: #9A9A9A;}
.commentreply {position: relative; margin: 10px; font-size: 11px;  font-family: arial, sans-serif; color: #9A9A9A;}
.commentbox {border: 1px solid #FCF9E6; margin: 10px; background: #FDFDFD;}
.commentboxpartial {border: 1px solid #FCF9E6; margin: 10px; background: #FDFDFD;}
.commentinfo {background: #FDFDFD; margin-top: 10px; width: 100%;} 
.replytosubject {font-weight: bold;}

Lolita:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #E6F0FC url() fixed; text-align: center; color: #9A9A9A; font-family: arial, sans-serif; font-size: 11px;}
::-moz-selection {color: #9A9A9A; background: #E6F0FC;}

a, a:link, a:visited {color: #B3C6E5; text-decoration: none; font-weight: bold; cursor: crosshair;}
a:hover {color: #A3C8FF; font-weight: bold; cursor: crosshair;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#header, #footer {background: #FFFFFD; padding: 8px; text-align: center; text-transform: uppercase; font-size: 10px;}
ul.navheader, ul.navfooter {padding: 0; margin: 0;}
ul.navheader li, ul.navfooter li {display: inline; padding: 10px;}

#content {width: 630px; text-align: justify; background: #FFFFFD; margin: auto; padding: 10px;}
#maincontent {margin-right: 190px; margin-top: 20px;}
#sidebar {width: 160px; float: right; margin-top: 20px; border-left: 1px dashed #B3C6E5; padding-left: 10px;}
#lj_controlstrip {text-transform: lowercase;}

.title, .subtitle, .clearfoot, .clear {display: none;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry_text img {max-width: 300px; overflow: hidden;}
.datesubject {margin: 10px 0; text-transform: uppercase; font-size: 10px;}
.subject {color: #B3C6E5;}

.userpic, .userpicfriends {position: relative; float: right; margin-left: 10px; text-align: center; color: #B3C6E5; background-color: #FFFFFD !important;
border: 1px solid #E1DFDF; font-family: arial; font-size: 11px; padding: 3px;}

.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #F8F8F8; border: 1px solid #E1DFDF;}

.sbartitle, .sbarbody, .sbarbody2 {padding: 0px; margin-bottom: 15px;}

ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {padding: 0; list-style: none; margin-bottom: 10px; text-transform: uppercase; font-size: 10px;}

input, textarea, option, button, select {font-family: arial, sans-serif; background: #F8F8F8; border: 1px solid #E1DFDF; font-size: 11px; color: #9A9A9A; padding: 1px;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
.skiplinks {text-align: center;}
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.datesubjectcomment {background: #FFFFFD; color: #9A9A9A; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0px; border: 5px solid #FFFFFD; background: #FFFFFD; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left;}
.box {border-style: solid; border-width: 1px 0px 0px 0px; border: #E6F0FC; padding: 10px; clear: left; clear: none !important;} 
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #FDFDFD; color: #9A9A9A;}
.commentreply {position: relative; margin: 10px; font-size: 11px;  font-family: arial, sans-serif; color: #9A9A9A;}
.commentbox {border: 1px solid #E6F0FC; margin: 10px; background: #FDFDFD;}
.commentboxpartial {border: 1px solid #E6F0FC; margin: 10px; background: #FDFDFD;}
.commentinfo {background: #FDFDFD; margin-top: 10px; width: 100%;} 
.replytosubject {font-weight: bold;}

Adding a background
Look for url() at the start of the code. Copy/paste your graphics url in between the (brackets).

Modifying the layout
Change as much as you like, although I would still appreciate credit for the original code.

Tiny icons are from FamFamFam

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Layout

Sun, 09 Dec 2007 03:15:50 GMT

Style: S2 Flexible Squares
Browser Compatible: Firefox & Explorer
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes

Note: Plus accounts will not look exactly the same due to adds.

1. Choose Journal Style: Apply any of those Flexible Squares themes, except the 'Circular' ones.

2. Sidebar: Customize it as you wish.

3. Custom CSS: Set all dropdown boxes to 'No', copy and paste the code into the Custom stylesheet textbox:

Light:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #EEE url() fixed; text-align: center; color: #999; font-family: tahoma, sans-serif; font-size: 7pt; margin-top: 10px;}
::-moz-selection {color: #999; background: #EEE;}

a, a:link, a:visited {color: #7BD042; text-decoration: none;}
a:hover {color: #999;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {width: 650px; text-align: justify; margin: auto;}
#maincontent {margin-left: 160px; background: #F3F3F3; border: 1px solid #E1DFDF; padding: 10px;}
#sidebar {width: 140px; float: left; background: #F3F3F3; border: 1px solid #E1DFDF; padding: 5px;}
#header, #footer {background: #F3F3F3; border: 1px solid #E1DFDF; padding: 8px; margin: 10px 0; text-align: center; font-weight: bold; text-transform: uppercase;}

ul.navheader, ul.navfooter {padding: 0; margin: 0;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}

.title, .subtitle, .clearfoot, .clear {display: none;}
#lj_controlstrip {text-transform: lowercase;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.datesubject {text-transform: uppercase; font-weight: bold;}
.subject {color: #7BD042;}

.entry_text img {max-width: 350px; overflow: hidden;}
.entry_text {margin: 10px 0;}
.separator {height: 20px;}

.currents {text-transform: lowercase;}
.ljtags {padding-top: 10px; font-weight: bold; text-transform: lowercase;}
h2 {padding-left: 30px; text-align: left; font-size: 7pt; text-transform: uppercase;}
.ljtaglist {list-style-type: square;}

.comments {text-align: right; clear: right;}
.comments a {text-transform: lowercase;}

.userpic {position: relative; float: right; background: #F3F3F3; margin-left: 10px; border: 1px solid #E1DFDF;}
.userpicfriends {position: relative; float: right; margin-left: 10px; text-align: center; color: #7BD042; background-color: #FFF !important;
font-family: tahoma, sans-serif; font-size: 7pt; padding: 3px; z-index: 15;}

.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #EEE;}

.sbartitle, .sbarbody, .sbarbody2 {padding: 0 5px;}

ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {padding: 0; list-style: none; margin: 10px 0; text-transform: uppercase; font-weight: bold;}

table.yeartable {margin: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #EEE;}
table.yeartable td.yearday {background: #EEE; text-align: center;}
td.yearmonth {border-style: none;}

input, textarea, option, button, select {font-family: tahoma, sans-serif; background: #FFF; border: 1px solid #F3F3F3; font-size: 7pt; color: #999; padding: 1px;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
.skiplinks {text-align: center; margin: 10px 0;}
#postform img {display: none;}
textarea.textbox {width: 95% !important;}
.box {border: 0; padding: 10px; clear: none !important;}
.datesubjectcomment {background: #F3F3F3; color: #999; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0px; border: 5px solid #F3F3F3; background: #F3F3F3; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #FFF; color: #999;}
.commentreply {position: relative; margin: 10px; font-size: 7pt;  font-family: tahoma, sans-serif; color: #999;}
.commentbox {border: 1px solid #F3F3F3; margin: 10px; background: #FFF;}
.commentboxpartial {border: 1px solid #F3F3F3; margin: 10px; background: #FFF;}
.commentinfo {background: #FFF; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

Dark:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #222 url() fixed; text-align: center; color: #999; font-family: tahoma, sans-serif; font-size: 7pt; margin-top: 10px;}
::-moz-selection {color: #999; background: #222;}

a, a:link, a:visited {color: #7DE8FF; text-decoration: none;}
a:hover {color: #FFF;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {width: 650px; text-align: justify; margin: auto;}
#maincontent {margin-left: 160px; background: #2E2E2E; border: 1px solid #3C3C3C; padding: 10px;}
#sidebar {width: 140px; float: left; background: #2E2E2E; border: 1px solid #3C3C3C; padding: 5px;}
#header, #footer {background: #2E2E2E; border: 1px solid #3C3C3C; padding: 8px; margin: 10px 0; text-align: center; font-weight: bold; text-transform: uppercase;}

ul.navheader, ul.navfooter {padding: 0; margin: 0;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}

.title, .subtitle, .clearfoot, .clear {display: none;}
#lj_controlstrip {text-transform: lowercase;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.datesubject {text-transform: uppercase; font-weight: bold;}
.subject {color: #7DE8FF;}

.entry_text img {max-width: 350px; overflow: hidden;}
.entry_text {margin: 10px 0;}
.separator {height: 20px;}

.comments {text-align: right; clear: right;}
.comments a {text-transform: lowercase;}

.userpic {position: relative; float: right; background: #2E2E2E; margin-left: 10px; border: 1px solid #3C3C3C;}
.userpicfriends {position: relative; float: right; margin-left: 10px; text-align: center; color: #7DE8FF; background-color: #3A3A3A !important;
font-family: tahoma, sans-serif; font-size: 7pt; padding: 3px; z-index: 15;}

/*----------------------------------------------------------------------------------------------
	SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {border: 1px solid #3C3C3C;}

.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #333;}

.sbartitle, .sbarbody, .sbarbody2 {padding: 0 5px;}

ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {padding: 0; list-style: none; margin: 10px 0; text-transform: uppercase; font-weight: bold;}

table.yeartable {margin: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #333;}
table.yeartable td.yearday {background: #333; text-align: center;}
td.yearmonth {border-style: none;}

input, textarea, option, button, select {font-family: tahoma, sans-serif; background: #3A3A3A; border: 1px solid #2E2E2E; font-size: 7pt; color: #999; padding: 1px;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
.skiplinks {text-align: center; margin: 10px 0;}
#postform img {display: none;}
textarea.textbox {width: 95% !important;}
.box {border: 0; padding: 10px; clear: none !important;}
.datesubjectcomment {background: #2E2E2E; color: #999; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0px; border: 5px solid #2E2E2E; background: #2E2E2E; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #3A3A3A; color: #999;}
.commentreply {position: relative; margin: 10px; font-size: 7pt;  font-family: tahoma, sans-serif; color: #999;}
.commentbox {border: 1px solid #2E2E2E; margin: 10px; background: #3A3A3A;}
.commentboxpartial {border: 1px solid #2E2E2E; margin: 10px; background: #3A3A3A;}
.commentinfo {background: #3A3A3A; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

Layout

Mon, 26 Nov 2007 00:31:41 GMT

Style: S2 Flexible Squares
Browser Compatible: Firefox & Explorer
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes

Note: Plus accounts will not look exactly the same due to adds.

1. Choose Journal Style: Apply any of those Flexible Squares themes, except the 'Circular' ones.

2. Sidebar: Customize it as you wish.

3. Custom CSS: Set all dropdown boxes to 'No', copy and paste the code into the Custom stylesheet textbox:

Purple:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #4E183E url() fixed; color: #FFF; text-align: center; font-family: arial, sans-serif; font-size: 9pt;}
::-moz-selection {color: #FE82CE; background: #FAFAFA;}

a, a:link, a:visited {color: #FE82CE; text-transform: lowercase; text-decoration: none; font-weight: bold;}
a:hover {color: #FFC1E7; text-transform: lowercase; text-decoration: none; font-weight: bold;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#footer {width: auto; border-top: 10px solid #955181; padding-top: 10px; text-align: center; font-weight: bold; clear: both; text-transform: lowercase;}
#header {width: auto; border-bottom: 10px solid #955181; padding-bottom: 10px; text-align: center; font-weight: bold; text-transform: lowercase; margin-bottom: 20px;}
#sidebar {width: 150px; float: left; background: #955181; padding-top: 10px;}
#content {width: 650px; margin: auto; text-align: justify;}
#maincontent {margin-left: 160px;}

ul.navfooter {padding: 0; margin: 0;}
ul.navfooter li {display: inline; margin: 0 5px;}

ul.navheader {padding: 0px; margin: 0px;}
ul.navheader li {display: inline; padding: 10px;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}

.title, .subtitle, .clearfoot, .clear {display: none;}
#lj_controlstrip {text-transform: lowercase;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry {margin-top: 10px;}
.entry_text img {max-width: 350px; overflow: hidden;}
.date {font-weight: bold; text-transform: uppercase;}
.subject {font-weight: bold; letter-spacing: -3px; font-size: 35px; line-height: 38px;}
.currents {text-align: left; text-transform: lowercase;}

.userpic, .userpicfriends {position: relative; float: right; padding: 5px; margin-left: 10px; text-align: center; background-color: #FCFCFC !important; border: 0; font-family: arial; font-size: 9pt;}

h2 {padding-left: 25px; font-weight: bold; letter-spacing: -3px; font-size: 35px; line-height: 38px;}
.ljtags {padding-top: 20px; font-weight: bold; text-align: left; text-transform: lowercase;} 
.ljtaglist {list-style-type: square;}

.comments {text-align: right; clear: right;}
.separator {height: 10px;}

.calendar {width: 100%; text-align: center;}

#sidebar_linklist a, #sidebar_tags a {font-size: 10px;}
.sbartitle {font-weight: bold; font-size: 9pt; text-transform: uppercase; margin-top: 5px; margin-bottom: 5px;}
.sbarbody2 {padding-left: 5px; padding-right: 5px; margin-bottom: 20px;}
.sbarbody {margin-bottom: 20px;}

ul.sbarlist {padding-left: 5px; padding-right: 5px; list-style: none; margin: 0px;}
li.sbaritem, li.sbartitle {list-style: none;}

table.yeartable {margin: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #955181;}
table.yeartable td.yearday {background: #955181; text-align: center; color: #FFF;}
td.yearmonth {border: 0;}

input, textarea, select, option, button {background: #955181; border: 1px solid #955181; color: #FFF; font-family: arial, sans-serif; font-size: 9pt;}

.datesubjectcomment {background: #955181; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #FCFCFC; border: 0; padding: 5px; margin: 10px 10px -20px 10px; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #955181; color: #FFF;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: arial, sans-serif; color: #FFF;}
.commentbox {background: #955181; border: 1px solid #955181; margin: 10px;}
.commentboxpartial {background: #955181; border: 1px solid #955181; margin: 10px;}
.commentinfo {background: #955181; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

Blue:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #1F2D47 url() fixed; color: #FFF; text-align: center; font-family: arial, sans-serif; font-size: 9pt;}
::-moz-selection {color: #A7B9D9; background: #FAFAFA;}

a, a:link, a:visited {color: #A7B9D9; text-transform: lowercase; text-decoration: none; font-weight: bold;}
a:hover {color: #D0DAEA; text-transform: lowercase; text-decoration: none; font-weight: bold;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#footer {width: auto; border-top: 10px solid #4D6487; padding-top: 10px; text-align: center; font-weight: bold; clear: both; text-transform: lowercase;}
#header {width: auto; border-bottom: 10px solid #4D6487; padding-bottom: 10px; text-align: center; font-weight: bold; text-transform: lowercase; margin-bottom: 20px;}
#sidebar {width: 150px; float: left; background: #4D6487; padding-top: 10px;}
#content {width: 650px; margin: auto; text-align: justify;}
#maincontent {margin-left: 160px;}

ul.navfooter {padding: 0; margin: 0;}
ul.navfooter li {display: inline; margin: 0 5px;}

ul.navheader {padding: 0px; margin: 0px;}
ul.navheader li {display: inline; padding: 10px;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}

.title, .subtitle, .clearfoot, .clear {display: none;}
#lj_controlstrip {text-transform: lowercase;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry {margin-top: 10px;}
.entry_text img {max-width: 350px; overflow: hidden;}
.date {font-weight: bold; text-transform: uppercase;}
.subject {font-weight: bold; letter-spacing: -3px; font-size: 35px; line-height: 38px;}
.currents {text-align: left; text-transform: lowercase;}

.userpic, .userpicfriends {position: relative; float: right; padding: 5px; margin-left: 10px; text-align: center; background-color: #FCFCFC !important; border: 0; font-family: arial; font-size: 9pt;}

.comments {text-align: right; clear: right;}
.separator {height: 10px;}

.calendar {width: 100%; text-align: center;}

ul.sbarlist {padding-left: 5px; padding-right: 5px; list-style: none; margin: 0px;}
li.sbaritem, li.sbartitle {list-style: none;}

table.yeartable {margin: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #4D6487;}
table.yeartable td.yearday {background: #4D6487; text-align: center; color: #FFF;}
td.yearmonth {border: 0;}

input, textarea, select, option, button {background: #4D6487; border: 1px solid #4D6487; color: #FFF; font-family: arial, sans-serif; font-size: 9pt;}

.datesubjectcomment {background: #4D6487; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #FCFCFC; border: 0; padding: 5px; margin: 10px 10px -20px 10px; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #4D6487; color: #FFF;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: arial, sans-serif; color: #FFF;}
.commentbox {background: #4D6487; border: 1px solid #4D6487; margin: 10px;}
.commentboxpartial {background: #4D6487; border: 1px solid #4D6487; margin: 10px;}
.commentinfo {background: #4D6487; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

Icons

Sun, 18 Nov 2007 09:40:12 GMT

001 - 045: The OC
046 - 065: One Tree Hill
066 - 085: Laguna Beach

Pilot

The Third Wheel

The Heights

The Perfect Couple

The Search For Something More

With Arms Outstretched

You Can't Trust Him

Nothing More To Say

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Icons

Mon, 29 Oct 2007 11:56:21 GMT

001 - 060: The OC
061 - 080: One Tree Hill

The OC

One Tree Hill

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates

Mood Theme Tutorial

Sat, 20 Oct 2007 12:18:08 GMT

How to create & install a mood theme

Part 1 - Making the moods

You need to find 132 images to suit these emotions (in the table below). Make a folder on your computer and put your images there, named, for example "accomplished.jpg". Once you've got all 132 then you can edit the pictures and colorize them to make them all pretty. Save them, either overwrite the original image, or make another new folder.

Here's an easy way to make the images:
Take your screencap, resize it, paste it into a new image (i used size 90x40).
Duplicate it 3 times, set those layers to screen, add a layer of saturation +10 and here's what you get.

This is fairly time consuming. The hardest part is finding all the pictures to use.
Read through the list, and you can use similar pictures for many of the moods.
For example, pictures of people smiling for the moods bouncy, cheerful, ecstatic, excited, giddy, good, etc...

01 - 22	23 - 44	45 - 66	67 - 88	89 - 110	111 - 132
accomplished aggravated amused angry annoyed anxious apathetic artistic awake bitchy blah blank bored bouncy busy calm cheerful chipper cold complacent confused contemplative	content cranky crappy crazy creative crushed curious cynical depressed determined devious dirty disappointed discontent distressed ditzy dorky drained drunk ecstatic embarrassed energetic	enraged enthralled envious exanimate excited exhausted flirty frustrated full geeky giddy giggly gloomy good grateful groggy grumpy guilty happy high hopeful horny	hot hungry hyper impressed indescribable indifferent infuriated intimidated irate irritated jealous jubilant lazy lethargic listless lonely loved melancholy mellow mischievous moody morose	naughty nauseated nerdy nervous nostalgic numb okay optimistic peaceful pensive pessimistic pissedoff pleased predatory productive quixotic recumbent refreshed rejected rejuvenated relaxed relieved	restless rushed sad satisfied scared shocked sick silly sleepy sore stressed surprised sympathetic thankful thirsty thoughtful tired touched uncomfortable weird working worried

Don't know some of the meanings? Here are some of the stranger ones...

Apathetic: blah, emotionless, uncaring, uninterested
Complacent: satisfied, tolerant
Enthralled: enrapt, fascinated, interested
Exanimate: dead, finished, gone
Indescribable: impossible, speechless
Irate: annoyed, angry, enraged, mad
Listless: bored, careless, lethargic, uninterested
Melancholy: gloomy, miserable, sad
Morose: depressed, gloomy, sad
Nostalgic: homesick, lonely, longing, sentimental
Pensive: pondering, reflective, thoughtful
Predatory: brutal, greedy, mean, ruthless
Quixotic: eccentric, goofy, impulsive, weird
Recumbent: calm, lying down, relaxed

Part 2 - Installing the theme

Upload all your images to a server. Use a host where they can all be uploaded together, in their own folder. Hosts like photobucket or a personal host are best. Not tinypic or imageshack, that makes things more difficult. For those photobucket users, I highly recommend Flock. You can upload 100's of pics with one click.

Next step is creating the code. Copy and paste this into notepad...

moodtheme_setpic 123456 1 http://website.com/aggravated.png 90 40
moodtheme_setpic 123456 2 http://website.com/angry.png 90 40
moodtheme_setpic 123456 3 http://website.com/annoyed.png 90 40
moodtheme_setpic 123456 4 http://website.com/anxious.png 90 40
moodtheme_setpic 123456 5 http://website.com/bored.png 90 40
moodtheme_setpic 123456 6 http://website.com/confused.png 90 40
moodtheme_setpic 123456 7 http://website.com/crappy.png 90 40
moodtheme_setpic 123456 8 http://website.com/cranky.png 90 40
moodtheme_setpic 123456 9 http://website.com/depressed.png 90 40
moodtheme_setpic 123456 10 http://website.com/discontent.png 90 40
moodtheme_setpic 123456 11 http://website.com/energetic.png 90 40
moodtheme_setpic 123456 12 http://website.com/enraged.png 90 40
moodtheme_setpic 123456 13 http://website.com/enthralled.png 90 40
moodtheme_setpic 123456 14 http://website.com/exhausted.png 90 40
moodtheme_setpic 123456 15 http://website.com/happy.png 90 40
moodtheme_setpic 123456 16 http://website.com/high.png 90 40
moodtheme_setpic 123456 17 http://website.com/horny.png 90 40
moodtheme_setpic 123456 18 http://website.com/hungry.png 90 40
moodtheme_setpic 123456 19 http://website.com/infuriated.png 90 40
moodtheme_setpic 123456 20 http://website.com/irate.png 90 40
moodtheme_setpic 123456 21 http://website.com/jubilant.png 90 40
moodtheme_setpic 123456 22 http://website.com/lonely.png 90 40
moodtheme_setpic 123456 23 http://website.com/moody.png 90 40
moodtheme_setpic 123456 24 http://website.com/pissedoff.png 90 40
moodtheme_setpic 123456 25 http://website.com/sad.png 90 40
moodtheme_setpic 123456 26 http://website.com/satisfied.png 90 40
moodtheme_setpic 123456 27 http://website.com/sore.png 90 40
moodtheme_setpic 123456 28 http://website.com/stressed.png 90 40
moodtheme_setpic 123456 29 http://website.com/thirsty.png 90 40
moodtheme_setpic 123456 30 http://website.com/thoughtful.png 90 40
moodtheme_setpic 123456 31 http://website.com/tired.png 90 40
moodtheme_setpic 123456 32 http://website.com/touched.png 90 40
moodtheme_setpic 123456 33 http://website.com/lazy.png 90 40
moodtheme_setpic 123456 34 http://website.com/drunk.png 90 40
moodtheme_setpic 123456 35 http://website.com/ditzy.png 90 40
moodtheme_setpic 123456 36 http://website.com/mischievous.png 90 40
moodtheme_setpic 123456 37 http://website.com/morose.png 90 40
moodtheme_setpic 123456 38 http://website.com/gloomy.png 90 40
moodtheme_setpic 123456 39 http://website.com/melancholy.png 90 40
moodtheme_setpic 123456 40 http://website.com/drained.png 90 40
moodtheme_setpic 123456 41 http://website.com/excited.png 90 40
moodtheme_setpic 123456 42 http://website.com/relieved.png 90 40
moodtheme_setpic 123456 43 http://website.com/hopeful.png 90 40
moodtheme_setpic 123456 44 http://website.com/amused.png 90 40
moodtheme_setpic 123456 45 http://website.com/determined.png 90 40
moodtheme_setpic 123456 46 http://website.com/scared.png 90 40
moodtheme_setpic 123456 47 http://website.com/frustrated.png 90 40
moodtheme_setpic 123456 48 http://website.com/indescribable.png 90 40
moodtheme_setpic 123456 49 http://website.com/sleepy.png 90 40
moodtheme_setpic 123456 51 http://website.com/groggy.png 90 40
moodtheme_setpic 123456 52 http://website.com/hyper.png 90 40
moodtheme_setpic 123456 53 http://website.com/relaxed.png 90 40
moodtheme_setpic 123456 54 http://website.com/restless.png 90 40
moodtheme_setpic 123456 55 http://website.com/disappointed.png 90 40
moodtheme_setpic 123456 56 http://website.com/curious.png 90 40
moodtheme_setpic 123456 57 http://website.com/mellow.png 90 40
moodtheme_setpic 123456 58 http://website.com/peaceful.png 90 40
moodtheme_setpic 123456 59 http://website.com/bouncy.png 90 40
moodtheme_setpic 123456 60 http://website.com/nostalgic.png 90 40
moodtheme_setpic 123456 61 http://website.com/okay.png 90 40
moodtheme_setpic 123456 62 http://website.com/rejuvenated.png 90 40
moodtheme_setpic 123456 63 http://website.com/complacent.png 90 40
moodtheme_setpic 123456 64 http://website.com/content.png 90 40
moodtheme_setpic 123456 65 http://website.com/indifferent.png 90 40
moodtheme_setpic 123456 66 http://website.com/silly.png 90 40
moodtheme_setpic 123456 67 http://website.com/flirty.png 90 40
moodtheme_setpic 123456 68 http://website.com/calm.png 90 40
moodtheme_setpic 123456 69 http://website.com/refreshed.png 90 40
moodtheme_setpic 123456 70 http://website.com/optimistic.png 90 40
moodtheme_setpic 123456 71 http://website.com/pessimistic.png 90 40
moodtheme_setpic 123456 72 http://website.com/giggly.png 90 40
moodtheme_setpic 123456 73 http://website.com/pensive.png 90 40
moodtheme_setpic 123456 74 http://website.com/uncomfortable.png 90 40
moodtheme_setpic 123456 75 http://website.com/lethargic.png 90 40
moodtheme_setpic 123456 76 http://website.com/listless.png 90 40
moodtheme_setpic 123456 77 http://website.com/recumbent.png 90 40
moodtheme_setpic 123456 78 http://website.com/exanimate.png 90 40
moodtheme_setpic 123456 79 http://website.com/embarrassed.png 90 40
moodtheme_setpic 123456 80 http://website.com/envious.png 90 40
moodtheme_setpic 123456 81 http://website.com/sympathetic.png 90 40
moodtheme_setpic 123456 82 http://website.com/sick.png 90 40
moodtheme_setpic 123456 83 http://website.com/hot.png 90 40
moodtheme_setpic 123456 84 http://website.com/cold.png 90 40
moodtheme_setpic 123456 85 http://website.com/worried.png 90 40
moodtheme_setpic 123456 86 http://website.com/loved.png 90 40
moodtheme_setpic 123456 87 http://website.com/awake.png 90 40
moodtheme_setpic 123456 88 http://website.com/working.png 90 40
moodtheme_setpic 123456 89 http://website.com/productive.png 90 40
moodtheme_setpic 123456 90 http://website.com/accomplished.png 90 40
moodtheme_setpic 123456 91 http://website.com/busy.png 90 40
moodtheme_setpic 123456 92 http://website.com/blah.png 90 40
moodtheme_setpic 123456 93 http://website.com/full.png 90 40
moodtheme_setpic 123456 95 http://website.com/grumpy.png 90 40
moodtheme_setpic 123456 96 http://website.com/weird.png 90 40
moodtheme_setpic 123456 97 http://website.com/nauseated.png 90 40
moodtheme_setpic 123456 98 http://website.com/ecstatic.png 90 40
moodtheme_setpic 123456 99 http://website.com/chipper.png 90 40
moodtheme_setpic 123456 100 http://website.com/rushed.png 90 40
moodtheme_setpic 123456 101 http://website.com/contemplative.png 90 40
moodtheme_setpic 123456 102 http://website.com/nerdy.png 90 40
moodtheme_setpic 123456 103 http://website.com/geeky.png 90 40
moodtheme_setpic 123456 104 http://website.com/cynical.png 90 40
moodtheme_setpic 123456 105 http://website.com/quixotic.png 90 40
moodtheme_setpic 123456 106 http://website.com/crazy.png 90 40
moodtheme_setpic 123456 107 http://website.com/creative.png 90 40
moodtheme_setpic 123456 108 http://website.com/artistic.png 90 40
moodtheme_setpic 123456 109 http://website.com/pleased.png 90 40
moodtheme_setpic 123456 110 http://website.com/bitchy.png 90 40
moodtheme_setpic 123456 111 http://website.com/guilty.png 90 40
moodtheme_setpic 123456 112 http://website.com/irritated.png 90 40
moodtheme_setpic 123456 113 http://website.com/blank.png 90 40
moodtheme_setpic 123456 114 http://website.com/apathetic.png 90 40
moodtheme_setpic 123456 115 http://website.com/dorky.png 90 40
moodtheme_setpic 123456 116 http://website.com/impressed.png 90 40
moodtheme_setpic 123456 117 http://website.com/naughty.png 90 40
moodtheme_setpic 123456 118 http://website.com/predatory.png 90 40
moodtheme_setpic 123456 119 http://website.com/dirty.png 90 40
moodtheme_setpic 123456 120 http://website.com/giddy.png 90 40
moodtheme_setpic 123456 121 http://website.com/surprised.png 90 40
moodtheme_setpic 123456 122 http://website.com/shocked.png 90 40
moodtheme_setpic 123456 123 http://website.com/rejected.png 90 40
moodtheme_setpic 123456 124 http://website.com/numb.png 90 40
moodtheme_setpic 123456 125 http://website.com/cheerful.png 90 40
moodtheme_setpic 123456 126 http://website.com/good.png 90 40
moodtheme_setpic 123456 127 http://website.com/distressed.png 90 40
moodtheme_setpic 123456 128 http://website.com/intimidated.png 90 40
moodtheme_setpic 123456 129 http://website.com/crushed.png 90 40
moodtheme_setpic 123456 130 http://website.com/devious.png 90 40
moodtheme_setpic 123456 131 http://website.com/thankful.png 90 40
moodtheme_setpic 123456 132 http://website.com/grateful.png 90 40
moodtheme_setpic 123456 133 http://website.com/jealous.png 90 40
moodtheme_setpic 123456 134 http://website.com/nervous.png 90 40

With the code open in Notepad, go to Edit > Replace (CTRL + H)
Find what: http://website.com
Replace with: the place you uploaded your pictures
eg. http://i241.photobucket.com/albums/ff286/babydoll19lj2/moodtheme
Don't include the ending file name ('mood.png')
Leave it at the folder the images are uploaded to. Replace all.

Go to Edit > Replace again.
Find what: 90 40
Replace with: the width and height of your images
This is the size of your images, replace 90 with the width and 40 with the height. Replace all.

Also, if your images are not .png then find .png and replace all with the format you used, .gif or .jpg
Leave notepad open, we'll need it again in a minute.

If you have a basic account, temporarily switch to a plus account while installing the mood theme, and switch back to basic after. You can still use your moodtheme on a basic account once it's installed.

Now go to the Admin Console.
Copy and paste this line into the box: moodtheme_create "Name" "Description"
Fill in the name and description of your theme and click execute.

Now see the mood theme ID given to you? (the number in green) Copy that... and go back to notepad.
Go to Edit > Replace again, type "123456" into 'Find what:' and 'Replace with:' your new number.

Now, copy the entire notepad code into the admin console box and click execute. Finished!
Go to Display and use your new theme.

- Questions? See the F.A.Q
- You can add me for updates

Layout

Wed, 17 Oct 2007 05:15:35 GMT

Style: S2 Flexible Squares
Browser Compatible: Firefox & Explorer
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes

Note: Plus accounts will not look exactly the same due to adds.

1. Choose Journal Style: Apply any of those Flexible Squares themes, except the 'Circular' ones.

2. Sidebar: Customize it as you wish.

3. Custom CSS: Set all dropdown boxes to 'No', copy and paste the code into the Custom stylesheet textbox:

Red:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #000 url() fixed; color: #F1F1F1;font-family: trebuchet ms, sans-serif; font-size: 9px;}
::-moz-selection {color: #000; background: #FF136C;}

a, a:link, a:active, a:visited {color: #FF136C; text-transform: lowercase; letter-spacing: 1px; text-decoration: none;}
a:hover {color: #F1F1F1; text-transform: lowercase; letter-spacing: 1px; text-decoration: none;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#header, #footer {background: #000; width: auto; padding: 15px 0px 15px 0px; text-align: right; text-transform: uppercase; font-weight: bold;}
#header a, #footer a {text-transform: uppercase;}
#content {background: #000; width: 700px; margin-left: 10px;}
#maincontent {background: #000; margin-left: 190px; text-align: left;}
#sidebar {background: #000; width: 180px; float: left; text-align: justify; margin-left: 5px;}
#sidebar a {text-transform: uppercase;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.subcontent {padding: 10px; margin-top: 10px; text-align: justify;}
.entry_text {margin-top: 10px; font-family: verdana, sans-serif; font-size: 10px;}
.entry_text img {max-width: 350px; overflow: hidden;}

.date {color: #CCC; text-align: right; font-family: verdana, sans-serif; text-transform: uppercase;}
.subject {letter-spacing: 2px; font-weight: bold; font-size: 14pt; font-style: italic; color: #FF136C; border-bottom: 1px dashed #D1D1D1; text-transform: uppercase; padding-bottom: 2px;}

.currents {color: #CCC; text-transform: uppercase;}
.ljtags {margin-top: 10px; color: #CCC; font-weight: bold; font-family: trebuchet ms, sans-serif; font-size: 9px; text-align: left; text-transform: uppercase;} 
.ljtaglist {list-style-type: square;}

.comments {text-align: right; font-weight: bold; margin: 10px 0; clear: right;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}

h2 {padding-left: 20px; letter-spacing: 2px; font-size: 14pt; font-style: italic; color: #FF136C; border-bottom: 1px dashed #D1D1D1; text-transform: uppercase;}
.userpic {position: relative; float: left; padding: 5px; margin-right: 10px; border: 0; background-color: #1D1D1D;}
.userpicfriends {position: relative; float: left; padding: 5px; margin-right: 10px; text-align: center; border: 0; background-color: #B2004B !important; font-family: trebuchet ms; font-size: 9px; letter-spacing: 1px;}

.sbarbody {padding: 0;}
.sbarbody2 {padding: 0; font-family: verdana, sans-serif; font-size: 10px;}
.sbartitle {color: #FF136C; border-bottom: 1px dashed #D1D1D1; padding: 20px 0 2px 0; letter-spacing: 2px; font-weight: bold; font-size: 14pt; font-style: italic; text-transform: uppercase;}

.calendar {background: #1D1D1D; width: 100%; line-height: 9px;}
.sbarcalendar, .sbarcalendarposts {padding: 3px; border-bottom: 1px solid #0C0C0C; border-right: 1px solid #0C0C0C; text-align: center;}

ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {padding: 0; list-style: none; margin: 10px 0;}

table.yeartable {margin: 0px auto; width: 85%; background: #1D1D1D; line-height: 9px;}
table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #0C0C0C;}
table.yeartable td.yearday {text-align: right;}

input, textarea, select, option, button {font-family: trebuchet ms; background: #1D1D1D; border: 1px solid #1D1D1D; font-size: 9px; letter-spacing: 1px; color: #F1F1F1;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
#postform img {display: none;}
.skiplinks {text-align: center; margin: 10px 0;}
textarea.textbox {width: 95% !important;}
.box {border: 0; padding: 10px; clear: none !important;}
.datesubjectcomment {background: #1D1D1D; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #1D1D1D; border: 1px solid #1D1D1D; padding: 5px; margin: 10px 10px -20px 10px; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #1D1D1D; color: #F1F1F1;}
.commentreply {position: relative; margin: 10px; font-size: 10px; font-family: verdana, sans-serif; color: #F1F1F1;}
.commentbox {background: #1D1D1D; border: 1px solid #1D1D1D; margin: 10px;}
.commentboxpartial {background: #1D1D1D; border: 1px solid #1D1D1D; margin: 10px;}
.commentinfo {background: #1D1D1D; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

/*----------------------------------------------------------------------------------------------
	ADD HEADER IMAGE  [ edit the width, height and header url ]
-----------------------------------------------------------------------------------------------*/
.headerimage {position: relative; width: 700px; height: 0px;
background: url() no-repeat;}

Green:

/*----------------------------------------------------------------------------------------------
	S2 FLEXIBLE SQUARES  [ http://snubbly.livejournal.com ]
-----------------------------------------------------------------------------------------------*/
body {background: #000 url() fixed; color: #F1F1F1;font-family: trebuchet ms, sans-serif; font-size: 9px;}
::-moz-selection {color: #000; background: #7CCB47;}

a, a:link, a:active, a:visited {color: #7CCB47; text-transform: lowercase; letter-spacing: 1px; text-decoration: none;}
a:hover {color: #F1F1F1; text-transform: lowercase; letter-spacing: 1px; text-decoration: none;}

/*----------------------------------------------------------------------------------------------
	PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#header, #footer {background: #000; width: auto; padding: 15px 0px 15px 0px; text-align: right; text-transform: uppercase; font-weight: bold;}
#header a, #footer a {text-transform: uppercase;}
#content {background: #000; width: 700px; margin-left: 10px;}
#maincontent {background: #000; margin-left: 190px; text-align: left;}
#sidebar {background: #000; width: 180px; float: left; text-align: justify; margin-left: 5px;}
#sidebar a {text-transform: uppercase;}

/*----------------------------------------------------------------------------------------------
	ENTRIES
-----------------------------------------------------------------------------------------------*/
.subcontent {padding: 10px; margin-top: 10px; text-align: justify;}
.entry_text {margin-top: 10px; font-family: verdana, sans-serif; font-size: 10px;}
.entry_text img {max-width: 350px; overflow: hidden;}

.date {color: #CCC; text-align: right; font-family: verdana, sans-serif; text-transform: uppercase;}
.subject {letter-spacing: 2px; font-weight: bold; font-size: 14pt; font-style: italic; color: #7CCB47; border-bottom: 1px dashed #D1D1D1; text-transform: uppercase; padding-bottom: 2px;}

.comments {text-align: right; font-weight: bold; margin: 10px 0; clear: right;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}

h2 {padding-left: 20px; letter-spacing: 2px; font-size: 14pt; font-style: italic; color: #7CCB47; border-bottom: 1px dashed #D1D1D1; text-transform: uppercase;}
.userpic {position: relative; float: left; padding: 5px; margin-right: 10px; border: 0; background-color: #1D1D1D;}
.userpicfriends {position: relative; float: left; padding: 5px; margin-right: 10px; text-align: center; border: 0; background-color: #5C9432 !important; font-family: trebuchet ms; font-size: 9px; letter-spacing: 1px;}

.sbarbody {padding: 0;}
.sbarbody2 {padding: 0; font-family: verdana, sans-serif; font-size: 10px;}
.sbartitle {color: #7CCB47; border-bottom: 1px dashed #D1D1D1; padding: 20px 0 2px 0; letter-spacing: 2px; font-weight: bold; font-size: 14pt; font-style: italic; text-transform: uppercase;}

ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {padding: 0; list-style: none; margin: 10px 0;}

input, textarea, select, option, button {font-family: trebuchet ms; background: #1D1D1D; border: 1px solid #1D1D1D; font-size: 9px; letter-spacing: 1px; color: #F1F1F1;}

/*----------------------------------------------------------------------------------------------
	COMMENTS PAGE  [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
#postform img {display: none;}
.skiplinks {text-align: center; margin: 10px 0;}
textarea.textbox {width: 95% !important;}
.box {border: 0; padding: 10px; clear: none !important;}
.datesubjectcomment {background: #1D1D1D; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #1D1D1D; border: 1px solid #1D1D1D; padding: 5px; margin: 10px 10px -20px 10px; float: left;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #1D1D1D; color: #F1F1F1;}
.commentreply {position: relative; margin: 10px; font-size: 10px; font-family: verdana, sans-serif; color: #F1F1F1;}
.commentbox {background: #1D1D1D; border: 1px solid #1D1D1D; margin: 10px;}
.commentboxpartial {background: #1D1D1D; border: 1px solid #1D1D1D; margin: 10px;}
.commentinfo {background: #1D1D1D; margin-top: 10px; width: 100%;}
.replytosubject {font-weight: bold;}

/*----------------------------------------------------------------------------------------------
	ADD HEADER IMAGE  [ edit the width, height and header url ]
-----------------------------------------------------------------------------------------------*/
.headerimage {position: relative; width: 700px; height: 0px;
background: url() no-repeat;}

Icons

Sun, 14 Oct 2007 01:16:35 GMT

001 - 050: One Tree Hill
051 - 090: Laguna Beach

One Tree Hill

Laguna Beach

- Please credit snubbly
- Questions? See the F.A.Q
- You can add me for updates