layout: vintage floral (flexible squares)

[billojeb]

image | live

name: vintage floral
style: flexible squares
accounts: basic, plus and paid
browsers: firefox, chrome and safari
installation:
1. In Livejournal Style search for Flexible Squares. Apply "Blue Gray" theme. (technically, you could apply any Flexible Sqares theme, though.)
2. Scroll down to Page Setup and set Ad Placement to Vertical.
3. Go to Custom CSS and set all dropdown boxes to no. Then paste the code below into the Custom Stylesheet box:

/*

vintage floral (flexible squares)
by billojeb @ meinesunde.livejournal.com
metadata icons by graphicsbyjulz.livejournal.com

*/

body {
background: #f8f1f7 url(http://img440.imageshack.us/img440/2623/ioiiiiiiip.png) fixed repeat;
font-family: lucida sans unicode;
font-size: 8pt;
margin-top: 60px;
color: #c8c8c8;
line-height: 150%; }

a, a:link, a:visited, a:active {
color: #dcb3cd;
font-weight: 100;
text-decoration: none; }

a:hover {
color: #e7c6db; }

p, td, {
font-size: 7.3pt; }

blockquote {
margin: 5px 5px;
padding: 15px;
color: #c8c8c8;
border: 1px dashed #e6e6e6;
background: #ffffff; }

::-moz-selection {
background: #e3d7e0;
color: #ffffff; }

code, kbd, pre, tt { font-family: courier new; }

.title { display: none; }

.subtitle { display: none; }

#content {
width: 100%;
margin: auto; }

#maincontent {
width: 680px;
margin: 10px auto; }

#header{
font-family: georgia;
text-transform: lowercase;
font-style: italic;
text-align: center;
color: #b07aa2;
letter-spacing: +1px;
font-size: 9pt;
position: fixed;
top: 44px;
background: #eee5ec url(http://img440.imageshack.us/img440/2623/ioiiiiiiip.png) repeat;
min-width: 100%;
z-index: 100;
height: 40px; }

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

div#header a, div#header a:link, div#header a:visited {
color: #b07aa2; }

#sidebar {
display:none; }

.subcontent {
background: #ffffff;
padding: 33px;
margin-top: -5px;
text-align: justify; }

.entry {
margin: 10px 0px auto 0px;
padding: 0; }

.date {
color: #eeeeee;
font-family: courier new, monospace;
font-size: 15px;
text-transform: lowercase;
letter-spacing: 4px; }

.subject, .subject a {
font-family: georgia;
font-style: italic;
font-size: 25px;
text-transform: lowercase;
color: #bab7ba; }

.datesubject {
padding: 15px 10px;
line-height: 0.4; }

.userpicfriends, .userpic, .defaultuserpic {
position: relative;
float: right;
text-align: center;
color: #f5f5f5;
margin: -13px -175px 1px 1px;
font-size: 7pt;
background: transparent !important; }

.userpic img, .userpicfriends img, .defaultuserpic img {
padding: 0px;
border: 30px solid #fcfcfc;
width: 70px;
height: 70px;}

.userpic img:hover, .userpicfriends img:hover {
filter: alpha (opacity=70): -moz-opacity: 0.70;
opacity: 0.70; }

.userpicfriends font {
color: #dcb3cd !important; }

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

.currents {
margin-top: -26px; }

.ljtags {
margin-top:20px;
text-transform: lowercase; }

.ljtags, .currentlocation, .currentmood, .currentgroups, .currentmusic {
padding: 0px 0 0px 11px;
text-transform: lowercase;
background: transparent none no-repeat scroll 0 50% }

.ljtags {
background-image: url(http://img404.imageshack.us/img404/2425/tagspurple3943955.png) }

.currentlocation {
background-image: url(http://img405.imageshack.us/img405/3044/earth8936789.png) }

.currentmood {
background-image: url(http://img406.imageshack.us/img406/1391/heart3925311.png) }

.currentgroups {
display:none; }

.currentmusic {
background-image: url(http://img227.imageshack.us/img227/4586/notesgray3938138.png) }

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {
display:none; }

.skiplinks {
text-align:center;
text-transform: lowercase;
padding: 5px;
background: #ffffff; }

.comments, #footer {
font-size: 9pt;
text-transform: lowercase;
font-family: georgia;
font-style: italic;
letter-spacing: 1px;
color: #796a24; }

.comments {
text-align: center;
margin: 8px 0px auto auto;
padding-top: 10px;
border-top: 1px #ececec solid;
color: #fff;
position: relative; }

div.comments a, div.comments a:link, div.comments a:visited {
color: #dcb3cd; }

div.comments a:hover {
color: #e7c6db; }

.datesubjectcomment {
color: #dbdbdb;
background: #ffffff;
text-transform: lowercase;
padding: 5px; }

.userpiccomment {
background-color: #ffffff;
position: relative;
border: 1px solid #ffffff;
padding: 5px;
width: 70px;
height: 70px;
top: -5px;
left: 0px;
margin: 10px 10px 10px 10px;
z-index: 15;
float: left; }

.box {
background-color: #ffffff;
padding: 20px;
clear: right; }

input, textarea {
background-color: #ffffff;
border: 0px dashed #f9f9f9;
background: #ffffff;
padding: 3px; }

textarea.textbox {
background-color: #ffffff;
width: 95% !important; }

.reply {
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
background: #fbfbfb;
color: #999999; }

.replytosubject {
font-weight: bold; }

.commentreply {
position: relative;
margin: 10px;
color: #999999; }

.commentbox {
background-color: #fafafa;
color: #999999;
border: 0px solid #fbfbfb;
padding: 10px;
margin: 10px;
background: #fafafa; }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #dcb3cd; }

.datesubjectcomment a:hover {
color: #e7c6db; }

.commentboxpartial {
padding: 10px;
margin: 10px;
color: #9C9C9C;
border: 0px dashed #f9f9f9;
background: #ffffff; }

.commentinfo {
background: #ffffff;
margin-top: 10px;
width: 100%; }

input {
border: 0px dashed #39342B;
background: #ffffff;
font-size: 9px;
font-family: tahoma;
color: #000000;
text-transform: lowercase; }

select {
border: 0px dashed #f9f9f9;
background: #ffffff;
color: #000000;
font-family: arial;
font-size: 8pt;
text-transform: lowercase; }

.entry img {
max-width: 300px; }

#footer {
margin: -15px 0 0 0;
padding: 5px;
text-align: center;
color: #808080; }

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

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

.clearfoot {
clear: both; }

.clear {
height: 13px; }

.ljtaglist {
padding: 15px;
list-style: none;
background: #fff; }

.yeartable {
background: #fff;
padding: 0;
margin-top: 15px; }

.yearday, .yeardate {
border-left: 1px #ececec dashed;
padding: 5px; }

.yearmonth {
background: #ececec;
padding: 5px; }

.yeardate {
border-top: 1px #ececec dashed; }

.year {
margin-left: 250px; }

ul.year, ul.year li {
list-style: none;
padding: 10px;
display: inline; }

.defaultuserpic {
display: none; }

#lj_controlstrip {
position: fixed; }

/* tiny icons */

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], img[src*="userinfo.gif"]
{height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{ background-image:url(http://img340.imageshack.us/img340/1182/183o.png);
padding:0 0 11px 12px !important;}
img[src*="icon_private.gif"]{ background-image:url(http://img340.imageshack.us/img340/1182/183o.png); padding:0 0 11px 12px !important;}
img[src*="icon_groups.gif"]{ background-image:url(http://img340.imageshack.us/img340/1182/183o.png); padding:0 0 11px 12px !important; }

.ljuser img { width: 0; height: 0; background: transparent url() no-repeat 0 0; padding: 10px 10px 0 0px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url() no-repeat center left !important; padding: 0px 0px 0 0px !important; }
.ljuser img[src*="community.gif"] { background:transparent url() no-repeat scroll 0 0 !important;
padding: 0px 0px 0 0 !important; }

Feel free to change anything, just keep the credit somewhere in the profile/layout/wherever. :3 If you're having issues with the layout, comment here and I'll try my best to help you out. :)

▲ JOIN ▲ REQUEST ▲ AFFILIATE ▲ RESOURCES ▲