layout | laughing gas

[roserascal]

layout #2 | laughing gas
live preview (temp) | image preview

flexible squares
works with plus & paid accounts
tested in firefox only


TO USE
  1. search flexible squares in "journal style"
  2. select the theme "black and white and red all over"
  3. choose 2 column (sidebar on right)
  4. click on "customize selected theme"
  5. click "custom css" on the sidebar
  6. set the drop-down menus to yes no yes
  7. paste the code below into the custom stylesheet box
  8. all done! :D

/* laughing gas by roserascal @ livejournal flexible squares */ body { background-color: #efece0; text-align: center; color: #4F4F4F; font-family: "georgia", sans-serif; font-size: 11px; margin: 20px 0 20px 0; } a, a:link, a:visited { color: #b8af03; text-decoration: none; } a:hover { color: #b8af03; text-decoration: none; font-style: italic; } blockquote{ font-size: 11px; background-color: #D5E2B7; color:#53BFB3; border-style: solid; border-width: 1px; border-color: #EF9C77; padding: 10px; } p, td( font-size: 11px; ) code, kbd, pre, tt { font-family: monospace; } #content { width: 50%; margin-left: auto; margin-right: auto; background-color: #efece0; border-width: 0px; border-style: solid; border-color: #efece0; padding: 15px; } #maincontent { margin-top: 15px; font-family: "georgia", sans-serif; font-size: 11px; background-color: #efece0; color: #170409; border-style: solid; border-color: #efece0; border-width: 0px; margin-right: 160px; text-align: left; } #sidebar { padding-top: 50px; margin-top: 50px; background-color: #efece0; border-color: #9BCFC9; border-width: 0px 0px 0px 1px; border-style: solid; font-size: 10px; font-family: "georgia", sans-serif; color: #170409; width: 160px; float: right; text-align: right; } #header { padding: 10px 0px 10px 0px; margin: 10px; text-align: right; font-family: "georgia", sans-serif; font-size: 11px; letter-spacing: 2px; border-style: solid; border-color: #9BCFC9; border-width: 0px 0px 1px 0px; background-color: #efece0; color: #170409; } #footer { text-align: center; font-family: "georgia", sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; background-color: #efece0; color: #170409; border-color: #efece0; border-width: 1px; border-style: solid; z-index: 100; clear: both; } /* header -- links to views; title of journal; subtitle of journal */ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #E33258; } div#header a:hover, div#footer a:hover { color: #df6f89; text-decoration: none; } div#header li {background-color:#DF6F89; padding: 15px 10px 15px 10px;} div#header li + li {background-color: #76B5B6} div#header li + li:hover {background-color: #B8AF03} div#header li + li + li {background-color: #96C6B6} div#header li + li + li:hover{background-color: #53BFB3} div#header li + li + li + li {background-color: #D5E2B7} div#header li + li + li + li:hover {background-color: #EF9C77} div#header li + li + li + li + li {background-color:#F4E3B8} div#header li + li + li + li + li:hover{background-color:#EF9C77} ul.navheader { padding: 0px 0px 30px 40px; margin: 0px 0px 30px 40px; } ul.navheader li { display: inline; padding: 0 3px 0 3px; } .title { font-family: "georgia", sans-serif; font-size: 36px; font-weight: normal; line-height: 100%; top: 30px; } .title:first-letter {color: #B8AF03; font-size:36pt;} .subtitle{ font-family: "georgia", sans-serif; font-size: 12px; font-weight: normal; top: 0px; letter-spacing: 12px; } /* sidebar */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #b8af03; } div#sidebar a:hover { color: #ccbf82; text-decoration: none; } .defaultuserpic { text-align: center; } .defaultuserpic img {padding: 2px; border: 1px solid #eeeeee; margin-top: 0px; background: url() repeat scroll 0 0; width: 70px; height: 70px;} .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } #sidebar_summary li.sbaritem { margin: 0 10px; padding: 3px 0; border-bottom: 1px #efece0 solid; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border-color: #E33258; border-width: 1px; border-style: solid; text-align: center; font-family: "georgia", sans-serif; font-size: 11px; } .sbarcalendarposts { border-color: #E33258; border-width: 1px; border-style: solid; background-color: #efece0; text-align: center; font-family: "georgia", sans-serif; font-size: 11px; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem, .tagcloud { padding-left: 15px; list-style: none; } li.sbartitle { padding-left: 15px; list-style: none; border-style: solid; border-width: 1px; border-color: #efece0; background-color: #efece0; margin-bottom: 10px; margin-top: 10px; } /* maincontent */ .subcontent { } .entry { margin: 0px 10px 20px 0px; padding: 10px; background-color: #efece0; color: #170409; font-family: "georgia", sans-serif; font-size: 11px; text-align: left; border-width: 0px; border-color: #9BCFC9; border-style: solid; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic { position: relative; float: left; background-color: #efece0; padding: 10px; margin: 0px 10px 0px -150px; z-index: 15; border-width: 1px; border-color: #B8AF03; border-style: solid; } .userpicfriends { position: relative; float: left; background-color: #efece0 !important; padding: 10px; margin: 0px 10px 0px -150px; z-index: 15; border-width: 1px; border-color: #B8AF03; border-style: solid; font-size:0; } .date { line-height: 25%; top: 5px; color: #df6f89; font-family: "georgia", sans-serif; font-size: 11px; } .subject { font-weight: normal; padding: 0px; color: #e33258; font-family: "georgia", sans-serif; font-size: 26px; first-letter (color: #B8AF03;) } .subject a, .subject a:link, .subject a:visited, .subject a:hover { color: #e33258; /*color: #b8af03;*/ text-decoration: none; } /*.subject a:hover { color: #ccbf82; }*/ .datesubject { background-color: #efece0; padding: 5px; } .currents, .currentmood, .currentmusic { font-family: "georgia", sans-serif; font-size: 10px; text-align: right } .comments { font-family: "georgia", sans-serif; font-size: 11px; text-align: right; background-color: #efece0; padding: 0px 5px 0px 5px; position: relative; top: 15px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #b8af03; } div.comments a:hover { color: #ccbf82; text-decoration: none; } /* maincontent -- entry, reply pages */ .datesubjectcomment { background-color: #efece0; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; float: left; background-color: #efece0 !important; padding: 10px; margin: 0px 10px 0px -150px; z-index: 15; border-width: 1px; border-color: #B8AF03; border-style: solid; } .box { border-style: solid; border-width: 0px; border-color: #efece0; padding: 10px; clear: left; } input, textarea { background-color: #D5E2B7; color: #53BFB3; } textarea.textbox { width: 95% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "georgia", sans-serif; font-size: 11px; line-height: 125%; background-color: #efece0; color: #170409; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "georgia", sans-serif; color: #170409; } .commentbox { border-color: #EFece0; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #efece0; color: #53BFB3; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #b8af03; } .datesubjectcomment a:hover { color: #ccbf82; } .commentboxpartial { border-color: #efece0; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #efece0; } .commentinfo { background-color: #efece0; margin-top: 10px; width: 100%; } /* maincontent -- year/achive pages */ ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #efece0; } table.yeartable td.yearday { background-color: #efece0; text-align: center; } td.yearmonth { border-style: none; } /* footer */ div#footer li.viewing { display:none; padding: 10px; margin: 2px; border: 1px solid #96C6B6; background-color: #96C6B6; } div#footer a, div#footer a:link, div#footer a:visited { color: #E33258; padding: 10px; margin: 2px; border: 1px solid #eeeeee; background-color: #96C6B6; } div#footer a:hover {background-color: #53BFB3; color: #DF6F89; } .clearfoot { clear: both; } /* misc */ .clear { height: 15px; } .skiplinks { text-align: center; } .headerimage { /* for formatting header image */ } .separator{ /* for formatting separators between entries */ height: 35px; } * html div.subcontent { /* fixes an IE reply page bug */ height: 1%; clear: none; } * html div.box#commentform { /* fixes an IE reply page bug */ position: absolute; border-width: 1px; border-style: solid; border-color: #efece0; background-color: #efece0; } div.ContextualPopup div.Inner { background-color: #D5E2B7 !important; color: #53BFB3 !important; border: 1px solid #EF9C77; padding: 10px; width: 200px; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: underline !important; font-weight: bold; color: #E33258 !important; } img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"], img[src*="upgrade-paid-icon.gif"] {height: 0px; width: 0px; padding: 0 0 10px 10px !important; background: transparent none no-repeat scroll 0 0} .subject img {vertical-align: middle !important} img[src*="icon_protected.gif"]{background-image: url(http://img340.imageshack.us/img340/2779/lockr.gif)} img[src*="icon_private.gif"]{background-image: url(http://img709.imageshack.us/img709/8236/warnings.gif)} img[src*="icon_groups.gif"]{background-image: url(http://img340.imageshack.us/img340/2779/lockr.gif)} .ljuser img[src*="syndicated.gif"]{background-image: url(http://img828.imageshack.us/img828/1830/mobile.gif) !important} .ljuser img[src*="newsinfo.gif"] {background-image: url(http://img843.imageshack.us/img843/9683/starl.gif) !important} .ljuser img[src*="partnercomm.gif"]{background-image: url(http://img843.imageshack.us/img843/9683/starl.gif) !important} .ljuser img[src*="sponcomm.gif"] {background-image: url(http://img843.imageshack.us/img843/9683/starl.gif) !important} img[src*="btn_del.gif"]{background-image: url(http://img237.imageshack.us/img237/9420/crossc.gif)} img[src*="btn_scr.gif"] {background-image: url(http://img826.imageshack.us/img826/2919/fieldhidden.gif)} img[src*="btn_unscr.gif"] {background-image: url(http://img829.imageshack.us/img829/4949/contractverical.gif)} img[src*="btn_freeze.gif"] {background-image: url(http://img13.imageshack.us/img13/4599/cubew.gif)} img[src*="btn_unfreeze.gif"] {background-image: url(http://img265.imageshack.us/img265/5563/dropbox.gif)} img[src*="btn_track.gif"] {background-image: url(http://img843.imageshack.us/img843/5752/mailopen.gif)} img[src*="btn_tracking.gif"] {background-image: url(http://img837.imageshack.us/img837/549/mailback.gif)} img[src*="btn_tracking_thread.gif"] {background-image: url(http://img837.imageshack.us/img837/549/mailback.gif)} img[src*="anonymous.gif"] {background-image: url(http://img831.imageshack.us/img831/4116/commentm.gif)} img[src*="openid-profile.gif"] {background-image: url(http://img507.imageshack.us/img507/6559/commentleft.gif)} img[src*="userinfo.gif"] {background-image: url(http://img213.imageshack.us/img213/8559/personh.gif)} img[src*="talk/none.gif"] {background-image: url()} img[src*="help.gif"] {background-image: url(http://img191.imageshack.us/img191/6850/script.gif)} img[src*="pencil.gif"] {background-image: url(http://img80.imageshack.us/img80/4396/buttoney.gif)} img[src*="btn_edit.gif"] {background-image: url(http://img686.imageshack.us/img686/2091/tagz.gif)} img[src*="upgrade-paid-icon.gif"] {background-image: url()} .ljuser img {width: 0; height: 0; background: transparent url() no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important} .ljuser img[src*="userinfo.gif"] {background: transparent url(http://img168.imageshack.us/img168/4590/heartjw.gif) no-repeat center left !important; padding: 10px 10px 0 2px !important} .ljuser img[src*="community.gif"] { background: transparent url(http://img843.imageshack.us/img843/9683/starl.gif) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important} .currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding: 2px 14px 2px 0; background: transparent none no-repeat scroll 100% 50%} .ljtags {background-image: url()} .currentlocation {background-image: url(http://img5.imageshack.us/img5/7775/homei.gif)} .currentmood{background-image: url(http://img245.imageshack.us/img245/9587/happyr.gif)} .currentgroups {background-image: url()} .currentmusic {background-image: url(http://img408.imageshack.us/img408/6328/soundon.gif)} .currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong, .ljtags strong {display:none}

mini icons by brand spanking new
credit would be great but isn't required!
please comment if you like :)
also add me if you want updates!
enjoy!