layoutlounge | 75a. Bubbles Dark

Layout Style: S2 Flexible Squares
Features: Sidebar, Scrolling Tags, Double Background Images
Layout Width: 1000px
Requested by:

hika_ryuu

[ Preview ] [ Live ]
Credit:

layout_lounge
For help with layout please consult the How To Guides, otherwise please comment.

Layout:

/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #646162;
 background-image: url(), url(Colorful Background Image);
 background-repeat: repeat, repeat;
 background-attachment: fixed, fixed;
background-position: left top, left top;
 color: #eeeeee;
 font-family: "lucida grande", "lucida sans", trebuchet ms, arial, sans-serif;
 font-size: 12px;
 margin: 10px 0 20px 0;
 }

a, a:link, a:visited { color: #C7006A; }
a:hover { color: #dddddd; }

blockquote {
 width: 70%;
 margin-left: 75px;
 padding: 0px 10px 10px 10px; 
 border: 1px dashed #555555; 
 color: #eeeeee;
 font-size: 12px;
 line-height: auto;
 font-family: "trebuchet ms", arial, sans-serif;
 text-align: left;
 }

img.special, i img { background-color: transparent !important; margin: 5px; 
-webkit-box-shadow: 5px -1px 5px rgba(201, 201, 201, 0.76);
-moz-box-shadow: 5px -1px 5px rgba(201, 201, 201, 0.6);
box-shadow: 5px -1px 5px rgba(201, 201, 201, 0.6);
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -ms-border-radius: 10px;
 -o-border-radius: 10px;
 border-radius: 10px;
}

b, strong { color: #DC1A4E; }
i, em { color: #DAA2E8; }
u { color: #8CB53F; }
s, strike { color: #AD5C00; }

.b-repost-item { display:none }

img.special { border: 10px solid #555555;   -moz-border-radius: 2%; }

p, td{  }
 
code, kbd, pre, tt {font-family: "monospace"; }
 
ul.ljtaglist { text-align: left; padding-left: 5px; }

/*--------------General------------*/
#content {   
 width: 990px; 
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 background-color: transparent !important;
 }

#maincontent {
 width: 720px;
 float: left;
 margin: -5px 0px 0px 0px;
 font-family: "trebuchet ms", arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #eeeeee;
 text-align: center;
 }

.subcontent {
 background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: #858585 0 0 5px;
    -moz-box-shadow: #858585 0 0 5px;
     -ms-box-shadow: #858585 0 0 5px;
      -o-box-shadow: #858585 0 0 5px;
         box-shadow: #858585 0 0 5px;
 min-height: 350px;
 margin-top: 5px;
 border: 1px solid #444444;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 -ms-border-radius: 30px;
 -o-border-radius: 30px;
 border-radius: 30px;
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 width: 990px;
 height: 40px;
 text-align: center;
 color: #eeeeee;
 padding: 30px 0 0 30px;
 margin: 0 0 5px;
font-family: open sans condensed, georgia, arial;
  font-size: 14px !important; line-height: 130%;  line-height: 130%; 
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 5px 10px 5px 15px;
 margin: 0px 5px;
 letter-spacing: 1px;
 color: #eeeeee;
 background-color: #111111;
 text-align: left;
 border:0px solid #E0E0E0;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 -ms-border-radius: 30px;
 -o-border-radius: 30px;
 border-radius: 30px;
 -webkit-transition: box-shadow 0.3s linear;
 -moz-transition: box-shadow 0.3s linear;
 -ms-transition: box-shadow 0.3s linear;
 -o-transition: box-shadow 0.3s linear;
 transition: box-shadow 0.3s linear;
-webkit-box-shadow: 1px -1px 5px rgba(102, 102, 102, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(102, 102, 102, 0.5);
box-shadow: 1px -1px 5px rgba(102, 102, 102, 0.5);
}

div#header li.view { 
 padding: 5px 10px 5px 15px;
 margin: 0px 5px;
 color: #dc039d;
 background-color: #111111;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 -ms-border-radius: 30px;
 -o-border-radius: 30px;
 border-radius: 30px;
 -webkit-transition: box-shadow 0.3s linear;
 -moz-transition: box-shadow 0.3s linear;
 -ms-transition: box-shadow 0.3s linear;
 -o-transition: box-shadow 0.3s linear;
 transition: box-shadow 0.3s linear;
-webkit-box-shadow: 1px -1px 5px rgba(102, 102, 102, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(102, 102, 102, 0.5);
box-shadow: 1px -1px 5px rgba(102, 102, 102, 0.5);
 }

div#header a:hover { 
 color: #70549E;
 -webkit-box-shadow: #858585 0 0 10px inset;
 -moz-box-shadow: #858585 0 0 10px inset;
 -ms-box-shadow: #858585 0 0 10px inset;
 -o-box-shadow: #858585 0 0 10px inset;
 box-shadow: #858585 0 0 10px inset;
 }

ul.navheader {
 list-style: none;
 line-height: 24px;
 margin: 0;
 padding: 0;
 }

ul.navheader li  {
 display: inline;
 list-style: none;
 }
 
.title, .subtitle { display: none; }

/*-----------Footer------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

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

ul.navfooter a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}

ul.navfooter li + li a {
float:right;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727; }

ul.navfooter li + li a:hover { background-color:#70549E !important; }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#FFFFFF;
background-color: #70549E;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 4px solid #333333;
letter-spacing: 3px;
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline;  }

#footer .viewing { display:none; }

/*-------------Sidebar--------------*/

#sidebar {
 padding: 0px 0 10px 0; 
 background-color: rgba(0, 0, 0, 0.5);
 border: 1px solid #444444;
 margin-left: 0px;
 font-family: open sans condensed, arial, georgia;
 font-size: 11px;
 color: #999999;
 width: 260px;
 float: right;
 text-align: left;
 text-transform: normal;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-box-shadow: 5px -1px 5px rgba(201, 201, 201, 0.76);
-moz-box-shadow: 5px -1px 5px rgba(201, 201, 201, 0.6);
box-shadow: 5px -1px 5px rgba(201, 201, 201, 0.6);
 border-width: 2px 0 2px 0px;
 border-style: dotted;
 border-color: #333333;
right: 5px;
 }

.defaultuserpic, .defaultuserpic image { text-align: center; padding: 10px; margin: 0 0 8px 0; }

.sbarbody2 { 
width: 220px; 
padding: 5px; 
background-color: #292929; 
margin-top: 0px; 
margin: 5px; 
margin-left: auto; margin-right: auto;
line-height: 12px; 
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px !important; 
text-transform: lowercase; 
text-align: right;
 border: 5px solid #333333; 
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px; 
-webkit-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5); }

.sbarbody {
margin:0;
padding: 2px;
padding-bottom: 5px; 
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
}

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

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #A980CF;
display: inline;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#999999; -webkit-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5); }

li.sbartitle {
 list-style: none;
 color: #A980CF; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
text-align: center;
letter-spacing: 2px;
 font-family: "Nachtmere", trebuchet ms, arial, sans-serif;
 font-size: 25px;
 text-transform: normal;
 margin: 1px 5px 1px 5px;
text-shadow: 2px 2px 6px #bbbbbb;
 }

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform:lowercase;}

#sidebar_linklist li.sbaritem a {
color: #DAA2E8;
display:block;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: center;}

#sidebar_linklist li.sbaritem a:hover {
color:#999999; 
background-color:#444444;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; 
-webkit-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5); }

td.sbarcalendar {background-color:#F3F2EE;
padding: 3px;}

td.sbarcalendarposts {background-color:transparent;
padding: 3px;}

table.calendar {padding-top: 5px;}

#sidebar_summary, #sidebar_calendar, h2 { display:none!important; }

#sidebar_tags .sbarcontent { height: 300px;         overflow-x: hidden; overflow-y: auto;}

li.tagBox a { color: #C34FC9; display: block; font-family: trebuchet ms,arial,sans-serif; font-size: 11px; font-style: italic; font-weight: lighter; margin-right: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; text-align: center; }

li.tagBox a:hover { color: #999999; background-color:#444444; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; text-align: right;
letter-spacing: 2px; padding: 2px 5px; 
-webkit-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5); }

#sidebar_tags li.sbaritem a { color: #C34FC9; display: block; font-family: trebuchet ms,arial,sans-serif; font-size: 11px; font-style: italic; font-weight: lighter; margin-right: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; text-align: center; }

#sidebar_tags li.sbaritem a:hover { color: #999999; background-color:#444444; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }

/*-----------Entries-----------*/
.entry {
 padding: 45px 30px 5px 30px;
 margin: 0px;
 color: #eeeeee;
 font-family: "arial";
 font-size: 12px;
 text-align: left;
 }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 padding-left: 5px;
 margin-left: 5px;
 list-style: normal;
 list-style-position: outside;
 }

.userpic, .userpicfriends {
 margin: -25px 0 0 -25px;
 padding: 10px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFF!important; 
 background: #222222!important;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #858585 0 0 5px;
 -moz-box-shadow: #858585 0 0 5px;
 -ms-box-shadow: #858585 0 0 5px;
 -o-box-shadow: #858585 0 0 5px;
 box-shadow: #858585 0 0 5px;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 -ms-border-radius: 50px;
 -o-border-radius: 50px !important;
 border-radius: 50px;
}
 
.userpicfriends a, .userpicfriends font {
 margin: 0px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: 'TuffyRegular', sans-serif;
 font-size: 11px;
 text-align: center;
 color: #FF5DDD;
text-shadow: 2px 2px 4px #777777;
 -webkit-transition: background-color 0.3s ease;
 -moz-transition: background-color 0.3s ease;
 -ms-transition: background-color 0.3s ease;
 -o-transition: background-color 0.3s ease;
 transition: background-color 0.3s ease;
 }
 
.userpicfriends a:hover, .userpicfriends a font:hover {color: #bbbbbb;  text-shadow: 2px 2px 6px #bbbbbb; }

.date  {
 margin: -90px 10px -15px 0px;
 text-align: center; 
 padding-right: auto;
 padding-left: auto;
 color: #555555;
 font-family: "St. Nicholas", arial, sans-serif;
 font-size: 16px;
 text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
 -webkit-border-radius: 6px 6x 0 0;
 border-radius: 6px 6x 0 0;
 -khtml-border-radius: 6px 6x 0 0; }

.subject {
 padding: 0px 0px 5px 5px;
 margin: 20px 10px 0px 100px;
 color: #A980CF;
font-family: "Janda Quirkygirl", open sans condensed, georgia, arial;
 font-size: 26px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -khtml-border-radius: 4px;
text-shadow: 2px 2px 6px #444444;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #A980CF;}

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

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
 }

span.ljuser a b {
 padding: 2px 0 2px 0;
 color: #DAA2E8;
 font-weight: normal;
 }

span.ljuser a:hover b {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #AEA3B5;
 font-weight: normal;
 }

/*-----Currents, tags, comment links-----*/

.ljtags {
 margin-top: 5px;
 color: #808080;
 font-weight: lighter;
 font-size: 10px;
 font-family: "Verdana", arial;
 text-transform: lowercase;
 margin: 15px 0px 0px 0px;
 padding: 5px 0px 5px 17px;
 background: URL(http://i31.tinypic.com/15p046e.jpg) no-repeat center left;
 }
 
.currents strong, .currentmood strong, .currentmusic .currentlocation,

.ljtags strong {
 font-family: "Verdana", arial;
 font-size: 10px;
 color: #808080;
 font-weight: lighter;
 text-transform: lowercase;
 }

.currents, .currentmood, .currentmusic, .currentlocation {
 font-family: "trebuchet ms", arial;
 font-size: 10px;
 color: #7f7f7f;
 font-weight: lighter;
 text-transform: lowercase;
 }

.ljtags a, .ljtags a:link, .ljtags a:visited {
 font-family: "trebuchet ms", arial;
 font-size: 10px;
 color: #D561F2;
 text-transform: lowercase;
 font-weight: lighter;
 }

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
 font-family: "trebuchet ms", arial;
 font-size: 10px;
 color: #D561F2;
 text-transform: lowercase;
 font-weight: lighter;
 }
 
.currentlocation a:hover, .ljtags a:hover {
 font-family: "trebuchet ms", arial;
 font-size: 10px;
 color: #888888;
 font-weight: lighter;
 text-transform: lowercase;
 }

.comments {
 font-family: "Verdana", arial;
 font-size: 18px;
 font-weight: none;
 color: #444444;
 text-align: center;
padding: 5px;
 position: relative;
 clear: center;
 margin-top: 5px;
 text-transform: lowercase;
 }
 
div.comments a, div.comments a:link, div.comments a:visited{
background-color: #333333;
color:#999999;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
margin:0;
padding: 5px 2px 5px 5px;
letter-spacing: 3px;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
border-radius: 10px; 
-khtml-border-radius: 10px;
-webkit-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
 }

div.comments a:hover { color:#ffffff;
background-color: #70549E;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-bottom: 4px solid #B8B3AA;
letter-spacing: 3px;
padding: 5px 2px 5px 5px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px; 
border-radius: 13px; 
-khtml-border-radius: 13px;  
-khtml-border-radius: 20px; 
}

/*------------Comments Page--------*/
.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: right;
 background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: #858585 0 0 5px;
    -moz-box-shadow: #858585 0 0 5px;
     -ms-box-shadow: #858585 0 0 5px;
      -o-box-shadow: #858585 0 0 5px;
         box-shadow: #858585 0 0 5px;
 width: 700px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px; 
border-radius: 30px; 
-khtml-border-radius: 30px;
 }

form div.box {
 text-align:center;
 width: 700px;
  }

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 0px;
 font-family: "trebuchet ms", arial;
 padding: 12px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 }

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 10px;
-webkit-box-shadow: #858585 0 0 5px;
 -moz-box-shadow: #858585 0 0 5px;
 -ms-box-shadow: #858585 0 0 5px;
 -o-box-shadow: #858585 0 0 5px;
 box-shadow: #858585 0 0 5px;
 color: #999999;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #999999; font-family: Pea Beth, trebuchet ms, arial !important; font-size: 11px;  text-shadow: 2px 2px 6px #bbbbbb; }
 
.datesubjectcomment a:hover {color: #999999;  font-family: Pea Beth, trebuchet ms, arial !important; font-size: 11px;  text-shadow: 2px 2px 6px #ffffff; }

.userpiccomment {
 margin: 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
 background: #333333 !important;
 -webkit-border-radius: 60px;
 -moz-border-radius: 60px;
 -ms-border-radius: 60px;
 -o-border-radius: 60px;
 border-radius: 60px;
 -webkit-box-shadow: #858585 0 0 5px;
 -moz-box-shadow: #858585 0 0 5px;
 -ms-box-shadow: #858585 0 0 5px;
 -o-box-shadow: #858585 0 0 5px;
 box-shadow: #858585 0 0 5px;
}

div#content input,
div#content textarea,
div#content select {
 width: 80%;
 color: #ffffff;
 padding: 10px;
 marging: 10px; 
 border: 1px solid #333333;
 background-color:#222222;
 -webkit-box-shadow: #858585 0 0 5px;
 -moz-box-shadow: #858585 0 0 5px;
 -ms-box-shadow: #858585 0 0 5px;
 -o-box-shadow: #858585 0 0 5px;
 box-shadow: #858585 0 0 5px;}
 }
 
textarea.textbox  {width: 90% !important;  -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 -ms-border-radius: 20px;
 -o-border-radius: 20px;
 border-radius: 20px;
 -webkit-box-shadow: #858585 0 0 5px;
 -moz-box-shadow: #858585 0 0 5px;
 -ms-box-shadow: #858585 0 0 5px;
 -o-box-shadow: #858585 0 0 5px;
 box-shadow: #858585 0 0 5px;}

.reply {
 position: relative;
 margin: 20px 30px 10px 30px;
 padding: 25px 10px 10px 10px;
 text-align: left;
 font-family: "trebuchet ms", arial, trebuchet ms, sans-serif;
 font-size: 10px;
 line-height: 125%;
 color: #ffffff;
 }
 
.replytosubject {
 text-transform: normal;
 padding: 5px;
 }

.replytoposter {
 background-color: #ffffff;
 color: #8A1751;
 text-transform: normal;
 padding: 5px;
 }

.commentreply {
 text-align: left;
 position: relative;
 margin: 11px;
 font-family: "trebuchet ms", arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #ffffff;
 }
 
.commentbox {
 padding: 5px;
 margin: 10px 10px 10px 20px;
 text-align: left;
 -moz-border-radius: 2%;
 }

.commentboxpartial {
 padding: 10px; 
 margin: 10px; 
 background-color: #333333;
 }

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

/*-----------Year/Archive Page----------*/

ul.year {  text-align: center;  padding: 5px;         background-color: #333333; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #333333; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #555555; color: #ffffff; }

table.yeartable td.yearday { text-align: center; color: #ffffff; }

td.yearmonth { color: #ffffff; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
 color: #ffffff;
 font-family: "trebuchet ms", arial, trebuchet ms, sans-serif;
 font-size: 12px;
 padding: 8px 8px 8px 20px;
 background-color: rgba(0, 0, 0, 0.6) !important;
 }

ul.ljtaglist li  {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
 background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmood  {
 background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentmusic {
 background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

.currentgroups {
 background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
 padding: 2px 0px 5px 18px;
 }

/* PROTECTED ENTRY */
.subject img[src*="icon_protected.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important; 
 }

/* FRIENDS GROUP */
.subject img[src*="icon_groups.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*="icon_private.gif"]{
 width: 0;
 height: 0;
 padding: 16px 0px 0 16px;
 background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important; 
 }

/* USER */
html body .ljuser img {
 width: 0 !important;
 height: 0 !important;
 background-repeat: no-repeat;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

html body .ljuser img[src*="userinfo.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/* COMMUNITY */
html body .ljuser img[src*="community.gif"] {
 width: 0 !important;
 height: 0 !important;
 background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_cherryblossom.png) no-repeat 0 0 !important;
 padding: 16px 1px 0px 16px !important;
 }

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
 
#lj_controlstrip_statustext {
 color: #999999;
 font-size: 12px;
 font-weight: bold;
 }

#lj_controlstrip td {
 font-family: "georgia" !important;
 font-size: 12px;
 background-color: #000000 !important;
 border: 0px solid #999999;
 }

#lj_controlstrip a, #lj_controlstrip a:visited {
 font-family: "georgia" !important;
 font-size: 11px;
 color: #999999 !important;
 text-transform: lowercase;
 }

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
 position: relative;
 width: 990px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(HEADER IMAGE);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
box-shadow: 1px -1px 5px rgba(201, 201, 201, 0.5);
}

.separator { height: 20px; }

Click here for font tutorial:
Nachtmere, St. Nicholas, Pea Beth, Janda Quirkygirl

Header Image

Background Image:

Headers:

graffitigraphic
More Background Images: Layout Lounge Site
More Tiny Icons: Layout Lounge Site

RULES:
No Hotlinking Images
Header can be changed
Background image can be changed or removed.
Credit Necessary.

Flat | Top-Level Comments Only

From:

my-lilac-dreams.livejournal.com

it was the retro bubbles. i think its the same font you have now for the title of the page.

i've downloaded a bunch of the fonts after joining, just need to figure out where to input the font name into the code

sireesanwar.livejournal.com

What fonts to you want to change?

Because if you are looking to change the subject look for the part of the coding called ".subject"

In this it will have coding for "font-family". You'll want to put the font you want to use in the quotes so it will look similar to this:

font-family: "Lobster 1.4", arial, verdana;

Having default fonts after the one you want to use will make it so your text reverts to these if the person viewing your page doesn't have the main font in their computer system.

Layout Lounge

Layouts, Tutorials, Help, and more

75a. Bubbles Dark

(no subject)

(no subject)

About

Links

Tags

Summary

April 2025