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!