S2 Flexible Squares; Vintage Polaroid

[fuckkcliche]

Image | Live

Instructions:
1) You need to be in S2 to do this, so if you haven't done so, switch from S1 to S2.
2) Go under "Journal" and click "Customize Journal Style"
3) Under your "Current Theme" (Which is located to the right of the page), Click "Select Different Theme"
4) Search "Flexible Squares". Once you've found it, choose it for your theme.
5) Then go back to "Select Different Theme" and scroll down to the bottom where it says "Choose Page Setup"
6) Make your ad-placement Between Entries.
7) Make it "2 Column (sidebar on right)"
8) Scroll back up to "Customize your theme", under "Current theme" on the right side of the page.
9) Click "Customize your theme"
10) Click "Custom CSS"
11) Make all the drop-down menu's say "No" above the CSS box!
12) Then paste this code...
/* stylesheet by fuckkcliche@estiloamor */ body { background-image: url(http://imgboot.com/images/estiloamor/blackbackground.png); background-color: #000; color: #999; font-family: arial; font-size: 11px; margin: 08px 0 08px 0; } a, a:link, a:visited { color: #B30059; text-decoration: none; } a:hover { color: #CC0066; text-decoration: none; } blockquote { padding: 10px; line-height: 15px; color: #999; border: 1px solid #ddd; background: #f0f0f0; text-align: justify; } code, kbd, pre, tt { font-family: tahoma; font-size: 9px; background: #fff; border: 1px solid #ccc; } b, i, s, u, emphasise, abbr, strong, strike { color: #CC0066; } big { font-family: "tahoma", verdana; font-size: 12pt; letter-spacing: -1px; color: #CC0066;} small { font-size: 8px; font-weight: bold; text-transform: uppercase; color: #CC0066;} #content { padding: 12px 0px 12px 0px; width: 800px; margin-left: auto; margin-right: auto; background-color: transparent; padding: 8px; margin-bottom: 8px; } #maincontent { margin: 8px 0 0 0; background-color: transparent; } #sidebar { width: auto; padding: 15px 0 11px 0; margin: 0px; text-align: justify; font-family: tahoma; font-size: 9px; text-transform: none; font-weight: lighter; letter-spacing: 1px; background-color: #0D0D0D; color: #858585; } #header { width: auto; padding: 20px 20px 10px 0px; margin: 0px; text-align: right; font-family: serif; font-size: 12px; text-transform: lowercase; font-weight: lighter; letter-spacing: 2px; background-color: #0D0D0D; color: #fff; border: 0px; display: block; } div#header li.view { color: #fff; margin-top: 10px; padding: 11px; background-color: #0D0D0D; } #footer { width: 100%; height: 100%; text-align: center; font-family: "arial", sans-serif; font-size: 9px; font-weight: normal; letter-spacing: 1px; background-color: transparent; color: #fff; z-index: 100; clear: both; } ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } #footer .viewing { display:none; } /* header -- links to views; title of journal; subtitle of journal */ div#header a, div#header a:link, div#header a:visited{ color:#fff; padding:11px; } div#footer a, div#footer a:link, div#footer a:visited{ color:#fff; padding:11px; } div#header a:hover, div#footer a:hover { color:; background: #000; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 0 3px 0 3px; } .title {display:none;} .subtitle{ display: none; } /* sidebar */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color:; } div#sidebar a:hover { color:; } .defaultuserpic { display: none;} } .sbarheader { padding: 0 5px 0 5px; } .sbarbody { padding: 0 5px 0 5px; } .sbarbody2 { padding: 0 5px 0 5px; } table.calendar { margin-right: auto; margin-left: auto; display: none; } .sbarcalendarposts { padding: 3px; border: 1px solid #f0f0f0; background: #f7f7f7; text-align: center; } ul.sbarlist { padding-left: 0; margin-left: 0; } li.sbaritem { padding-left: 0px; margin-left: 0px; list-style: none; text-align: left; text-transform: lowercase; } li.sbartitle { display: none; padding: 5px 5px 5px 0; list-style: none; text-align: left; color: #DEBB9F; font-family: tahoma; font-size: 9px; font-weight: lighter; margin: 10px 0 10px 0; text-transform: lowercase; } /* maincontent */ #maincontent h2 { padding: 35px; font-family: tahoma; font-size: 12pt; font-weight: normal; text-transform: lowercase; background-color: #ffffff; margin-top: -4px; margin-bottom: -5px; } ul.ljtaglist li { list-style: none; list-style-position: inside; padding-left: 5px; } ul.ljtaglist { text-align: left; padding: 8px 8px 8px 12px; margin-right: auto; margin-left: auto; background-color: #ffffff; } /* maincontent */ .subcontent { border: 0px solid ; background-color: #1A1A1A; margin: 30px 0px -15px 0px; } .entry { margin: 0px 0px 0px 125px; padding: 5px 15px; background-color: #fff; color: #000000; font-family: arial; font-size: 11px; text-align: left; border-left: 1px solid white; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic { font-color: #fff; text-align: center; position: relative; float: left; background-color: #1a1a1a !important; padding-bottom: 12px; margin: 10px; z-index: 15; border: 0px; } .userpicfriends { font-color: #fff; text-align: center; position: relative; float: left; background-color: #1a1a1a !important; padding-bottom: 12px; margin: 10px; z-index: 15; border: 0px; } .userpic a font, .userpicfriends a font { color: #fff;} .userpic img, .userpicfriends img { border: 5px solid #000; } .date { line-height: 200%; top: 5px; color: #f0f0f0; font-family: "tahoma", sans-serif; font-size: 19px; } .subject { margin: -20px -20px 0 0; font-weight: normal; text-transform: lowercase; padding: 0px; color: #a0a0a0; letter-spacing: -1px; font-family: tahoma; font-size: 15px; background-color: transparent; } .subject a, .subject a:link, .subject a:visited, .subject a:hover { color: #a0a0a0; /*color: #ffffff;*/ text-decoration: none; } /*.subject a:hover { color: #000000; }*/ .datesubject { margin: 0px 0px 0px 125px; background-color: #fff; border-left: 1px #eee solid; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #858585; font-weight: normal; font-family: tahoma; text-transform: lowercase; } .ljtags {text-align: left; padding: 2px 2px 2px 15px; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; background: transparent url(http://imgboot.com/images/estiloamor/taguser1.png) no-repeat scroll 0% 50%; margin-left: 5px;} .ljtags a, .ljtags a:link, .ljtags a:hover, .ljtags a:visited { color: #ccc; text-transform: lowercase; font-weight: bold; } .currents, .currentmood, .currentmusic { font-size: 9px; line-spacing: -1px; font-weight: lighter; color: #ccc; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #ccc; font-weight: bold; text-transform: lowercase; } .currentlocation a:hover, .ljtags a:hover { color: #504F4F; font-weight: bold; text-transform: lowercase; } .comments { font-family: "Verdana", sans-serif; font-size: 11px; top: -10px; color: #1A1A1A; text-align: center; width: 100px; margin: 0px -10px 0px -130px; background-color: transparent; padding: 5px 0px 5px 0px; position: relative; } .comments a { color: #fff; background-color: #000; padding: 10px; font-size: 12pt; font-family: Calibri; font-weight: normal; } div.comments a, div.comments a:link, div.comments a:visited{ color: #444; } div.comments a:hover { color: #444; text-decoration: none; } /* maincontent -- entry, reply pages */ .datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; background-color: #1a1a1a; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 1px; border-color: #d1d1d1; border-style: dotted; } .box { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #fff; padding: 10px; clear: left; background-color: #ffffff; } input, textarea { color: #ccc; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #F7F7F7; background: #fafafa; font-size: 9px; } select { font-size: 9px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #F7F7F7; background: #fafafa; color: #ccc;} textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: tahoma; font-size: 9px; line-height: 125%; background-color: #ffffff; color: #999999; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-family: tahoma; font-size: 9px; color: #999; } .commentbox { border-color: #F0EEE8; border-width: 1px; border-style: solid; padding: 8px; margin: 10px; background-color: #ffffff; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #73382B; } .datesubjectcomment a:hover { color: #DEBB9F; border-bottom: #F0EEE8 1px dotted; } .commentboxpartial { border-color: #fff; border-width: 1px; border-style: dotted; padding: 10px; margin: 10px; background-color: #fff; } .commentinfo { background-color: #1a1a1a; margin-top: 10px; width: 100%; } /* maincontent -- year/achive pages */ ul.year { text-align: center; padding: 20px 0 20px 0; border: 0px solid #ffffff; background: #FFF; } ul.year li { display: inline; background: #FFF; } table.yeartable { margin-left: auto; margin-right: auto; padding: 8px; border: 0px solid #ffffff; background: #FFF; } table.yeartable td.yeardate, table.yeartable td.yearday { } table.yeartable td.yearday { background-color: #ffffff; text-align: center; } td.yearmonth { border-style: none; } /* footer */ ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { list-style: none; list-style: decimal inside; } .clearfoot { clear: both; } /* misc */ .clear { height: 2px; } .skiplinks { display: block; text-transform: lowercase; text-align: right; padding: 8px; color: #f2f2f2; background: #FFF; margin-bottom: -2px;} .headerimage { } .separator { background: transparent; height: 29px; } /* replace default ljuser icon */ .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url(http://imgboot.com/images/estiloamor/personuser1.png); padding: 13px 13px 0 10px; } .ljuser img[src*="http://l-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://imgboot.com/images/estiloamor/personuser1.png); padding: 13px 13px 0 10px; } .ljuser img[src*="http://l-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://imgboot.com/images/estiloamor/houseuser1.png); padding: 12px 11px 0 11px; } .ljuser img[src="http://p-stat.livejournal.com/img/syndicated.gif"] { background-image: url(http://i31.tinypic.com/16h3r6u.gif); padding: 12px 11px 0 11px; } .ljuser img[src="http://p-stat.livejournal.com/img/newsinfo.gif"] { background-image: url(http://i31.tinypic.com/16h3r6u.gif); padding: 12px 11px 0 11px; } .ljuser img[src="http://stat.livejournal.com/img/openid-profile.gif"] { background-image: url(http://i31.tinypic.com/16h3r6u.gif); padding: 12px 11px 0 11px; } span.ljuser a b { padding: 2px 0 2px 0; color: #B30059; background: #transparent; } span.ljuser a:hover b { padding-top: 2px; padding-bottom: 2px; color: #CC0066; background: #transparent;} /* replace default protected entry icon */ .subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; padding: 0 7px 9px 0; background: url(http://i23.tinypic.com/5k3e34.gif); } .subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0; padding: 0 15px 14px 0; background: url(http://i2.tinypic.com/6tfqxxv.gif); } .subject img[src="http://p-stat.livejournal.com/img/icon_groups.gif"] { width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i31.tinypic.com/wk388h.png); } /*--- MAKING ALL IMAGES SEE-THROUGH ON HOVER ---*/ img:hover { filter: alpha(opacity=70); moz-opacity: .70; opacity: .70; }

Sidebar Properties
Under the Setup area make sure these are set under the drop-downs!

Show default userpic: Yes
Show blurb/free text in the sidebar: Yes
Show the link list in the sidebar: No
Links Visibilty: hide

Under the "Text to be added to the sidebar", make sure you don't forget to fill in random stuff which will appear in the sidebar!

!IMPORTANT! Ordering Properties!
Under the Ordering area which is located under the Sidebar properties, make sure the selected drop-down options are set as shown:
First box in the sidebar: Default Userpic
Second box in the sidebar: Blurb
Third box in the sidebar: Calendar
Fourth box in the sidebar: Tags
Fifth box in the sidebar: Tags
Sixth box in the sidebar: Page Summary

---------------------------------


Journal > Customize Journal Style > Text > Comments >

Then change "Link text to leave a comment" to a "+" sign. After, change "Link text to read comments" to this: 1 // #

Change "Link text to leave a comment on friends view entry" to another "+" symbol. And make "Link text to read comments on a friends view entry" to "1 // #"