layout 001: flexible squares ▶ empty

[yunhos]

preview:  image | live (temp)



/* empty // css by hotaru_hikari @ lj*/ body { background-color: #fff; background-image: url(http://data.whicdn.com/images/1192689/tumblr_kqc7e5Z0tw1qa4bppo1_500_large.gif?1261578276); text-align: center; color: #666; font-family: "lucida console", monaco; font-size: 9pt; line-height: 12px; letter spacing: 0.5px; margin: 50px 0 50px 0; } a, a:link, a:visited { color: #000000; text-decoration: none; } a:hover { color: #2d2d2d; e;} /* c o n t e n t */#content { width: 70%; margin-left: auto; margin-right: auto; background-color: transparent; padding: 15px; } #maincontent { width: 450px; margin: auto; font-family: "Verdana", sans-serif; font-size: 11px; background-color: transparent; color: #666666; text-align: justify; } #sidebar { display:none; padding-top: 15px; margin-top: 15px; background-color: #dbdbdb; font-size: 11px; font-family: "courier new", sans-serif; color: #000000; width: 400px; text-align: left; } #blockquote { font-family: "lucida console", monaco; padding: 10px; border-left: 15px solid #000; background-color: #f9f9f9; font-size: 11px; line-height: 10px; text-align: justify; } /* h e a d e r */ #header { width: 450px; padding: 10px 0px 10px 0px; margin: auto; text-align: center; font-family: courier new; font-size: 15px; letter-spacing: -2px; background-image: url(http://i33.tinypic.com/bg9zpz.jpg); color: #cbcbcb; text-transform: lowercase;} div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #cbcbcb; } div#header a:hover, div#footer a:hover { color: #e5e5e5; 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;} /* e n t r y */ .subcontent {} .entry { margin: 10px 10px 10px 10px; padding: 10px; background-color: #fff; color: #666; font-family: "lucida console", monaco; font-size: 8pt; text-align: justify; -moz-border-radius: 10px; } .userpic .userpic img, .userpicfriends img { height: 70px; width: 70px; padding: 20px; background-image: url('http://i33.tinypic.com/bg9zpz.jpg'); color: #ffffff; padding: 0px; margin-top: 30px; margin-left: 2px; margin-right: 20px; margin-bottom: 0px; z-index: 15;} .date { line-height: 80%; top: 5px; color: #2d2d2d; font-family: courier new; font-size: 8pt;} .subject {padding: 10px; color: #2d2d2d; font-family: "lucida console", monaco; font-size: 14pt; text-transform: lowercase;} .subject a, .subject a:link, .subject a:visited {color: #2d2d2d;} .subject a:hover {color: #2d2d2d;} .datesubject {margin: 0px 10px -15px 10px; line-height: 50%; background-color: #ffffff; padding: 5px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;} .entry ul li{padding-left: 5px; margin-left: 15px;} .entry ol li{padding-left: 5px;margin-left: 15px;} .currents, .currentmood { display: none; font-family: "courier new", sans-serif; font-size:8pt; text-transform: lowercase; margin: 8px 0 -3px 1px; } .currentmusic { font-family: "courier new", sans-serif; font-size:8pt; text-transform: lowercase; margin: 8px 0 -3px 1px; } .ljtags { font-family: "courier new", sans-serif; font-size:8pt; text-transform: lowercase; margin: 20px 0 3px 0px; padding: 10px; background color: #666666; padding: 0px; } /* c o m m e n t s */ .comments {10px 0px 10px 0px; margin: auto; text-align: center; font-family: courier new; font-size: 15px; letter-spacing: -2px; background-image: url(http://i33.tinypic.com/bg9zpz.jpg); color: #cbcbcb; text-transform: lowercase;} div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #cbcbcb; } div#header a:hover, div#footer a:hover { color: #e5e5e5; text-decoration: none; } div.comments a, div.comments a:link, div.comments a:visited{color: #cbcbcb;} div.comments a:hover {color: #e5e5e5; text-decoration: none;} /* s e p a r a t o r */ .separator{ height: 35px;} /* f r i e n d s p a g e */ .userpic, .userpicfriends { position: relative; float: left; background-color: transparent !important; padding: 5px; margin: 10px -110px; z-index: 15; text-align: center; } .userpic a, .userpicfriends a { display: none; text-transform: uppercase !important; text-align: center !important; background: transparent !important; } .userpic img, .userpicfriends img { height: 70px; width: 70px; padding: 20px; background-image: url('http://i33.tinypic.com/bg9zpz.jpg') } /* s i d e b a r */ padding: 15px; background-color: #ffffff; font-size: 10px; font-family: "lucida console", monaco; color: #cbcbcb; width: auto; float: top; text-align: justify; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #5674b9;} div#sidebar a:hover {color: #7aa1f8; text-decoration: none;} .table.calendar {display:none;} .sbarcalendar {display:none;} .sbarcalendarposts {display:none;} ul.sbarlist {padding-left: 0px; margin-left: 0px; list-style: none;} li.sbaritem {padding-left: 15px; list-style: none;} li.sbartitle{display: none;} /* t o p b a r */ #lj_controlstrip { background:url('http://i33.tinypic.com/bg9zpz.jpg') repeat scroll 0 0 #f7f7f7; color:#bbb; font-family: "lucida console", monaco!important; text-transform:lowercase; font-weight:normal; } #lj_controlstrip_statustext {color:#bcbcbc; font-family: "lucida console", monaco; text-transform:lowercase; font-weight:normal; font-size:11px; } #lj_controlstrip a { color:#fff; font-family: "lucida console", monaco; text-transform:lowercase; } #lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic { border:0px; font-family: "lucida console", monaco; text-transform:lowercase; } #lj_controlstrip_userpic { background-image:url("http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000") #lj_controlstrip_loggedout_userpic { background-image:url("http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000") #lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input { background:none repeat scroll 0 0 #f9f9f9!important;font-family: "lucida console", monaco!important;text-transform:lowercase; border:0 none; color:#bcbcbc; } #lj_controlstrip input {font-size:10px; padding:2px 1px 1px 1px;} #lj_controlstrip_search_input_text {} #lj_controlstrip_search_submit {margin-left:3px!important;} #lj_controlstrip_actionlinks {font-family:"lucida console", monaco!important; border:0px!important; font-size:10px!important;} ;label {font-family:"lucida console", monaco!important;} ;#lj_controlstrip .ljuser a b { font-weight:normal; font-family: "lucida console", monaco; text-transform:lowercase; color:#fff;} #lj_controlstrip_user img, .ljuser img {width: 0; height: 0; background: transparent url(http://i.imgur.com/m4LlO.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important} .ljuser img[src*="userinfo.gif"] {background: transparent url(http://i.imgur.com/uZOYX.png) no-repeat center left !important; padding: 10px 10px 0 2px !important} .ljuser img[src*="http://l-stat.livejournal.com/img/community.gif"] {width: 0 !important; vertical-align: middle !important; margin: -1px -1px 0px 0px; height: 0 !important; background: transparent url(http://i.imgur.com/4NPI4.png) no-repeat; padding: 12px 10px 0px 2px !important; } #lj_controlstrip img[src*="http://l-stat.livejournal.com/img/community.gif"] {display:none;} /* tiny icons */ .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0px 7px 10px 0px; margin: 0px 2px -1px -9px; background: url("http://i.imgur.com/NA1r2.gif")} .subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0px 7px 10px 0px; margin: 0px 2px -1px 0px; background: url("http://i.imgur.com/NA1r2.gif") .ljuser img[src*="userinfo.gif"] {background: transparent url(http://i.imgur.com/uZOYX.png) no-repeat center left !important; padding: 10px 10px 0 2px !important} .ljuser img[src*="http://l-stat.livejournal.com/img/community.gif"] {width: 0 !important; vertical-align: middle !important; margin: -1px -1px 0px 0px; height: 0 !important; background: transparent url(http://i.imgur.com/4NPI4.png) no-repeat; padding: 12px 10px 0px 2px !important; } /* f o o t e r */ #footer { width: 450px; padding: 10px 0px 10px 0px; margin: auto; text-align: center; font-family: courier new; font-size: 15px; letter-spacing: -2px; background-image: url(http://i33.tinypic.com/bg9zpz.jpg); color: #cbcbcb; text-transform: lowercase;} div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #cbcbcb; } div#header a:hover, div#footer a:hover { color: #e5e5e5; text-decoration: none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; padding: 0 3px 0 3px;} /* a r c h i v e */ ul.year {text-align: center; padding-bottom: 40px;} ul.year li {display: inline;} table.yeartable {margin-left: auto; margin-right: auto; background-color: #ffffff;} table.yeartable td.yeardate, table.yeartable td.yearday {}table.yeartable td.yearday {background-color: #ffffff; text-align: center;} td.yearmonth {background-color: #ffffff; border-style: none;} /* m i s c */ .clear {height: 15px;}

▶ INSTALLATION
» go to journal > journal style
» under select a new theme, apply one of the 'flexible squares' layouts
» set your ads to 'horizontal' if you have them, then click 'customize your theme'

custom css:
» set all three of the drop down menus to no
» paste the css into the custom stylesheet box and hit the save changes button

▶ RULES
» please credit hotaru_hikari or yunniesgirl with a link in your profile
» do not redistribute.
» do not claim as your own.
» feel free to join or watch the community if you like what you see.

» comments are very much loved! ♥ (go easy on me, it's my first attempt with layouts! ^^)