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.comBlue transparencyWhite transparencyBrown transparency Polls
Main poll barRight poll bar
Left poll bar mini icons from the
Famfamfam. Mini icons are the same in each layout.
Private user iconCommunity user iconUser iconFriends locked iconFriends filtered icon Directions:
Go to
Select Journal StyleChoose 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.comPink transparencyWhite transparencyBrown transparency Polls
Main poll barRight 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.comGreen transparencyWhite transparencyBrown transparency Polls
Main poll barRight 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.