Flexible Squares:Heartbreaker

[aoi_sama896]

Theme: Flexible Squares
Style: S2
Browsers:tested in IE7, Chrome
Accounts: Basic Plus Paid
Name:Heartbreaker
Sidebar: Yes
Live preview: 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 |

..::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

♠Credit at aoi_sama896 or j_k_icons
♠Comment if you are using or taking.
♠Code edits allowed with credit.
♠Enjoy japanese and korean graphics community:join?
resources. || affiliates. || profile.