REQUEST: greenberryhair MASSU

[marikitdoodles]

Massu's Fantasy
Style: S2 Flexible Squares
Screen Resolution: 800x600 and higher
Browser Compatible: Firefox & Explorer
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes
Base Layout: snubbly




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

1. Choose Journal Style: Under 'Select a New Theme' type Flexible Squares in the search box, and apply any one of those themes.

2. Customize Your Theme > Display: Show user picture icons with each of your entries?: Yes and Set the user picture position for each entry: Right

3. Sidebar: Customise it as you wish.

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

/*------------------------------------------------------------------
S2 Flexible Squares
Layout by marikit @ http://marikitdoodles.livejournal.com
based on a layout by snubbly
--------------------------------------------------------------------*/

body {background: #1A1A1A; text-align: center; color: #676767;
font-family: tahoma, sans-serif; font-size: 7pt; line-height: 12pt; margin: 0px;background-image:url('http://i285.photobucket.com/albums/ll79/littlemissmarikit/rainbow.jpg');
background-position: top;}}

::-moz-selection {color: #FFFFFF; background: #43BAFF;}

a, a:link, a:visited {color: #43BAFF; text-transform: lowercase; text-decoration: none;}
a:hover {color: #676767; text-transform: lowercase; text-decoration: none;}

blockquote {background: #F8F8F8; padding: 5px; color: #676767;}

#content {width: 700px; margin: 0px auto;}
#maincontent {margin-right: 190px; text-align: left;}

#sidebar {width: 180px; float: right; text-align: justify;}
#sidebar .defaultuserpic {display: none;}

#header {width: 100%; padding: 10px 0px 10px 0px; margin: 0px auto; margin-top: 10px;
text-align: center; font-weight: bold; background: #FFFFFF; border-top: 20px solid #43BAFF;}

div#header a, div#header a:link, div#header a:visited {color: #43BAFF; text-transform: uppercase; }
div#footer a, div#footer a:link, div#footer a:visited {color: #43BAFF; text-transform: lowercase; }
div#header a:hover {color: #676767; text-transform: uppercase; text-decoration: none; }
div#footer a:hover {color: #676767; text-transform: lowercase; text-decoration: none; }

.title, .subtitle {display: none;}
ul.navheader {padding: 0px; margin: 0px;}
ul.navheader li {display: inline; padding: 0 10px 0 10px;}

.subcontent {background: #FFFFFF; padding: 10px; margin-top: 10px; text-align: justify; border-top: 20px solid #43BAFF;}
.entry {min-height: 100px;}
.entry_text {margin-top: 20px;}

.userpic {position: relative; float: right; background: #FDFDFD;
padding: 5px; margin: 0px 0px 0px 10px; z-index: 15; border: 1px solid #F8F8F8;}

.datesubject {text-align: left}
.date {color: #CCCCCC; text-transform: uppercase;}
.subject {font-weight: bold; text-transform: uppercase;}
.subject a, .subject a:link, .subject a:visited {color: #43BAFF;}
.subject a:hover {color: #676767;}

.entry ul li {padding-left: 5px; margin-left: 15px;}
.entry ol li {padding-left: 5px; margin-left: 15px;}

.currents, .currentmood, .currentmusic, .currentlocation {color: #CCCCCC; text-align: left; text-transform: lowercase; padding-bottom: 5px;}
.currents strong {font-weight: bold;}

h2 {padding-left: 20px; font-size: 7pt; line-height: 12pt; text-align: left; background: #FFFFFF; padding: 10px; border-top: 20px solid #43BAFF; margin-top: 10px;}
.ljtags {padding-top: 20px; color: #CCCCCC; font-weight: bold; text-align: left; text-transform: lowercase;}
.ljtaglist {list-style-type: circle; background: #FFFFFF; padding: 10px; padding-left: 20px;}

.comments {text-align: right;}
.comments a {font-weight: bold;}

.userpicfriends {position: relative; float: right; padding: 5px; margin: 0px 0px 0px 10px; font-size: 7pt; z-index: 15;
text-align: center; color: #676767; border: 1px solid #F8F8F8; background-color:#FDFDFD !important; font-family: tahoma, sans-serif;}

.sbartitle {padding: 0px; font-weight: bold; text-transform: uppercase;}
.sbarbody {padding: 0px; background: #FFFFFF;}
.sbarbody2 {padding: 10px; background: #FFFFFF;}

ul.sbarlist {padding: 0px; margin: 0px; list-style: none;}
li.sbaritem {padding: 0px 10px 0px 10px; list-style: none;}
li.sbartitle {padding: 1px 5px 1px 5px; list-style: none; margin-bottom: 0px; margin-top: 10px; background: #43BAFF; color: #FFFFFF;}
li.view {text-transform: uppercase;}

.sbarcalendar {background: #FDFDFD; border: 1px solid #F8F8F8; text-align: center;}
.sbarcalendarposts {background: #FDFDFD; border: 1px solid #F8F8F8; text-align: center;}

#footer {margin-right: 190px; text-align: center; font-weight: bold; background: #FFFFFF;
padding: 10px; z-index: 100; clear: both; text-transform: lowercase; border-top: 20px solid #43BAFF;}

.skiplinks {text-align: center; background: #FFFFFF; padding: 10px;
text-transform: lowercase; border-top: 20px solid #43BAFF; margin-top: 10px;}

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

.clear {display: none;}
.clearfoot {clear: both;}

ul.year {text-align: center; background: #FFFFFF; margin: 10px 0px 0px 0px; padding: 10px; border-top: 20px solid #43BAFF;}
ul.year li {display: inline; margin: 0px;}

table.yeartable {margin: 0px auto; background: #FFFFFF; width: 100%; padding: 10px; border-top: 20px solid #43BAFF;}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #FDFDFD; border: 1px solid #F8F8F8;}
table.yeartable td.yearday {background: #F8F8F8; text-align: center;}
td.yearmonth {border-style: none;}

input, textarea, button {font-family: tahoma, sans-serif; background: #FDFDFD; border: 1px solid #F8F8F8;
font-size: 7pt; line-height: 12pt; color: #676767; padding: 2px;}

select, option {font-family: tahoma, sans-serif; background: #FDFDFD; border: 1px solid #F8F8F8;
font-size: 7pt; line-height: 12pt; color: #676767; padding: 0px;}

textarea.textbox {width: 95% !important;}
.datesubjectcomment {background: #F8F8F8; padding: 5px; margin-top: 20px;}

.userpiccomment {position: relative; top: -30px; left: 0px; border: 5px solid #FDFDFD; background: #FDFDFD; padding: 5px;
margin: 10px 10px -20px 10px; z-index: 15; float: left; border: 1px solid #F8F8F8;}

.box {background: #FFFFFF; padding: 10px; border-top: 20px solid #43BAFF; margin-top: 10px; clear: left; clear: none !important;}

.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #FDFDFD; color: #676767;}
.replytosubject {font-weight: bold;}

.commentreply {position: relative; margin: 10px; font-size: 7pt; font-family: tahoma, sans-serif; color: #676767;}
.commentbox {border: 1px solid #F8F8F8; margin: 10px; background: #FDFDFD;}

.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #676767;}
.datesubjectcomment a:hover {color: #676767;}

.commentboxpartial {border: 1px solid #F8F8F8; margin: 10px; background: #FDFDFD;}
.commentinfo {background: #FDFDFD; margin-top: 10px; width: 100%;}

/*--------------------------------------------------------
Tiny icons by http://_excentric_.livejournal.com
-----------------------------------------------------------*/

.entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}

.entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}

#sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}

.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}

.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(http://i147.photobucket.com/albums/r304/snubicons/icon/user1.gif); padding: 13px 13px 0px 0px !important;}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(http://i285.photobucket.com/albums/ll79/littlemissmarikit/nix_chiq/creech14-1.gif); padding: 19px 17px 0px 0px !important;}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color: transparent;
background-image: url(http://i285.photobucket.com/albums/ll79/littlemissmarikit/nix_chiq/ani02.gif); padding: 17px 19px 0px 0px !important;}

/*----------------------------------------------------------------------------------------
Add Your Own Header - edit your width, height and header url
-----------------------------------------------------------------------------------------*/

.headerimage {position: relative;
width: 700px;
height: 400px;
background: url('http://i285.photobucket.com/albums/ll79/littlemissmarikit/whitestroke.jpg') no-repeat;
margin: 0px auto;}

I love making the header for this. >.> I wanted it for myself! OMG! Its so pretty! I hope she enjoys it. Please please please, comment and let me know what you think!