InsaneJournal

Tweak says, "IJ: full of sprites & fairies"

welcome to the chestnut gallery -- (chestnutgallery) wrote,
@ 2012-02-13 05:02:00

Entry tags:

footer, inspiration:tumblr

generator layout: gloaming 6

Live Preview:

gloaming6

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<div id="sidebar">
<center>
<ul><li class="button1">ABOUT<br><br><font face="verdana">
This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font>
</li><li class="button2"><img src="http://i.imgur.com/JnAuT.gif" width="212">
</li><li class="button3">NAVIGATION<br><br>
<span class="nav">
<a href="http://journalname.insanejournal.com/">HOME</a> 
<a href="http://journalname.insanejournal.com/profile">PROFILE</a>
<br>
<a href="http://journalname.insanejournal.com/friends">FRIENDS</a>
<a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span>
</li><li class="button4">LINKS LIST<br><br>
<span class="navlist">
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
</span></li>
</ul></center>
</div>

<div id="sidebar2"><br><center>
<font style="font-size: 30px; color: #EEE; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br>
<font style="color: #8DA4D0; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div>

<div> </div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<br><div id="footer">
<div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a>
</div></div>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<div id="sidebar">
<center>
<ul><li class="button1">ABOUT<br><br><font face="verdana">
This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font>
</li><li class="button2"><img src="http://media.tumblr.com/tumblr_lvv3stmRzV1qc9lhz.gif" width="212">
</li><li class="button3">NAVIGATION<br><br>
<span class="nav">
<a href="http://journalname.insanejournal.com/">HOME</a> 
<a href="http://journalname.insanejournal.com/profile">PROFILE</a>
<br>
<a href="http://journalname.insanejournal.com/friends">FRIENDS</a>
<a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span>
</li><li class="button4">LINKS LIST<br><br>
<span class="navlist">
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
</span></li>
</ul></center>
</div>

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<br><div id="footer">
<div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a>
</div></div>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>TITLE HERE</title>
<style>
<!--
body {
background-color: #141514;
background-image:url(http://i.imgur.com/5V7mu.png);
background-repeat: no-repeat;
background-position: top center;
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA;
line-height: 15pt;
margin:0; overflow-x:hidden; }

BODY, TD {
text-align: justify;}

table, tr, xmp, div, td, p {
text-align: justify;}

.shadowed img{display:none; }

/* MAIN JOURNAL */
div{
position:relative;
overflow:auto;
left: 50%;
margin-left: -448px;
width:896px;
height:360px;
top:105px;
padding:0px;
}

/* DO NOT TOUCH!! */
div div{
width:auto;
height:auto;
overflow:hidden;
margin-left:0;
left:0;
top:0px;
}

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

table table .index
{background-color: transparent;
 line-height: 10pt;
 font-size: 7pt;
 font-family: georgia, serif;
 font-weight: bold;
 color: #040404;
 text-align: center;
 text-transform: uppercase;
 padding: 0px;
 width: auto;

}

table table table td.meta
{padding: 1px;
 line-height: 4pt;
 font-size: 7pt;}

.entrybox .meta
{background-color: transparent;
text-align:center;
}

tr.caption{display:none }

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px }

/*YOUR SIDEBAR*/
#sidebar{
position:fixed !important;
top: 470px !important;
left: 50%;
margin-left: -450px;
width: 900px !important;
height: 225px;
background-color: transparent;
visibility: visible;
z-index:1;
font-family: tahoma;
font-size: 8pt;
color: #444444;
line-height: 10pt; }

html>body #sidebar{
position:fixed !important;
top: 470px !important;
left: 50%;
margin-left: -450px;
width: 900px !important;
height: 225px;
background-color: transparent;
visibility: visible;
z-index:1;
font-family: tahoma;
font-size: 8pt;
color: #444444;
line-height: 10pt; }

#sidebar img{display:inline; }

/*YOUR SIDEBAR*/
#sidebar2{
position:fixed !important;
top: 50px !important;
left: 0; 
right: 0;
width: 100% !important;
height: 100px;
visibility: visible;
z-index:1;
font-family: georgia;
font-size: 8pt;
letter-spacing: 1px;}

html>body #sidebar2{
position:fixed !important;
top: 50px !important;
left: 0; 
right: 0;
width: 100% !important;
height: 100px;
visibility: visible;
z-index:1;
font-family: georgia;
font-size: 8pt;
letter-spacing: 1px;}

#sidebar2 img{display:inline; }

#footer{
float: right;
text-align:center;
width: 150px;
background-color: transparent;
padding-top: 0px;
padding-bottom: 4px;
font-family: arial;
font-size: 7pt;
letter-spacing: 1px;}

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background-color: transparent;  
font-family: sans-serif;
font-size: 8pt;
color: #444444; 
line-height: 10pt;}

.content {background-color: transparent;}

table { 
width: 870px; 
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA;
line-height: 15pt; }

table table {width:100% !important; margin:0 !important; background-color: transparent;} 
table table table {width:auto !important; background-color:transparent;} 
table td {border:0px solid #444444;}
table, table table td {border:none; padding:1px; background-color: transparent;}

.shadowed img
/* icons */
{color:#E3DECB; border:none;}
.entrybox 
/* entry border */
{border:0px solid #3F2FB0;  }
.entrybox .index 
/* hiding bracket */
{color:#F6BF96; }

a:link, a:active, a:visited{color: #4B258D; text-decoration:none}
a:hover{color:#FFFFFF; background-color:#4B258D}

.entrybox a.index font {
color: #83786E;
}

td.caption, .subject { 
background-color: transparent;
font-family: century gothic;
text-transform: uppercase;
font-size:15px; 
color: #673CB1;
line-height:25px; 
letter-spacing: 0px;
text-align: left;
font-family: georgia, serif;  }

p table table td.caption, .head{ 
line-height:25px; 
font-size: 16px; 
letter-spacing: 0px;
text-align: left;
font-family: century gothic;}

.comments {
font-size:5pt;
font-family:"georgia";
text-transform:uppercase;
letter-spacing: 2px;
}

.entrybox	
{background-color: #F6F6F6;
border-left: 4px solid #6D84B0;
 visibility: visible;}

.entrybox td.index, .index3 {display: none;}
.index2 {font-style:normal; }

.ljuser img[src*="userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://i.imgur.com/hQMwh.png) !important;
padding: 11px 14px 0 0 !important;
}
.ljuser img[src*="community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://i.imgur.com/kxKRf.png) !important;
padding: 11px 14px 0 0 !important;
}
.caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 10px 10px 0;
background: url(http://i.imgur.com/A0wsZ.png);
background-repeat: no-repeat;
}
.caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 10px 10px 0;
background: url(http://i.imgur.com/Hc4G4.png);
background-repeat: no-repeat;
}

.button1
{background-color:#8DA4D0;}
.button2
{background-color:#BAA7DB;}
.button3
{background-color:#6B45AD;}
.button4
{background-color:#875CD1;}

.navlist a:link, .navlist a:visited, .navlist a:active {font-family: calibri, helvetica, veradana; display: block; padding: 1px 5px; transition: all 0.4s ease-out; -o-transition-transition:  all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; border-left: 15px solid #673CB1; background-color: #1E1E1E; color: #FFFFFF; margin-bottom: 2px;}
.navlist a:hover {background-color: #673CB1; color: #FFFFFF; padding-left: 20px;}

.nav a:link, .nav a:visited, .nav a:active {display: inline-block; background-color: #4B258D; color: #FFFFFF; text-decoration: none; width: 100px; padding-top: 18px; padding-bottom: 18px; margin-bottom: 5px; }
.nav a:hover {background-color: #000000; color: #EBEBCF;}

.footlink a:link, .footlink a:visited, .footlink a:active {font-family: calibri, helvetica, veradana; display: block; padding: 1px 5px; transition: all 0.4s ease-out; -o-transition-transition:  all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; border-left: 15px solid #2BEADA; background-color: #1E1E1E; color: #000000; margin-bottom: 2px;}
.footlink a:hover {background-color: #2BEADA; color: #000000; padding-left: 20px;}

ul { list-style: none; 
margin: 0; 
padding: 0px; 
text-align: center; 
overflow:hidden;}  
li { font-size: 90%; 
display: inline-block; 
background-color: transparent; 
color: #FFFFFF; 
text-decoration: none; 
width:215px;
height: 150px;
padding: 5px;
float: left;}  
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<br><div id="footer">
<div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a>
</div></div>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>8

CALENDAR_WEBSITE<=

<div id="sidebar">
<center>
<ul><li class="button1">ABOUT<br><br><font face="verdana">
This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font>
</li><li class="button2"><img src="http://media.tumblr.com/tumblr_lvv3stmRzV1qc9lhz.gif" width="212">
</li><li class="button3">NAVIGATION<br><br>
<span class="nav">
<a href="http://journalname.insanejournal.com/">HOME</a> 
<a href="http://journalname.insanejournal.com/profile">PROFILE</a>
<br>
<a href="http://journalname.insanejournal.com/friends">FRIENDS</a>
<a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span>
</li><li class="button4">LINKS LIST<br><br>
<span class="navlist">
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
</span></li>
</ul></center>
</div>

LASTN_WEBSITE<=

<div id="sidebar">
<center>
<ul><li class="button1">ABOUT<br><br><font face="verdana">
This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font>
</li><li class="button2"><img src="http://media.tumblr.com/tumblr_lvv3stmRzV1qc9lhz.gif" width="212">
</li><li class="button3">NAVIGATION<br><br>
<span class="nav">
<a href="http://journalname.insanejournal.com/">HOME</a> 
<a href="http://journalname.insanejournal.com/profile">PROFILE</a>
<br>
<a href="http://journalname.insanejournal.com/friends">FRIENDS</a>
<a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span>
</li><li class="button4">LINKS LIST<br><br>
<span class="navlist">
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
<a href="your link url">LINK HERE</a>
</span></li>
</ul></center>
</div>

INSTRUCTIONS
1. Under Customize Journal select S1 as your Style System
2. In the Look and Feel tab set all your layouts to Generator
3. Go to the Custom Options tag and copy & paste the code into the overrides box.
4. In the code change "journalname" to the name of your journal
5. Replace the image, blurb, and links with your own
6. Save

Notes
• For this layout to work you MUST HAVE a web page in your userinfo.

	IN BLUE-GREEN FRIENDS_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li><li class="button2"><img src="http://i.imgur.com/JnAuT.gif" width="212"> </li><li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li><li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center> </div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #EEE; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #8DD0AB; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=FRIENDS_WEBSITE DAY_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"> <br><div id="footer"> <div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a> </div></div> </td></tr> <=DAY_TALK_LINKS DAY_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li><li class="button2"><br><img src="http://30.media.tumblr.com/tumblr_ltbu7pbrkw1qmokydo1_500.gif" width="212"> </li><li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li><li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center> </div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #EEE; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #8DD0AB; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=DAY_WEBSITE LASTN_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"> <br><div id="footer"> <div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a> </div></div> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <title>TITLE HERE</title> <style> <!-- body { background-color: #141514; background-image:url(http://i.imgur.com/5V7mu.png); background-repeat: no-repeat; background-position: top center; font-family: tahoma; font-size: 8pt; color: #C4B5AA; line-height: 15pt; margin:0; overflow-x:hidden; } BODY, TD { text-align: justify;} table, tr, xmp, div, td, p { text-align: justify;} .shadowed img{display:none; } /* MAIN JOURNAL / div{ position:relative; overflow:auto; left: 50%; margin-left: -448px; width:896px; height:360px; top:105px; padding:0px; } / DO NOT TOUCH!! / div div{ width:auto; height:auto; overflow:hidden; margin-left:0; left:0; top:0px; } table table table table .meta {visibility:hidden;position:absolute;top:1px} table table table table table .meta {visibility:visible;position:relative;top:1px} table table .index {background-color: transparent; line-height: 10pt; font-size: 7pt; font-family: georgia, serif; font-weight: bold; color: #040404; text-align: center; text-transform: uppercase; padding: 0px; width: auto; } table table table td.meta {padding: 1px; line-height: 4pt; font-size: 7pt;} .entrybox .meta {background-color: transparent; text-align:center; } tr.caption{display:none } .shadowed td div{ visibility: hidden; position: absolute; top: 1px } /YOUR SIDEBAR/ #sidebar{ position:fixed !important; top: 470px !important; left: 50%; margin-left: -450px; width: 900px !important; height: 225px; background-color: transparent; visibility: visible; z-index:1; font-family: tahoma; font-size: 8pt; color: #444444; line-height: 10pt; } html>body #sidebar{ position:fixed !important; top: 470px !important; left: 50%; margin-left: -450px; width: 900px !important; height: 225px; background-color: transparent; visibility: visible; z-index:1; font-family: tahoma; font-size: 8pt; color: #444444; line-height: 10pt; } #sidebar img{display:inline; } /YOUR SIDEBAR/ #sidebar2{ position:fixed !important; top: 50px !important; left: 0; right: 0; width: 100% !important; height: 100px; visibility: visible; z-index:1; font-family: georgia; font-size: 8pt; letter-spacing: 1px;} html>body #sidebar2{ position:fixed !important; top: 50px !important; left: 0; right: 0; width: 100% !important; height: 100px; visibility: visible; z-index:1; font-family: georgia; font-size: 8pt; letter-spacing: 1px;} #sidebar2 img{display:inline; } #footer{ float: right; text-align:center; width: 150px; background-color: transparent; padding-top: 0px; padding-bottom: 4px; font-family: arial; font-size: 7pt; letter-spacing: 1px;} /YOUR ENTRIES/ table, tr, td, .shadowed { background-color: transparent; font-family: sans-serif; font-size: 8pt; color: #444444; line-height: 10pt;} .content {background-color: transparent;} table { width: 870px; font-family: tahoma; font-size: 8pt; color: #C4B5AA; line-height: 15pt; } table table {width:100% !important; margin:0 !important; background-color: transparent;} table table table {width:auto !important; background-color:transparent;} table td {border:0px solid #444444;} table, table table td {border:none; padding:1px; background-color: transparent;} .shadowed img / icons / {color:#E3DECB; border:none;} .entrybox / entry border / {border:0px solid #3F2FB0; } .entrybox .index / hiding bracket / {color:#F6BF96; } a:link, a:active, a:visited{color: #257C8D; text-decoration:none} a:hover{color:#FFFFFF; background-color:#257C8D} .entrybox a.index font { color: #83786E; } td.caption, .subject { background-color: transparent; font-family: century gothic; text-transform: uppercase; font-size:15px; color: #3C9EB1; line-height:25px; letter-spacing: 0px; text-align: left; font-family: georgia, serif; } p table table td.caption, .head{ line-height:25px; font-size: 16px; letter-spacing: 0px; text-align: left; font-family: century gothic;} .comments { font-size:5pt; font-family:"georgia"; text-transform:uppercase; letter-spacing: 2px; } .entrybox {background-color: #F6F6F6; border-left: 4px solid #6DB08B; visibility: visible;} .entrybox td.index, .index3 {display: none;} .index2 {font-style:normal; } .ljuser img[src="userinfo.gif"] { width: 0; height: 0; background-repeat: no-repeat; background-image: url(http://i.imgur.com/hQMwh.png) !important; padding: 11px 14px 0 0 !important; } .ljuser img[src*="community.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i.imgur.com/kxKRf.png) !important; padding: 11px 14px 0 0 !important; } .caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 10px 10px 0; background: url(http://i.imgur.com/A0wsZ.png); background-repeat: no-repeat; } .caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 10px 10px 0; background: url(http://i.imgur.com/Hc4G4.png); background-repeat: no-repeat; } .button1 {background-color:#8DD0AB;} .button2 {background-color:#A7D2DB;} .button3 {background-color:#459CAD;} .button4 {background-color:#5CBED1;} .navlist a:link, .navlist a:visited, .navlist a:active {font-family: calibri, helvetica, veradana; display: block; padding: 1px 5px; transition: all 0.4s ease-out; -o-transition-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; border-left: 15px solid #3C9EB1; background-color: #1E1E1E; color: #FFFFFF; margin-bottom: 2px;} .navlist a:hover {background-color: #3C9EB1; color: #FFFFFF; padding-left: 20px;} .nav a:link, .nav a:visited, .nav a:active {display: inline-block; background-color: #257C8D; color: #FFFFFF; text-decoration: none; width: 100px; padding-top: 18px; padding-bottom: 18px; margin-bottom: 5px; } .nav a:hover {background-color: #000000; color: #EBEBCF;} .footlink a:link, .footlink a:visited, .footlink a:active {font-family: calibri, helvetica, veradana; display: block; padding: 1px 5px; transition: all 0.4s ease-out; -o-transition-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; border-left: 15px solid #2BEADA; background-color: #1E1E1E; color: #000000; margin-bottom: 2px;} .footlink a:hover {background-color: #2BEADA; color: #000000; padding-left: 20px;} ul { list-style: none; margin: 0; padding: 0px; text-align: center; overflow:hidden;} li { font-size: 90%; display: inline-block; background-color: transparent; color: #FFFFFF; text-decoration: none; width:215px; height: 150px; padding: 5px; float: left;} --> </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"> <br><div id="footer"> <div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a> </div></div> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>8 CALENDAR_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li><li class="button2"><br><img src="http://30.media.tumblr.com/tumblr_ltbu7pbrkw1qmokydo1_500.gif" width="212"> </li><li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li><li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center> </div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #EEE; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #8DD0AB; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=CALENDAR_WEBSITE LASTN_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li><li class="button2"><br><img src="http://30.media.tumblr.com/tumblr_ltbu7pbrkw1qmokydo1_500.gif" width="212"> </li><li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li><li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center> </div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #EEE; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #8DD0AB; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=LASTN_WEBSITE
	IN PINK-BROWN FRIENDS_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li><li class="button2"><img src="http://media.tumblr.com/tumblr_lpva93XC8R1qkajct.gif" width="212"> </li><li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li><li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center> </div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #EEE; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #D08DA0; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=FRIENDS_WEBSITE DAY_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"> <br><div id="footer"> <div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a> </div></div> </td></tr> <=DAY_TALK_LINKS DAY_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li><li class="button2"><img src="http://media.tumblr.com/tumblr_lpva93XC8R1qkajct.gif" width="212"> </li><li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li><li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center> </div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #EEE; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #D08DA0; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=DAY_WEBSITE LASTN_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"> <br><div id="footer"> <div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a> </div></div> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <title>TITLE HERE</title> <style> <!-- body { background-color: #141514; background-image:url(http://i.imgur.com/5V7mu.png); background-repeat: no-repeat; background-position: top center; font-family: tahoma; font-size: 8pt; color: #C4B5AA; line-height: 15pt; margin:0; overflow-x:hidden; } BODY, TD { text-align: justify;} table, tr, xmp, div, td, p { text-align: justify;} .shadowed img{display:none; } /* MAIN JOURNAL / div{ position:relative; overflow:auto; left: 50%; margin-left: -448px; width:896px; height:360px; top:105px; padding:0px; } / DO NOT TOUCH!! / div div{ width:auto; height:auto; overflow:hidden; margin-left:0; left:0; top:0px; } table table table table .meta {visibility:hidden;position:absolute;top:1px} table table table table table .meta {visibility:visible;position:relative;top:1px} table table .index {background-color: transparent; line-height: 10pt; font-size: 7pt; font-family: georgia, serif; font-weight: bold; color: #040404; text-align: center; text-transform: uppercase; padding: 0px; width: auto; } table table table td.meta {padding: 1px; line-height: 4pt; font-size: 7pt;} .entrybox .meta {background-color: transparent; text-align:center; } tr.caption{display:none } .shadowed td div{ visibility: hidden; position: absolute; top: 1px } /YOUR SIDEBAR/ #sidebar{ position:fixed !important; top: 470px !important; left: 50%; margin-left: -450px; width: 900px !important; height: 225px; background-color: transparent; visibility: visible; z-index:1; font-family: tahoma; font-size: 8pt; color: #444444; line-height: 10pt; } html>body #sidebar{ position:fixed !important; top: 470px !important; left: 50%; margin-left: -450px; width: 900px !important; height: 225px; background-color: transparent; visibility: visible; z-index:1; font-family: tahoma; font-size: 8pt; color: #444444; line-height: 10pt; } #sidebar img{display:inline; } /YOUR SIDEBAR/ #sidebar2{ position:fixed !important; top: 50px !important; left: 0; right: 0; width: 100% !important; height: 100px; visibility: visible; z-index:1; font-family: georgia; font-size: 8pt; letter-spacing: 1px;} html>body #sidebar2{ position:fixed !important; top: 50px !important; left: 0; right: 0; width: 100% !important; height: 100px; visibility: visible; z-index:1; font-family: georgia; font-size: 8pt; letter-spacing: 1px;} #sidebar2 img{display:inline; } #footer{ float: right; text-align:center; width: 150px; background-color: transparent; padding-top: 0px; padding-bottom: 4px; font-family: arial; font-size: 7pt; letter-spacing: 1px;} /YOUR ENTRIES/ table, tr, td, .shadowed { background-color: transparent; font-family: sans-serif; font-size: 8pt; color: #444444; line-height: 10pt;} .content {background-color: transparent;} table { width: 870px; font-family: tahoma; font-size: 8pt; color: #C4B5AA; line-height: 15pt; } table table {width:100% !important; margin:0 !important; background-color: transparent;} table table table {width:auto !important; background-color:transparent;} table td {border:0px solid #444444;} table, table table td {border:none; padding:1px; background-color: transparent;} .shadowed img / icons / {color:#E3DECB; border:none;} .entrybox / entry border / {border:0px solid #3F2FB0; } .entrybox .index / hiding bracket / {color:#F6BF96; } a:link, a:active, a:visited{color: #8D5225; text-decoration:none} a:hover{color:#FFFFFF; background-color:#8D5225} .entrybox a.index font { color: #83786E; } td.caption, .subject { background-color: transparent; font-family: century gothic; text-transform: uppercase; font-size:15px; color: #B16E3C; line-height:25px; letter-spacing: 0px; text-align: left; font-family: georgia, serif; } p table table td.caption, .head{ line-height:25px; font-size: 16px; letter-spacing: 0px; text-align: left; font-family: century gothic;} .comments { font-size:5pt; font-family:"georgia"; text-transform:uppercase; letter-spacing: 2px; } .entrybox {background-color: #F6F6F6; border-left: 4px solid #B06D80; visibility: visible;} .entrybox td.index, .index3 {display: none;} .index2 {font-style:normal; } .ljuser img[src="userinfo.gif"] { width: 0; height: 0; background-repeat: no-repeat; background-image: url(http://i.imgur.com/hQMwh.png) !important; padding: 11px 14px 0 0 !important; } .ljuser img[src*="community.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i.imgur.com/kxKRf.png) !important; padding: 11px 14px 0 0 !important; } .caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 10px 10px 0; background: url(http://i.imgur.com/A0wsZ.png); background-repeat: no-repeat; } .caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 10px 10px 0; background: url(http://i.imgur.com/Hc4G4.png); background-repeat: no-repeat; } .button1 {background-color:#D08DA0;} .button2 {background-color:#DBBEA7;} .button3 {background-color:#AD7245;} .button4 {background-color:#D18E5C;} .navlist a:link, .navlist a:visited, .navlist a:active {font-family: calibri, helvetica, veradana; display: block; padding: 1px 5px; transition: all 0.4s ease-out; -o-transition-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; border-left: 15px solid #B16E3C; background-color: #1E1E1E; color: #FFFFFF; margin-bottom: 2px;} .navlist a:hover {background-color: #B16E3C; color: #FFFFFF; padding-left: 20px;} .nav a:link, .nav a:visited, .nav a:active {display: inline-block; background-color: #8D5225; color: #FFFFFF; text-decoration: none; width: 100px; padding-top: 18px; padding-bottom: 18px; margin-bottom: 5px; } .nav a:hover {background-color: #000000; color: #EBEBCF;} .footlink a:link, .footlink a:visited, .footlink a:active {font-family: calibri, helvetica, veradana; display: block; padding: 1px 5px; transition: all 0.4s ease-out; -o-transition-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; border-left: 15px solid #2BEADA; background-color: #1E1E1E; color: #000000; margin-bottom: 2px;} .footlink a:hover {background-color: #2BEADA; color: #000000; padding-left: 20px;} ul { list-style: none; margin: 0; padding: 0px; text-align: center; overflow:hidden;} li { font-size: 90%; display: inline-block; background-color: transparent; color: #FFFFFF; text-decoration: none; width:215px; height: 150px; padding: 5px; float: left;} --> </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"> <br><div id="footer"> <div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a> </div></div> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>8 CALENDAR_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li><li class="button2"><img src="http://media.tumblr.com/tumblr_lpva93XC8R1qkajct.gif" width="212"> </li><li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li><li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center> </div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #EEE; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #D08DA0; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=CALENDAR_WEBSITE LASTN_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li><li class="button2"><img src="http://media.tumblr.com/tumblr_lpva93XC8R1qkajct.gif" width="212"> </li><li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li><li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center> </div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #EEE; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #D08DA0; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=LASTN_WEBSITE
	IN GRAYSCALE & RED FRIENDS_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li> <li class="button2"><img src="http://i55.tinypic.com/2gsftxw.gif" width="212"> </li> <li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li> <li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center></div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #1E1E1E; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #000000; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=FRIENDS_WEBSITE DAY_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"> <br><div id="footer"> <div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a> </div></div> </td></tr> <=DAY_TALK_LINKS DAY_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li> <li class="button2"><img src="http://i55.tinypic.com/2gsftxw.gif" width="212"> </li> <li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li> <li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center></div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #1E1E1E; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #000000; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=DAY_WEBSITE LASTN_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"> <br><div id="footer"> <div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a> </div></div> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <title>TITLE HERE</title> <style> <!-- body { background-color: #EFEFEF; background-image:url(http://i.imgur.com/1KPJv.png); background-repeat: no-repeat; background-position: top center; font-family: tahoma; font-size: 8pt; color: #C4B5AA; line-height: 15pt; margin:0; overflow-x:hidden; } BODY, TD { text-align: justify;} table, tr, xmp, div, td, p { text-align: justify;} .shadowed img{display:none; } /* MAIN JOURNAL / div{ position:relative; overflow:auto; left: 50%; margin-left: -448px; width:896px; height:360px; top:105px; padding:0px; } / DO NOT TOUCH!! / div div{ width:auto; height:auto; overflow:hidden; margin-left:0; left:0; top:0px; } table table table table .meta {visibility:hidden;position:absolute;top:1px} table table table table table .meta {visibility:visible;position:relative;top:1px} table table .index {background-color: transparent; line-height: 10pt; font-size: 7pt; font-family: georgia, serif; font-weight: bold; color: #040404; text-align: center; text-transform: uppercase; padding: 0px; width: auto; } table table table td.meta {padding: 1px; line-height: 4pt; font-size: 7pt;} .entrybox .meta {background-color: transparent; text-align:center; } tr.caption{display:none } .shadowed td div{ visibility: hidden; position: absolute; top: 1px } /YOUR SIDEBAR/ #sidebar{ position:fixed !important; top: 470px !important; left: 50%; margin-left: -450px; width: 900px !important; height: 225px; background-color: transparent; visibility: visible; z-index:1; font-family: tahoma; font-size: 8pt; color: #444444; line-height: 10pt; } html>body #sidebar{ position:fixed !important; top: 470px !important; left: 50%; margin-left: -450px; width: 900px !important; height: 225px; background-color: transparent; visibility: visible; z-index:1; font-family: tahoma; font-size: 8pt; color: #444444; line-height: 10pt; } #sidebar img{display:inline; } /YOUR SIDEBAR/ #sidebar2{ position:fixed !important; top: 50px !important; left: 0; right: 0; width: 100% !important; height: 100px; visibility: visible; z-index:1; font-family: georgia; font-size: 8pt; letter-spacing: 1px;} html>body #sidebar2{ position:fixed !important; top: 50px !important; left: 0; right: 0; width: 100% !important; height: 100px; visibility: visible; z-index:1; font-family: georgia; font-size: 8pt; letter-spacing: 1px;} #sidebar2 img{display:inline; } #footer{ float: right; text-align:center; width: 150px; background-color: transparent; padding-top: 0px; padding-bottom: 4px; font-family: arial; font-size: 7pt; letter-spacing: 1px;} /YOUR ENTRIES/ table, tr, td, .shadowed { background-color: transparent; font-family: sans-serif; font-size: 8pt; color: #444444; line-height: 10pt;} .content {background-color: transparent;} table { width: 870px; font-family: tahoma; font-size: 8pt; color: #C4B5AA; line-height: 15pt; } table table {width:100% !important; margin:0 !important; background-color: transparent;} table table table {width:auto !important; background-color:transparent;} table td {border:0px solid #444444;} table, table table td {border:none; padding:1px; background-color: transparent;} .shadowed img / icons / {color:#E3DECB; border:none;} .entrybox / entry border / {border:0px solid #3F2FB0; } .entrybox .index / hiding bracket / {color:#F6BF96; } a:link, a:active, a:visited{color: #1E1E1E; text-decoration:none} a:hover{color:#FFFFFF; background-color:#1E1E1E} .entrybox a.index font { color: #83786E; } td.caption, .subject { background-color: transparent; font-family: century gothic; text-transform: uppercase; font-size:15px; color: #7F0000; line-height:25px; letter-spacing: 0px; text-align: left; font-family: georgia, serif; } p table table td.caption, .head{ line-height:25px; font-size: 16px; letter-spacing: 0px; text-align: left; font-family: century gothic;} .comments { font-size:5pt; font-family:"georgia"; text-transform:uppercase; letter-spacing: 2px; } .entrybox {background-color: #FFFFFF; border-left: 4px solid #1E1E1E; visibility: visible;} .entrybox td.index, .index3 {display: none;} .index2 {font-style:normal; } .ljuser img[src="userinfo.gif"] { width: 0; height: 0; background-repeat: no-repeat; background-image: url(http://i.imgur.com/hQMwh.png) !important; padding: 11px 14px 0 0 !important; } .ljuser img[src*="community.gif"] { width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i.imgur.com/kxKRf.png) !important; padding: 11px 14px 0 0 !important; } .caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 10px 10px 0; background: url(http://i.imgur.com/A0wsZ.png); background-repeat: no-repeat; } .caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 10px 10px 0; background: url(http://i.imgur.com/Hc4G4.png); background-repeat: no-repeat; } .button1 {background-color:#000000;} .button2 {background-color:#000000;} .button3 {background-color:#000000;} .button4 {background-color:#000000;} .navlist a:link, .navlist a:visited, .navlist a:active {font-family: calibri, helvetica, veradana; display: block; padding: 1px 5px; transition: all 0.4s ease-out; -o-transition-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; border-left: 15px solid #7F0000; background-color: #1E1E1E; color: #FFFFFF; margin-bottom: 2px;} .navlist a:hover {background-color: #7F0000; color: #FFFFFF; padding-left: 20px;} .nav a:link, .nav a:visited, .nav a:active {display: inline-block; background-color: #1E1E1E; color: #FFFFFF; text-decoration: none; width: 100px; padding-top: 18px; padding-bottom: 18px; margin-bottom: 5px; } .nav a:hover {background-color: #000000; color: #EBEBCF;} .footlink a:link, .footlink a:visited, .footlink a:active {font-family: calibri, helvetica, veradana; display: block; padding: 1px 5px; transition: all 0.4s ease-out; -o-transition-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; border-left: 15px solid #2BEADA; background-color: #1E1E1E; color: #000000; margin-bottom: 2px;} .footlink a:hover {background-color: #2BEADA; color: #000000; padding-left: 20px;} ul { list-style: none; margin: 0; padding: 0px; text-align: center; overflow:hidden;} li { font-size: 90%; display: inline-block; background-color: transparent; color: #EFEFEF; text-decoration: none; width:213px; height: 150px; padding: 5px; float: left; border-left: 2px solid #FFFFFF} --> </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"> <br><div id="footer"> <div class="navlist"><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> <a href="%%urlpost%%">leave a comment</a> </div></div> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>8 CALENDAR_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li> <li class="button2"><img src="http://i55.tinypic.com/2gsftxw.gif" width="212"> </li> <li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li> <li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center></div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #1E1E1E; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #000000; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=CALENDAR_WEBSITE LASTN_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"> <center> <ul><li class="button1">ABOUT<br><br><font face="verdana"> This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like. This is where you can put some kind of blurb or some lyrics or a paragraph of information about yourself or whatever else you like.</font> </li> <li class="button2"><img src="http://i55.tinypic.com/2gsftxw.gif" width="212"> </li> <li class="button3">NAVIGATION<br><br> <span class="nav"> <a href="http://journalname.insanejournal.com/">HOME</a> <a href="http://journalname.insanejournal.com/profile">PROFILE</a> <br> <a href="http://journalname.insanejournal.com/friends">FRIENDS</a> <a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a></span> </li> <li class="button4">LINKS LIST<br><br> <span class="navlist"> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> <a href="your link url">LINK HERE</a> </span></li> </ul></center></div> <div id="sidebar2"><br><center> <font style="font-size: 30px; color: #1E1E1E; padding: 20px 0 0 0; text-transform: uppercase; font-family: century gothic;">Journal Title</font><br> <font style="color: #000000; font-family: courier new; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; line-height: 11pt;">your subtitle here</font></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=LASTN_WEBSITE

(Post a new comment)

	karou 2012-02-13 12:00 pm UTC (link)
	Ooh I like this one a lot! (Reply to this) (Thread)

	chestnutgallery 2012-02-13 05:55 pm UTC (link)
	Thank you bblove!! ♥♥♥ (Reply to this) (Parent)

	ilikethequiet 2012-02-14 11:03 am UTC (link)
	All your layouts are just super stunning all the time always, I love this! (Reply to this) (Thread)

	chestnutgallery 2012-02-16 07:13 pm UTC (link)
	Thank you so much! ♥ (Reply to this) (Parent)

	cursedwithfur 2012-02-17 02:07 am UTC (link)
	Wow, this one is really great! I might use it for this character here. Thank you! (Reply to this) (Thread)

	chestnutgallery 2012-02-19 09:42 pm UTC (link)
	I'm glad you like it! ☺ Enjoy! (Reply to this) (Parent)

	willneverbreak 2012-02-19 06:44 pm UTC (link)
	I. LOVE. THIS. LAYOUT. (Reply to this) (Thread)

	chestnutgallery 2012-02-21 07:30 pm UTC (link)
	Thank you so much bbdoll!! ♥ (Reply to this) (Parent)

	alexandra_k 2012-02-21 03:08 pm UTC (link)
	I love this but in Chrome there seems to be a disconnect between entry 1 and 2. Looks great in Firefox <3 (Reply to this) (Thread)

	chestnutgallery 2012-02-21 07:29 pm UTC (link)
	I'm also running Chrome (although I don't have Firefox), but I'm not sure what you mean by disconnect? (Reply to this) (Parent)

	addict_icons 2012-05-08 03:28 am UTC (link)
	<3 it! Using it on this Journal. It's a work in progress, but it already looks amazing thanks to your layout! :) Credit is given under links. (Reply to this)