layoutlounge | 93. Apple of My Eye

Layout Style: S2 Flexible Squares
Features: Embedded Fonts, Colorful, Custom Userpic
Layout Width: 1100px

{ Preview } { Live }
Credit:

layout_lounge

Theme and Layout Change Tutorial

All embedded in coding from Google Fonts

/*--------------------------------
S2 Flexible Squares- 93. Apple of My Eye
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #333333;
 background-image: url(TRANSPARENT BRICKWALL IMAGE URL);
 background-repeat: repeat;
 background-attachment: fixed;
 background-position: top center;
 color: #ffffff;
 font-family: "verdana", arial, sans-serif;
 font-size: 12px;
 margin: 0px 0 20px 0;
 }

a, a:link, a:visited { color: #E61C24; }
a:hover { color: #ffffff; }

blockquote {
 width: 80%;
 margin-left: 10px;
 padding-left: 10px;
 margin-left: auto;
 margin-right: auto;
 color: #000000;
 font-size: 14px; 
font-style: italic;
 text-align: left;
 border-left: 8px solid #E61C24; 
 }
img.special, i img { border: 10px solid #e5e5e5; }

b, strong { color: #298779; }
i, em { color: #5A7A41; }
u { color: #2F6E8A; }
s, strike { color: #F6A000; }
q { font-style: italic; color: #1A5D7A; }

.b-repost-item { display:none }

code, kbd, pre, tt {font-family: "monospace"; }
 
ul.ljtaglist {  width: 90%; text-align: left; padding-left: 15px; }

/*--------------General------------*/
#content {   
 background-color: #000000;);
 margin-top: 10px;
 margin-left: auto; 
 margin-right: auto;  
 text-align: left;
 padding: 0px;
 width: 1100px; 
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
-khtml-border-radius: 20px; 
 }

#maincontent {
 width: 800px;
 padding-top: 0px;
font-family: "trebuchet ms", arial, trebuchet ms, sans-serif;
 font-size: 12px;
 color: #333333;
 text-align: center;
 }

.subcontent {
 width: 750px;
 background-color: #C7D62D;
 margin: auto;
 margin-right: -1px;
 padding-top: 15px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
-khtml-border-radius: 20px; 
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 width: 1060px;
 height: 40px;
 text-align: center;
 color: #ffffff;
 margin: 10px 0 0 20px;
 font-family: verdana, arial !important;
 font-size: 11px !important;
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
}

div#header a, div#header a:link, div#header a:visited,

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 12px 10px 5px 10px;
margin: 0px -9px 0 -8px;
 font-family: verdana !important;
 letter-spacing: 1px;
 color: #ffffff;
 text-align: center;
}

div#header li.view { 
 color: #E61C24;
 border-bottom: 4px solid #C7D62D;
padding: 12px 10px 5px 10px;
margin: 0px -9px 0 3px;
 }

div#header a:hover {
 color: #E61C24;
 border-bottom: 4px solid #C7D62D;
top: 0px; left: 0px; 
}

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

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

/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
top: 90%;
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;
z-index: 0; }

ul.navfooter a {
}

ul.navfooter li + li a {
float: right;
background-color: rgba(180, 195, 26, 0.7);
padding: 20xp 10px 20px 10px;
 }

ul.navfooter li + li a:hover {  }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: rgba(180, 195, 26, 0.7);
color: #000000;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 20px 20px 20px 20px;
margin: 0px 5px -10px 5px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#dddddd;
padding: 20xp 10px 20px 10px;
}

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 {
 width: 270px;
 background-color: #000000;
 background-image: url(APPLE IMAGE URL);
 background-repeat: no-repeat;
 background-position: top center;
 float: right;
 padding: 100px 10px; 
 margin-top: -10px;
 font-family: "Abel", arial, georgia;
 font-size: 14px;
 color: #ffffff;
 text-align: center;
 text-transform: normal;
 }

.sbarbody2, li.sbaritem2 { 
padding: 5px; 
margin: 0px auto 0px auto; 
 font-family: "Abel", arial, sans-serif;
font-size: 14px !important; 
text-transform: lowercase; 
text-align: center;
list-style-type: none;
 }

.sbarbody {
list-style-type: none;
margin: 0px auto 0px auto;
padding: 5px;
padding-bottom: 5px; 
}

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: #B4C31A;
display: inline;
 font-family: "Abel", arial, sans-serif;
font-size: 14px;
font-weight: lighter;
margin-right: 0px;
padding: 0px;
text-align: left; }

li.sbaritem a:hover {
color:#ffffff;  }

li.sbartitle {
 list-style: none;
 background-image: none;
 color: #cccccc; 
text-align: center;
letter-spacing: 2px;
 font-family: "Abel", trebuchet ms, arial, sans-serif;
 font-size: 17px;
 text-transform: uppercase;
 margin: 5px -12px 0px 8px;
 }

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

#sidebar_linklist li.sbaritem a {
border-bottom: 1px solid #1d1d1d;
color: #B4C31A;
display:block;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-weight:lighter;
padding: 8px;
margin: 0px 0px -3px 0px;
text-align: center;
}

#sidebar_linklist li.sbaritem a:hover {
color:#ffffff; 
text-align: center;
}

td.sbarcalendar {background-color: transparent !important;
padding: 5px;}

td.sbarcalendarposts {background-color: #000000; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);  }

td.sbarcalendarposts a { color: #E61C24;}
td.sbarcalendarposts a:hover { color: #ffffff;}

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

#sidebar_summary li.sbaritem {
 color: #ffffff;
 padding: 5px;
 text-transform: normal;
 margin: 2px auto 2px auto;
 text-align: left;
 font-size: 12px;
 border-bottom: 1px solid #1d1d1d !important;
 }

#sidebar_summary li.sbaritem a {
 text-decoration: none;
 display: inline !important;
 font-size: 12px;
 color: #B4C31A;
 }

#sidebar_summary li.sbaritem a: hover{
 color: #ffffff !important;
 border: 0px solid #777777;
 background-color: transparent !important;
 }

ul.tagList {padding-left: 0; margin-left: 0; list-style: none;}

li.tagItem {margin-left: 15px; list-style: none;}
.tagList li ul li {list-style: disc;}

#sidebar_tags .sbarcontent { height: 300px;         overflow-x: hidden; overflow-y: auto; margin-right: -12px; padding: 5px; }

li.tagBox a { 
border-bottom: 1px solid #1d1d1d;
color: #B4C31A;
display:block;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 13px;
font-weight:lighter;
padding: 0px 1px 5px 12px;
margin: 0px 0px -3px 0px;
text-align: center;
}

li.tagBox a:hover { 
color:#ffffff; 
text-align: center;
 }

#sidebar_tags li.sbaritem a { 
border-bottom: 1px solid #1d1d1d;
color: #B4C31A;
display:block;
 font-family: "trebuchet ms", arial, sans-serif;
font-size: 13px;
font-weight:lighter;
padding: 0px 1px 5px 9px;
margin: 0px 0px -3px 0px;
text-align: center;
}

#sidebar_tags li.sbaritem a:hover { color:#ffffff; 
text-align: center;
 }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
 -webkit-box-shadow: #ccc 0 0 5px;
 -moz-box-shadow: #ccc 0 0 5px;
 -ms-box-shadow: #ccc 0 0 5px;
 -o-box-shadow: #ccc 0 0 5px;
 box-shadow: #ccc 0 0 5px;
}

.defaultuserpic img {
}

.social-roll {
 border-radius: 50%;
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 transition: all ease 0.3s;
}
.social-roll:hover {
 box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
 -webkit-transform:rotate(540deg);
 -moz-transform:rotate(540deg);
 -o-transform:rotate(540deg);
 -ms-transform:rotate(540deg);
 transform:rotate(540deg);
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 50px 30px;
 margin: 0px;
 color: #000000;
 font-family: "arial";
 font-size: 14px;
 text-align: left;
z-index: 50;
 }

p, td{ font-family: "arial"; font-size; 14px; margin:0; padding:0; }

.entry img { max-width: 700px; height: auto;  }
 
hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
 margin-left: 5px;
 padding: 1px 0px 0px 5px;
 line-height: 100%;
 list-style: normal;
 list-style-position: inside;
 }

.userpic, .userpicfriends {
 float: left;
margin: 5px 15px 25px -100px;
 padding: 10px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFF!important; 
 background: #000000 !important;
 -webkit-border-radius: 5px 60px 5px 60px;
 -moz-border-radius: 5px 60px 5px 60px;
 -ms-border-radius: 5px 60px 5px 60px;
 -o-border-radius: 5px 60px 5px 60px;
 border-radius: 5px 60px 5px 60px;
 -webkit-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 -moz-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 -ms-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 -o-box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 box-shadow: -5px 0 2px  rgba(0, 0, 0, 0.2);
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
 -webkit-border-radius: 5px 50px 5px 50px;
 -moz-border-radius: 5px 50px 5px 50px;
 -ms-border-radius: 5px 50px 5px 50px;
 -o-border-radius: 5px 50px 5px 50px !important;
 border-radius: 5px 50px 5px 50px;
 }
 
.userpicfriends a, .userpicfriends font {
 margin: -2px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: 'TuffyRegular', sans-serif;
 font-size: 11px;
 text-align: center;
 color: #B4C31A;
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: 0px 10px -15px 0px;
 text-align: right; 
 padding-right: auto;
 padding-left: auto;
 color: #ffffff;
 font-family: "Paprika", arial, sans-serif;
 font-size: 11px;
 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: 15px 10px 0px 10px;
 color: #000000;
font-family: "Special Elite", open sans condensed, georgia, arial;
 font-size: 23px;
 font-weight: normal; 
 text-align: left;
 text-transform: normal;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #000000;}

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

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

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

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

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 0px;
 font-family: "Special Elite", Abel, arial, sans-serif;
 font-size: 14px;
 padding: 10px 10px 5px 10px;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999999;
 }
 .skiplinks a { color: #B4C31A; }
 .skiplinks a:hover { color: #ffffff; }

.lj-like {
 width: 800px; 
 clear: left; 
 float: left; 
 text-align: center; 
   line-height: 1 !important;
    margin: 0 !important;
}

.lj-like:after {
    border-collapse: collapse;
    clear: left;
    content: "";
    display: table;
}

/*-----------  Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 9px;
font-family: Verdana;
color: #7F7F7F;
text-align: left; 
}

.currentlocation, .currentmusic { display:none; }

.currents strong, .currentmood strong, .currentmusic .currentlocation { font-weight: normal; }

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

.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
font-family: verdana; 
font-weight: bold; 
font-size: 10px; 
text-transform: uppercase;
}

.ljtags a { color: #ffffff; }
.ljtags a:hover { color: #cccccc; }

.comments {
background-color: #ffffff;
color: #000000;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding: 5px;
margin-top: 8px; 
margin-left: -29px; 
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px; 
border-radius: 0 10px 10px 0px; 
-khtml-border-radius: 0 10px 10px 0px; 
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#222222;
font-family: open sans condensed, arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding: 8px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box, form div.box {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 color: #cccccc;
 }

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

.userpiccomment {
 background-color: #C7D62D;
 margin: -2px 5px 5px 5px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: left;
 -webkit-border-radius: 5px 60px 5px 60px;
 -moz-border-radius: 5px 60px 5px 60px;
 -ms-border-radius: 5px 60px 5px 60px;
 -o-border-radius: 5px 60px 5px 60px;
 border-radius: 5px 60px 5px 60px;
}

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 color: #ffffff;
 }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
 color: #B4C31A; cursor: crosshair; text-decoration:none; font-weight:none;}
  
.datesubjectcomment a:hover {
 color: #ffffff; cursor: crosshair; text-decoration:none; font-weight:none;}
 
.commentboxpartial {
 border-width: 0px; 
 border-style: solid; 
 padding: 10px; 
 margin: 10px; 
 background-color: transparent !important;
 }

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

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

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

ul.year li {display: inline;}

table.yeartable { width: 90%; margin-left: auto; margin-right: auto; padding: 20px 100px 20px 100px; background-color: #C7D62D; 
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
-khtml-border-radius: 20px;  }

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

table.yeartable td.yearday { text-align: center; color: #000000; border: 1px solid #000000; }

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

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

ul.ljtaglist {
 color: #C7D62D;
 font-family: "Abel", arial, trebuchet ms, sans-serif;
 font-size: 16px;
 text-transform: uppercase;
 padding: 8px 8px 8px 50px;
 background-color: #000000;
 border: 0px solid #dedede;
 }

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

/*----------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/apple_red.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/apple_red.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_apples.png) no-repeat 0 0 !important;
 padding: 16px 0px 0px 16px !important;
 }

/*-----------FONTS-----------*/
@font-face {
  font-family: 'Bilbo Swash Caps';
  font-style: normal;
  font-weight: 400;
  src: local('Bilbo Swash Caps'), local('BilboSwashCaps-Regular'), url(http://themes.googleusercontent.com/static/fonts/bilboswashcaps/v4/UB_-crLvhx-PwGKW1oosDpbko4ywDBcg2f1uYutDOWY.woff) format('woff');
}

@font-face {
  font-family: 'Paprika';
  font-style: normal;
  font-weight: 400;
  src: local('Paprika'), local('Paprika-Regular'), url(http://themes.googleusercontent.com/static/fonts/paprika/v1/5wID_eLdfLKUwzhIdMBadA.woff) format('woff');
}

@font-face {
  font-family: 'Seaweed Script';
  font-style: normal;
  font-weight: 400;
  src: local('Seaweed Script'), local('SeaweedScript-Regular'), url(http://themes.googleusercontent.com/static/fonts/seaweedscript/v1/eorWAPpOvvWrPw5IHwE60FhlQWQpSCpzb2Peu3I-Q34.woff) format('woff');
}

@font-face {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: local('Cardo'), local('Cardo-Regular'), url(http://themes.googleusercontent.com/static/fonts/cardo/v6/zpisC4kGu76S5N9VhpMnEg.woff) format('woff');
}

@font-face {
  font-family: 'Emilys Candy';
  font-style: normal;
  font-weight: 400;
  src: local('Emilys Candy'), local('EmilysCandy-Regular'), url(http://themes.googleusercontent.com/static/fonts/emilyscandy/v2/PofLVm6v1SwZGOzC8s-I3XhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
  font-family: 'IM Fell DW Pica';
  font-style: normal;
  font-weight: 400;
  src: local('IM FELL DW Pica Roman'), local('IM_FELL_DW_Pica_Roman'), url(http://themes.googleusercontent.com/static/fonts/imfelldwpica/v4/W81bfaWiUicLSPbJhW-ATno1aYbFHkK-jWDrR3dOoIA.woff) format('woff');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}

@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: local('Special Elite'), local('SpecialElite-Regular'), url(http://themes.googleusercontent.com/static/fonts/specialelite/v4/9-wW4zu3WNoD5Fjka35Jm_n8qdNnd5eCmWXua5W-n7c.woff) format('woff');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotoslab/v3/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

/*-----------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: #ffffff !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: 1100px;
 height: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
background-color: #transparent !important;
 background-image: url();
background-repeat: no-repeat;
background-position: top center;
z-index: 99;
 }

.separator { height: 20px; }

Additional Layout Directions:

The header image currently isn't being used though there is coding available for a header image should you choose to use one.

Apple image isn't necessary to use. You can add any image that is 100x100 whether it be another userpic image or some other image. The height is set at 100px but the image can be up to 240px wide. You can have a image with a bigger height by adjusting the padding in the .sidebar section.

The brickwall background is a transparent image and you can change the background color in the .body section to any color which will show through it. For more transparent images see Layout Lounge: Semi-Transparent Images.

For additional help see the Helpful Tutorials list below the images.

Images

Helpful Tutorials:

Theme and Layout Change Tutorial

Image Tutorial: Adding Background & Header Images in Coding

Sidebar: What I Do and Do NOT Want On It

LJ Advertisements: What is that weird box on my LJ?

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

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

Having Trouble? Try:
Theme and Layout Change Tutorial or Helpful Hints
If that didn't work. Comment Below with example if possible.

Flat | Top-Level Comments Only

From:

captain-snazzy.livejournal.com

I decided to use this theme and I'm really loving it! The only thing is I was wondering is there's a way I can make it so the posts show what music I'm listening to? I fill out the field when I write the posts and do the same with the mood field, and the mood one will show on the final post but the current music won't :/ Is there part of the code I can change to fix that? Thanks!

sireesanwar.livejournal.com

Oopsie. Okay so here is the issue. I don't use those and I always forget to reflect that in the coding.

Find this in the coding:
.currentlocation, .currentmusic { display:none; }

Delete it.

Done!

Awesome thank you so much!

Layout Lounge

Layouts, Tutorials, Help, and more

93. Apple of My Eye

(no subject)

(no subject)

(no subject)

About

Links

Tags

Summary

April 2025