Flexible Squares:Heartbreaker

herohankyung

LIVE IMG IMG 2
Live without header pic,Img without header pic.Img 2 with header pic.

/* Stylesheet by aoi_sama896 @ j_k_icons http://community.livejournal.com/j_k_icons/ Style System: S2 Theme: Flexible squares*/ body { background: url() #cccccc repeat fixed; font-family: Georgia; font-size: 10px; letter-spacing: 1px; margin: 0px 0px 0px 0px; text-align: justify; } a, a:visited{ color: #9f9f9f; font-weight: normal; text-decoration: none; } a:hover{ color: #999999; } blockquote{ color:#a4a3a3; background-color: #cccccc; border:0px dashed #d9d9d9; font-family:georgia; } code, kbd, pre, tt{ font-family: georgia; } #content{ background-color: #f0f0f0; color: #7d7d7d; width: 600px; margin-left: auto; margin-right: auto; margin-top: 10px; border-width: 0px; padding: 0px; } #maincontent { padding: 10px; margin-top: 5px; text-align: justify; } /*sidebar*/ #sidebar{ display:inline; background-color: #f0f0f0; width: 200px; color: #999999; font-size: 11px; text-align: right; letter-spacing: 0px; float: left; margin:-63px 0px 0px -250px; padding: 20px; } .sbarbody2{ padding: 10px; font-family: georgia; background: #F0F0F0; } li.sbartitle{ font-family: georgia; font-size: 17px; text-align: center; letter-spacing: 2px; text-transform: lowercase; background-color: #f0f0f0; padding: 10px 10px 10px 10px; } li.sbaritem{ padding: 10px; letter-spacing: 1px; background: #F6F6F6; border-bottom: 1px solid #e1e1e1; } li.sbaritem:hover{ background-color: #F4F4F4; border-bottom: 1px solid #e1e1e1; } ul.sbarlist{ list-style: none; display:inline; } .sbarbody#sidebar_tags, .sbarbody#sidebar_summary, .sbarbody#sidebar_calendar, .defaultuserpic{ display: inline; } } /*header*/ #header { font-family: georgia; font-style:; background-color: #727272; text-align: right; text-transform: lowercase; font-size: 19px; letter-spacing: 2px; color: #cccccc; padding: 10px 10px 10px 10px; margin: 10px; } .headerimage { position: relative; width: 600px; height: 300px; margin: 15px auto; margin: 15px 29px 0px 329px; background-image: url("http://funkyimg.com/u2/768/533/3.png"); background-repeat: no-repeat; } div#header a, div#header a:link, div#header a:visited { color: #cccccc; text-transform: lowercase; } div#header a:hover { } div#header li.view { } div#header li.view: Hover { background-color: #eeeeee; } ul.navheader{ padding: 0px; margin: 0px; display:inline; } ul.navheader li { margin: 3px; list-style-type: none; display:inline; } .title { display:none; padding: 6px; margin: 6px; text-align: left; text-transform: lowercase; } .subtitle{ display:none; } .subcontent { background: #f0f0f0; text-align: justify; } /*entry*/ .date{ color: #606060!important; text-decoration: none; font-size: 9px; text-align: right!important; } .subject{ font-family: georgia; text-align: right; text-decoration: none; text-transform: lowercase; color: #999999; font-size: 18px; padding: 0px 10px 0px px; background-color: #f0f0f0; letter-spacing: 1px; border-bottom: 1px solid #e1e1e1; } .subject a, .subject a:link, .subject a:visited { text-decoration:none; background-color: #f0f0f0; } .datesubject { padding: 10px 15px 10px 15px; border-left: 0px solid #eeeeee; } .entry { background-color: #f0f0f0 !important; margin: 0px; padding: 10px 15px 10px 15px; text-align: justify; line-height: 1.60; border-width: 0px; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic, .userpicfriends { border: 0px solid #585758; position:absolute; background-color: #ffffff !important; padding: 10px; margin-left: 630px; text-align: right; font-size:9px; } .userpic img, .userpicfriends img { -moz-opacity:.70; opacity:.70; filter:alpha(opacity=70); } .userpic img, .userpicfriends img: hover{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } ::-moz-selection{ background: #EEE; } img:hover{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } ::-moz-selection{ background: #EEE; } .userpicfriends a font{ color: #cccccc; background-color: transparent!important; } .userpicfriends a:hover font{ color: #cccccc; } .userpicfriends img { border: 0px; padding: 0px; background-color: #ffffff; } .userpicfriends a font { color: #cccccc; font-famaly: Georgia; } .ljtags { text-align: justify; padding: px px px px ; margin-top: 10px; position: relative; text-transform: lowercase; font-size: 10px; color: #999999; } .ljtags:hover { border-color: #888888; } .currents { font-size: 8px; color: #cccccc; margin: 0px 0px 0px 0px; text-align: left; } .currents, .currentmood, .currentmusic { font-weight:normal; } .currentlocation { display:none; } /*COMMENTS*/ .comments { background-color: #f0f0f0; font-family: georgia; font-size: 13px; padding: 10px; position: relative; text-align:right; top: 15px; color: #505050; } .datesubjectcomment { background-color: #cccccc; padding:5px; margin-top: 15px; } .userpiccomment { position: ; background-color: #ffffff;!important; padding: 20px; border: 0px solid #ffffff; left: 0px; margin: 0px 0px 0x 0px; margin-left: -135px; margin-top: -30px; z-index: 15; float: left; height: 80px; width: 80px; } img.userpiccomment { opacity:.100; -moz-opacity: 0.100; filter: alpha(opacity=80); } img.userpiccomment:hover{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } ::-moz-selection{ background: #fff; } .box { clear: right; } input, { font-family: georgia; font-size: 11px; background-color: #ffffff; border: 0px solid #cccccc; color: #cccccc; } textarea.textbox { width: 100% !important; } .reply { border: 0px ; position: relative; margin: 20px 30px 10px 10px; padding: 25px 10px 10px 10px; text-align: left; line-height: 125%; background-color: #cccccc; color:#999999; } .commentreply { font-family:arial; position: relative; margin: 10px; font-size: 10px; color: #999999; } .commentbox { border: 0px solid #cccccc; padding: 10px; margin: 10px; background-color: #ffffff; } .commentboxpartial { border: 1px solid #cccccc; padding: 10px; margin: 10px; background-color: #ffffff; } .commentbox:hover, .commentboxpartial:hover { border-color: #cccccc; } div.comments a, div.comments a:visited, div.comments a:link { padding: 3px; } .separator{ height: 10px; display:inline; background-color: transparent; } .skiplinks { text-align: center; margin: 0px; font-family: georgia; padding: 10px; font-size: 9px; letter-spacing: 1px; color: #cccccc; } #footer { background-color: #f0f0f0; color: #cccccc; font-family: georgia; font-size: 16px; text-transform: lowercase; text-align: center; padding: 20px; } div#footer a, div#footer a:link, div#footer a:visited { color: #858585; font-weight: normal; font-family: georgia; font-size: 17px; text-decoration; none; text-transform: lowercase; } div#footer a:hover { color: #cccccc; } ul.navfooter { padding: 0; margin: 0; } ul.navfooter li { padding: 0; margin: 0; list-style: none; display: inline; } /*ARCHIVE PAGES*/ ul.year { text-align: center; padding-bottom: 10px; padding-top: 10px; } ul.year li { display: none; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { background-color: #ffffff; border: 1px solid #cccccc; } table.yeartable td.yearday { background-color: #ffffff; border: 1px solid #cccccc; text-align: center; } td.yearmonth { border-style: none; } /*misc*/ h2 { text-align: left; margin-top: 10px; text-decoration: none; color: #999999; font-family: georgia; font-weight:lighter; letter-spacing: 1px; } .separator { background-color: #ffffff; background-image: url(""); background-repeat:no repeat; background-attachment: fixed; } 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*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; } .ljuser img { width: 0; height: 0; background: transparent url(http://funkyimg.com/u2/491/565/lucindasawyer_13.gif) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important; } .ljuser img[src*="userinfo.gif"] { background: transparent url(http://funkyimg.com/u2/324/916/Untitled-2.gif) no-repeat center left !important; padding: 10px 10px 0 2px !important; } .ljuser img[src*="community.gif"] { background: transparent url(http://img524.imageshack.us/img524/16/comm.gif) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important; }

Credit:Stylesheet by <lj user="j_k_icons">|<lj user="aoi_sama896">

..::headers::..
G-Dragon

Super Junior

Alice nine

the Gazette

request tvxq: fornimtsu12

request wonder girls: for ever_wonders


More requests I do not carry out !

How uninstall Layout?
1.Choose theme here it will be Flexible Squares
Choose a Page Setup >>> Column (sidebar on left).
2.CSS code uninstall in "Custom stylesheet" HERE
3.Use layout's stylesheet(s) and Use layout's stylesheet(s) when including custom external stylesheet choose "No"
4.screen if you not understand (sorry for my Eng xD TT)

How and where uninstall header?
1.HERE
2.Search .headerimage { , your header pic. insert background-image: url("HERE");
3.uninstall width and height of your picture. Better if will be 600x300. As in our case. width: 600px; height: 300px;
If you don't want header don't change code.
4.And screen

How uninstall or remove sidebar?
1.Sidebar settings HERE
2.If you want sidebar choose "Yes",If you don't want sidebar choose "No"

Simple :D

aoi_sama896

j_k_icons