InsaneJournal

Tweak says, "Not the gumdrop buttons!!"

welcome to the chestnut gallery -- (

chestnutgallery) wrote,
@ 2012-08-31 03:06:00

generator layout: memochrome

Live Preview:

memochrome

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<div id="sidebar2">
<img src="http://i.imgur.com/QDPQh.png">
</div>

<div id="sidebar3"><center>
<font style="font-family: 'Kristi';font-size:36px;">journal</font>
<br><br>

<span class="navlist">
<a href="http://journalname.insanejournal.com/">LE PLUS NOUVEAU</a>
<a href="http://journalname.insanejournal.com/profile">AU SUJET DE MOI</a>
<a href="http://journalname.insanejournal.com/friends">PAGE D'AMIS</a>
<a href="http://journalname.insanejournal.com/calendar">MON HISTORIE</a>
<a href="http://chestnutgallery.insanejournal.com/">© CHESTNUT GALLERY</a>
</span>
</div>

<div> </div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><div id="footer">
<div class="foot"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%%</font></a> <a href="%%urlpost%%"><font color="#FFFFFF"> + </font></a></div>
</div><br><br>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<div id="sidebar2">
<img src="http://i.imgur.com/QDPQh.png">
</div>

<div id="sidebar3"><center>
<font style="font-family: 'Kristi';font-size:36px;">journal</font>
<br><br>

<div> </div>
<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><div id="footer">
<div class="foot"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%%</font></a> <a href="%%urlpost%%"><font color="#FFFFFF"> + </font></a></div>
</div><br><br>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>journal</title>
<style>
<!--
@import url(http://fonts.googleapis.com/css?family=Kristi);

body {
background-color: #F9F9F9;
background-image: url(http://static.tumblr.com/38tkyuw/asYlr4vtu/bg3.png);
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA;
margin:0; }

/* MAIN JOURNAL */
div{
position:relative;
width:720px;
left:40px;
height:460px;
top:15px;
padding:0px;
}

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

.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}

table table .index
{background-color: transparent;
 font-size: 9pt;
 line-height: 4pt;
 font-family: georgia, serif;
 color: #F9F9F9;
 text-align: center;
 padding: 0px;
 width: auto;
}

.meta{
text-align: center;
}

table table table td.meta
{padding: 0px;
 font-size: 7pt;}

.entrybox .meta
{background-color: transparent;
 padding: 0px;
text-align:center;
font-family: tahoma;
font-size: 8pt;
}

tr.caption{display:none }

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

#sidebar{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 120px !important;
left: 898px !important;
visibility: visible;
z-index:2;
background: #FFF;
text-align: center;
height: auto;
width:130px;
padding: 8px;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;
-moz-border-top-right-radius: 70px;
-webkit-border-top-right-radius: 70px;
border-top-right-radius: 70px;
-moz-border-bottom-right-radius: 70px;
-webkit-border-bottom-right-radius: 70px;
border-bottom-right-radius: 70px;
-moz-border-top-left-radius: 70px;
-webkit-border-top-left-radius: 70px;
border-top-left-radius: 70px;
box-shadow: 2px 3px 10px 0px #777777;}

html>body #sidebar{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 120px !important;
left: 898px !important;
visibility: visible;
z-index:2;
background: #FFF;
text-align: center;
height:auto;
width:130px;
padding: 8px;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;
-moz-border-top-right-radius: 70px;
-webkit-border-top-right-radius: 70px;
border-top-right-radius: 70px;
-moz-border-bottom-right-radius: 70px;
-webkit-border-bottom-right-radius: 70px;
border-bottom-right-radius: 70px;
-moz-border-top-left-radius: 70px;
-webkit-border-top-left-radius: 70px;
border-top-left-radius: 70px;
box-shadow: 2px 3px 10px 0px #777777;}

#sidebar img{display:inline; 
    width: 130px;
    height: 130px;
    opacity: 0.6;
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    transition: all 0.6s linear;
    -moz-border-radius: 65px;
    -webkit-border-radius: 65px;
    border-radius: 65px;}

#sidebar:hover img{display:inline; 
opacity: 0.9;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;}

#sidebar:hover {-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;}

/*YOUR SIDEBAR*/
#sidebar2{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 235px !important;
left: 730px !important;
visibility: visible;
z-index:-1;
text-align: center;
height: auto;
width:auto;
padding: 8px; }

html>body #sidebar2{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 235px !important;
left: 730px !important;
visibility: visible;
z-index:-1;
text-align: center;
height: auto;
width:auto;
padding: 8px; }

#sidebar2 img{display:inline; }

/*YOUR SIDEBAR*/
#sidebar3{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 300px !important;
left: 918px !important;
visibility: visible;
z-index:2;
text-align: center;
height: auto;
width:auto;;
padding: 8px; }

html>body #sidebar3{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 300px !important;
left: 918px !important;
visibility: visible;
z-index:2;
text-align: center;
height: auto;
width:auto;
padding: 8px; }

#sidebar3 img{display:inline; }

#footer{
float:right;
text-align:center;
padding: 4px;
font-size: 8pt;
font-family: century gothic;
letter-spacing: 2px; 
line-height: 20px;
color: #FFFFFF;}

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background-color: transparent;  
font-family: times new roman;
font-size: 12px;
line-height: 110%;
color: black;
letter-spacing: 0px; }

.content {background-color: #000000; }

table.entrybox { 
width: 352px;
margin-top: 6px;
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA; 
float: left;
display: inline;}

table {float: right; text-align: center;} 
table table {width:100% !important; float: left; 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:0px; background-color: transparent;}

.shadowed img
/* icons */
{color:#E3DECB; border:none;}
.entrybox .index 
/* hiding bracket */
{color:#F6BF96; }

a:link, a:active, a:visited{color: #B73735; text-decoration:none}
a:hover{color:#000000;}

b, u { color: #444444;}
i, s { color: #999999;}

blockquote { padding:15px;  border: 1px solid #eeeeee;  background: transparent url(http://i.imgur.com/AdO58.png) repeat scroll 0 0; color: #777777; }

td.caption, .subject { 
background-color: transparent;
font-family: times new roman;
text-transform: uppercase;
height:30px;
width: 482px;
font-size:25px;
color: #000000;
border-bottom: 1px solid #c0c0c0;
line-height:40%; 
letter-spacing: 0px;
text-align: center;
font-family: georgia, serif;  }

p table table td.caption, .head{ 
font-size: 20px; 
letter-spacing: 0px;
text-align: center;
font-family: times new roman; }

.entrybox	
{background-color: transparent;
 visibility: visible;
border:1px dotted #c0c0c0;
margin-left:4px;}

.entrybox table{background:#FFF;}

/*Entry Padding*/
.entrybox table td
{padding: 2px;
text-align:justify;}

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

.entrybox a.index font {
color: #000000;
font-family: sans-serif;
font-size:5px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}

.entrybox a.index img{
width: 80px;
height: 80px;
}

.entrybox img{
max-width: 300px;
}

.foot a:link, .foot a:visited, .foot a:active {background-color:#000000; padding-top: 6px; padding-bottom: 6px; padding-left:10px; padding-right:10px; transition: all 0.6s ease-out; -o-transition-transition:  all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
.foot a:hover {background-color: #B73735; color: #FFFFFF;}

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

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

.caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 10px 16px 4px 0;
background: url(http://i.imgur.com/OGgTS.png);
background-repeat: no-repeat;
}
.caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 4px 16px 10px 0;
background: url(http://i.imgur.com/yAFZh.png);
background-repeat: no-repeat;
}

.navlist a:link, .navlist a:visited, .navlist a:active {font-family: courier new; font-size:6pt; letter-spacing:2px; display: block; width:140px; border-bottom:1px dotted #000000; 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; color: #000000;}
.navlist a:hover {color:#B73735}

.title {color:#000000;font-family:georgia;text-transform: uppercase; font-size: 18pt; letter-spacing: 1px;border-bottom:1px dotted #000;}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2"><div id="footer">
<div class="foot"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%%</font></a> <a href="%%urlpost%%"><font color="#FFFFFF"> + </font></a></div>
</div><br><br>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>8

CALENDAR_WEBSITE<=

<div id="sidebar2">
<img src="http://i.imgur.com/QDPQh.png">
</div>

<div id="sidebar3"><center>
<font style="font-family: 'Kristi';font-size:36px;">journal</font>
<br><br>

<div> </div>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<div id="sidebar2">
<img src="http://i.imgur.com/QDPQh.png">
</div>

<div id="sidebar3"><center>
<font style="font-family: 'Kristi';font-size:36px;">journal</font>
<br><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. Go to the Custom Options tag and copy & paste the code into the overrides box
4. In the code change "journalname" and "journal" to the name of your journal
5. Replace the gif with your own gif or image (there is a set width so any size gif or image will automatically resize to fit)
6. Save

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

BOY

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<div id="sidebar2">
<img src="http://i.imgur.com/87U8A.png">
</div>

<div id="sidebar3"><center>
<font style="font-family: 'Kristi';font-size:36px;">journal</font>
<br><br>

<div> </div>
<=FRIENDS_WEBSITE

DAY_WEBSITE<=

<div id="sidebar2">
<img src="http://i.imgur.com/87U8A.png">
</div>

<div id="sidebar3"><center>
<font style="font-family: 'Kristi';font-size:36px;">journal</font>
<br><br>

<div> </div>
<=DAY_WEBSITE

GLOBAL_HEAD<=
<title>Journal Title</title>
<style>
<!--
@import url(http://fonts.googleapis.com/css?family=Kristi);

body {
background-color: #F9F9F9;
background-image: url(http://static.tumblr.com/38tkyuw/asYlr4vtu/bg3.png);
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA;
margin:0; }

/* MAIN JOURNAL */
div{
position:relative;
width:720px;
left:40px;
height:460px;
top:15px;
padding:0px;
}

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

.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}

table table .index
{background-color: transparent;
 font-size: 9pt;
 line-height: 4pt;
 font-family: georgia, serif;
 color: #F9F9F9;
 text-align: center;
 padding: 0px;
 width: auto;
}

.meta{
text-align: center;
}

table table table td.meta
{padding: 0px;
 font-size: 7pt;}

.entrybox .meta
{background-color: transparent;
 padding: 0px;
text-align:center;
font-family: tahoma;
font-size: 8pt;
}

tr.caption{display:none }

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

#sidebar{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 120px !important;
left: 928px !important;
visibility: visible;
z-index:2;
background: #FFF;
text-align: center;
height: auto;
width:130px;
padding: 8px;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;
-moz-border-top-right-radius: 70px;
-webkit-border-top-right-radius: 70px;
border-top-right-radius: 70px;
-moz-border-bottom-right-radius: 70px;
-webkit-border-bottom-right-radius: 70px;
border-bottom-right-radius: 70px;
-moz-border-top-right-radius: 70px;
-webkit-border-top-right-radius: 70px;
border-top-right-radius: 70px;
box-shadow: 2px 3px 10px 0px #777777;}

html>body #sidebar{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 120px !important;
left: 928px !important;
visibility: visible;
z-index:2;
background: #FFF;
text-align: center;
height:auto;
width:130px;
padding: 8px;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;
-moz-border-top-right-radius: 70px;
-webkit-border-top-right-radius: 70px;
border-top-right-radius: 70px;
-moz-border-bottom-right-radius: 70px;
-webkit-border-bottom-right-radius: 70px;
border-bottom-right-radius: 70px;
-moz-border-top-left-radius: 70px;
-webkit-border-top-left-radius: 70px;
border-top-left-radius: 70px;
box-shadow: 2px 3px 10px 0px #777777;}

#sidebar:hover {-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;}

/*YOUR SIDEBAR*/
#sidebar2{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 235px !important;
left: 740px !important;
visibility: visible;
z-index:-1;
text-align: center;
height: auto;
width:auto;
padding: 8px; }

html>body #sidebar2{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 235px !important;
left: 740px !important;
visibility: visible;
z-index:-1;
text-align: center;
height: auto;
width:auto;
padding: 8px; }

#sidebar2 img{display:inline; }

/*YOUR SIDEBAR*/
#sidebar3{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 520px !important;
left: 968px !important;
visibility: visible;
z-index:2;
text-align: center;
height: auto;
width:auto;;
padding: 8px; }

html>body #sidebar3{
position:fixed !important;
_position:absolute;
background-color:transparent;
top: 520px !important;
left: 968px !important;
visibility: visible;
z-index:2;
text-align: center;
height: auto;
width:auto;
padding: 8px; }

#sidebar3 img{display:inline; }

#footer{
float:right;
text-align:center;
padding: 4px;
font-size: 8pt;
font-family: century gothic;
letter-spacing: 2px; 
line-height: 20px;
color: #FFFFFF;}

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background-color: transparent;  
font-family: times new roman;
font-size: 12px;
line-height: 110%;
color: black;
letter-spacing: 0px; }

.content {background-color: #000000; }

table.entrybox { 
width: 352px;
margin-top: 6px;
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA; 
float: left;
display: inline;}

.shadowed img
/* icons */
{color:#E3DECB; border:none;}
.entrybox .index 
/* hiding bracket */
{color:#F6BF96; }

a:link, a:active, a:visited{color: #B73735; text-decoration:none}
a:hover{color:#000000;}

b, u { color: #444444;}
i, s { color: #999999;}

blockquote { padding:15px;  border: 1px solid #eeeeee;  background: transparent url(http://i.imgur.com/AdO58.png) repeat scroll 0 0; color: #777777; }

p table table td.caption, .head{ 
font-size: 20px; 
letter-spacing: 0px;
text-align: center;
font-family: times new roman; }

.entrybox	
{background-color: transparent;
 visibility: visible;
border:1px dotted #c0c0c0;
margin-left:4px;}

.entrybox table{background:#FFF;}

/*Entry Padding*/
.entrybox table td
{padding: 2px;
text-align:justify;}

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

.entrybox a.index font {
color: #000000;
font-family: sans-serif;
font-size:5px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}

.entrybox a.index img{
width: 80px;
height: 80px;
}

.entrybox img{
max-width: 300px;
}

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

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

.title {color:#000000;font-family:georgia;text-transform: uppercase; font-size: 18pt; letter-spacing: 1px;border-bottom:1px dotted #000;}
-->
</style>
<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>8

CALENDAR_WEBSITE<=

<div id="sidebar2">
<img src="http://i.imgur.com/87U8A.png">
</div>

<div id="sidebar3"><center>
<font style="font-family: 'Kristi';font-size:36px;">journal</font>
<br><br>

<div> </div>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<div id="sidebar2">
<img src="http://i.imgur.com/87U8A.png">
</div>

<div id="sidebar3"><center>
<font style="font-family: 'Kristi';font-size:36px;">journal</font>
<br><br>

<div> </div>
<=LASTN_WEBSITE

(Read comments)

InsaneJournal

Post a comment in response: