layoutlounge | 93. Apple of My Eye

Entry tags:

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

I like this! I'm thinking I might give it a try - it has a nice, fresh feel to it. Something to perk up my dull dreary winter. *lol*

Well if you need assistance you know who to call. *wink*

I do! I actually tried it out the other day but I'm finding it too wide. I prefer not having my browser take up my whole computer screen so when I make it narrower I lose the side user pics. Is there a way to fix that?

In the meanwhile I found another one by scholars layouts that I used before once so I'm going with that for a bit, just for a change, but if you can help me with this apple layout I'd like to give it a try too.

Yep. I can customize it for you but you'll have to give me a couple days because I have other stuff taking all my energy. *wink*

No worries, let me know when you have time to think about it and we'll get to it then. I'm liking what I've got in the meanwhile so I can be patient. :)

No problem.

So what are you thinking? The size of your layout now? That is a bit less than an 800px width which I can totally do for you.

If you want the background image and the apple (or something else if you prefer) I'll need you to upload those to PhotoBucket and send me links for the images.

Oh and 800 looks weird so I'm going to try 900.

Edited 2015-04-09 00:13 (UTC)

I really have no idea, to be honest. *lol*

How does this look to you
http://workshop-rees.livejournal.com/

It looks good.

The only other thing, and I know it's really minor and silly, is I really prefer the locked post icon to show a locked lock rather than an open one, as I always look at it when it's open and think "yikes, I forgot to do friends only". It's just a silly thing but it always gets me.

No problem. Okay so I'm going to see if I can upload these images....

Okay I did that and added some images... check it out. If you like it I've supplied the coding in a post there for you which you can just copy and paste.
http://workshop-rees.livejournal.com/

It's awesome, thank you! I love the side image - that's just so cool. How did you think up that with the treble clef and heart?

I'm on the run now but will come back and install it later today. *hugs* Thanks so much!

I'm so glad you like it. I didn't make the image but I did go looking for something like that because you love music so much and I thought you'd prefer something like that to the apple in the preview of the journal. It did take me a bit to find it and then I had to edit it a little because it was partially black which would have just blended into the side.

You are very welcome. If you have any troubles, let me know.

I did like the apple in the preview but the music/heart is much nicer yet, and more suited to me. :) I like that the little user head beside my name has an apple though.

Lots of people have commented on my journal since I switched it over, saying how nice it is. You're just awesome!

I love the apple user tiny icon. I was excited when I found that so I'm glad you enjoy it too. I actually found some other tiny icons I thought were you...

Thanks! I'm so glad you're enjoying it and other seem to like it too! LOL

Edited 2015-04-16 00:07 (UTC)

Those are awesome! I'd love to use them if I could figure out how and where. *lol*

They are in the Tiny Icons section of the coding and they are under the USER ICON heading and the COMMUNITY ICON heading.

But I can always update coding for you if you like... whatever.

Currently using. Didn't think I'd like it because OMG GREEN! But man... It looks much sweeter then I thought and the green ain't as much in yo face as I thought. :-D Really neat!

I'm very glad you like it.

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!

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!

hi..thank you for an amazing layout. I currently use this.. I want to ask how I can get back my link to my LJ in the nav bar beside the recent entries, archive, friends and about me?

another one is can I put my journal title and subtitle at the top?

thank you.. I do not know much..I such a newbie..

this is my link http://crystilia-ixora.livejournal.com/

Edited 2015-12-22 06:28 (UTC)

Okay so if you want to put a link up on the navigation bar to anything... you do it by adding a website link and title in your profile.

I tend to put my Title and Subtitle on my image because the post titles come up with the Title when you are in the posts but if you want the Title & Subtitle you need to find:
.title, .subtitle { display: none; }

replace with:
.title {
position: relative;
width: 100%;
margin: -300px auto 0px auto;
padding: 0px;
font-size: 72px;
font-family: "Bilbo Swash Caps", Brush Script MT, arial, verdana;
text-align: center;
color: #FFFFFF;
-webkit-text-stroke: 10px black;
text-shadow:
0px 0px 10px #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
z-index: 199;
}

.subtitle {
position: relative;
width: 100%;
margin: -25px auto 0px auto;
padding: 0px;
font-size: 20px;
font-family: "Lato", arial, verdana;
text-align: center;
color: #E970B4;
-webkit-text-stroke: 10px black;
text-shadow:
0px 0px 10px #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
z-index: 199;
}

Welcome to LJ.

thank you so muucccchhh~~it is a good idea..I think to use you idea or the code...thanks again! ^^,

SOOOOO Welcome. LOL

Wow! I really like this!
I'm thinking of making this as my journal's layout ~ though i might change some colors and stuffs.
Hope you can help me if ever i get lost in the coding.
btw, thanks for sharing it!

Flat | Top-Level Comments Only

93. Apple of My Eye

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject