NEWS layouts...
These layouts match my first profile layouts that I've ever made. You can find the profile layouts at this entry.
PREVIEW:
Note: I test my layouts on a plus account to show what it would look like with ads under the header or navigation menu.
1. Choose Journal Style: Under Select a New Theme type Flexible Squares in the search box, and apply any one of those themes.
2. Sidebar: Customize as you wish!
3. Custom CSS: Set all dropdown boxes to No, copy & paste the code of your choice into the Custom stylesheet textbox and select Save Changes:
KOYAMA CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i42.tinypic.com/fmkqr.jpg) fixed; background-repeat: no-repeat; background-position: bottom left; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #FAB338; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: transparent; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: transparent; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: transparent; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #FAB338; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FAB338; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: transparent; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FAB338; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FAB338; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i39.tinypic.com/s6880n.jpg) no-repeat;}
MASSU CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i41.tinypic.com/wsa5x4.jpg) fixed; background-repeat: no-repeat; background-position: bottom right; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #F5EB4E; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: #000000; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: #000000; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #000000; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #F5EB4E; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #F5EB4E; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: #000000; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #F5EB4E; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #F5EB4E; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i40.tinypic.com/dwp1ed.jpg) no-repeat;}
RYO CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i43.tinypic.com/2hweo9w.jpg) fixed; background-repeat: no-repeat; background-position: bottom left; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #6D6DFF; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: #000000; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: #000000; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #000000; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #6D6DFF; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #6D6DFF; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: #000000; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #6D6DFF; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #6D6DFF; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i39.tinypic.com/4q6akn.jpg) no-repeat;}
SHIGE CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i41.tinypic.com/e01jkj.jpg) fixed; background-repeat: no-repeat; background-position: bottom left; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #19AE27; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: #000000; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: #000000; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #000000; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #19AE27; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #19AE27; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: #000000; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #19AE27; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #19AE27; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i39.tinypic.com/25iafwy.jpg) no-repeat;}
TEGOSHI CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i40.tinypic.com/2962g4z.jpg) fixed; background-repeat: no-repeat; background-position: bottom right; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #FF79C8; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: #000000; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: #000000; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #000000; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #FF79C8; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FF79C8; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: #000000; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FF79C8; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FF79C8; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i44.tinypic.com/wbqgs1.jpg) no-repeat;}
YAMAPI CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i42.tinypic.com/1pjotj.jpg) fixed; background-repeat: no-repeat; background-position: bottom right; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #E31E26; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: #000000; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: #000000; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #000000; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #E31E26; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #E31E26; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: #000000; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #E31E26; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #E31E26; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i44.tinypic.com/2m29p4i.jpg) no-repeat;}
GROUP CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i40.tinypic.com/1z14vg9.jpg) fixed; background-repeat: no-repeat; background-position: bottom center; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #B3B3B3; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: transparent; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: transparent; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: transparent; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #B3B3B3; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #B3B3B3; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: transparent; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #B3B3B3; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #B3B3B3; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i44.tinypic.com/987fo8.jpg) no-repeat;}
REMEMBER:
.01 CREDIT IS ♥
.02 CHANGE WHATEVER YOU WANT, JUST GIVE ME CREDIT FOR THE ORIGINAL, JUST LIKE I GAVE CREDIT TO snubbly
.03 COMMENT IF YOU TAKE SO I KNOW YOU LIKE
PREVIEW:
Note: I test my layouts on a plus account to show what it would look like with ads under the header or navigation menu.
1. Choose Journal Style: Under Select a New Theme type Flexible Squares in the search box, and apply any one of those themes.
2. Sidebar: Customize as you wish!
3. Custom CSS: Set all dropdown boxes to No, copy & paste the code of your choice into the Custom stylesheet textbox and select Save Changes:
KOYAMA CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i42.tinypic.com/fmkqr.jpg) fixed; background-repeat: no-repeat; background-position: bottom left; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #FAB338; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: transparent; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: transparent; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: transparent; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #FAB338; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FAB338; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: transparent; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FAB338; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FAB338; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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);}
;}){kind=link}
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);}
;}){kind=link}
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);}
;}){kind=link}
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);}
;}){kind=link}
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);}
;}){kind=link}
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);}
;}){kind=link}
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: 700px; height: 200px; background: url(http://i39.tinypic.com/s6880n.jpg) no-repeat;}
MASSU CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i41.tinypic.com/wsa5x4.jpg) fixed; background-repeat: no-repeat; background-position: bottom right; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #F5EB4E; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: #000000; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: #000000; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #000000; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #F5EB4E; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #F5EB4E; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: #000000; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #F5EB4E; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #F5EB4E; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i40.tinypic.com/dwp1ed.jpg) no-repeat;}
RYO CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i43.tinypic.com/2hweo9w.jpg) fixed; background-repeat: no-repeat; background-position: bottom left; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #6D6DFF; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: #000000; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: #000000; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #000000; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #6D6DFF; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #6D6DFF; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: #000000; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #6D6DFF; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #6D6DFF; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i39.tinypic.com/4q6akn.jpg) no-repeat;}
SHIGE CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i41.tinypic.com/e01jkj.jpg) fixed; background-repeat: no-repeat; background-position: bottom left; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #19AE27; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: #000000; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: #000000; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #000000; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #19AE27; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #19AE27; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: #000000; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #19AE27; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #19AE27; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i39.tinypic.com/25iafwy.jpg) no-repeat;}
TEGOSHI CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i40.tinypic.com/2962g4z.jpg) fixed; background-repeat: no-repeat; background-position: bottom right; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #FF79C8; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: #000000; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: #000000; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #000000; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #FF79C8; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FF79C8; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: #000000; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FF79C8; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #FF79C8; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i44.tinypic.com/wbqgs1.jpg) no-repeat;}
YAMAPI CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i42.tinypic.com/1pjotj.jpg) fixed; background-repeat: no-repeat; background-position: bottom right; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #E31E26; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: #000000; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: #000000; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: #000000; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #E31E26; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #E31E26; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: #000000; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #E31E26; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #E31E26; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i44.tinypic.com/2m29p4i.jpg) no-repeat;}
GROUP CODE:
/*----------------------------------------------------------------------------------------------
S2 FLEXIBLE SQUARES
Layout by Cindie-chan @ http://greenberryhair.livejournal.com
for Cheverloo @ http://cheverloo.livejournal.com
Base layout by snubbly @ http://snubbly.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #000000 url(http://i40.tinypic.com/1z14vg9.jpg) fixed; background-repeat: no-repeat; background-position: bottom center; color: #EEEEEE; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;}
::-moz-selection {color: #FEFEFE; background: #000000;}
a, a:link, a:active, a:visited {color: #B3B3B3; text-transform: lowercase; text-decoration: none; cursor:default;}
a:hover {color: #EEEEEE; text-transform: lowercase; text-decoration: none; cursor: help;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: url(http://i40.tinypic.com/ta0gv8.jpg) scroll; width: 600px; margin: auto;}
#maincontent {background: transparent; margin-right: 190px; text-align: justify; padding: 10px;}
#sidebar {background: transparent; width: 170px; float: right; text-align: justify; padding: 10px;}
#header, #footer {background: transparent; color: #EEEEEE; width: auto; padding: 10px 0; text-align: center; font-weight: bold; margin: auto; clear: both; font-family: georgia; font-size: 10pt; letter-spacing: 1pt; font-style: italic;}
#header {border-bottom: 1px dotted #EEEEEE;}
#footer {border-top: 1px dotted #EEEEEE;}
#header a, div#footer a {color: #B3B3B3; text-transform: uppercase;}
#header a:hover {color: #EEEEEE;}
div#footer a:hover {color: #EEEEEE;}
#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: 350px; overflow: hidden;}
.date {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #B3B3B3; text-transform: lowercase;}
.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 {font-family: verdana; font-size: 7.5pt; letter-spacing: 1pt; text-align: right; background: transparent; border-bottom: 1px solid #EEEEEE; padding: 2px; margin: 10px 0; clear: left;}
.comments a {text-transform: uppercase;}
.separator {height: 10px;}
h2 {padding-left: 25px; font-weight: normal; font-family: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #B3B3B3; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.userpic, .userpicfriends {position: relative; float: left; background: #EEEEEE !important; border: 1px solid #EEEEEE; text-align: center; font-family: verdana; font-size: 8pt; padding: 0px; margin-right: 10px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #000000; border: 1px solid #EEEEEE; padding: 5px;}
.calendar {width: 100%; text-align: center; line-height: 10px;}
.sbarcalendar, .sbarcalendarposts {background: #000000; border: 1px solid #EEEEEE;}
.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: georgia; font-size: 15pt; letter-spacing: 1pt; font-style: italic; color: #B3B3B3; text-transform: lowercase;}
li.view {text-transform: uppercase;}
#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 dotted #EEEEEE;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 8pt; color: #EEEEEE; background: #000000; border: 1px solid #EEEEEE;}
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 #EEEEEE;}
table.yeartable td.yearday {background: #000000; 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: #000000; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #000000; border: 1px solid #EEEEEE; 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: #000000; color: #EEEEEE;}
.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: verdana, sans-serif; color: #555;}
.commentbox {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentboxpartial {background: #000000; border: 1px solid #EEEEEE; margin: 10px;}
.commentinfo {background: #000000; 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: 700px; height: 200px; background: url(http://i44.tinypic.com/987fo8.jpg) no-repeat;}
REMEMBER:
.01 CREDIT IS ♥
.02 CHANGE WHATEVER YOU WANT, JUST GIVE ME CREDIT FOR THE ORIGINAL, JUST LIKE I GAVE CREDIT TO snubbly
.03 COMMENT IF YOU TAKE SO I KNOW YOU LIKE