hiatus WHOA

Dec 31, 2010 11:50


CORAL DREAM



FLEXIBLE SQUARES
PAID & PLUS ACCOUNTS
WORKS IN ALL BROWSERS
LIVE (temp) | IMG
TO USE
   1. search flexible squares in "journal style"
   2. select theme "grays"
   3. choose 2 column (sidebar on right)
   4. click on "customize selected theme"
   5. click "custom css" on the sidebar
   6. set the dropdown menus to no no no
   7. paste the code below into the custom stylesheet. save changes & enjoy!

body { background-color: #cddfe2; color: #323232; text-align: justified; font-size: 11px; font-family: "arial", sans-serif; } a, a:link, a:visited { font-family: "calibri" Helvetica, sans-serif; color: #ee4d40; text-transform: lowercase; text-decoration: none; } a:hover { font-family: "calibri" Helvetica, sans-serif; color: #ee4d40; text-transform: lowercase; letter-spacing: 0px; text-decoration: none; } blockquote { padding: 8px 8px 8px 10px; color: #00000; font-size: 10px; font-family: "arial", sans-serif; text-align: justify; letter-spacing: 1px; background: #f8f8f8; border-left: 3px solid #f02919; border-right: 3px solid #b8d4d9; } #content { width: 650px; margin-left: auto; margin-right: auto; margin-bottom: 0px; border-top: 0px background: transparent; padding: 0px; } #maincontent { margin: 10px 20px 0px 0px; border-left: solid #ebebeb 0px; } #sidebar { width: 590px; margin-top: 10px; padding: 20px; background: #ffffff; color: #4f4e57; font-family: calibri; font-size: 9pt; text-align: justify; float: center; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { font-size: 9pt; font-family: calibri; color: #555555; text-decoration: none; } div#sidebar a:hover { font-size: 9pt; font-family: calibri; color: #000000; } .defaultuserpic { display: none; float:left; margin: 0px 10px 0 10px; } .defaultuserpic img { padding:6px; background-color:#f8f8f8; } .sbarheader { padding: 0px 0px 0px 0px; } .sbarbody { padding: 0px 0px 0px 0px; } .sbarbody2 { padding: 0 0px 5px 0px; border-bottom: 1px solid #EEEEE; } #sidebar a, #sidebar a:link, #sidebar a:visited { font-size: 10px; list-style-type: none; } ul.sbarlist { margin-top: -10px; margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin-top: -10px; margin-right :10px; display: inline; font-size: 8pt; font-family: calibri; text-align: right; text-transform: uppercase; } li.sbaritem:hover { font-size: 8pt; font-family: calibri; background-color: #ee4d40; } table.calendar { padding: 1px; border: 1px solid #dddddd; background: #FEFEFE; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } table.yeartable td.yeardate { padding: 1px; border: 1px solid #dddddd; background: #FEFEFE; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } table.yeartable td.yearday { padding: 1px; border: 1px solid #dddddd; background: #FEFEFE; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } td.yearmonth { padding: 1px; border: 1px solid #dddddd; background: #FEFEFE; text-align: left; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } ul.year { padding: 1px; border: 1px solid #dddddd; background: #FEFEFE; text-align: left; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; display: inline; } ul.year li { padding: 1px; border: 1px solid #dddddd; background: #FEFEFE; text-align: left; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; display: inline; } .sbarcalendar { padding: 1px; border: 1px solid #dddddd; background: #FEFEFE; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding: 1px; border: 1px solid #dddddd; background: #dddddd; text-align: right; font-family: "arial", Helvetica, sans-serif; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbartitle { display: none; } ul.ljtaglist li { padding: 0px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .nav a { border-bottom: 0px solid #e6dcd6; border-left: 3px solid #1d1d1d; color: #555555; display: inline; font-family: tahoma; font-size: 9pt; text-transform: lowercase; padding: 3px; line-height: 10px; } .nav a:hover { color: #9f8449; text-decoration: none; } .nav br { display: inline; } #header { width: 610px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 30px; text-transform: lowercase; background: #000000; text-align: right; font-size: 10pt; font-family: "calibri" Helvetica, sans-serif; font-weight: none; color: #ee4d40; } #footer { width: 610px; padding: 10px; text-align: right; text-transform: lowercase; font-size: 10pt; color: #ee4d40; background: #000000; z-index: 100; font-family: "calibri" Helvetica, sans-serif; } div#header a, div#header a:link, div#header a:visited { font-family: "calibri" Helvetica, sans-serif; color: #ee4d40; font-size: 10pt; padding: 5px 5px 5px 5px; text-transform: lowercase; } div#header a:hover { font-family: "calibri" Helvetica, sans-serif; font-weight: none; color: #ffffff; font-size: 10pt; padding: 5px 5px 5px 5px; text-transform: lowercase; } div#footer a, div#footer a:link, div#footer a:visited { font-family: "calibri" Helvetica, sans-serif; color: #9BBFAD; font-size: 10pt; padding: 0px 3px 3px 3px; text-transform: lowercase; } div#footer a:hover { font-family: "calibri" Helvetica, sans-serif; color: #ffffff; font-size: 10pt; padding: 3px 3px 3px 3px; text-transform: lowercase; } ul.navheader { padding: 0; margin: 0; } ul.navheader li { display: inline; } div#header li.view { font-size: 10pt; color: #ffffff; font-weight: none; text-transform: lowercase; padding: 5px 5px 5px 5px; } #footer .viewing { display:none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0px; } .clearfoot { display: none; clear: both; } .title { display: none; } .subtitle { display: none; } .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #888888; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: normal; font-size: 12px; text-transform: uppercase; font-family: arial; color: #888888; } ul.ljtaglist { color: #bbbbbb; font-family: "arial", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; background: #FEFEFE; text-align: left; margin-right: auto; margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; padding: 4px; color: #333333; font-size: 7pt; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #efefef; background: url(http://i49.tinypic.com/16qufd.jpg) 0px 7px no-repeat; padding-left: 14px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #ee4d40; font-size: 8pt; text-transform: lowercase; } .subcontent { padding: 0px; background: #f8f8f8; background-image: url(http://img43.imageshack.us/img43/1765/kuler.png); background-repeat: repeat; } .entry{ margin-left: 140px; padding: 15px; background: #ffffff; color: #939393; font-family: "Lucida Sans Unicode" Helvetica, sans-serif; font-size: 8pt; text-align: justify; } .entry_text { background: #ffffff; } .entry ul li { padding-left: 7px; margin-left: 15px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 7px; margin-left: 15px; list-style: decimal-leading-zero; list-style-position: outside; } .userpic { position: relative; float: left; padding: 6px; margin: 15px 10px 10px 12px; z-index: 15; background-color: #ffffff !important; } .userpicfriends { position: relative; float: left; padding: 6px; margin: 15px 10px 10px 12px; z-index: 15; background-color: #ffffff !important; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; text-align: center; } .date{ padding-top: 5px; padding-left: 3px; text-align: left; padding-right: 10px; top: 2px; color: #969696; font-family: "georgia" Helvetica, sans-serif; font-size: 7pt; text-transform: lowercase; } .subject { padding-right: 10px; padding-left: 6px; text-align: left; font-weight: normal; font-style:normal; color: #ee4d40; font-family: "georgia"; font-size: 8pt; text-transform: uppercase; } .subject a, .subject a:link, .subject a:visited { font-family: georgia; color: #ee4d40; text-transform: uppercase; } .subject a:hover { color: #999999; } .datesubject { margin-left: 140px; border-bottom: 1px solid #eeeeee; background-color: #ffffff; } .currents, .currentmood, .currentmusic, .currentlocation { text-align: right; color: #777777; font-size: 7pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #777777; font-size: 8pt; text-transform: lowercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #000000; font-size: 8pt; font-weight: normal; text-transform: lowercase; } .currentlocation { font-weight: light; text-transform: lowercase; padding-left: 18px; } .currentmood { font-weight: light; text-transform: lowercase; padding-left: 18px; } .currentmusic { font-weight: light; text-transform: lowercase; padding-left: 18px; } .comments { font-family: "arial", sans-serif; font-size: 8pt; text-align: right; font-weight: normal; padding-top: 8px; padding-bottom: 8px; position: relative; padding-left: 20px; color: #ee4d40; text-transform:lowercase; } div.comments a, div.comments a:link, div.comments a:visited { font-family: "georgia", sans-serif; color: #ee4d40; text-transform: uppercase; } div.comments a:hover { color: #2d2d2d; text-transform: uppercase; } .clear { display: none; height: 0px; } .skiplinks { text-transform: lowercase; text-align: center; margin: 8px 0 8px 0; padding: 12px; color: #888888; background: #FDFDFD; } .separator { background:transparent; padding: 8px; } .clearfoot { display: none; } .datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; color: #c9c9c9; } .userpiccomment { position: relative; top: -10px; padding: 4px; margin: 0px 10px -20px 0px; z-index: 15; float: left; height: 100px; width: 100px; background:#f8f8f8; } .box { clear: left; color: #f8f8f8; } input, textarea { background-color: #ffffff; padding: 3px; font-size: 10px; font-family: "Georgia", sans-serif; color: #ee4d40; border: 1px solid #f8f8f8; } .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: #ffffff; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "Georgia", sans-serif; color: #929292; } .commentbox { padding: 10px; margin: 10px; background-color: #ffffff; } /*extras*/ html, body { cursor:url(http://www.layouts247.net/x/cursors/tiny.cur), auto; } a:hover { cursor:url(http://www.layouts247.net/x/cursors/tiny.cur), auto; } div.ContextualPopup div.Inner { background-color: #EFEFEF !important; color: #ee4d40 !important; border: 1px solid #DFC0B5; padding: 10px; width: 200px; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link { font-weight: bold; color: #ee4d40 !important; } div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #ee4d40 !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://img137.imageshack.us/img137/4463/person.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://img137.imageshack.us/img137/4463/person.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
cursor by layouts 247
credit's awesome, but not required
comment if you like :)
add me if you want updates!
and of course, enjoy!

x-posted to mintyapple 

!layouts

Previous post
Up