Style: S2 flexible Squares
Screen Resolution: 800x600 and higher
Browser Compatible: Firefox
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes
requested by:
chewnoob
Note: Plus accounts will not look exactly the same due to adds.
1.
Choose Journal Style: Under 'Select a New Theme' type Flexible Squares in the search box, and apply any one of those themes.
2.
Customize Your Theme > Display: Show user picture icons with each of your entries?: Yes and Set the user picture position for each entry: Left
3.
Sidebar: Customise it as you wish.
4.
Custom CSS: Set all 3 dropdown boxes to No, copy and paste the code into the Custom stylesheet below:
/*------------------------------------------------------------------
S2 Flexible Squares
by: marikit@marikitdoodles.livejournal.com
code by:snubbly
--------------------------------------------------------------------*/
::-moz-selection {background: #FDFDFD;}
body {background: #F29CCE url(
http://i285.photobucket.com/albums/ll79/littlemissmarikit/hearty.jpg);text-align: center; color: #BF89AA; font-family: tahoma, sans-serif;
font-size: 11px; line-height: 15px; margin: 0px;}
a, a:link, a:visited {color: #914D78; text-decoration: none;}
a:hover {color: #BF89AA; text-decoration: none;}
p, td, blockquote {font-size: 11px;}
code, kbd, pre, tt {font-family: monospace;}
#content {width: 700px; margin: 0px auto; background: #FDF3F9;}
#maincontent {margin-top: 5px; margin-right: 180px; text-align: justify;}
#sidebar {margin-top: 5px; background: #FDF3F9; font-family: verdana, sans-serif;
color: #BF89AA; font-size: 10px; width: 160px; float: right; text-align: justify;}
#header {width: 700px; padding: 10px 0px 20px 0px;
margin: 0px auto; text-align: center; font-family: tahoma, sans-serif;
font-size: 11px; font-weight: bold; color: #BF89AA;}
div#header a, div#header a:link, div#header a:visited {text-align: center;
padding-top: 5px; padding-bottom: 5px; padding-left: 25px; padding-right: 25px; color: #FFFFFF;
background: #F8D7EB url(
http://i147.photobucket.com/albums/r304/snubicons/sumlink.gif);} div#header a:hover {color: #FFFFFF; background: #F29CCE url(
http://i147.photobucket.com/albums/r304/snubicons/sumbg.gif);} li.view {text-align: center; color: #F29CCE; margin: 20px;}
div#footer a, div#footer a:link, div#footer a:visited {color: #914D78;}
div#footer a:hover {color: #BF89AA; text-decoration: none;}
.title {display: none;}
.subtitle {display: none;}
ul.navheader {padding: 0px; margin: 0px;}
ul.navheader li {display: inline; padding: 0 3px 0 3px;}
.entry {margin-left: 5px; color: #BF89AA; min-height: 300px;
font-family: tahoma, sans-serif; font-size: 11px; text-align: justify;}
.userpic {float: left; background: #FDF3F9;
padding: 5px; margin-left: 5px; margin-right: 5px;}
.date {color: #BF89AA; font-family: tahoma, sans-serif;
font-size: 11px; line-height: 15px; text-transform: uppercase;}
.subject {padding: 0px; color: #B3779D;
font-family: "georgia", sans-serif; line-height: 20pt; font-size: 16pt;}
.subject a, .subject a:link, .subject a:visited {color: #B3779D;}
.subject a:hover {color: #BF89AA;}
.entry ul li {padding-left: 5px; margin-left: 15px;}
.entry ol li {padding-left: 5px; margin-left: 15px;}
.currents, .currentmood, .currentmusic {color: #BF89AA;
font-family: tahoma, sans-serif; font-size: 11px;
text-transform: lowercase; padding-right: 20px;}
.ljtags {padding-top: 20px; padding-right: 20px;
color: #BF89AA; font-family: tahoma, sans-serif;
font-size: 11px; text-transform: lowercase;
text-align: left; font-weight: bold;}
.ljtaglist {padding: 10px; list-style-type: none; margin-left: 10px;}
h2 {padding: 10px; color: #B3779D; font-family: "georgia", sans-serif;
font-size: 16pt; font-weight:normal;}
.comments {color: #BF89AA; font-family: tahoma, sans-serif; font-size: 11px; text-transform: lowercase; text-align: right; font-weight: bold;}
div.comments a, div.comments a:link, div.comments a:visited {color: #B3779D;}
div.comments a:hover {color: #BF89AA; text-decoration: none;}
.separator {height: 30px;}
.userpicfriends {text-align: center; font-family: tahoma, sans-serif;
font-size: 11px; float: left; background: #FDF3F9 !important;
padding: 5px; margin-left: 5px; margin-right: 5px;}
.defaultuserpic {text-align: center;}
.sbarheader {padding: 0px 0px 0px 0px;}
.sbarbody {padding: 0px 10px 0px 0px;}
.sbarbody2 {padding: 0px 10px 10px 0px;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {color: #914D78;}
div#sidebar a:hover {color: #BF89AA; text-decoration: none;}
table.calendar {margin-right: auto; margin-left: auto;}
.sbarcalendar {text-align: center; font-family: tahoma, sans-serif; font-size: 11px;}
.sbarcalendarposts {text-align: center; font-family: tahoma, sans-serif; font-size: 11px;}
ul.sbarlist {padding-left: 0px; margin-left: 0px; list-style: none;}
li.sbaritem {padding-left: 0px; list-style-type: circle;}
li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited {text-transform: capitalize;}
li.sbaritem a:hover {text-transform: capitalize;}
li.sbartitle {padding-left: 0px; font-family: georgia;
font-size: 16pt; text-align: left; text-transform: capitalize;
color: #B3779D; list-style: none; margin-bottom: 10px; margin-top: 10px;}
#footer {width: 100%; text-align: center; font-family: tahoma, sans-serif; font-size: 8pt;
color: #BF89AA; z-index: 100; clear: both;}
ul.navfooter {padding: 0px; margin: 0px}
ul.navfooter li {display: inline; margin: 0 5px 0 5px;}
.clearfoot {clear: both;}
dt {font-family: georgia; font-size: 16pt;
text-transform: capitalize; color: #B3779D;
font-weight: normal; padding-bottom: 0px;}
dt a, dt a:link, dt a:visited {font-weight: normal; text-transform: capitalize; color: #B3779D;}
dt a:hover {font-weight: normal; text-transform: capitalize; color: #BF89AA}
ul.year {text-align: left; padding-bottom: 10px;
font-family: georgia; font-size: 16pt;
text-transform: capitalize; color: #B3779D;}
ul.year li {display: inline;}
table.yeartable {margin: 0px auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #F39DCF; background: #FADEEF;}
table.yeartable td.yearday {background: #F6D3E9; color: #B3779D; text-align: right;}
td.yearmonth {border-style: none;}
.clear {height: 15px;}
input, textarea {font-family: tahoma, sans-serif; background: #FADEEF; border: 1px solid #F39DCF;
font-size: 8pt; letter-spacing: 0px; line-height: 11pt; color: #B3779D; padding: 2px;}
textarea.textbox {width: 95% !important;}
.datesubjectcomment {background: #F6D3E9; padding: 5px; margin-top: 20px;}
.userpiccomment {position: relative; top: -30px; left: 0px;
border: 5px solid #FDFDFD; background: #FDFDFD; padding: 5px;
margin: 10px 10px -20px 10px; z-index: 15; float: left; border: 1px solid #F39DCF;}
.box {padding: 10px; clear: left; clear: none !important; }
.reply {position: relative; margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px; text-align: justify; background: #FADEEF; color: #B3779D;}
.replytosubject {font-weight: bold;}
.commentreply {position: relative; margin: 10px;
font-size: 11px; font-family: tahoma, sans-serif; color: #B3779D;}
.commentbox {border: 1px solid #F39DCF; margin: 10px; background: #FADEEF;}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #B3779D;}
.datesubjectcomment a:hover {color: #B3779D;}
.commentboxpartial {border: 1px solid #F8F8F8; margin: 10px; background: #FADEEF;}
.commentinfo {background: #FADEEF; margin-top: 10px; width: 100%;}
.skiplinks {text-align: center;}
/*--------------------------------------------------------
Tiny icons by
http://_excentric_.livejournal.com-----------------------------------------------------------*/
.entry img[src="
http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(
http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);} .entry img[src="
http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(
http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);} .subject img[src="
http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(
http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);} .subject img[src="
http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(
http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);} .ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(
http://i147.photobucket.com/albums/r304/snubicons/icon/user1.gif); padding: 13px 13px 0px 0px !important;}
.ljuser img[src="
http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(
http://i147.photobucket.com/albums/r304/snubicons/icon/user1.gif); padding: 13px 13px 0px 0px !important;}
.ljuser img[src="
http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent;
background-image: url(
http://i147.photobucket.com/albums/r304/snubicons/icon/squares.gif); padding: 13px 13px 0px 0px !important;}
/*----------------------------------------------------------------------------------------
Add Your Own Header - edit your width, height and header url
-----------------------------------------------------------------------------------------*/
.headerimage {background: url(
http://i285.photobucket.com/albums/ll79/littlemissmarikit/yukanheader2.jpg) no-repeat;
height: 400px;
width: 700px;
margin: 0px auto;}
Sweet isnt it? I mean, almost perfect group wahaha!!