[Layout] Rainbow Duet for junn0_mei

[greenberryhair]

Style: S2 Flexible Squares
Screen Resolution: 1024x768 and higher
Browser Compatible: Firefox, IE, & Safari
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes
Base CSS Layout by: snubbly

Requested by: junn0_mei




EDIT: I made a boo boo on the kanji for Miura Yuu's name. I fixed it though and added it to the code.

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: Only your blurb will appear. You can put text, images and links in your blurb.

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
--------------------------------------------------------------------*/

body {background: #FDFDFD url(http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/rdjunn0-mei/bg.jpg); background-attachment: fixed; text-align: center; color: #111; font-family: century gothic, sans-serif; font-size: 8pt; line-height: 9pt;}
::-moz-selection {color: #111; background: #FFB821;}
a, a:link, a:visited {color: #00a8ff; text-decoration: none;}
a:hover {color: #FFB821; text-decoration: none;}
b, i, s, u {color: #FFB821}

h2 {font-size: 10px; text-transform: uppercase; background: #00a8ff; border: 1px solid #ECECEC; color: #111; text-align: left; letter-spacing: 1px; padding: 0 5px; line-height: 25px;}
.title, .subtitle, .currents strong, .clear, #sidebar .defaultuserpic, #sidebar_summary, #sidebar_calendar, #sidebar_tags, #sidebar_linklist {display: none;}

#content {width: 800px; text-align: justify; margin: 0 auto;}
#sidebar {width: auto; background: #F5F5F5; border: 1px solid #ECECEC; margin: 10px 0;}
#header, #footer {background: #00a8ff; color: #111; border: 1px solid #ECECEC; font-size: 10px; text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 25px;}
#header a, #footer a, li.view {color: #111; text-transform: uppercase; border: 0px solid #00a8ff; padding: 0 2px;}
#header a:hover, #footer a:hover {background: #FFB821; border: 1px solid #ECECEC; padding: 0 2px;}
ul.navheader li, ul.navfooter li {display: inline; padding: 0 10px;}
ul.ljtaglist {margin: 0; margin-top: -11px; padding: 10px 20px;}
ul.navheader, ul.navfooter, ul.ljtaglist li {padding: 0; margin: 0;}

.subcontent, .ljtaglist {background: #F5F5F5; border: 1px solid #ECECEC;}
.datesubject {background: #00a8ff; border-bottom: 1px solid #ECECEC; color: #111; font-size: 10px; text-transform: uppercase; padding: 0 5px; line-height: 25px;}
.date {display: inline;}
.subject {display: inline; padding-left: 10px;}
.entry_text {min-height: 120px; padding: 10px; line-height: 16px;}
.entry_text img {max-width: 550px;}

.currents {text-align: left; text-transform: lowercase; margin: 10px;}
.currentlocation {background: url(http://img521.imageshack.us/img521/1223/houseof2.gif) no-repeat center left; padding-left: 15px;}
.currentmood {background: url(http://img254.imageshack.us/img254/8960/moodfo4.gif) no-repeat center left; padding-left: 15px;}
.currentmusic {background: url(http://img254.imageshack.us/img254/9500/musicxw8.gif) no-repeat center left; padding-left: 15px;}

.ljtags {padding-top: 10px; font-weight: bold; text-align: left; color: #00a8ff; text-transform: lowercase;}
.ljtags a {color: #111; font-weight: normal;}
.comments {text-align: right; font-size: 8pt; margin: 10px;}
.comments a {font-weight: bold; text-transform: lowercase;}

.userpic {position: relative; float: right; margin: 36px 10px 10px 10px; border: 0;}
.userpicfriends {position: relative; float: right; margin: 36px 10px 10px; text-align: center; background-color: #F5F5F5 !important; border: 0;}

.sbartitle {font-size: 10px;}
.sbarbody2 {padding: 10px;}
ul.sbarlist {padding: 0; margin: 0;}
li.sbartitle {background: #00a8ff; border-bottom: 1px solid #ECECEC; color: #111; list-style: none; text-transform: uppercase; letter-spacing: 1px; padding: 0 5px; line-height: 25px;}

ul.year {text-align: center; font-size: 10px; padding-bottom: 10px;}
ul.year li {display: inline; padding: 0 10px;}
.clearfoot {display: none;}
.separator {height: 10px;}
.skiplinks {text-align: center; margin: 10px 0;}

table.yeartable {margin: 0 auto; width: 100%;}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #F5F5F5; border: 1px solid #ECECEC;}
table.yeartable td.yearday {text-align: center; background: #F5F5F5; border: 1px solid #ECECEC;}
td.yearmonth {border-style: none; font-size: 10px; text-transform: uppercase; letter-spacing: 1px;}

input, textarea, option, button, select {font-family: century gothic, sans-serif; background: #F5F5F5; border: 1px solid #F5F5F5; font-size: 10px; text-transform: uppercase; letter-spacing:

1px; color: #111;}
textarea.textbox {width: 100% !important;}
#postform img {display: none;}

.datesubjectcomment {background: #F5F5F5; color: #111; padding: 20px 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0px; border: 5px solid #F5F5F5; background: #F5F5F5; margin: 10px; z-index: 15; float: left;}
.box {border: 0; padding: 10px; clear: left; clear: none !important;}
.reply {position: relative; margin: 10px; padding: 25px 10px 10px 10px; text-align: justify; background: #F5F5F5; color: #111;}
.replytosubject {font-weight: bold;}

.commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: century gothic, sans-serif; color: #111;}
.commentbox {margin: 10px; background: #F5F5F5;}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #00a8ff;}
.datesubjectcomment a:hover {color: #FFB821;}
.commentboxpartial {margin: 10px; background: #F5F5F5;}
.commentinfo {background: #F5F5F5; margin-top: 10px; width: 100%;}

/*--------------------------------------------------------
Locked icon by http://_excentric_.livejournal.com
-----------------------------------------------------------*/
.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 16px 16px 0px 0px !important;
background: url(http://img256.imageshack.us/img256/7766/bulletkeyyv3.png);}
.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 16px 16px 0px 0px !important;
background: url(http://img256.imageshack.us/img256/7766/bulletkeyyv3.png);}
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 16px 16px 0px 0px !important;
background: url(http://img256.imageshack.us/img256/7766/bulletkeyyv3.png);}
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 16px 16px 0px 0px !important;
background: url(http://img256.imageshack.us/img256/7766/bulletkeyyv3.png);}
.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(http://img294.imageshack.us/img294/9362/userei1.png); padding: 16px 16px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(http://img294.imageshack.us/img294/9362/userei1.png); padding: 16px 16px 0 0 !important;}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent;
background-image: url(http://img401.imageshack.us/img401/5836/groupcw8.png); padding: 16px 16px 0 0 !important;}

/*------------------------------------------------------------------------------------------------
Add Your Own Header - edit your width, height and header url
--------------------------------------------------------------------------------------------------*/
.headerimage {position: relative; margin: 0 auto; width: 800px; height: 355px; background: url('http://i297.photobucket.com/albums/mm220/shindii-cheverloo/miscellaneous/rdjunn0-mei/header.png') no-repeat;}

Artist Notes:

This didn't take too long. I had a good model...my graphics LJ [greenberryhair] that insane_desire did for me. ^.^ junn0_mei wanted it colorful like mine, so I hope I did good. Sorry for the horrid quality of the preview. The background doesn't scroll so I couldn't make a better preview.

Credit me: 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.