InsaneJournal

Tweak says, "Let's do the time warp again!"

welcome to the chestnut gallery -- (

chestnutgallery) wrote,
@ 2012-08-31 16:23:00

generator layout: tossing shadows

Live Preview:

tossingshadows

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<div id="sidebar">
<span class="sidetitle"><center>YOUR JOURNAL TITLE GOES HERE</center></span>
</div>

<div> </div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<div id="footer"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%% NOTES</a> |</font> <a href="%%urlpost%%"> <font color="#FFFFFF">SEND ONE</font> </a></font></div>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<div id="sidebar">
<span class="sidetitle"><center>YOUR JOURNAL TITLE GOES HERE</center></span>
</div>

<div> </div>
<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<div id="footer"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%% NOTES</a> |</font> <a href="%%urlpost%%"> <font color="#FFFFFF">SEND ONE</font> </a></font></div>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>JOURNAL TITLE</title>
<style>
<!--
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(http://fonts.googleapis.com/css?family=Nixie+One|Tulpen+One|Stint+Ultra+Expanded|Share|Raleway:100|Marvel);

body {
background-color: #EFEFEF;
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA;
line-height: 15pt;
margin:0; overflow-x:hidden; }

.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: 4pt;
text-transform: uppercase;
letter-spacing: 0px;
}

table table .index
{line-height: 4pt;
font-size: 5pt;
font-family: arial;
color: black;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}

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

.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;
_position:absolute;
background:#000;
top: 0px !important;
left: 0px !important;
width: 330px !important;
height:100%;
visibility: visible;
z-index:-1;
font-family: times new roman;
font-size: 6pt;
color: #FFFFFF;
letter-spacing: 1px;
line-height: 9pt; }

html>body #sidebar{
position:fixed;
_position:absolute;
background:#000;
top: 0px !important;
left: 0px !important;
width: 330px !important;
height:100%;
visibility: visible;
z-index:-1;
font-family: times new roman;
font-size: 6pt;
color: #FFFFFF;
letter-spacing: 1px;
line-height: 9pt; }

#sidebar img{display:inline; }

/*YOUR SIDEBAR*/
#sidebar2{
position:fixed;
_position:absolute;
background:transparent;
top: 100% !important;
margin-top: -410px;
left: 350px !important;
width: 110px !important;
height:auto;
visibility: visible;
z-index:1;
font-family: times new roman;
font-size: 6pt;
color: #FFFFFF;
letter-spacing: 1px;
line-height: 9pt; }

html>body #sidebar2{
position:fixed;
_position:absolute;
background:transparent;
top: 100% !important;
margin-top: -410px;
left: 350px !important;
width: 110px !important;
height:auto;
visibility: visible;
z-index:1;
font-family: times new roman;
font-size: 6pt;
color: #FFFFFF;
letter-spacing: 1px;
line-height: 9pt; }

#sidebar2 img{display:inline; }

#footer{
text-align:center;
width:20%;
float:right;
padding: 4px;
font-size: 7pt;
line-height: 10px;
font-family: 'Open Sans Condensed', sans-serif;
letter-spacing: 2px; 
background-color: #000000;
color: #FFFFFF;}

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background-color: transparent;  
color:#1E1E1E;
font-family: arial;
font-size:11px;
line-height: 10pt;}

body {margin-top:-20px !important; margin-top:-20px; }

.content {background-color: transparent; }

table { 
width: 640px; 
margin-left: 530px !important;
margin-right:100%;
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;}
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 td{
text-align: justify;
}
.entrybox .index 
/* hiding bracket */
{color:#FFF; }

a:link, a:active, a:visited{color: #78000F; text-decoration:none}
a:hover{color:#000}

u { color: #111111}
i, s { color: #888888}

blockquote { padding:15px; border: 1px solid #eeeeee; background-color:  #f7f7f7; color:#444444;margin:10px}

img:hover {filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
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;}

td.caption, .subject { 
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
color: #000000;
font-size: 14pt; 
letter-spacing: -1px;
border-bottom:0px solid #EEEEEE;
padding-bottom: 5px;
line-height:100%;}

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

.entrybox	
{background-color: #FFFFFF;
 padding:4px;
 visibility: visible;}

.entrybox table{background:#FFFFFF;}

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

.entrybox td.index2{
text-align:center;
}

.entrybox td.caption{
text-align:center;
}

.index2 {font-style:normal; text-align:center;}

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

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

.caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 4px 16px 10px 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: 'Open Sans Condensed', sans-serif; display: block; width:100px;text-align:center;padding-top:40px;padding-bottom:40px;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; background-color: #000000; color: #FFFFFF; margin-bottom: 2px;}
.navlist a:hover {background:#FFF;color:#000}
.navlist img {display:block;margin-bottom: 2px;}

.foot a:link, .foot a:visited, .foot a:active {background-color:#000000; padding: 4px; 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: #9C6F9C; color: #FFFFFF;}

.sidetitle {font-family: 'Raleway', cursive; 
text-transform:uppercase;
letter-spacing:1;
font-size:14pt;
color: #FFF;
display:block;
width:410px;
height:auto;
margin-top:300px;
margin-left:100px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

::-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:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#000000;-webkit-border-radius:px;}
::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#000000;-webkit-border-radius:px;}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<div id="footer"><a href="%%urlread%%"><font color="#FFFFFF">%%messagecount%% NOTES</a> |</font> <a href="%%urlpost%%"> <font color="#FFFFFF">SEND ONE</font> </a></font></div>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>8

CALENDAR_WEBSITE<=

<div id="sidebar">
<span class="sidetitle"><center>YOUR JOURNAL TITLE GOES HERE</center></span>
</div>

<div> </div>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<div id="sidebar">
<span class="sidetitle"><center>YOUR JOURNAL TITLE GOES HERE</center></span>
</div>

<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" to the name of your journal
5. Replace the journal title with your own
6. Replace the icon with your own
7. Save

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

(Read comments)

InsaneJournal

Post a comment in response: