[Layout] Johnny's Entertainment: KAT-TUN, NEWS
Style: S2 Flexible Squares
Screen Resolution: 800x600 and higher
Browser Compatible: Firefox, IE, & Safari
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes
Base Layout: snubbly
Requested by: reigin_chan
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, except the 'Circular' one.
2. Sidebar: Only your blurb will appear. You can put text, images and links in your blurb. (So says snubbly, but when I tested it, Links and Tags do appear.)
NOTE: IF YOU USE THE CODE FOR THE LAYOUT WITH THE SIDEBAR, CUSTOMIZE THE SIDEBAR AS YOU WISH!
3. Custom CSS: Set all 3 dropdown boxes to No, copy & paste the code into the Custom stylesheet textbox and select Save Changes:
/*----------------------------------------------------------------------------------------------
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
Header and Background by reigin_chan @ http://reigin_chan.livejournal.com
slightly edited per request by Cindie-chan @ http://greenberryhair.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #FEFEFE url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/bg.png) fixed no-repeat center right; text-align: center; color: #000000; font-family: arial, sans-serif; font-size: 9pt;}
::-moz-selection {color: #999; background: #EEE;}
a, a:link, a:visited {color: #62008f; text-transform: lowercase; text-decoration: none; font-weight: bold;}
a:hover {color: #aa0000; text-transform: lowercase; text-decoration: none; font-weight: bold;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: #fefefe; width: 700px; text-align: justify; margin: 10px; opacity: 0.8;}
#header, #footer {background: #fefefe; border-bottom: 2px dotted #aa0000; border-top: 0px solid #aa0000; width: auto; padding: 5px 0; margin: auto; text-align: right; text-transform: lowercase; font-weight: bold;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0;}
ul.navheader, ul.navfooter {padding: 0; margin: 0;}
#header a, #footer a {padding: 5px;}
#lj_controlstrip {text-transform: lowercase;}
.title, .subtitle, .clearfoot, .clear {display: none;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}
/*----------------------------------------------------------------------------------------------
ENTRIES
-----------------------------------------------------------------------------------------------*/
.subcontent {padding: 0 5px;}
.entry {margin-top: 15px;}
.entry_text img {max-width: 400px; overflow: hidden;}
.date {margin-top: 20px; text-transform: uppercase; font-size: 9px;}
.subject {font-weight: bold; text-transform: uppercase;}
.userpic, .userpicfriends {position: relative; float: right; padding: 5px; margin-left: 10px; text-align: center; background-color: #FCFCFC !important; font-family: arial; font-size: 9pt;}
.userpic img, .userpicfriends img {border: 1px solid #F3F2F2;}
.currents {text-transform: lowercase;}
.ljtags {padding-top: 20px; font-weight: bold; text-align: left; text-transform: lowercase;}
h2 {padding-left: 20px; font-size: 9pt; font-weight: bold; text-transform: uppercase;}
.ljtaglist {list-style-type: square;}
.comments {padding: 0 5px; text-align: right; clear: both;}
.separator {height: 20px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar {width: auto; border-bottom: 2px dotted #aa0000;}
#sidebar_summary {display: none;}
.sbartitle {font-weight: bold; font-size: 9pt; text-transform: lowercase; margin-top: 5px;}
.sbarbody2 {padding-left: 5px; padding-right: 5px;}
#sidebar .defaultuserpic, #sidebar_calendar, .sbarcalendar, .sbarcalendarposts {display: none;}
ul.sbarlist {padding-left: 5px; padding-right: 5px; list-style: none; margin: 0px;}
li.sbaritem {list-style: none; display: inline; padding-right: 5px; margin-bottom: 10px;}
li.sbartitle {list-style: none;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
ul.year {text-align: center; padding-bottom: 15px;}
ul.year li {display: inline;}
table.yeartable {margin: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #F3F2F2;}
table.yeartable td.yearday {background: #FCFCFC; text-align: center;}
td.yearmonth {border: 0;}
input, textarea, select, option, button {background: #FCFCFC; border: 1px solid #F3F2F2; color: #999; font-family: arial, sans-serif; font-size: 9pt;}
/*----------------------------------------------------------------------------------------------
COMMENTS PAGE [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
#postform img {display: none;}
textarea.textbox {width: 95% !important;}
.datesubjectcomment {background: #FCFCFC; border-top: 1px solid #F3F2F2; border-bottom: 1px solid #F3F2F2; color: #999; padding: 0px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0px; border: 1px solid #F3F2F2; background: #FCFCFC; padding: 5px; margin: 20px 10px -30px 10px; z-index: 15; float: left;}
.box {border: 0; clear: none !important;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #FFF; color: #999;}
.replytosubject {font-weight: bold;}
.commentreply {position: relative; margin: 10px; font-size: 9pt; line-height: 16px; font-family: arial, sans-serif; color: #999;}
.commentbox {border: 1px solid #F3F2F2; margin: 10px; background: #FFF;}
.commentboxpartial {border: 1px solid #F3F2F2; margin: 10px; background: #FCFCFC;}
.commentinfo {background: #FCFCFC; margin-top: 10px; width: 100%;}
/*---------------------------------------------------------------------------------------------
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: 10px; width: 700px; height: 364px;
background: url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/header.png) no-repeat;}
WITH SIDEBAR ON LEFT:
/*----------------------------------------------------------------------------------------------
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
Header and Background by reigin_chan @ http://reigin_chan.livejournal.com
slightly edited per request by Cindie-chan @ http://greenberryhair.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #fefefe url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/bg.png) fixed no-repeat center right; color: #000000; font-family: verdana, sans-serif; font-size: 7.5pt; text-align: center;}
::-moz-selection {color: #999; background: #EEE;}
a, a:link, a:active, a:visited {color: #62008f; text-transform: lowercase; text-decoration: none;}
a:hover {color: #aa0000; text-transform: lowercase; position: relative; top: 1px; left: 1px; text-decoration: none;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#header, #footer {background: transparent; color: #000000; text-align: center; font-family: georgia; font-size: 18pt; text-transform: lowercase;}
#header a, #footer a, li.view {color: #62008f;}
#content {background: transparent; border: 0px solid #FFF; width: 700px; text-align: justify; margin: 10px; margin-top: 10px; opacity: 0.8;}
#maincontent {background: transparent; margin-left: 195px; padding: 5px;}
#sidebar {background: transparent; width: 175px; float: left; padding: 5px;}
.title, .subtitle, .clearfoot, .clear {display: none;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}
#lj_controlstrip {text-transform: lowercase;}
ul.navheader, ul.navfooter {padding: 0; margin: 0;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;}
/*----------------------------------------------------------------------------------------------
ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry {margin-top: 10px; text-align: justify;}
.entry_text img {max-width: 400px; overflow: hidden;}
.datesubject {font-size: 7pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {border-bottom: 1px solid #DDD; background: #F8F8F8; display: block; color: #B89878; font-weight: bold;}
.currents strong, .currents, .currentlocation, .currentmood, .currentmusic {text-transform: lowercase;}
.ljtags {font-weight: bold; text-transform: lowercase; margin: 10px 0;}
.ljtags a {font-weight: normal;}
.comments {border-bottom: 0px solid #f3f2f2; background: #fefefe; display: block; text-align: right; margin: 10px 0; clear: left;}
.separator {height: 15px;}
.ljtaglist {list-style-type: square;}
h2 {padding-left: 25px; font-size: 7.5pt; text-transform: uppercase;}
.userpic, .userpicfriends {position: relative; float: right; background: #fcfcfc !important; border: 1px solid #f3f2f2; padding: 4px; text-align: center; margin-left: 10px;}
.userpicfriends font {font-family: verdana; font-size: 7.5pt; color: #fcfcfc; border: 1px solid #f3f2f2}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #fefefe; border-bottom: 2px dotted #aa0000; padding: 4px;}
.calendar {width: 100%; text-align: center;}
.sbarcalendar, .sbarcalendarposts {border-right: 1px solid #f3f2f2; border-bottom: 1px solid #f3f2f2;}
.sbartitle, .sbarbody, .sbarbody2 {padding: 0;}
ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {list-style: none; margin: 10px 0; text-transform: uppercase; font-size: 7.5pt; font-weight: bold;}
#sidebar_linklist a, #sidebar_tags a {display: block; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; padding-left: 15px; border-bottom: 1px solid #f3f2f2;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 7.5pt; color: #000000; background: #fcfcfc; border: 1px solid #f3f2f2;}
ul.year {text-align: center; padding-bottom: 10px;}
ul.year li {display: inline; padding: 0 10px;}
table.yeartable {margin: auto; font-size: 7.5pt; width: 80%}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #fcfcfc; border: 1px solid #f3f2f2;}
table.yeartable td.yearday {text-align: center; background: #fcfcfc; border: 1px solid #f3f2f2;}
td.yearmonth {border: 0;}
/*----------------------------------------------------------------------------------------------
COMMENTS PAGE [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.skiplinks {text-align: center; margin: 10px 0;}
.datesubjectcomment {background: #fcfcfc; border-top: 1px solid #f3f2f2; border-bottom: 1px solid #f3f2f2; color: #999; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #fcfcfc; border: 1px solid #f3f2f2; 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: #ffffff; color: #999;}
.commentreply {position: relative; margin: 10px; font-size: 7.5pt; font-family: verdana, sans-serif; color: #999;}
.commentbox {background: #fff; border: 1px solid #f3f2f2; margin: 10px;}
.commentboxpartial {background: #fcfcfc; border: 1px solid #f3f2f2; margin: 10px;}
.commentinfo {background: #fcfcfc; 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: 10px; width: 700px; height: 364px;
background: url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/header.png) no-repeat;}
WITH SIDEBAR ON RIGHT:
/*----------------------------------------------------------------------------------------------
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
Header and Background by reigin_chan @ http://reigin_chan.livejournal.com
slightly edited per request by Cindie-chan @ http://greenberryhair.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #fefefe url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/bg.png) fixed no-repeat center right; color: #000000; font-family: verdana, sans-serif; font-size: 7.5pt; text-align: center;}
::-moz-selection {color: #999; background: #EEE;}
a, a:link, a:active, a:visited {color: #62008f; text-transform: lowercase; text-decoration: none;}
a:hover {color: #aa0000; text-transform: lowercase; position: relative; top: 1px; left: 1px; text-decoration: none;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: transparent; width: 700px; margin: 10px; opacity: 0.8;}
#maincontent {background: transparent; margin-right: 200px; text-align: justify; padding: 5px;}
#sidebar {background: transparent; width: 175px; float: right; text-align: justify; padding: 5px;}
#header, #footer {background: transparent; color: #000000; width: auto; padding: 10px 0; text-align: center; margin: auto; clear: both; text-transform: lowercase; letter-spacing: 1pt;}
#header a, div#footer a {color: #62008f;}
.clearfoot {clear: both; height: 0;}
.title, .subtitle, .clear {display: none;}
ul.navheader, ul.navfooter {padding: 0; margin: 0;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}
/*----------------------------------------------------------------------------------------------
ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry {margin-top: 10px; text-align: justify;}
.entry_text img {max-width: 400px; overflow: hidden;}
.datesubject {font-size: 7pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {border-bottom: 1px solid #DDD; background: #F8F8F8; display: block; color: #B89878; font-weight: bold;}
.currents strong, .currents, .currentlocation, .currentmood, .currentmusic {text-transform: lowercase;}
.ljtags {font-weight: bold; text-transform: lowercase; margin: 10px 0;}
.ljtags a {font-weight: normal;}
.comments {border-bottom: 0px solid #f3f2f2; background: #fefefe; display: block; text-align: right; margin: 10px 0; clear: left;}
.separator {height: 15px;}
.ljtaglist {list-style-type: square;}
h2 {padding-left: 25px; font-size: 7.5pt; text-transform: uppercase;}
.userpic, .userpicfriends {position: relative; float: right; background: #fcfcfc !important; border: 1px solid #f3f2f2; padding: 4px; text-align: center; margin-left: 10px;}
.userpicfriends font {font-family: verdana; font-size: 7.5pt; color: #fcfcfc; border: 1px solid #f3f2f2}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #fefefe; border-bottom: 2px dotted #aa0000; padding: 4px;}
.calendar {width: 100%; text-align: center;}
.sbarcalendar, .sbarcalendarposts {border-right: 1px solid #f3f2f2; border-bottom: 1px solid #f3f2f2;}
.sbartitle, .sbarbody, .sbarbody2 {padding: 0;}
ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {list-style: none; margin: 10px 0; text-transform: uppercase; font-size: 7.5pt; font-weight: bold;}
#sidebar_linklist a, #sidebar_tags a {display: block; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; padding-left: 15px; border-bottom: 1px solid #f3f2f2;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 7.5pt; color: #000000; background: #fcfcfc; border: 1px solid #f3f2f2;}
ul.year {text-align: center; padding-bottom: 10px;}
ul.year li {display: inline; padding: 0 10px;}
table.yeartable {margin: auto; font-size: 7.5pt; width: 80%}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #fcfcfc; border: 1px solid #f3f2f2;}
table.yeartable td.yearday {text-align: center; background: #fcfcfc; border: 1px solid #f3f2f2;}
td.yearmonth {border: 0;}
/*----------------------------------------------------------------------------------------------
COMMENTS PAGE [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.skiplinks {text-align: center; margin: 10px 0;}
.datesubjectcomment {background: #fcfcfc; border-top: 1px solid #f3f2f2; border-bottom: 1px solid #f3f2f2; color: #999; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #fcfcfc; border: 1px solid #f3f2f2; 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: #ffffff; color: #999;}
.commentreply {position: relative; margin: 10px; font-size: 7.5pt; font-family: verdana, sans-serif; color: #999;}
.commentbox {background: #fff; border: 1px solid #f3f2f2; margin: 10px;}
.commentboxpartial {background: #fcfcfc; border: 1px solid #f3f2f2; margin: 10px;}
.commentinfo {background: #fcfcfc; 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: 10px; width: 700px; height: 364px;
background: url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/header.png) no-repeat;}
Artist Notes:
This was a real challenge. The ONLY way I could do this one is to expand my skills and add an opacity element to the content of the page (i.e. the journal entries). reigin_chan had a cool background, and I didn't want to cover it up. However, I couldn't read any color text on the background, so I off set the background and the content of the page on opposite sides of the window, but that won't work too well with a header the width of what reigin_chan wanted. So I did an opacity feel to it. I had an off-white content background and a made it a little opaque! I hope it's OK. I wasn't as creative in this one because the background and header was provided by reigin_chan, but I tried to make it all work together the best I could. I like it, because it's different from what I've done, so I hope reigin_chan likes it too! If you have any problems, let me know! ♥
Credit me: greenberryhair, shindii_ruiizu, or cheverloo.
Comments and/or notes = ♥!
Requests are accepted through Cheverloo's request post, in my request post @ greenberryhair, or through shindii-ruiizu@dA.
Screen Resolution: 800x600 and higher
Browser Compatible: Firefox, IE, & Safari
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes
Base Layout: snubbly
Requested by: reigin_chan
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, except the 'Circular' one.
2. Sidebar: Only your blurb will appear. You can put text, images and links in your blurb. (So says snubbly, but when I tested it, Links and Tags do appear.)
NOTE: IF YOU USE THE CODE FOR THE LAYOUT WITH THE SIDEBAR, CUSTOMIZE THE SIDEBAR AS YOU WISH!
3. Custom CSS: Set all 3 dropdown boxes to No, copy & paste the code into the Custom stylesheet textbox and select Save Changes:
/*----------------------------------------------------------------------------------------------
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
Header and Background by reigin_chan @ http://reigin_chan.livejournal.com
slightly edited per request by Cindie-chan @ http://greenberryhair.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #FEFEFE url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/bg.png) fixed no-repeat center right; text-align: center; color: #000000; font-family: arial, sans-serif; font-size: 9pt;}
::-moz-selection {color: #999; background: #EEE;}
a, a:link, a:visited {color: #62008f; text-transform: lowercase; text-decoration: none; font-weight: bold;}
a:hover {color: #aa0000; text-transform: lowercase; text-decoration: none; font-weight: bold;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: #fefefe; width: 700px; text-align: justify; margin: 10px; opacity: 0.8;}
#header, #footer {background: #fefefe; border-bottom: 2px dotted #aa0000; border-top: 0px solid #aa0000; width: auto; padding: 5px 0; margin: auto; text-align: right; text-transform: lowercase; font-weight: bold;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0;}
ul.navheader, ul.navfooter {padding: 0; margin: 0;}
#header a, #footer a {padding: 5px;}
#lj_controlstrip {text-transform: lowercase;}
.title, .subtitle, .clearfoot, .clear {display: none;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}
/*----------------------------------------------------------------------------------------------
ENTRIES
-----------------------------------------------------------------------------------------------*/
.subcontent {padding: 0 5px;}
.entry {margin-top: 15px;}
.entry_text img {max-width: 400px; overflow: hidden;}
.date {margin-top: 20px; text-transform: uppercase; font-size: 9px;}
.subject {font-weight: bold; text-transform: uppercase;}
.userpic, .userpicfriends {position: relative; float: right; padding: 5px; margin-left: 10px; text-align: center; background-color: #FCFCFC !important; font-family: arial; font-size: 9pt;}
.userpic img, .userpicfriends img {border: 1px solid #F3F2F2;}
.currents {text-transform: lowercase;}
.ljtags {padding-top: 20px; font-weight: bold; text-align: left; text-transform: lowercase;}
h2 {padding-left: 20px; font-size: 9pt; font-weight: bold; text-transform: uppercase;}
.ljtaglist {list-style-type: square;}
.comments {padding: 0 5px; text-align: right; clear: both;}
.separator {height: 20px;}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar {width: auto; border-bottom: 2px dotted #aa0000;}
#sidebar_summary {display: none;}
.sbartitle {font-weight: bold; font-size: 9pt; text-transform: lowercase; margin-top: 5px;}
.sbarbody2 {padding-left: 5px; padding-right: 5px;}
#sidebar .defaultuserpic, #sidebar_calendar, .sbarcalendar, .sbarcalendarposts {display: none;}
ul.sbarlist {padding-left: 5px; padding-right: 5px; list-style: none; margin: 0px;}
li.sbaritem {list-style: none; display: inline; padding-right: 5px; margin-bottom: 10px;}
li.sbartitle {list-style: none;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
ul.year {text-align: center; padding-bottom: 15px;}
ul.year li {display: inline;}
table.yeartable {margin: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #F3F2F2;}
table.yeartable td.yearday {background: #FCFCFC; text-align: center;}
td.yearmonth {border: 0;}
input, textarea, select, option, button {background: #FCFCFC; border: 1px solid #F3F2F2; color: #999; font-family: arial, sans-serif; font-size: 9pt;}
/*----------------------------------------------------------------------------------------------
COMMENTS PAGE [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
#postform img {display: none;}
textarea.textbox {width: 95% !important;}
.datesubjectcomment {background: #FCFCFC; border-top: 1px solid #F3F2F2; border-bottom: 1px solid #F3F2F2; color: #999; padding: 0px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0px; border: 1px solid #F3F2F2; background: #FCFCFC; padding: 5px; margin: 20px 10px -30px 10px; z-index: 15; float: left;}
.box {border: 0; clear: none !important;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #FFF; color: #999;}
.replytosubject {font-weight: bold;}
.commentreply {position: relative; margin: 10px; font-size: 9pt; line-height: 16px; font-family: arial, sans-serif; color: #999;}
.commentbox {border: 1px solid #F3F2F2; margin: 10px; background: #FFF;}
.commentboxpartial {border: 1px solid #F3F2F2; margin: 10px; background: #FCFCFC;}
.commentinfo {background: #FCFCFC; margin-top: 10px; width: 100%;}
/*---------------------------------------------------------------------------------------------
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: 10px; width: 700px; height: 364px;
background: url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/header.png) no-repeat;}
WITH SIDEBAR ON LEFT:
/*----------------------------------------------------------------------------------------------
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
Header and Background by reigin_chan @ http://reigin_chan.livejournal.com
slightly edited per request by Cindie-chan @ http://greenberryhair.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #fefefe url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/bg.png) fixed no-repeat center right; color: #000000; font-family: verdana, sans-serif; font-size: 7.5pt; text-align: center;}
::-moz-selection {color: #999; background: #EEE;}
a, a:link, a:active, a:visited {color: #62008f; text-transform: lowercase; text-decoration: none;}
a:hover {color: #aa0000; text-transform: lowercase; position: relative; top: 1px; left: 1px; text-decoration: none;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#header, #footer {background: transparent; color: #000000; text-align: center; font-family: georgia; font-size: 18pt; text-transform: lowercase;}
#header a, #footer a, li.view {color: #62008f;}
#content {background: transparent; border: 0px solid #FFF; width: 700px; text-align: justify; margin: 10px; margin-top: 10px; opacity: 0.8;}
#maincontent {background: transparent; margin-left: 195px; padding: 5px;}
#sidebar {background: transparent; width: 175px; float: left; padding: 5px;}
.title, .subtitle, .clearfoot, .clear {display: none;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}
#lj_controlstrip {text-transform: lowercase;}
ul.navheader, ul.navfooter {padding: 0; margin: 0;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;}
/*----------------------------------------------------------------------------------------------
ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry {margin-top: 10px; text-align: justify;}
.entry_text img {max-width: 400px; overflow: hidden;}
.datesubject {font-size: 7pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {border-bottom: 1px solid #DDD; background: #F8F8F8; display: block; color: #B89878; font-weight: bold;}
.currents strong, .currents, .currentlocation, .currentmood, .currentmusic {text-transform: lowercase;}
.ljtags {font-weight: bold; text-transform: lowercase; margin: 10px 0;}
.ljtags a {font-weight: normal;}
.comments {border-bottom: 0px solid #f3f2f2; background: #fefefe; display: block; text-align: right; margin: 10px 0; clear: left;}
.separator {height: 15px;}
.ljtaglist {list-style-type: square;}
h2 {padding-left: 25px; font-size: 7.5pt; text-transform: uppercase;}
.userpic, .userpicfriends {position: relative; float: right; background: #fcfcfc !important; border: 1px solid #f3f2f2; padding: 4px; text-align: center; margin-left: 10px;}
.userpicfriends font {font-family: verdana; font-size: 7.5pt; color: #fcfcfc; border: 1px solid #f3f2f2}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #fefefe; border-bottom: 2px dotted #aa0000; padding: 4px;}
.calendar {width: 100%; text-align: center;}
.sbarcalendar, .sbarcalendarposts {border-right: 1px solid #f3f2f2; border-bottom: 1px solid #f3f2f2;}
.sbartitle, .sbarbody, .sbarbody2 {padding: 0;}
ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {list-style: none; margin: 10px 0; text-transform: uppercase; font-size: 7.5pt; font-weight: bold;}
#sidebar_linklist a, #sidebar_tags a {display: block; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; padding-left: 15px; border-bottom: 1px solid #f3f2f2;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 7.5pt; color: #000000; background: #fcfcfc; border: 1px solid #f3f2f2;}
ul.year {text-align: center; padding-bottom: 10px;}
ul.year li {display: inline; padding: 0 10px;}
table.yeartable {margin: auto; font-size: 7.5pt; width: 80%}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #fcfcfc; border: 1px solid #f3f2f2;}
table.yeartable td.yearday {text-align: center; background: #fcfcfc; border: 1px solid #f3f2f2;}
td.yearmonth {border: 0;}
/*----------------------------------------------------------------------------------------------
COMMENTS PAGE [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.skiplinks {text-align: center; margin: 10px 0;}
.datesubjectcomment {background: #fcfcfc; border-top: 1px solid #f3f2f2; border-bottom: 1px solid #f3f2f2; color: #999; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #fcfcfc; border: 1px solid #f3f2f2; 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: #ffffff; color: #999;}
.commentreply {position: relative; margin: 10px; font-size: 7.5pt; font-family: verdana, sans-serif; color: #999;}
.commentbox {background: #fff; border: 1px solid #f3f2f2; margin: 10px;}
.commentboxpartial {background: #fcfcfc; border: 1px solid #f3f2f2; margin: 10px;}
.commentinfo {background: #fcfcfc; 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: 10px; width: 700px; height: 364px;
background: url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/header.png) no-repeat;}
WITH SIDEBAR ON RIGHT:
/*----------------------------------------------------------------------------------------------
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
Header and Background by reigin_chan @ http://reigin_chan.livejournal.com
slightly edited per request by Cindie-chan @ http://greenberryhair.livejournal.com
-----------------------------------------------------------------------------------------------*/
body {background: #fefefe url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/bg.png) fixed no-repeat center right; color: #000000; font-family: verdana, sans-serif; font-size: 7.5pt; text-align: center;}
::-moz-selection {color: #999; background: #EEE;}
a, a:link, a:active, a:visited {color: #62008f; text-transform: lowercase; text-decoration: none;}
a:hover {color: #aa0000; text-transform: lowercase; position: relative; top: 1px; left: 1px; text-decoration: none;}
/*----------------------------------------------------------------------------------------------
PAGE SET-UP
-----------------------------------------------------------------------------------------------*/
#content {background: transparent; width: 700px; margin: 10px; opacity: 0.8;}
#maincontent {background: transparent; margin-right: 200px; text-align: justify; padding: 5px;}
#sidebar {background: transparent; width: 175px; float: right; text-align: justify; padding: 5px;}
#header, #footer {background: transparent; color: #000000; width: auto; padding: 10px 0; text-align: center; margin: auto; clear: both; text-transform: lowercase; letter-spacing: 1pt;}
#header a, div#footer a {color: #62008f;}
.clearfoot {clear: both; height: 0;}
.title, .subtitle, .clear {display: none;}
ul.navheader, ul.navfooter {padding: 0; margin: 0;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;}
.entry ul li, .entry ol li {padding-left: 5px; margin-left: 10px;}
/*----------------------------------------------------------------------------------------------
ENTRIES
-----------------------------------------------------------------------------------------------*/
.entry {margin-top: 10px; text-align: justify;}
.entry_text img {max-width: 400px; overflow: hidden;}
.datesubject {font-size: 7pt; letter-spacing: 1pt; text-transform: uppercase; margin-top: 10px;}
.subject {border-bottom: 1px solid #DDD; background: #F8F8F8; display: block; color: #B89878; font-weight: bold;}
.currents strong, .currents, .currentlocation, .currentmood, .currentmusic {text-transform: lowercase;}
.ljtags {font-weight: bold; text-transform: lowercase; margin: 10px 0;}
.ljtags a {font-weight: normal;}
.comments {border-bottom: 0px solid #f3f2f2; background: #fefefe; display: block; text-align: right; margin: 10px 0; clear: left;}
.separator {height: 15px;}
.ljtaglist {list-style-type: square;}
h2 {padding-left: 25px; font-size: 7.5pt; text-transform: uppercase;}
.userpic, .userpicfriends {position: relative; float: right; background: #fcfcfc !important; border: 1px solid #f3f2f2; padding: 4px; text-align: center; margin-left: 10px;}
.userpicfriends font {font-family: verdana; font-size: 7.5pt; color: #fcfcfc; border: 1px solid #f3f2f2}
/*----------------------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------------------*/
#sidebar .defaultuserpic {text-align: center;}
#sidebar .defaultuserpic img {background: #fefefe; border-bottom: 2px dotted #aa0000; padding: 4px;}
.calendar {width: 100%; text-align: center;}
.sbarcalendar, .sbarcalendarposts {border-right: 1px solid #f3f2f2; border-bottom: 1px solid #f3f2f2;}
.sbartitle, .sbarbody, .sbarbody2 {padding: 0;}
ul.sbarlist, li.sbaritem {padding: 0; margin: 0; list-style: none;}
li.sbartitle {list-style: none; margin: 10px 0; text-transform: uppercase; font-size: 7.5pt; font-weight: bold;}
#sidebar_linklist a, #sidebar_tags a {display: block; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; padding-left: 15px; border-bottom: 1px solid #f3f2f2;}
/*----------------------------------------------------------------------------------------------
CALENDAR PAGE
-----------------------------------------------------------------------------------------------*/
input, textarea, select, option, button {font-family: verdana; font-size: 7.5pt; color: #000000; background: #fcfcfc; border: 1px solid #f3f2f2;}
ul.year {text-align: center; padding-bottom: 10px;}
ul.year li {display: inline; padding: 0 10px;}
table.yeartable {margin: auto; font-size: 7.5pt; width: 80%}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #fcfcfc; border: 1px solid #f3f2f2;}
table.yeartable td.yearday {text-align: center; background: #fcfcfc; border: 1px solid #f3f2f2;}
td.yearmonth {border: 0;}
/*----------------------------------------------------------------------------------------------
COMMENTS PAGE [ paid/plus accounts ]
-----------------------------------------------------------------------------------------------*/
#postform img {display: none;}
.box {border: 0; clear: none !important;}
textarea.textbox {width: 95% !important;}
.skiplinks {text-align: center; margin: 10px 0;}
.datesubjectcomment {background: #fcfcfc; border-top: 1px solid #f3f2f2; border-bottom: 1px solid #f3f2f2; color: #999; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0; background: #fcfcfc; border: 1px solid #f3f2f2; 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: #ffffff; color: #999;}
.commentreply {position: relative; margin: 10px; font-size: 7.5pt; font-family: verdana, sans-serif; color: #999;}
.commentbox {background: #fff; border: 1px solid #f3f2f2; margin: 10px;}
.commentboxpartial {background: #fcfcfc; border: 1px solid #f3f2f2; margin: 10px;}
.commentinfo {background: #fcfcfc; 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: 10px; width: 700px; height: 364px;
background: url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/somreigin_chan/header.png) no-repeat;}
Artist Notes:
This was a real challenge. The ONLY way I could do this one is to expand my skills and add an opacity element to the content of the page (i.e. the journal entries). reigin_chan had a cool background, and I didn't want to cover it up. However, I couldn't read any color text on the background, so I off set the background and the content of the page on opposite sides of the window, but that won't work too well with a header the width of what reigin_chan wanted. So I did an opacity feel to it. I had an off-white content background and a made it a little opaque! I hope it's OK. I wasn't as creative in this one because the background and header was provided by reigin_chan, but I tried to make it all work together the best I could. I like it, because it's different from what I've done, so I hope reigin_chan likes it too! If you have any problems, let me know! ♥
Credit me: greenberryhair, shindii_ruiizu, or cheverloo.
Comments and/or notes = ♥!
Requests are accepted through Cheverloo's request post, in my request post @ greenberryhair, or through shindii-ruiizu@dA.