S2 Flexible Squares

Oct 01, 2009 15:01

Layout Style: Flexible Squares
Best view: 800x600 and higher, looks best in larger resolutions
Browser(s) Compatible: Tested with FF and IE7, transparencies do not work in IE
Work with Nav bar?: Yes
Work with Ads? Yes
Credit: writing_light or losing_light somewhere in your journal please
Crossposted:
Preview:

Live preview: Recent entries*Archive* Tags*Custom Comments



Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.

Background image image from dryicons.com
Blue transparency
White transparency
Brown transparency

Polls
Main poll bar
Right poll bar
Left poll bar

mini icons from the Famfamfam. Mini icons are the same in each layout.
Private user icon
Community user icon
User icon
Friends locked icon
Friends filtered icon

Directions:
Go to Select Journal Style
Choose any Flexible Squares layout and hit Apply Theme
If your account has ads, choose your ad placement and save
Hit Customize Selected Theme
Choose Custom CSS
Make sure all drop down boxes say no
Copy the overrides in the box below and paste them into the Custom Stylesheet* hit Save Changes

Overrides:
/*
** Layout by LJ user writing-light at writing
light.livejournal.com
** Flexible Squares
** butterfly tree from dryicons.com
** mini icons from www.famfamfam.com

** please do not remove credit */

#lj_controlstrip {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) !important;
*background: url() #e9ebf2 !important;
border-bottom: 1px solid #fff;
color: 7d6f5c;
}

#lj_controlstrip a {
color: #7d6f5c; !important;
font-weight: bold;
}

#lj_controlstrip a:hover {
color: #a4aad4 !important;
text-decoration: none;
}

#lj_controlstrip td {
color: #7d6f5c;
font-size: 11px;
font-family: Arial, sans-serif;
letter-spacing: normal;
line-height: 16.5px;
}

#lj_controlstrip a:hover {
text-decoration: none;
}

#lj_controlstrip img, #lj_controlstrip a img, #lj_controlstrip form {
background: none;
border: 0;
margin: 0;
padding: 0;
}

#lj_controlstrip input, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background-color: #fff;
border: 2px outset #a4aad4;
color: #a4aad4;
margin: 2px;
}

#lj_controlstrip_userpic {
margin: 1px;
}

#lj_controlstrip_user {
border-right: 1px solid #a4aad4;
padding: 0 1em;
vertical-align: middle;
white-space: nowrap;
width: 18em;
}

#lj_controlstrip_actionlinks {
border-right: 1px solid #a4aad4;
padding: 0 1em;
vertical-align: middle;
white-space: nowrap;
width: 33em;
}

#lj_controlstrip_statustext {
font-size: 12px;
font-weight: bold;
}

#lj_controlstrip_login {
border-right: 1px solid #a4aad4;
padding-left: 1em;
vertical-align: middle;
width: 28em;
white-space: nowrap;
}

#lj_controlstrip_loggedout_userpic {
border-right: 1px solid #a4aad4;
vertical-align: top;
width: 140px;
}

#lj_controlstrip_statustext {
color: #a4aad4;
}

#lj_controlstrip_search {
border-right: 1px solid #a4aad4;
padding-left: 1em;
vertical-align: middle;
}

.lj_controlstrip_search_sup {
text-align: center;
width: 35%;
}

#lj_controlstrip_search_input_text {
background: #fff !important;
position: relative;
z-index: 100;
}

.lj_controlstrip_search_input_text_sup {
width: 100% !important;
}

#lj_controlstrip_search_submit {
position: relative;
z-index: 100;
}

#lj_controlstrip_loggedout_userpic {
background: url(/img/controlstrip/ljlogo-dark-loggedout.gif) no-repeat top left;
}

#lj_controlstrip_cprod {
position: absolute;
right: 10px;
text-align: right;
top: .5em;
width: 20em;
}

#lj_controlstrip_cprod a {
padding: 0 1px;
}

.ControlStrip_SPlus, .ControlStrip_AdPlacementFree, .ControlStrip_AdPlacementPlus, .ControlStrip_ExpressiveThemes {
margin: 0;
padding: 0;
right: 0;
text-align: right;
}

body {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/butterflytreeblue2.png) no-repeat bottom right #a4aad4 fixed;
color: #fff;
font-family: Verdana, sans-serif;
font-size: 12px;
margin-top: 10px;
text-transform: lowercase;
}

#header, #footer {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftblue.png);
*background: url() #b4bad8;
font-family: "edwardian script itc", script;
font-size: 29px;
padding: 8px;
}

.title {
margin-top: -16px;
text-align: right;
*display: none;
}

.subtitle {
margin-top: -11px;
text-align: right;
*display: none;
}

.headerimage {
background: url() no-repeat top left;
height: 0px;
margin-left: 10px;
}

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #fff;
font-family: Verdana, sans-serif;
font-size: 15px;
}

div#header a:hover {
color: #7d6f5c;
}

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

ul.navheader li {
display: inline;
padding: 0 5px;
}

#content {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #e8eaf4;
margin: 10px;
width: 768px;
}

#maincontent {
margin-left: 220px;
}

.subcontent {
color: #a4aad4;
padding: 10px;
}

.separator {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url () #988e82;
height: 10px;
}

.datesubject, .datesubjectcomment {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftblue.png);
*background: url() #b5badc;
border: 1px solid #7d6f5c;
}

.date {
color: #fff;
font-size: 9px;
padding-top: 34px;
}

.subject {
color: #7d6f5c;
font-family: "edwardian script itc", script;
font-size: 25px;
font-weight: bold;
line-height: 16px;
margin: 4px 5px 0 0;
padding-bottom: 9px;
}

.subject a, .subject a:link, .subject a:visited {
font-family: "edwardian script itc", script;
}

.userpic, .userpicfriends {
background-color: #fff !important;
border: 1px solid #7d6f5c;
float: left;
margin-right: 5px;
padding: 5px;
text-align: center;
}

.userpic img, .userpicfriends img {
max-height: 65px;
max-width: 65px;
}

.userpicfriends font {
color: #7d6f5c;
font-size: 8px;
}

.userpicfriends a:hover font {
color: #a4aad4;
}

div.ContextualPopup {
font-family: arial, helvetica, sans-serif !important;
font-size: 11px;
font-style: normal;
margin: 5px 0 0 20px;
}

div.ContextualPopup img {
border: 3px solid #fff;
}

div.ContextualPopup div.Inner {
background: #a4aad4 !important;
border: 3px solid #fff;
color: #fff !important;
padding: 0;
width: 20em;
}

div.ContextualPopup .Content {
line-height: 1.4;
margin-right: 50px;
padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
font-weight: bold;
}

div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color: #7d6f5c !important;
font-family: "edwardian script itc", script;
font-size: 24px;
font-weight: normal;
line-height: 18px;
text-decoration: none !important;
}

div.ContextualPopup div.Inner a:hover {
color: #fff !important;
text-decoration: underline !important;
}

.entry {
margin: 5px 5px 10px 5px;
text-align: justify;
text-transform: none;
}

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

.entry ul li, .entry ol li {
list-style: disc inside;
padding: 0;
margin: 0;
}

.entry ol li {
list-style: decimal inside;
}

a, a:link, a:visited {
color: #7d6f5c;
font-weight: bold;
text-decoration: none;
}

a:hover{
color: #fff;
}

blockquote:first-letter {
color: #a4aad4;
letter-spacing: -3px;
font-size: 80px;
font-weight: bold;
}

blockquote {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
border-bottom: 3px solid #a4aad4;
color: #7d6f5c;
font-family: "edwardian script itc", script;
font-size: 29px;
line-height: 19px;
margin: 5px;
padding: 25px 7px 7px 7px;
*line-height: 29px;
}

*::-moz-selection {
background-color: #fff;
color: #7d6f5c;
}

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

input, textarea {
background-color: #fff;
color: #7d6f5c;
}

textarea.textbox {
width: 95% !important;
}

.ljtags {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) repeat;
*background: url() #f9fafc;
color: #a4aad4;
font-size: 9px;
font-weight: bold;
margin-top: 15px;
padding:5px 5px 0 5px;
text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation, .currentgroups {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
color: #7d6f5c;
font-size: 9px;
padding: 1px 3px;
}

.currents {
border-bottom: 3px solid #a4aad4;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #a4aad4;
text-transform: lowercase;
}

.comments {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
font-family: "Verdana", sans-serif;
font-size: 8pt;
color: #a4aad4;
margin-top: 12px;
padding: 8px;
text-align: center;
}

div.comments a, div.comments a:link, div.comments a:visited {
text-transform: lowercase;
}

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

#sidebar {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg10.png) #a4aad4;
*background: url() #b5badc;
float: left;
margin: 5px;
padding: 10px 10px 30px 10px;
text-align: center;
width: 200px;
}

.sbarbody {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() #8b827c;
border: 1px solid #fff;
margin: 5px 0;
padding: 5px 5px 10px 5px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #fff;
}

div#sidebar a:hover {
color: #a4aad4;
}

.defaultuserpic {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() #8b827c;
border: 1px solid #fff;
padding: 8px 0;
}

.defaultuserpic img {
border: 1px solid #fff;
}

table.calendar {
background-color: #f8fcf8;
border: 1px solid #a4aad4;
padding: 1px;
}

.sbarcalendar {
border: 1px outset #a4aad4;
color: #a4aad4;
font-size: 12px;
padding: 2px;
}

.sbarcalendarposts {
background-color: #a4aad4;
border: 1px outset #fff;
font-size: 12px;
padding: 2px;
}

li.sbartitle {
color: #a4aad4;
font-family: "edwardian script itc", script;
font-size: 29px;
font-weight: bold;
margin: 5px 0;
}

li.sbaritem {
padding: 1px;
}

ul.sbarlist {
font-size: 9px;
list-style: none;
margin: 0;
padding: 0;
}

ul.ljtaglist {
}

ul.ljtaglist li {
margin: 0;
padding: 0;
}

.sbarbody2 {
color: #7d6f5c;
padding: 15px 0;
}

#footer {
text-align: center;
}

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

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

.skiplinks {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg10.png);
*background: url() #eaecf5;
color: #a4aad4;
margin: 10px 0;
padding: 5px;
text-align: center;
}

.box {
clear: right;
color: #7d6f5c;
padding: 10px 0 10px 10px;
}

.datesubjectcomment{
color: #fff;
font-size: 11px;
padding: 3px 0;
}

.datesubjectcomment strong {
color: #7d6f5c;
font-family: "edwardian script itc", script;
font-size: 22px;
line-height: 16px;
}

.userpiccomment {
border: 1px solid #7d6f5c;
float: left;
height: 65px;
margin: -4px 5px 0 -1px;
width: 65px;
}

.commentbox, .commentboxpartial {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
border: 1px solid #a4aad4;
color: #a4aad4;
margin: 10px;
padding: 5px;
}

.commentbox img {
max-width: 472px;
}

.commentreply {
color: #7d6f5c;
margin: 5px 5px 15px 5px;
}

ul.year{
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
border-bottom: 3px solid #a4aad4;
padding: 12px 0;
text-align: center;
}

ul.year li {
color: #7d6f5c;
display: inline;
padding: 0 5px;
}

ul.year li a:hover {
color: #a4aad4;
}

table.yeartable {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
border: 2px solid #a4aad4;
width: 90%;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px outset #a4aad4;
color: #a4aad4;
}

table.yeartable td.yearday {
background-color: #a4aad4;
color: #fff;
text-align: center;
}

td.yearmonth {
color: #adaad4;
}

td.yearmonth a:hover {
color: #adaad4;
}

h2 {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
border-bottom: 3px solid #a4aad4;
color: #7d6f5c;
font-family: "edwardian script itc", script;
font-size: 30px;
font-weight: bold;
padding: 12px 0;
text-align: center;
}

.ljtaglist {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9fafc;
border: 2px solid #adaad4;
list-style-type: none;
margin: 10px;
padding: 5px;
}

.ljtaglist li {
border-bottom: 1px dotted #adaad4;;
color: #adaad4;
font-weight: bold;
}

.clearfoot {
display: none;
clear: both;
}

.clear {
display: none;
height: 15px;
}

.sbaritem img {
border: 0;
width: 0;
height: 0;
background-repeat: no-repeat;
}

.subject img, .sbaritem img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/filtered.png) no-repeat;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.sbaritem img[src="http://l-stat.livejournal.com/img/icon_private.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/private-3.png) no-repeat;
height: 0;
padding: 16px 15px 0 0 !important;
width: 0;
}

.sbaritem img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/customfiltered.png) no-repeat;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/community.png);
padding: 16px 16px 0 0 !important;
}

.ljuser img, .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .ljuser img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user-3.png) no-repeat;
height: 0;
padding: 16px 15px 0 0 !important;
width: 0;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/mainbar.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/mainbarblue.png);
height: 0;
padding: 7px 0;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/leftbar.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/leftbarblue.png);
height: 0;
padding: 14px 0 0 7px;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/rightbar.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/rightbarblue.png);
height: 0;
padding: 7px 0px 7px 0;
}

Preview:

Live preview: Recent entries*Archive* Tags*Custom Comments



Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.
Background image image from dryicons.com
Pink transparency
White transparency
Brown transparency

Polls
Main poll bar
Right poll bar
Left poll bar

Directions:
Same as above

Overrides:
/*
** Layout by LJ user writing-light at writing
light.livejournal.com
** Flexible Squares
** butterfly tree from dryicons.com
** mini icons from www.famfamfam.com

** please do not remove credit */

#lj_controlstrip {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) !important;
*background: url() #e6d7e3 !important;
border-bottom: 1px solid #fff;
color: 7d6f5c;
}

#lj_controlstrip a {
color: #7d6f5c; !important;
font-weight: bold;
}

#lj_controlstrip a:hover {
color: #9c5f91 !important;
text-decoration: none;
}

#lj_controlstrip td {
color: #7d6f5c;
font-size: 11px;
font-family: Arial, sans-serif;
letter-spacing: normal;
line-height: 16.5px;
}

#lj_controlstrip a:hover {
text-decoration: none;
}

#lj_controlstrip img, #lj_controlstrip a img, #lj_controlstrip form {
background: none;
border: 0;
margin: 0;
padding: 0;
}

#lj_controlstrip input, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background-color: #fff;
border: 2px outset #9c5f91;
color: #9c5f91;
margin: 2px;
}

#lj_controlstrip_userpic {
margin: 1px;
}

#lj_controlstrip_user {
border-right: 1px solid #9c5f91;
padding: 0 1em;
vertical-align: middle;
white-space: nowrap;
width: 18em;
}

#lj_controlstrip_actionlinks {
border-right: 1px solid #9c5f91;
padding: 0 1em;
vertical-align: middle;
white-space: nowrap;
width: 33em;
}

#lj_controlstrip_statustext {
font-size: 12px;
font-weight: bold;
}

#lj_controlstrip_login {
border-right: 1px solid #9c5f91;
padding-left: 1em;
vertical-align: middle;
width: 28em;
white-space: nowrap;
}

#lj_controlstrip_loggedout_userpic {
border-right: 1px solid #9c5f91;
vertical-align: top;
width: 140px;
}

#lj_controlstrip_statustext {
color: #9c5f91;
}

#lj_controlstrip_search {
border-right: 1px solid #9c5f91;
padding-left: 1em;
vertical-align: middle;
}

.lj_controlstrip_search_sup {
text-align: center;
width: 35%;
}

#lj_controlstrip_search_input_text {
background: #fff !important;
position: relative;
z-index: 100;
}

.lj_controlstrip_search_input_text_sup {
width: 100% !important;
}

#lj_controlstrip_search_submit {
position: relative;
z-index: 100;
}

#lj_controlstrip_loggedout_userpic {
background: url(/img/controlstrip/ljlogo-dark-loggedout.gif) no-repeat top left;
}

#lj_controlstrip_cprod {
position: absolute;
right: 10px;
text-align: right;
top: .5em;
width: 20em;
}

#lj_controlstrip_cprod a {
padding: 0 1px;
}

.ControlStrip_SPlus, .ControlStrip_AdPlacementFree, .ControlStrip_AdPlacementPlus, .ControlStrip_ExpressiveThemes {
margin: 0;
padding: 0;
right: 0;
text-align: right;
}

body {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/butterflytreepink2.png) no-repeat bottom right #af5f94 fixed;
*background-color: #9c5f91;
color: #fff;
font-family: Verdana, sans-serif;
font-size: 12px;
margin-top: 10px;
text-transform: lowercase;
}

#header, #footer {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftpink.png);
*background: url() #af7da6;
font-family: "edwardian script itc", script;
font-size: 29px;
padding: 8px;
}

.title {
margin-top: -16px;
text-align: right;
*display: none;
}

.subtitle {
margin-top: -11px;
text-align: right;
*display: none;
}

.headerimage {
background: url() no-repeat top left;
height: 0px;
margin-left: 10px;
}

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #fff;
font-family: Verdana, sans-serif;
font-size: 15px;
}

div#header a:hover {
color: #7d6f5c;
}

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

ul.navheader li {
display: inline;
padding: 0 5px;
}

#content {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #e6d7e3;
margin: 10px;
width: 768px;
}

#maincontent {
margin-left: 220px;
}

.subcontent {
color: #9c5f91;
padding: 10px;
}

.separator {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url () 97897e;
height: 10px;
}

.datesubject, .datesubjectcomment {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftpink.png);
*background: url() #af7da6;
border: 1px solid #7d6f5c;
}

.date {
color: #fff;
font-size: 9px;
padding-top: 34px;
}

.subject {
color: #7d6f5c;
font-family: "edwardian script itc", script;
font-size: 27px;
font-weight: bold;
line-height: 16px;
margin: 4px 5px 0 0;
padding-bottom: 9px;
}

.subject a, .subject a:link, .subject a:visited {
color: #ccacc6;
font-family: "edwardian script itc", script;
}

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

.userpic, .userpicfriends {
background-color: #fff !important;
border: 1px solid #7d6f5c;
float: left;
margin-right: 5px;
padding: 5px;
text-align: center;
}

.userpic img, .userpicfriends img {
max-height: 65px;
max-width: 65px;
}

.userpicfriends font {
color: #7d6f5c;
font-size: 8px;
}

.userpicfriends a:hover font {
color: #9c5f91;
}

div.ContextualPopup {
font-family: arial, helvetica, sans-serif !important;
font-size: 11px;
font-style: normal;
margin: 5px 0 0 20px;
}

div.ContextualPopup img {
border: 3px solid #fff;
}

div.ContextualPopup div.Inner {
background: #9c5f91 !important;
border: 3px solid #fff;
color: #fff !important;
padding: 0;
width: 20em;
}

div.ContextualPopup .Content {
line-height: 1.4;
margin-right: 50px;
padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
font-weight: bold;
}

div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color: #7d6f5c !important;
font-family: "edwardian script itc", script;
font-size: 24px;
font-weight: normal;
line-height: 18px;
text-decoration: none !important;
}

div.ContextualPopup div.Inner a:hover {
color: #fff !important;
text-decoration: underline !important;
}

.entry {
margin: 5px 5px 10px 5px;
text-align: justify;
text-transform: none;
}

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

.entry ul li, .entry ol li {
list-style: disc inside;
padding: 0;
margin: 0;
}

.entry ol li {
list-style: decimal inside;
}

a, a:link, a:visited {
color: #7d6f5c;
font-weight: bold;
text-decoration: none;
}

a:hover{
color: #fff;
}

blockquote:first-letter {
color: #9c5f91;
letter-spacing: -3px;
font-size: 80px;
font-weight: bold;
}

blockquote {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9f5f8;
border-bottom: 3px solid #9c5f91;
color: #7d6f5c;
font-family: "edwardian script itc", script;
font-size: 29px;
line-height: 19px;
margin: 5px;
padding: 25px 7px 7px 7px;
*line-height: 29px;
}

*::-moz-selection {
background-color: #fff;
color: #7d6f5c;
}

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

input, textarea {
background-color: #fff;
color: #7d6f5c;
}

textarea.textbox {
width: 95% !important;
}

.ljtags {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) repeat;
*background: url() #f9f5f8;
color: #9c5f91;
font-size: 9px;
font-weight: bold;
margin-top: 15px;
padding:5px 5px 0 5px;
text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation, .currentgroups {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9f5f8;
color: #7d6f5c;
font-size: 9px;
padding: 1px 3px;
}

.currents {
border-bottom: 3px solid #9c5f91;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #9c5f91;
text-transform: lowercase;
}

.comments {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9f5f8;
font-family: "Verdana", sans-serif;
font-size: 8pt;
color: #9c5f91;
margin-top: 12px;
padding: 8px;
text-align: center;
}

div.comments a, div.comments a:link, div.comments a:visited {
text-transform: lowercase;
}

div.comments a:hover {
color: #9c5f91;
}

#sidebar {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg10.png) #9c5f91;
*background: url() #9c5f91;
float: left;
margin: 5px;
padding: 10px 10px 30px 10px;
text-align: center;
width: 200px;
}

.sbarbody {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() 866d6b;
border: 1px solid #fff;
margin: 5px 0;
padding: 5px 5px 10px 5px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #fff;
}

div#sidebar a:hover {
color: #9c5f91;
}

.defaultuserpic {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() #866d6b;
border: 1px solid #fff;
padding: 8px 0;
}

.defaultuserpic img {
border: 1px solid #fff;
}

table.calendar {
background-color: #f9f5f8;
border: 1px solid #9c5f91;
padding: 1px;
}

.sbarcalendar {
border: 1px outset #9c5f91;
color: #9c5f91;
font-size: 12px;
padding: 2px;
}

.sbarcalendarposts {
background-color: #9c5f91;
border: 1px outset #fff;
font-size: 12px;
padding: 2px;
}

li.sbartitle {
color: #ccacc6;
font-family: "edwardian script itc", script;
font-size: 29px;
font-weight: bold;
margin: 5px 0;
}

li.sbaritem {
padding: 1px;
}

ul.sbarlist {
font-size: 9px;
list-style: none;
margin: 0;
padding: 0;
}

ul.ljtaglist {
}

ul.ljtaglist li {
margin: 0;
padding: 0;
}

.sbarbody2 {
color: #7d6f5c;
padding: 15px 0;
}

#footer {
text-align: center;
}

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

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

.skiplinks {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f9f5f8;
color: #9c5f91;
margin: 10px 0;
padding: 5px;
text-align: center;
}

.box {
clear: right;
color: #7d6f5c;
padding: 10px 0 10px 10px;
}

.datesubjectcomment{
color: #fff;
font-size: 11px;
padding: 3px 0;
}

.datesubjectcomment strong {
color: #ccacc6;
font-family: "edwardian script itc", script;
font-size: 22px;
line-height: 16px;
}

.userpiccomment {
border: 1px solid #7d6f5c;
float: left;
height: 65px;
margin: -4px 5px 0 -1px;
width: 65px;
}

.commentbox, .commentboxpartial {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() f9f5f8;
border: 1px solid #9c5f91;
color: #9c5f91;
margin: 10px;
padding: 5px;
}

.commentbox img {
max-width: 472px;
}

.commentreply {
color: #7d6f5c;
margin: 5px 5px 15px 5px;
}

ul.year{
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() f9f5f8;
border-bottom: 3px solid #9c5f91;
padding: 12px 0;
text-align: center;
}

ul.year li {
color: #7d6f5c;
display: inline;
padding: 0 5px;
}

ul.year li a:hover {
color: #9c5f91;
}

table.yeartable {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() f9f5f8;
border: 2px solid #9c5f91;
width: 90%;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px outset #9c5f91;
color: #9c5f91;
}

table.yeartable td.yearday {
background-color: #9c5f91;
color: #fff;
text-align: center;
}

td.yearmonth {
color: #9c5f91;
}

td.yearmonth a:hover {
color: #9c5f91;
}

h2 {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() f9f5f8;
border-bottom: 3px solid #9c5f91;
color: #7d6f5c;
font-family: "edwardian script itc", script;
font-size: 30px;
font-weight: bold;
padding: 12px 0;
text-align: center;
}

.ljtaglist {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() f9f5f8;
border: 2px solid #9c5f91;
list-style-type: none;
margin: 10px;
padding: 5px;
}

.ljtaglist li {
border-bottom: 1px dotted #9c5f91;
color: #9c5f91;
font-weight: bold;
}

.clearfoot {
display: none;
clear: both;
}

.clear {
display: none;
height: 15px;
}

.sbaritem img {
border: 0;
width: 0;
height: 0;
background-repeat: no-repeat;
}

.subject img, .sbaritem img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/filtered.png) no-repeat;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.sbaritem img[src="http://l-stat.livejournal.com/img/icon_private.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/private-3.png) no-repeat;
height: 0;
padding: 16px 15px 0 0 !important;
width: 0;
}

.sbaritem img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/customfiltered.png) no-repeat;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/community.png);
padding: 16px 16px 0 0 !important;
}

.ljuser img, .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .ljuser img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user-3.png) no-repeat;
height: 0;
padding: 16px 15px 0 0 !important;
width: 0;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/mainbar.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/mainbarpink.png);
height: 0;
padding: 7px 0;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/leftbar.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/leftbarpink.png);
height: 0;
padding: 14px 0 0 7px;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/rightbar.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/rightbarpink.png);
height: 0;
padding: 7px 0px 7px 0;
}

Preview:

Live preview: Recent entries*Archive* Tags*Custom Comments



Image(s): All the images are hosted on my Photobucket account. If you'd like to host them yourself, here are the direct links.

Background image image from dryicons.com
Green transparency
White transparency
Brown transparency

Polls
Main poll bar
Right poll bar
Left poll bar

Directions:
Same as above

Overrides:
/*
** Layout by LJ user writing-light at writing
light.livejournal.com
** Flexible Squares
** butterfly tree from dryicons.com
** mini icons from www.famfamfam.com

** please do not remove credit */

#lj_controlstrip {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) !important;
*background: url() #d5f1db !important;
border-bottom: 1px solid #fff;
color: 7d6f5c;
}

#lj_controlstrip a {
color: #7d6f5c; !important;
font-weight: bold;
}

#lj_controlstrip a:hover {
color: #59c96f !important;
text-decoration: none;
}

#lj_controlstrip td {
color: #7d6f5c;
font-size: 11px;
font-family: Arial, sans-serif;
letter-spacing: normal;
line-height: 16.5px;
}

#lj_controlstrip a:hover {
text-decoration: none;
}

#lj_controlstrip img, #lj_controlstrip a img, #lj_controlstrip form {
background: none;
border: 0;
margin: 0;
padding: 0;
}

#lj_controlstrip input, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background-color: #fff;
border: 2px outset #59c96f;
color: #59c96f;
margin: 2px;
}

#lj_controlstrip_userpic {
margin: 1px;
}

#lj_controlstrip_user {
border-right: 1px solid #59c96f;
padding: 0 1em;
vertical-align: middle;
white-space: nowrap;
width: 18em;
}

#lj_controlstrip_actionlinks {
border-right: 1px solid #59c96f;
padding: 0 1em;
vertical-align: middle;
white-space: nowrap;
width: 33em;
}

#lj_controlstrip_statustext {
font-size: 12px;
font-weight: bold;
}

#lj_controlstrip_login {
border-right: 1px solid #59c96f;
padding-left: 1em;
vertical-align: middle;
width: 28em;
white-space: nowrap;
}

#lj_controlstrip_loggedout_userpic {
border-right: 1px solid #59c96f;
vertical-align: top;
width: 140px;
}

#lj_controlstrip_statustext {
color: #59c96f;
}

#lj_controlstrip_search {
border-right: 1px solid #59c96f;
padding-left: 1em;
vertical-align: middle;
}

.lj_controlstrip_search_sup {
text-align: center;
width: 35%;
}

#lj_controlstrip_search_input_text {
background: #fff !important;
position: relative;
z-index: 100;
}

.lj_controlstrip_search_input_text_sup {
width: 100% !important;
}

#lj_controlstrip_search_submit {
position: relative;
z-index: 100;
}

#lj_controlstrip_loggedout_userpic {
background: url(/img/controlstrip/ljlogo-dark-loggedout.gif) no-repeat top left;
}

#lj_controlstrip_cprod {
position: absolute;
right: 10px;
text-align: right;
top: .5em;
width: 20em;
}

#lj_controlstrip_cprod a {
padding: 0 1px;
}

.ControlStrip_SPlus, .ControlStrip_AdPlacementFree, .ControlStrip_AdPlacementPlus, .ControlStrip_ExpressiveThemes {
margin: 0;
padding: 0;
right: 0;
text-align: right;
}

body {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/butterflytreegreen3.png) no-repeat bottom right #00cb69 fixed;
*background-color: #59c96f;
color: #fff;
font-family: Verdana, sans-serif;
font-size: 12px;
margin-top: 10px;
text-transform: lowercase;
}

#header, #footer {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftgreen3.png);
*background: url() #83d793;
font-family: "edwardian script itc", script;
font-size: 29px;
padding: 8px;
}

.title {
margin-top: -16px;
text-align: right;
*display: none;
}

.subtitle {
margin-top: -11px;
text-align: right;
*display: none;
}

.headerimage {
background: url() no-repeat top left;
height: 0px;
margin-left: 10px;
}

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #fff;
font-family: Verdana, sans-serif;
font-size: 15px;
}

div#header a:hover {
color: #7d6f5c;
}

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

ul.navheader li {
display: inline;
padding: 0 5px;
}

#content {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #d5f1db;
margin: 10px;
width: 768px;
}

#maincontent {
margin-left: 220px;
}

.subcontent {
color: #59c96f;
padding: 10px;
}

.separator {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url () #93907c;
height: 10px;
}

.datesubject, .datesubjectcomment {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/headerbftgreen3.png);
*background: url() #78d38a;
border: 1px solid #7d6f5c;
}

.date {
color: #fff;
font-size: 9px;
padding-top: 34px;
}

.subject {
color: #7d6f5c;
font-family: "edwardian script itc", script;
font-size: 25px;
font-weight: bold;
line-height: 16px;
margin: 4px 5px 0 0;
padding-bottom: 9px;
}

.subject a, .subject a:link, .subject a:visited {
font-family: "edwardian script itc", script;
}

.userpic, .userpicfriends {
background-color: #fff !important;
border: 1px solid #7d6f5c;
float: left;
margin-right: 5px;
padding: 5px;
text-align: center;
}

.userpic img, .userpicfriends img {
max-height: 65px;
max-width: 65px;
}

.userpicfriends font {
color: #7d6f5c;
font-size: 8px;
}

.userpicfriends a:hover font {
color: #59c96f;
}

div.ContextualPopup {
font-family: arial, helvetica, sans-serif !important;
font-size: 11px;
font-style: normal;
margin: 5px 0 0 20px;
}

div.ContextualPopup img {
border: 3px solid #fff;
}

div.ContextualPopup div.Inner {
background: #59c96f !important;
border: 3px solid #fff;
color: #fff !important;
padding: 0;
width: 20em;
}

div.ContextualPopup .Content {
line-height: 1.4;
margin-right: 50px;
padding: 2px 4px 6px 4px;
}

div.ContextualPopup .Relation {
font-weight: bold !important;
}

div.ContextualPopup .Content .OnlineStatus {
font-weight: bold;
}

div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color: #7d6f5c !important;
font-family: "edwardian script itc", script;
font-size: 24px;
font-weight: normal;
line-height: 18px;
text-decoration: none !important;
}

div.ContextualPopup div.Inner a:hover {
color: #fff !important;
text-decoration: underline !important;
}

.entry {
margin: 5px 5px 10px 5px;
text-align: justify;
text-transform: none;
}

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

.entry ul li, .entry ol li {
list-style: disc inside;
padding: 0;
margin: 0;
}

.entry ol li {
list-style: decimal inside;
}

a, a:link, a:visited {
color: #7d6f5c;
font-weight: bold;
text-decoration: none;
}

a:hover{
color: #fff;
}

blockquote:first-letter {
color: #59c96f;
letter-spacing: -3px;
font-size: 80px;
font-weight: bold;
}

blockquote {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
border-bottom: 3px solid #59c96f;
color: #7d6f5c;
font-family: "edwardian script itc", script;
font-size: 29px;
line-height: 19px;
margin: 5px;
padding: 25px 7px 7px 7px;
*line-height: 29px;
}

*::-moz-selection {
background-color: #fff;
color: #7d6f5c;
}

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

input, textarea {
background-color: #fff;
color: #7d6f5c;
}

textarea.textbox {
width: 95% !important;
}

.ljtags {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png) repeat;
*background: url() #f4fbf6;
color: #59c96f;
font-size: 9px;
font-weight: bold;
margin-top: 15px;
padding:5px 5px 0 5px;
text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation, .currentgroups {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
color: #7d6f5c;
font-size: 9px;
padding: 1px 3px;
}

.currents {
border-bottom: 3px solid #59c96f;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #59c96f;
text-transform: lowercase;
}

.comments {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #d5f1db;
font-family: "Verdana", sans-serif;
font-size: 8pt;
color: #59c96f;
margin-top: 12px;
padding: 8px;
text-align: center;
}

div.comments a, div.comments a:link, div.comments a:visited {
text-transform: lowercase;
}

div.comments a:hover {
color: #59c96f;
}

#sidebar {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg10.png) #59c96f;
*background: url() #6acf7e;
float: left;
margin: 5px;
padding: 10px 10px 30px 10px;
text-align: center;
width: 200px;
}

.sbarbody {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() #93907c;
border: 1px solid #fff;
margin: 5px 0;
padding: 5px 5px 10px 5px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #fff;
}

div#sidebar a:hover {
color: #59c96f;
}

.defaultuserpic {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbgbrown.png);
*background: url() #93907c;
border: 1px solid #fff;
padding: 8px 0;
}

.defaultuserpic img {
border: 1px solid #fff;
}

table.calendar {
background-color: #f8fcf8;
border: 1px solid #59c96f;
padding: 1px;
}

.sbarcalendar {
border: 1px outset #59c96f;
color: #59c96f;
font-size: 12px;
padding: 2px;
}

.sbarcalendarposts {
background-color: #59c96f;
border: 1px outset #fff;
font-size: 12px;
padding: 2px;
}

li.sbartitle {
color: #59c96f;
font-family: "edwardian script itc", script;
font-size: 29px;
font-weight: bold;
margin: 5px 0;
}

li.sbaritem {
padding: 1px;
}

ul.sbarlist {
font-size: 9px;
list-style: none;
margin: 0;
padding: 0;
}

ul.ljtaglist {
}

ul.ljtaglist li {
margin: 0;
padding: 0;
}

.sbarbody2 {
color: #7d6f5c;
padding: 15px 0;
}

#footer {
text-align: center;
}

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

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

.skiplinks {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg10.png);
*background: url() #f4fbf6;
color: #59c96f;
margin: 10px 0;
padding: 5px;
text-align: center;
}

.box {
clear: right;
color: #7d6f5c;
padding: 10px 0 10px 10px;
}

.datesubjectcomment{
color: #fff;
font-size: 11px;
padding: 3px 0;
}

.datesubjectcomment strong {
color: #7d6f5c;
font-family: "edwardian script itc", script;
font-size: 22px;
line-height: 16px;
}

.userpiccomment {
border: 1px solid #7d6f5c;
float: left;
height: 65px;
margin: -4px 5px 0 -1px;
width: 65px;
}

.commentbox, .commentboxpartial {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
border: 1px solid #59c96f;
color: #59c96f;
margin: 10px;
padding: 5px;
}

.commentbox img {
max-width: 472px;
}

.commentreply {
color: #7d6f5c;
margin: 5px 5px 15px 5px;
}

ul.year{
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
border-bottom: 3px solid #59c96f;
padding: 12px 0;
text-align: center;
}

ul.year li {
color: #7d6f5c;
display: inline;
padding: 0 5px;
}

ul.year li a:hover {
color: #59c96f;
}

table.yeartable {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
border: 2px solid #59c96f;
width: 90%;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px outset #59c96f;
color: #59c96f;
}

table.yeartable td.yearday {
background-color: #59c96f;
color: #fff;
text-align: center;
}

td.yearmonth {
color: #59c96f;
}

td.yearmonth a:hover {
color: #59c96f;
}

h2 {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
border-bottom: 3px solid #59c96f;
color: #7d6f5c;
font-family: "edwardian script itc", script;
font-size: 30px;
font-weight: bold;
padding: 12px 0;
text-align: center;
}

.ljtaglist {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/butterfly%20tree/bftbg.png);
*background: url() #f4fbf6;
border: 2px solid #59c96f;
list-style-type: none;
margin: 10px;
padding: 5px;
}

.ljtaglist li {
border-bottom: 1px dotted #adaad4;
color: #59c96f;
font-weight: bold;
}

.clearfoot {
display: none;
clear: both;
}

.clear {
display: none;
height: 15px;
}

.sbaritem img {
border: 0;
width: 0;
height: 0;
background-repeat: no-repeat;
}

.subject img, .sbaritem img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/filtered.png) no-repeat;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.sbaritem img[src="http://l-stat.livejournal.com/img/icon_private.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/private-3.png) no-repeat;
height: 0;
padding: 16px 15px 0 0 !important;
width: 0;
}

.sbaritem img[src="http://l-stat.livejournal.com/img/icon_groups.gif"], .subject img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/customfiltered.png) no-repeat;
height: 0;
padding: 16px 16px 0 0 !important;
width: 0;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/community.png);
padding: 16px 16px 0 0 !important;
}

.ljuser img, .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"], .ljuser img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
background-image: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/miniicons/user-3.png) no-repeat;
height: 0;
padding: 16px 15px 0 0 !important;
width: 0;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/mainbar.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/mainbargreen.png);
height: 0;
padding: 7px 0;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/leftbar.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/leftbargreen.png);
height: 0;
padding: 14px 0 0 7px;
}

.entry img[src="http://l-stat.livejournal.com/img/poll/rightbar.gif"] {
background: url(http://i50.photobucket.com/albums/f333/light_writing/Livejournal/poll/rightbargreen.png);
height: 0;
padding: 7px 0px 7px 0;
}

CSS, Images and Directions for this layout can also be found in my layout journal losing_light. Feel free to friend it if you like this layout or others that you see there.

maker: writing_light, style: flexible squares

Previous post Next post
Up