flexible squares: minimal taupe
img
minimal taupe
basic, paid, plus; firefox, ie, chrome, safari tested
s2 flexible squares on 1024x768+ resolution
instructions
→ Go to the customization page and select a Flexible Square layout (any one)
→ The ad placement could be any of them; they all look fine
→ Click customize your theme
→ On the display tab, select "none" for the mood theme (optional)
→ Under the navigation strip section, check the first box (optional)
→ If you have a plus layout, go to the style tab and change all the colors to #FFFFFF
→ Skip the above step if you have basic or paid
→ Then go to the custom css tab set all the drop downs to 'no'
→ Lastly, paste the code below into the last box and hit save
notes
→ Looks good in basic, paid, and plus accounts
→ Tested in Firefox, IE, Safari, & Chrome
→ IE makes the entry text too far to the left
→ No header image, no sidebar, navigation strip disabled (optional)
→ Mini icons by FamFam (Silk)
→ Customized comment pages
→ Color scheme was inspired by the vintage couches grijs
rules
→ Leave the credit in the codes
→ Comment here or on the original post if you use
→ Leave a credit somewhere on your profile or journal to asterfall
→ Feel free to edit the css if you'd like, as long as it's not drastic
→ Do not take and claim that you made it or redistribute it
→ Feed back would be loved ♥!
codes
/* LAYOUT: KETSUDAN @ ASTERFALL
THEME: S2 FLEXIBLE SQUARES
TAUPE COUCHES */
/* BODY & PAGE */
body {background: url() repeat #FFFFFF;
font-family: verdana;
font-size: 12px;
color: #666153;
text-align: justify;
margin: -20px 0 0 0;
padding: 0;}
b, strong {color: #483C32;}
i, em {color: #827C69;}
strike {color: #827C69;}
blockquote {background: #FFFFFF;
border-left: 5px solid #483C32;
color: #646464;
margin: 25px;
padding: 0px 0px 0px 5px;
width: 75%;
align: center;}
code {font-family: monospace;
color: #646464;
font-size: 11px;
display: block;
border: 1px dashed #483C32;
padding: 5px;}
kbd, pre, tt {color: #646464;
font-family: monospace;}
textarea {background-color: #FFFFFF;
border: 1px dashed #483C32;
color: #646464;
padding: 3px;}
a:link, a:visited, a:active {color: #827C69;
font-weight: bold;
text-decoration: none;}
a:hover {color: #645E50;
font-weight: bold;
text-decoration: line-through;}
.clear {height: 15px;
background-color: transparent;}
/* HEADER & FOOTER */
#header {background: transparent;
color: #483C32;
font-family: arial black;
font-size: 18px;
font-style: italic;
letter-spacing: 6px;
text-align: left;
text-transform: lowercase;
padding: 10px;
font-weight: normal;
margin: 0px 0px 50px 0px;}
.title {
color: #847E6C;
font-family:arial black;
font-size:50pt;
letter-spacing:1px;
line-height:0.9;
margin: 10px 0px 20px 0px;
text-align:left;
text-shadow:-0.06em 0 #A19B8B, 0.06em 0 #BCB7AC;
text-transform:lowercase;
z-index:-1;}
.subtitle {display: none;}
#footer {background: transparent;
color: #483C32;
font-family: arial black;
font-size: 18px;
font-style: italic;
letter-spacing: 6px;
text-align: left;
text-transform: lowercase;
padding: 10px;
font-weight: normal;
margin: 0px;}
/* HEADER & FOOTER LINKS */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {background: transparent;
color: #635E51;
text-decoration: none;
font-weight: normal;
margin: 2px;
padding: 5px;}
div#header a:hover, div#footer a:hover {color: #827C69;
font-weight: normal;
text-decoration: line-through;
background: transparent;}
div#header li.view, div#footer li.view {margin: 2px;
padding: 0 7px;
font-weight: 400;}
ul.navheader, ul.navfooter {display: inline;
margin: 0;
padding: 0;
font-weight: 400;}
ul.navheader li, ul.navfooter li {display: inline;
list-style-type: none;
margin: 0;
padding: 0 0 20px;
font-weight: 400;}
/* CONTENT & ENTRIES */
#content {background-color: transparent;
font-family: verdana;
font-size: 11px;
color: #827C69;
text-align: justify;
margin: 0px 0px 0px 0px;
border: 0px solid #DDDDDD;
padding: 0;
align: left;}
#maincontent {margin-left: auto;
margin-right: auto;
margin-top: 0;
padding-top: -10px;
padding-bottom: -10px;
border: 0px solid #DDDDDD;}
.subcontent {background-color: #FFFFFF;
min-height: 130px;
width: 75%;
border: 0px solid #DDDDDD;
margin: 0px 0px 0px 20px;}
.entry {background-color: #FFFFFF;
border: 0px solid #DDDDDD;
border-top: none;
text-align: justify;
min-height: 100px;
margin: 0px;
padding: 10px;}
.entry_text {font-family: verdana;
font-size: 11px;
color: #666153;
text-align: justify;
margin: 0 0 0px 70px;
padding: 0px 10px 10px 16px;
line-height: 20px;}
.entry ul li, .entry ol li {padding-left: 0px;}
/* DATE AND SUBJECT */
.date {text-transform: lowercase;
color: #827C69;
font-size: 11px;
font-family: arial black;
text-align: left;}
.subject {text-transform: lowercase;
color: #827C69;
font-size: 26px;
font-family: arial black;
letter-spacing: -2px;
text-align: left;}
.subject a, .subject a:link, .subject a:visited {color: #827C69;
text-decoration: none;}
.subject a:hover {color: #645E50;
font-weight: bold;
text-decoration: line-through;}
.datesubject {background-color: #FFFFFF;
border: 0px;
padding: 5px 0 0px 15px;
text-transform: lowercase;}
/* SIDEBAR */
#sidebar {display: none;}
.sbarbody2 {display: none;}
ul.sbarlist {display: none;}
li.sbaritem {display: none;}
li.sbaritem:hover {display: none;}
#sidebar_linklist {display: none;}
/* CURRENTS AND TAGS */
.ljtags {text-align: left;
padding: 5px 5px 0px -19px;
background: transparent url() no-repeat scroll 100% 50%;
margin-top: 50px;
margin-bottom: -43px;
position: relative;
text-transform: lowercase;
font-size: 8pt;
color: #646464;
font-weight: bold;}
.ljtags a:link, .ljtags a:active, .ljtags a:visited {color: #827C69;
font-weight: normal;}
.ljtags a:hover {color: #645E50;
text-decoration: line-through;}
.currents {text-align: left;
padding: 0px 0px 5px 85px;
margin-bottom: -40px;
text-transform: lowercase;
font-size: 8pt;
color: #646464;
font-weight: normal;}
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #646464; font-weight: bold;}
.currentlocation, .currentmood, .currentgroups , .currentmusic {background: transparent none no-repeat scroll 100% 50%;}
.currentlocation {background-image: url();}
.currentmood {background-image: url();}
.currentgroups {background-image: url();}
.currentmusic {background-image: url();}
/* TAGS PAGE */
h2 {background-color: #FFFFFF;
border: 0px solid #DDDDDD;
color: #827C69;
font-family: arial black;
font-size: 20pt;
font-weight: bold;
line-height: 100%;
text-transform: lowercase;
width: 300px;
padding: 10px 10px 10px 30px;}
.ljtaglist {background-color: #FFF;
border: 0px solid #DDDDDD;
font-size: 10px;
list-style: lower-roman;
margin-bottom: 20px;
text-align: left;
width: 50%;
padding: 0px 10px 10px 80px;}
.ljtaglist li {border-bottom: 1px dotted #827C69;
margin: 3px 3px 3px 10px;
padding: 3px;}
.ljtaglist li:hover {color: #645E50;
font-weight: bold;
text-decoration: line-through;}
/* COMMENT LINKS */
.comments {background-color: #FFFFFF;
color: #FFFFFF;
font-family: arial black;
font-size: 20px;
font-weight: 400;
text-align: center;
margin: 50px 5px 35px 5px;
padding: 5px;}
div.comments a, div.comments a:visited, div.comments a:link {color: #827C69;
font-family: arial black;
font-size: 20px;
font-weight: 400;
text-align: center;
text-decoration: none;
text-transform: lowercase;}
div.comments a:hover {color: #645E50;
text-decoration: line-through;}
/* COMMENT PAGE */
.box {clear: left;
margin-left: auto;
margin-right: auto;
max-width: 75%;
text-align: justify;
font-size: 11px;
padding: 0;
border: none;}
#ljqrttopcomment {background-color: #FFFFFF;
border: 0px solid #DDDDDD;}
.datesubjectcomment {color: #4D493E;
font-size: 11px;
font-family: arial black;
margin-top: 0;
text-align: left;
border: 0px solid #DDDDDD;
background-color: #FFFFFF;
text-transform: lowercase;}
textarea.textbox {width: 95% !important;
border: 1px solid #666153;
background-color: #FFFFFF;}
.reply {border: 0px solid #DDDDDD;
background-color: #FFFFFF;
line-height: 1.75;
min-height: 80px;
position: relative;
text-align: justify;
margin: 10px;
padding: 5px;}
.replytosubject {letter-spacing: 2px;
font-weight: 700;
border: 0px solid #DDDDDD;
background-color: #FFFFFF;
text-transform: lowercase;
color: #4D493E;}
.commentreply {line-height: 1.75;
min-height: 65px;
position: relative;
text-align: justify;
margin: 5px;
font-size: 10px;
border: 0px solid #DDDDDD;
background-color: #FFFFFF;}
.commentbox {background-color: #FFFFFF;
border: 0px solid #DDDDDD;
margin: 7px 0;
padding: 5px;
font-size: 10px;}
.commentbox:hover, .commentboxpartial:hover {border: 0px solid #DDDDDD;}
.commentboxpartial {background-color: #FFFFFF;
border: 0px solid #DDDDDD;
margin: 10px 0 0;
padding: 10px;}
.commentinfo {border: 0px solid #DDDDDD;
background-color: #FFFFFF;
margin-top: 10px;
width: 100%;}
div.box form#postform, form#qrform {border: 0px solid #DDDDDD;
background-color: #FFFFFF;
padding: 10px 0;}
.skiplinks {background-color: #FFFFFF;
border: 0px solid #DDDDDD;
color: #666153;
font-weight: normal;
text-align: left;
width: 580px;
padding: 10px 10px 10px 185px;
font-size: 12px;
text-transform: lowercase;
font-family: arial black;}
/* ARCHIVES */
ul.year {background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 578px;
border: 0px solid #DDDDDD;
padding: 10px;}
ul.year li {background-color: #FFFFFF;
display: inline;
text-align: center;
width: 600px;
margin: 10px;
padding: 10px;}
table.yeartable {background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 598px;
border: 0px solid #DDD;
padding: 10px 10px 50px;}
td.yearmonth {background-color: #FFFFFF;
text-align: center;
width: 600px;
margin: 10px;
padding: 10px;}
table.yeartable td.yeardate, table.yeartable td.yearday, table.yeartable td.yearday {background-color: #FFFFFF;
border: 1px solid #B4B4B4;
text-align: center;
width: 600px;
margin: 10px;
padding: 10px;}
/* USERPICS */
.userpic {position: relative;
background-color: #483C32 !important;
float: left;
text-align: left;
font-size: 9px;
color: #FFFFFF;
font-weight: normal;
font-family: verdana;
z-index: 15;
margin: 5px 10px 5px -10px;
padding: 3px 15px 3px 3px;}
.userpicfriends {position: relative;
background-color: #483C32 !important;
float: left;
text-align: left;
font-size: 9px;
color: #FFFFFF;
font-weight: normal;
font-family: verdana;
z-index: 15;
margin: 5px 10px 5px 0px;
padding: 3px 15px 3px 3px;}
.userpic img {width: 70px;
height: 70px;}
.userpicfriends img {width: 70px;
height: 70px;}
.userpic a font, .userpicfriends a font {color: #FFFFFF;
text-align: left;
font-size: 9px;
font-family: verdana;
font-weight: normal;
color: #FFFFFF;}
.userpic a:hover {color: #FFFFFF;
text-decoration: line-through;}
.defaultuserpic {display: none;}
.userpiccomment {position: relative;
background-color: #827C69 !important;
float: left;
text-align: left;
font-size: 9px;
color: #FFFFFF;
font-weight: normal;
font-family: verdana;
z-index: 15;
margin: 5px 5px 5px -100px;
padding: 3px 15px 3px 3px;
width: 70px;
height: 70px;}
/* MINI ICONS */
.ljuser a b: link {color: #827C69;
font-weight: bold;}
.ljuser a b:hover {color: #645E50;
font-weight: bold;
text-decoration: line-through;}
.ljuser img {width: 0;
height: 0;
background: transparent url(http://www.fileden.com/files/2006/6/7/55802/Asterfall/Layouts/Mini%20Icons/095.png) no-repeat 0 0;
vertical-align: baseline !important;
padding: 16px 12px 0 0px !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://www.fileden.com/files/2006/6/7/55802/Asterfall/Layouts/Mini%20Icons/floppy_black.png) no-repeat center left !important;
padding: 16px 12px 0 0px !important;}
.ljuser img[src*="community.gif"] {background: transparent url(http://i753.photobucket.com/albums/xx179/lupindrake/LJ%20Mini%20Icons/cup.png) no-repeat scroll 0 0 !important;
padding: 16px 16px 0 2px !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*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"] {height:0; width:0; background:transparent none no-repeat scroll 0 0;}
.subject img {vertical-align:middle !important;}
img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {background:transparent url(http://img190.imageshack.us/img190/4688/041.png) repeat scroll 0 0; height:0; width:0; padding:0 0 16px 16px !important;}
img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {background:transparent url(http://img35.imageshack.us/img35/1876/091s.png) repeat scroll 0 0; height:0; width:0; padding:0 0 16px 16px !important;}
img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {background:transparent url(http://img25.imageshack.us/img25/1674/101hec.png) repeat scroll 0 0; height:0; width:0; padding:0 0 16px 16px !important;}
img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {background:transparent url(http://img37.imageshack.us/img37/2053/150qlp.png) repeat scroll 0 0; height:0; width:0; padding:0 0 16px 16px !important;}
/* CONTEXTUAL POP-UP */
div.ContextualPopup div.Inner {background: #483C32!important;
color: #FFFFFF!important;
border: none;
padding: 5px;
width: 250px;
font-family: verdana;}
div.ContextualPopup .Content {padding: 5px;
margin-right:80px;
line-height: 1.4;
background: #483C32;
border: 0px solid #333;}
div.ContextualPopup .Userpic {padding: 5px;
margin:0px;
border: 0px solid #33333;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important;
font-weight: normal;
color: #FFFFFF !important;}
div.ContextualPopup div.Inner a:hover {text-decoration: strike-through !important;
color: #BBA99B !important;}
div.ContextualPopup .Relation {letter-spacing:1px;
border-bottom: 0px dashed #CCCCCC;
margin-bottom: 4px;
padding-bottom: 4px;}
/* CONTROL STRIP */
#lj_controlstrip {display: none; background: #FFFFFF; border-bottom: 0px solid #827C69; z-index: 800;}
#lj_controlstrip_statustext {font-size: 11px; color: #827C69; text-transform: lowercase;}
#lj_controlstrip td {font-size: 9px; color: #827C69; border-right: 0px; padding: 2px;}
#lj_controlstrip select, #lj_controlstrip input {background: #827C69 !important; font: 9px Verdana !important; color: #FFFFFF !important; border: 0px solid #333333; padding: 1px;}
#lj_controlstrip td a {color: #827C69; text-transform: lowercase; text-decoration: none;}
#lj_controlstrip td a:hover {color: #827C69; text-decoration: line-through;}
#lj_controlstrip .ljuser a b {font-size: 13px;}
#lj_controlstrip .ljuser a b:hover {color: #827C69; text-decoration: line-through;}
/* OTHER MISC CSS */
li.sbartitle, #sidebar_linklist li.sbartitle, #sidebar_tags li.sbartitle, #sidebar_summary, #sidebar_calendar, #sidebar_tags, .separator {display: none;}