InsaneJournal

Tweak says, "Hoopla, Denton!"

welcome to the chestnut gallery -- (

chestnutgallery) wrote,
@ 2012-08-30 09:29:00

generator layout: fine chocolate
So here's the custom journal layout for the winner of the 50th Journal Custom Raffle,

closertofine!

Live Preview:

finechocolate |

finerchocolate

FRIENDS_WEBSITE<=
<div id="navheader"><span class="topside"><center>
<img src="http://www.insanejournal.com/userpic/16931769/421526" width="70px" style="border:8px solid #433837"></center></span>

<span class="topbar"><span class="title">THE CLOSER I AM TO FINE</span><br>

<span class="blurb">
I went to the doctor, I went to the mountains <br>
I looked to the children, I drank from the fountain <br>
There's more than one answer to these questions <br>
Pointing me in crooked line <br>
{ <I>closer to fine</I>, <B>indigo girls</B> }
</span>

<div></div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><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="navheader"><span class="topside"><center>
<img src="http://www.insanejournal.com/userpic/16931769/421526" width="70px" style="border:8px solid #433837"></center></span>

<span class="topbar"><span class="title">THE CLOSER I AM TO FINE</span><br>

<div></div>
<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><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>JOURNAL TITLE</title>
<style type="text/css">
/*made by ~chestnutgallery with base code by carriep63@freelayouts*/

<!--
.shadowed img {
display:none;}

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

.meta {
font-size: 5pt;
text-transform: uppercase;
letter-spacing: 1px;
font-family: arial;
}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
.comments{
padding-bottom:10px;
font-size:5pt;
font-family:"georgia";
text-transform:uppercase;
letter-spacing: 2px;
}

#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;}

p{
padding:0;
margin:0;
}

body{
background:#E0DCB9;
background-image:url(http://i.imgur.com/r9kKr.jpg);
background-attachment:fixed; 
margin-top:160px;
}

table { 
width: 790px; 
background:transparent;}

table table { 
width: 675px;
margin:0px;
}

table table table { 
width: auto; 
}

b, u { color: #AE6E62;}
i, s { color: #DBBBA4;}

blockquote { background: url('http://i.imgur.com/1wOSF.png')  no-repeat; background-position: top left; padding:5px;  border: 1px #ececec solid;  color:#828282; }
blockquote:hover {color:#666666; border-color: #aaaaaa;}

body, td, font, div, p { 
color: #433837;}

table table .index
{background-color: transparent;
 line-height: 90%;
 font-size: 6pt;
 font-family: calibri, helvetica, veradana;
 color: #433837;
 letter-spacing:2px;
 text-align: center;
 padding: 0px;
 width: auto;
 text-transform:uppercase;
}

.entrybox	
{background-color:transparent;
 visibility: visible;
background:#FFFCF8 url(http://i.imgur.com/MPiyM.png) repeat-y left;
margin-bottom:4px;
padding-left:100px;
}

.entrybox table{
padding-right:8px;
float:right;
margin-left: 10px;}

.entrybox td{
color: #433837;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 11px;
letter-spacing: 0px;}

.entrybox td.index, .entrybox td.comments{
text-align: right;}

.entrybox td.index, .index3{
display: none;}

a {
color:#DBBBA4;
font-weight:bold;
text-decoration:none;
}
 
a:hover {
color:#F0DACC;
background-color:#433837;
text-decoration:none;
}

table.entrybox td.caption{
color: #DBBBA4;
font-family: Georgia, Times New Roman, Times, serif;
letter-spacing: -2px;
font-size: 22pt;
text-transform: lowercase;}

.ljuser img[src*="userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://i.imgur.com/2nsE7.png) !important;
padding: 16px 18px 0 0 !important;
}

.ljuser img[src*="community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://i.imgur.com/2uEuI.png) !important;
padding: 15px 17px 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;
}

#navheader{
position:absolute;
background:#433837;
top:20px;
left:50%;
height:150px;
overflow:hidden;
margin-left:-395px;
width:790px;
visibility:visible;
z-index: 1;
}

#navheader img {
display: inline;
visibility: visible;
}

.topbar{display:block;text-align:justify;width:630px;background:transparent;height:130px;padding-left:130px;padding-top:20px;color: #FCF9ED;font-family: calibri;font-size: 8px;letter-spacing: 1px;text-transform: uppercase;}

.navlist a:link, .navlist a:visited, .navlist a:active {font-weight:normal;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 #433837; background-color: #DBBBA4; color: #433837; margin-bottom: 2px;}
.navlist a:hover {background-color: #433837; color: #FFFFFF; padding-left: 20px;}

.title {font-size: 26px;
font-family: garamond, georgia, times new roman, serif;
font-style: italic;
color: #F0DACC;
margin-top: 5px;
margin-left: 20px;
text-transform: lowercase;
text-shadow: -2px -2px 1px #594D4C;}

.topside {display:block;height:150px;width:110px;background:url(http://i.imgur.com/MPiyM.png);float:left;padding-top:20px}
.navigation {display:inline-block;margin-top:6px;float:right;}
.blurb {display:block;height:65px;overflow:hidden}

.anchor1 { 
display:inline-block;
width : 22px; 
height : 22px; 
margin-left:3px;
background-image : url(http://i.imgur.com/bUdqi.png); }

.anchor1:hover { 
background-image : url(http://i.imgur.com/DmM6G.png); }

.anchor2 { 
display:inline-block;
width : 24px; 
height : 21px; 
margin-left:3px;
background-image : url(http://i.imgur.com/xze8a.png); }

.anchor2:hover { 
background-image : url(http://i.imgur.com/zoIPJ.png); }

.anchor3 { 
display:inline-block;
width: 32px; 
height: 21px; 
margin-left:3px;
background-image : url(http://i.imgur.com/c8oxR.png); }

.anchor3:hover { 
background-image : url(http://i.imgur.com/kGyzY.png); }

.anchor4 { 
display:inline-block;
width : 23px; 
height : 25px; 
margin-left:3px;
background-image : url(http://i.imgur.com/SzPSY.png); 
}

.anchor4:hover { 
background-image : url(http://i.imgur.com/dM6rn.png); 
}

::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
::-webkit-scrollbar-track-piece{background-color:#FFFCF8;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#433837;-webkit-border-radius:px;}
::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#433837;-webkit-border-radius:px;}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><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="navheader"><span class="topside"><center>
<img src="http://www.insanejournal.com/userpic/16931769/421526" width="70px" style="border:8px solid #433837"></center></span>

<span class="topbar"><span class="title">THE CLOSER I AM TO FINE</span><br>

<div></div>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=
<div id="navheader"><span class="topside"><center>
<img src="http://www.insanejournal.com/userpic/16931769/421526" width="70px" style="border:8px solid #433837"></center></span>

<span class="topbar"><span class="title">THE CLOSER I AM TO FINE</span><br>

<div></div>
<=LASTN_WEBSITE

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. In the Theme section under the Look and Feel tag select custom colors. Leave ALL FIELDS BLANK. Your Custom Colors fields should look like this.
4. Go to the Custom Options tag and copy & paste the code into the overrides box
5. In the code change "journalname" to the name of your journal
6. Replace the icon and lyrics with your own
7. Save

Notes
• For this layout to work you MUST HAVE a web page in your userinfo.
• The blurb/quote section cannot be longer than five lines.

TOP NAVIGATION

FRIENDS_WEBSITE<=
<div id="navtabs"><span class="navtablist">
<a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a>
<a href="http://journalname.insanejournal.com/friends">FRIENDS</a>
<a href="http://journalname.insanejournal.com/profile">PROFILE</a>
<a href="http://journalname.insanejournal.com/">RECENT</a>
</span></div>

<span class="topbar"><span class="title">THE CLOSER I AM TO FINE</span><br>

<span class="navigation">
<a href="">link goes here</a>
<a href="">& another here</a>
<a href="">more links</a>
</span>
</span></div>

<div></div>
<=FRIENDS_WEBSITE

DAY_WEBSITE<=
<div id="navtabs"><span class="navtablist">
<a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a>
<a href="http://journalname.insanejournal.com/friends">FRIENDS</a>
<a href="http://journalname.insanejournal.com/profile">PROFILE</a>
<a href="http://journalname.insanejournal.com/">RECENT</a>
</span></div>

<span class="topbar"><span class="title">THE CLOSER I AM TO FINE</span><br>

<span class="navigation">
<a href="">link goes here</a>
<a href="">& another here</a>
<a href="">more links</a>
</span>
</span></div>

<div></div>
<=DAY_WEBSITE

GLOBAL_HEAD<=
<title>JOURNAL TITLE</title>
<style type="text/css">
/*made by ~chestnutgallery with base code by carriep63@freelayouts*/

<!--
.shadowed img {
display:none;}

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

.meta {
font-size: 5pt;
text-transform: uppercase;
letter-spacing: 1px;
font-family: arial;
}

#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;}

p{
padding:0;
margin:0;
}

body{
background:#E0DCB9;
background-image:url(http://i.imgur.com/r9kKr.jpg);
background-attachment:fixed; 
margin-top:180px;
}

table { 
width: 790px; 
background:transparent;}

table table { 
width: 675px;
margin:0px;
}

table table table { 
width: auto; 
}

b, u { color: #AE6E62;}
i, s { color: #DBBBA4;}

body, td, font, div, p { 
color: #433837;}

.entrybox	
{background-color:transparent;
 visibility: visible;
background:#FFFCF8 url(http://i.imgur.com/MPiyM.png) repeat-y left;
margin-bottom:4px;
padding-left:100px;
}

.entrybox table{
padding-right:8px;
float:right;
margin-left: 10px;}

.entrybox td{
color: #433837;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 11px;
letter-spacing: 0px;}

.entrybox td.index, .entrybox td.comments{
text-align: right;}

.entrybox td.index, .index3{
display: none;}

a {
color:#DBBBA4;
font-weight:bold;
text-decoration:none;
}
 
a:hover {
color:#F0DACC;
background-color:#433837;
text-decoration:none;
}

table.entrybox td.caption{
color: #DBBBA4;
font-family: Georgia, Times New Roman, Times, serif;
letter-spacing: -2px;
font-size: 22pt;
text-transform: lowercase;}

.ljuser img[src*="userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://i.imgur.com/2nsE7.png) !important;
padding: 16px 18px 0 0 !important;
}

.ljuser img[src*="community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://i.imgur.com/2uEuI.png) !important;
padding: 15px 17px 0 0 !important;
}

#navtabs{
position:absolute;
top:20px;
left:50%;
margin-left:-395px;
width:790px;
visibility:visible;
z-index: 1;
}

#navheader{
position:absolute;
background:#433837;
top:40px;
left:50%;
height:150px;
overflow:hidden;
margin-left:-395px;
width:790px;
visibility:visible;
z-index: 1;
}

#navheader img {
display: inline;
visibility: visible;
}

.navtablist a:link, .navtablist a:visited, .navtablist a:active {display:inline-block;width:80px;padding:6px;background:#433837;color:#DBBBA4;font-family: calibri;font-size: 8px;letter-spacing: 1px;float:right;text-align:center}
.navtablist a:hover {background:#DBBBA4;color:#433837;margin-top:6px;}

.topside {display:block;height:150px;width:110px;background:url(http://i.imgur.com/MPiyM.png);float:left;padding-top:20px}
.navigation {display:inline-block;margin-top:6px;float:right;text-transform:lowercase;font-style:italic;font-size:8pt}
.blurb {display:block;height:65px;overflow:hidden}

LASTN_OPT_ITEMS=>8

CALENDAR_WEBSITE<=
<div id="navtabs"><span class="navtablist">
<a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a>
<a href="http://journalname.insanejournal.com/friends">FRIENDS</a>
<a href="http://journalname.insanejournal.com/profile">PROFILE</a>
<a href="http://journalname.insanejournal.com/">RECENT</a>
</span></div>

<span class="topbar"><span class="title">THE CLOSER I AM TO FINE</span><br>

<span class="navigation">
<a href="">link goes here</a>
<a href="">& another here</a>
<a href="">more links</a>
</span>
</span></div>

<div></div>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=
<div id="navtabs"><span class="navtablist">
<a href="http://journalname.insanejournal.com/calendar">ARCHIVE</a>
<a href="http://journalname.insanejournal.com/friends">FRIENDS</a>
<a href="http://journalname.insanejournal.com/profile">PROFILE</a>
<a href="http://journalname.insanejournal.com/">RECENT</a>
</span></div>

<span class="topbar"><span class="title">THE CLOSER I AM TO FINE</span><br>

<span class="navigation">
<a href="">link goes here</a>
<a href="">& another here</a>
<a href="">more links</a>
</span>
</span></div>

<div></div>
<=LASTN_WEBSITE

(Read comments)

InsaneJournal

Post a comment in response: