thelake | New layout (Reply)

Instead of going around looking for a ready-to-use layout, I tweaked my css a little bit, and loved the result! ♥

Check it,

thelake

I'll share the css as well, go ahead use however you want. A plus account preview can be found at

delialona, it's Flexible Squares.

body {
background-image: url(http://i53.tinypic.com/rap11f.jpg);
color: #636363;
font-family: arial;
font-size: 8pt;
text-align: justify;
margin: 10px; }

.currents {padding-top: 15px;}
	
a, a:link, a:visited {
font-family: arial;
color: #b04d80;
text-decoration: none; }

a:hover {
color: #b04d80;
text-decoration: none; }

strong {
font-weight: bold;
color: #b04d80;
font-family: arial; }

b {
font-weight: bold;
color: #b04d80;
font-family: arial; }

i, u { 
font-family: georgia;
font-size: 8pt;
color: #b04d80; }

small {
font-size: 8pt; }

blockquote {
padding: 10px; 
color: #b04d80;
border: 1px dashed #b04d80;
background: transparent;
text-align: justify; }

::-moz-selection { 
background: #e1e1e1; 
color: #999999; }

code, kbd, pre, tt { 
font-family: monospace; }
		
#content {  	
width: 700px;
margin: auto; }

#maincontent { 
margin: auto; 
width: auto; }

#sidebar {
display: none; }

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #e1e1e1;
font-family: arial;
font-size: 13pt;
letter-spacing: -1px;
text-transform: lowercase; }

div#sidebar a:hover {
color: #b04d80;
text-decoration: none; }

li.sbartitle {
display: none; }

li.sbaritem {
padding: 0px 4px 0px 4px;
display: inline; 
list-style: none; }

.sbarheader { 
padding: 0px 2px 0px 2px; }

.sbarbody { 
padding: 0px 2px 0px 2px; }

.sbarbody2 { 
padding: 0px 2px 0px 2px; }

table.calendar {
display: none; }

.sbarcalendar {
display: none; }

.sbarcalendarposts {
display: none;}

ul.sbarlist { 
margin-left: 0px; 
list-style: none; 
padding-left: 0px; }

.subcontent {
padding: 10px;
margin-bottom: 10px; 
background: #FDFDFD;
border-right: 0px solid #F4F2D7; }

.entry {
padding: 8px;
margin-top: 10px;
text-align: justify; }
		
.entry ul li { 
padding-left: 5px; 
margin-left: 5px; }

.entry ol li { 
padding-left: 5px; 
margin-left: 5px; }

.entry_text img {
max-width:500px;
padding: 5px;}

.date {
text-align: left;
color: #e1e1e1;
font-family: arial;  
font-size: 17pt;
letter-spacing: -2px;
text-transform: lowercase; }

.subject {
text-align: left;
font-family: arial;
color: #b04d80;
font-size: 30px;
text-transform: lowercase;
letter-spacing: -1px;
text-decoration: none; }

.subject a, .subject a:link, .subject a:visited {
font-family: arial;
color: #b04d80;
font-size: 30px;
text-transform: lowercase;
letter-spacing: -1px;
text-decoration: none; }

.subject a:hover {
color: #b04d80; }

.subject img {
position: relative;
top: 2px; 
right: 2px; }

.datesubject {				
padding: 5px; }

.ljtags { 
text-align: left;
font-family: arial;
font-size: 8pt;
line-height: 11pt;
margin-top: 25px; 
text-transform: lowercase; }

.ljtags a, .ljtags a:link, .ljtags a:visited {
font-size: 8pt; 
color: #BAC2B4;
font-family: arial; }

.comments {
font-family: arial;
color: #b04d80;
font-size: 23px;
text-transform: lowercase;
letter-spacing: -2px;
text-align: right;
margin-top: 10px;
padding: 5px;
position: relative; }

div.comments a, div.comments a:link, div.comments a:visited { 
color: #b04d80; 
font-size: 23px; }

.userpic, .userpicfriends {
position: relative;
float: left;
text-align: center;
background: transparent !important;
margin: -10px 10px 10px -130px; }
		
.userpic img {
border: 1px solid #e1e1e1;
padding: 5px;
background: #FFFFFF; }

.userpicfriends img {
border: 1px solid #e1e1e1;
padding: 5px;
background: #FFFFFF; }

.userpicfriends font {
font-family: arial;
font-size: 8pt;
color: #b04d80;
text-transform: lowercase; }

.defaultuserpic {
margin: 5px 15px 0px 5px; 
float: left; }

.defaultuserpic img {
border: 0px solid #b04d80;
padding: 0px;
background: #F4F2D7; 
width: 100px; 
height: 100px; }

#header {
padding: 15px; 
color: #e1e1e1;
font-family: arial;  
font-size: 23pt;
letter-spacing: -2px;
text-transform: lowercase;
background: transparent; 
text-align: center; }

div#header a, div#header a:link, div#header a:visited {
font-family: arial;
color: #e1e1e1;
font-size: 23px;
text-transform: lowercase;
letter-spacing: -2px;
padding: 5px;
text-decoration: none; }

div#header a:hover {
color: #b04d80;
text-decoration: none; }

ul.navheader { 
padding: 0px; 
margin: 0px; }

ul.navheader li { 
display: inline;
padding: 2px 2px 2px 2px; 
list-style: none; }

#footer {   
color: #e1e1e1;
font-family: arial;  
font-size: 18pt;
letter-spacing: -2px;
text-transform: lowercase;
text-align: right; }

div#footer a, div#footer a:link, div#footer a:visited {
color: #e1e1e1;
font-family: arial;  
font-size: 18pt;
letter-spacing: -2px;
text-transform: lowercase;
text-align: right; }

div#footer a:hover {
color: #F6F3E3;
text-decoration: none; }

ul.navfooter { 
padding: 0px; 
margin: 0px; }
	
ul.navfooter li {
display: inline;	
margin: 0px 2px 0px 2px; }

h2, .title, .subtitle { 
display: none; }

ul.ljtaglist li {
padding-left: 5px;
margin-left: 10px;
list-style: none; }

ul.ljtaglist {
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 30px;
color: #636363;
background: #fdfdfd; }

ul.year { 
text-align: center; 
padding: 5px 5px 5px 5px; }
 
ul.year li { 
color: #6F614D; 
display: inline; }
 
table.yeartable { 
margin-left: auto; 
margin-right: auto; 
padding: 5px; }
 
table.yeartable td.yeardate, table.yeartable td.yearday { 
color: #F6F3E3;
font-family: georgia;  
font-size: 7pt;
letter-spacing: 2px;
text-transform: lowercase; 
background: #342D25;
padding: 10px; 
border: 1px solid #342D25; 
text-align: center; }
 
table.yeartable td.yearday { 
background: #342D25; 
padding: 10px; 
text-align: center; }
 
td.yearmonth { 
color: #F0EBD2; 
border-style: none; }

.clearfoot { 
clear: both; }

.clear { 
height: 0px; }
		
.skiplinks { 
font-family: arial;
color: #e1e1e1;
font-size: 18px;
text-transform: lowercase;
letter-spacing: 2px;
text-align: center; 
background: transparent; 
padding: 20px; }

.skiplinks a, .skiplinks a:link, .skiplinks a:visited { font-family: arial;
color: #e1e1e1;
font-size: 23px;
text-transform: lowercase;
letter-spacing: -2px;
line-height: 12pt;}

.skiplinks a:hover { 
color: #e1e1e1; }

.separator {
display: none; }
		
.headerimage {
position: relative;
width: 0px;
height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url();
background-repeat: no-repeat; }

.commentbox {
padding: 5px 15px 5px 5px;
font-family: arial;
font-size: 8pt;
text-align: left;
color:#636363;
background: #ffffff;
margin-top:10px; 0px; 0px; 10px;
width: auto;
min-height: 100px; }
 
.datesubjectcomment {
padding: 5px;
color: #8B8B8B;
font-size: 7.5pt;
font-family: lucida sans unicode; 
text-transform: lowercase; }

.userpiccomment {
position: relative;
background: #363636;
margin: -10px 30px 30px -120px;
float: left; }

input {
border: 0px dashed #363636;
background: #363636;
color: #b04d80;
font-family: arial;
font-size: 8pt;
text-transform: lowercase; }

select {
border: 0px dashed #363636;
background: #363636;
color: #e1e1e1;
font-family: arial;
font-size: 8pt;
text-transform: lowercase; 
margin-top:20px;
margin-top:20px;}

.ljuser img { 
width: 0px; height: 0px; background-repeat: no-repeat; background-image: url(http://img117.imageshack.us/img117/1925/usergrey2byexcentricxg1.gif); 
padding: 0px 10px 10px 0px!important; }

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-image: url(http://img117.imageshack.us/img117/1925/usergrey2byexcentricxg1.gif); padding: 0px 10px 10px 0px!important; }

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-image: url(http://img117.imageshack.us/img117/1925/usergrey2byexcentricxg1.gif); padding: 0px 10px 10px 0px!important; }
  
.ljuser img[src="http://stat.livejournal.com/img/openid-profile.gif"] { background-image: url(http://img117.imageshack.us/img117/1925/usergrey2byexcentricxg1.gif); padding: 0px 10px 10px 0px!important; }

.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i42.tinypic.com/23wa7me.png); }

.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i42.tinypic.com/23wa7me.png); }

.subject img[src="http://l-stat.livejournal.com/img/icon_groups.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i42.tinypic.com/23wa7me.png); }

.ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_del.gif"]{ width:0; height:0; padding: 0 12px 12px 0; background: url(http://img204.imageshack.us/img204/5954/bulletorangeuk2.png); }

.ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_scr.gif"]{ width:0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img254.imageshack.us/img254/5927/bulletblackuv2.png); }

.ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"], .commentbox img[src="http://p-stat.livejournal.com/img/btn_unscr.gif"]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img152.imageshack.us/img152/5889/bulletbluevs8.png); }

.ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_edit.gif"]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img165.imageshack.us/img165/8798/bulletpinkak4.png); }

.ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_track.gif"]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img152.imageshack.us/img152/6025/bulletpurplerk8.png); }

.box img[src="http://l-stat.livejournal.com/img/anonymous.gif"]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img238.imageshack.us/img238/4074/bulletwhiteia9.png); }

.box img[src="http://l-stat.livejournal.com/img/openid-profile.gi"f]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img238.imageshack.us/img238/2121/bulletyellowuf7.png); }

.box img[src="http://l-stat.livejournal.com/img/help.gif"]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img254.imageshack.us/img254/5927/bulletblackuv2.png); }

New layout

Post a comment in response: