layoutlounge | 91. Chalkboard featuring Arrow

Entry tags:

91. Chalkboard featuring Arrow

Layout Style: S2 Flexible Squares
Features: Embedded Fonts, Background Sidebar, Header Image and Background Image
Layout Width: 1000px

{ Preview } { Live }
Credit:

layout_lounge

Theme and Layout Change Tutorial

All embedded in coding from Google Fonts

/*--------------------------------
S2 Flexible Squares - 91. Chalkboard
Layout by http://layout-lounge.livejournal.com
PLEASE DO NOT REMOVE THIS SECTION 
----------------------------------*/
body{
 background-color: #F6F6F6;
 background-image: url(WOOD PLANK BACKGROUND IMAGE URL);
 background-repeat: repeat;
 background-attachment: fixed;
background-position: left top;
 color: #888888;
 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: #004359; }
a:hover { color: #444444; }

blockquote {
 width: 70%;
background-image: url(CHALKBOARD IMAGE URL);
 margin-left: auto;
 margin-right: auto;
 padding: 10px; 
 color: #cdcdcd;
 font-size: 13px;
 line-height: 16px;
 font-family: "trebuchet ms", arial, sans-serif;
 text-align: left;
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
 }

blockquote a { color: #cccccc !important;  font-style: italic; }
blockquote a:hover { color: #ffffff !important; }

img.special, i img { border: 10px solid #f5f5f5; }

b, strong { color: #519AA6; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }
i, em { color: #4c228a; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }
u { color: #8CB53F; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }
s, strike { color: #AD5C00; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.0); }

.b-repost-item { display:none }

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

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

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

.subcontent {
 background-color: #fafafa;
 margin-top: 0px;
 border: 1px solid #dedede;
 }

/*---------------Header--------------*/
#header {  
 position: inherit;
 width: 1000px;
 height: 30px;
background-image: url(CHALKBOARD IMAGE URL);
background-repeat: repeat;
 text-align: center;
 color: #282828;
 padding: 10px 0px 0 0px;
 margin: 0px 0px 0px 0px;
font-family: Homemade Apple, georgia, arial;
  font-size: 14px !important; line-height: 130%;  line-height: 130%; 
 letter-spacing: 1px;
 text-transform: lowercase;
 font-weight: none;
z-index: 199;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
 padding: 0px 10px 0px 15px;
 margin: 0px 2px 0px 0px;
 letter-spacing: 1px;
 color: rgba(255, 255, 255, 0.8);
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.8);
 text-align: left;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
}

div#header li.view { 
 padding: 0px 10px 0px 15px;
 margin: 0px 5px;
 color: #cccccc;
 }

div#header a:hover { 
 color: rgba(255, 255, 255, 0.8);
text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.3);
 }

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:99;
}

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

ul.navfooter a {
}

ul.navfooter li + li a {
float: right;
background-color: rgba(0, 0, 0, 0.3);
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(0, 0, 0, 0.3);
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 20px 30px 20px 30px;
margin: 0px 10px -10px 10px;
}

.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 {
background-image: url(CHALKBOARD IMAGE URL);
background-repeat: repeat;
width: 270px;
margin: 0px 0px 0px -1px;
padding: 0px 5px 100px 5px;
 font-family: "Fredericka the Great", arial, georgia;
 font-size: 14px;
 color: rgba(255, 255, 255, 0.7);
text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.7);
 float: right;
 text-align: left;
 text-transform: normal;
 right: 0px;
 }

.sbarbody2, li.sbaritem2 { 
padding: 5px 10px 5px 4px; 
line-height: auto; 
text-transform: lowercase; 
text-align: center;
list-style-type: none;
 }

.sbarbody2 a { color: #B4BA7A; }
.sbarbody2 a:hover { color: #ffffff; }

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

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

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

li.sbaritem a {
display: inline;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

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

li.sbartitle {
 list-style: none;
 color: rgba(255, 255, 255, 0.7); 
text-align: center;
letter-spacing: 2px;
 font-family: "Homemade Apple", trebuchet ms, arial, sans-serif;
 font-size: 22px;
 text-transform: normal;
 margin: 1px 0px 0px 8px;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7);
 }

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

#sidebar_linklist li.sbaritem a {
color: #cdcdcd;
border-bottom: 1px solid #222222;
display:block;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: center;}

#sidebar_linklist li.sbaritem a:hover {
color:#ffffff; 
letter-spacing: 2px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

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

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

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

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

#sidebar_summary li.sbaritem {
 padding: 3px;
 text-transform: normal;
 margin: 3px 0px 3px 0px;
 text-align: left;
 border-bottom: 1px solid #222222 !important;
 }

#sidebar_summary li.sbaritem a {
color: #cdcdcd;
 text-decoration: none;
 display: inline !important;
 }

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

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

li.tagBox a { border-bottom: 1px solid #222222;
color: #cdcdcd;
display:block;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: center;}

li.tagBox a:hover { color: #ffffff; text-align: center;
letter-spacing: 2px; padding: 2px 5px; 
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }

#sidebar_tags li.sbaritem a { border-bottom: 1px solid #222222;
color: #cdcdcd;
display:block;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: center;}

#sidebar_tags li.sbaritem a:hover { color: #ffffff; text-align: center;
letter-spacing: 2px; padding: 2px 5px; }

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

.defaultuserpic img {
}

/*-----------Entries-----------*/
.entry {
 padding: 20px 30px 50px 30px;
 margin: 0px;
 color: #444444;
 font-family: "arial";
 font-size: 14px;
 line-height: 150%;
 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 {
 float: left;
margin: -1px 15px 25px -110px;
 padding: 15px;
 width: 100px;
 height: 100px;
 text-align: center;
 color: #FFF!important; 
background-image: url(CHALKBOARD IMAGE URL);
 -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;
 }

.userpic img, .userpicfriends img {
 width: 100px;
 height: 100px;
}
 
.userpicfriends a, .userpicfriends font {
 margin: 0px 0px 0px 0px;
 position: relative;
 background-color: transparent!important;
 float: center;
 font-family: 'Fredericka the Great', sans-serif;
 font-size: 12px;
 text-align: center;
 color: #cdcdcd;
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: 10px 80px -15px 0px;
 text-align: right; 
 padding-right: auto;
 padding-left: auto;
 color: #ccccca;
 font-family: "Fredericka the Great", arial, sans-serif;
 font-size: 14px;
 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: #423F5E;
font-family: "Homemade Apple", open sans condensed, georgia, arial;
 font-size: 22px;
 text-align: left;
 border-bottom: 1px solid #dedede;
 }
 
.subject a, .subject a:link, .subject a:visited {color: #423F5E;}

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

.datesubject {
 background-color: transparent;
 padding: 0px;
 text-align: left;
font-family: "Fredericka the Great", arial !important;
 font-size: 14px !important;
 }

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

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

.skiplinks {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 3px;
 font-family: "trebuchet ms", arial, sans-serif;
 padding: 10px;
 font-size: 10px;
 letter-spacing: 1px;
 color: #999999;
 background-color: #ffffff;
 border: 1px solid #dedede;
 }

/*-----------  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;
}

.comments {
background-image: url(CHALKBOARD IMAGE URL);
color: #cdcdcd;
 font-size: 12px; line-height: 130%; 
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px; 
margin-left: -31px; 
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:#cdcdcd;
font-family: "Fredericka the Great", arial !important;
 font-size: 14px !important; line-height: 130%; 
line-height:1;
padding:5px 10px;
margin:0;
letter-spacing: 1px; 
text-align: center; }

div.comments a:hover {
color:#999999;
-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 {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 text-align: left;
 clear: left;
 background-color: #FAFAFA;
 border: 1px solid #dedede;
 }

form div.box {
 text-align: left;
 background-color: #FAFAFA;
  }

.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%;
 background-color: #f1f1f1;
 color: #000000;
 }
  
.replytosubject {
 font-weight: none;
font-family: Homemade Apple, georgia, arial;
  font-size: 14px !important;
 }
  
.commentreply {
 font-family: "trebuchet ms", arial, sans-serif;
 position: relative;
 margin: 10px;
 font-size: 13px;
 font-family: "arial;
 color: #000000;
 }
  
.commentbox {
 align: left; 
 padding: 2px; 
 margin: 2px; 
 }

.userpiccomment {
 margin: -2px 5px 5px 0px;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: right;
background-image: url(CHALKBOARD IMAGE URL);
 -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;
}

.datesubjectcomment {
 margin-top: 10px;
 text-align: left;
 padding: 5px;
 font-size: 12px;
 font-family: "Fredericka the Great", arial, georgia;
background-image: url(CHALKBOARD IMAGE URL);
background-repeat: repeat;
 color: #cdcdcd;
 }

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

.commentinfo {
 background-color: #f1f1f1; 
 margin-top: 5px; 
 width: 100%;
 }

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

ul.year {  text-align: center;  padding: 5px;         background-color: #FAFAFA;  border: 1px solid #dedede; }

ul.year li {display: inline;}

table.yeartable { width: 730px; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #FAFAFA;  border: 1px solid #dedede; }

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

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

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

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

ul.ljtaglist {
 color: #888888;
 font-family: "trebuchet ms", arial, trebuchet ms, sans-serif;
 font-size: 12px;
 padding: 8px 8px 8px 50px;
 background-color: #FAFAFA;
 border: 1px solid #dedede;
 }

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

/*-----------Fonts-----------*/
@font-face {
  font-family: 'Grand Hotel';
  font-style: normal;
  font-weight: 400;
  src: local('Grand Hotel'), local('GrandHotel-Regular'), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
  font-family: 'Delius Swash Caps';
  font-style: normal;
  font-weight: 400;
  src: local('Delius Swash Caps'), local('DeliusSwashCaps-Regular'), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v6/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format('woff');
}

@font-face {
  font-family: 'Love Ya Like A Sister';
  font-style: normal;
  font-weight: 400;
  src: local('Love Ya Like A Sister Regular'), local('LoveYaLikeASister-Regular'), url(http://fonts.gstatic.com/s/loveyalikeasister/v7/LzkxWS-af0Br2Sk_YgSJY5HSI-O7NEBdNbD5SV3GSEY.woff) format('woff');
}

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

@font-face {
  font-family: 'Homemade Apple';
  font-style: normal;
  font-weight: 400;
  src: local('Homemade Apple'), local('HomemadeApple'), url(http://fonts.gstatic.com/s/homemadeapple/v6/yg3UMEsefgZ8IHz_ryz86Kmk7U3V72hKgu0Yds_deA8.woff) format('woff');
}

@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: local('Indie Flower'), local('IndieFlower'), url(http://fonts.gstatic.com/s/indieflower/v7/10JVD_humAd5zP2yrFqw6nhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
  font-family: 'Neucha';
  font-style: normal;
  font-weight: 400;
  src: local('Neucha'), url(http://fonts.gstatic.com/s/neucha/v7/Z14xx5NkAnXABtaPytVZVA.woff) format('woff');
}

@font-face {
  font-family: 'Just Me Again Down Here';
  font-style: normal;
  font-weight: 400;
  src: local('Just Me Again Down Here'), local('JustMeAgainDownHere'), url(http://fonts.gstatic.com/s/justmeagaindownhere/v8/sN06iTc9ITubLTgXoG-kc4M0m1RcppnZ3Z3GZDDNlQw.woff) format('woff');
}

@font-face {
  font-family: 'Short Stack';
  font-style: normal;
  font-weight: 400;
  src: local('Short Stack'), local('ShortStack'), url(http://fonts.gstatic.com/s/shortstack/v6/6Lbgh4PDdLpSiP41rQoGa4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  src: local('Fredericka the Great'), local('FrederickatheGreat'), url(http://fonts.gstatic.com/s/frederickathegreat/v5/7Es8Lxoku-e5eOZWpxw18vc3vBAn7YvtW9hNjxWZBR0.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: #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: 1000px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 background-color: transparent !important;
 background-image: url(HEADER IMAGE URL);
 background-repeat: no-repeat;
 background-position: center top;
z-index: -10;
}

.separator { height: 20px; }

Additional Layout Directions:

The header image doesn't have to be used. The layout is using a header image of 1000x300.

Upload Chalkboard image to PhotoBucket.

Chalkboard image direct url from PhotoBucket needs to be added to the following coding sections: blockquote; #header; #sidebar; .userpic, .userpicfriends; .comments; .userpiccomment; .datesubjectcomment

Wood image is too large for PhotoBucket so I recommend using your Scrapbook. Make sure you use the original image url.

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

Images

credit

graffitigraphic

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

hi i am looking for someone that can do some layout requests for me. I'm a friend of thisbe1304

What do you mean? If you are looking for me to make you a specific layout I can try if you give me an example of what you are looking for.

I can also customize or change some of my own layouts.

I don't really restructure layouts by other makers.

I also have a lot on my plate so it might take a little time. Let me know.

Oh sorry to confuse u. Due to my disabilites, i cannot put up the fandom layout myself for my comms

If you need me to help you do the layout for a comm, I'd be happy too. I've been given "moderator" abilities for only that purpose in the past and I'm happy to help with things such at that.

I do for a couple comms, but do to my disabilites, i cannot do it myself. is that okay?

Yes.

Which comms do you need help with?

Ok, great

here they are;

http://angela-riley.livejournal.com/

http://angela-twi.livejournal.com/

http://arkhamcatwoman.livejournal.com/

http://lily-drake.livejournal.com/

http://thefire-goddess.livejournal.com/

I'll send a header for the lily drake one

So are you asking me to edit the coding of my layout and give you the completed coding?

is that okay?

Yes, I'll get on this next week... when I'm back in town.

Here are headers for the willow rosenberg comm
http://i1291.photobucket.com/albums/b543/SuperNutJapan/NOTE2/Niki/bannerfornikifirerosesredfiregoddesswithblack_zps4cd4fea3.jpg

the lily drake one
http://i1291.photobucket.com/albums/b543/SuperNutJapan/NOTE2/Niki/Lilydrakeheader1_zpsdddb3903.jpg

This is just stunning ♥ Saved for future use.

Thanks!

This is fantastic, thank you!

You are very welcome.

Wow, this is awesome. I might just use it - not sure quite what I'm in the mood for yet. :)

Lovely job!

Thanks. I'm kind of obsessed with the chalkboard look right now so I had to make it.

If you need my help let me know. *hugs*

I surely will. Always do! :)

*hugs* Your'e my resident coding expert after all.

You said that and then my layout broke and I couldn't figure out the problem... but then I did. I guess you are right. LOL

*hugs* Glad to help.

Hi, do you take requests for layouts done in Expressive?

No sorry. I'm fluent in Flexible Squares. I've never even seen the coding for Expressive.

Heh, just like back in the day, no one was doing Expressive coding back then either lol.

Do you do profile layouts?

Edited 2015-01-16 21:56 (UTC)

Yes. I do have some profile layouts here. If there is something for a profile that you specifically want... I can try my hand at it.

I have a question. For your sidebar, how do you get the text to appear like that? The "things to see" and "About Me", etc. I tried normal, big, bold, etc and nothing is showing up. I feel really dumb lol.

Also is that an Arrow moodtheme? I would love it if you have the link to it or if you made it. :)

Thank you so much!

It is coded into the above layout.

You aren't dumb it is font that is coded into the layout. This is a tutorial that explains it.
http://layout-lounge.livejournal.com/41419.html

This is the Sidebar Titles coding for Flexible Square layouts....

li.sbartitle {
list-style: none;
color: rgba(255, 255, 255, 0.7);
text-align: center;
letter-spacing: 2px;
font-family: "Homemade Apple", trebuchet ms, arial, sans-serif;
font-size: 22px;
text-transform: normal;
margin: 1px 0px 0px 8px;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7);
}

This is the font coding for the specific font from Google Fonts.

@font-face {
font-family: 'Homemade Apple';
font-style: normal;
font-weight: 400;
src: local('Homemade Apple'), local('HomemadeApple'), url(http://fonts.gstatic.com/s/homemadeapple/v6/yg3UMEsefgZ8IHz_ryz86Kmk7U3V72hKgu0Yds_deA8.woff) format('woff');
}

You have to have the font coding in your coding to get the "font-family" in the title section to work.

Oh thank you so much! I didn't know the font name or size. :)

No problem.

No Arrow mood theme either. I have looked and not found one.

This is no doubt the best base layout for my own design! My thanks to you for creating this one :)

You are very welcome. I'm especially proud of this one too.

I absolutely LOVE this! Definitely will credit when I use it later tonight.

Great! It is my favorite too!

Hi again! I was wondering if you could point me in the direction in how to get the coding to have my twitter and goodreads feed showing up on the sidebar? I'd be forever grateful. I've tried searching your links but I must be blind (I also tried google but get general sidebar changes).

Thanks!
Baity

The tutorial is here
http://layout-lounge.livejournal.com/48733.html

Thank you!

You're welcome.

Just added it to a community I run,

tokiohotelslash with a banner made by a friend of mine. :-D IT LOOKS AWESOME!

Awesome. Enjoy!

OMG! Thank you so much for all your hard work!

I've wanted to change my style from a basic one for so long, but never understood what other sites were talking about. You made it so easy that I, a noob at coding, could understand!

Thank you so much! ::hugs::

You are so welcome. I'm glad I was able to make it easy for you.

(deleted comment)

I'm glad you like it and that you figured out how to get the image. I wasn't putting the link in just the image but I've started linking them. Sorry it was confusing.

This is beautiful - I'm going to play with the wood panel later but I am so pleased with how it looks. Thank you so much!

Yes, and my tiny icon links are all old and out of date so you'll want to update those as well... but I'm really glad you love it.

If you're still around to help with this one - my mood section shows the photobucket 'this image is not available' image but I can't find where to link to an image in the coding. I've looked in the 'music, mood, location' bit but can't figure where to put a link - if you could help, I would really appreciate it. Thanks

Look in the section called SECTION: Tiny Icons. I had them separated out so everything was in one place. I think I posted a bunch of Tiny icons here at Layout Lounge so when you find the ones you want upload them somewhere and just replace the links... then everything will be all fixed.

Hope that helps.

Perfect, thank you! I'm probably going to fall into a rabbit hole of tiny icons now and loving it! Thank you so much for your help and your layouts!

You are welcome. Yes, I love collecting tiny icons and icons... because that is something I need to collect. ;-)

Flat | Top-Level Comments Only

91. Chalkboard featuring Arrow

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

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Re: Wood image

no subject

no subject

no subject

no subject

no subject

no subject