InsaneJournal

Tweak says, "It's for my prince."

welcome to the chestnut gallery -- (

chestnutgallery) wrote,
@ 2012-09-19 19:35:00

generator layout: you give me bubbles

Live Preview:

givemebubbles |

darkbubbles

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<div id="sidebar">
<span class="bubble1"><a href="http://journalname.insanejournal.com/">RECENT</a></span>
<span class="bubble2"><a href="http://journalname.insanejournal.com/profile">INFO</a></span>
<span class="bubble3"><a href="http://journalname.insanejournal.com/friends">SOCIAL</a></span>
<span class="bubble4"><a href="http://journalname.insanejournal.com/calendar">PAST</a></span>
<span class="bubble5"><a href="http://chestnutgallery.insanejournal.com">©</a></span>
</div>

<div> </div>
<=FRIENDS_WEBSITE

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

DAY_WEBSITE<=

<div id="sidebar">
<span class="bubble1"><a href="http://journalname.insanejournal.com/">RECENT</a></span>
<span class="bubble2"><a href="http://journalname.insanejournal.com/profile">INFO</a></span>
<span class="bubble3"><a href="http://journalname.insanejournal.com/friends">SOCIAL</a></span>
<span class="bubble4"><a href="http://journalname.insanejournal.com/calendar">PAST</a></span>
<span class="bubble5"><a href="http://chestnutgallery.insanejournal.com">©</a></span>
</div>

<div> </div>
<=DAY_WEBSITE

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

GLOBAL_HEAD<=
<title>JOURNAL TITLE</title>
<style>
<!--
@import url(http://fonts.googleapis.com/css?family=Yellowtail|Yesteryear);

body {
background-color: #F8F8F8;
background: url('http://i.imgur.com/jR6D1.png') fixed;
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; }

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;
color:#000;
}

.entrybox a.index font {
color: #000;
line-height: 4pt;
font-size: 5pt;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
}

table table .index
{background-color: transparent;
 line-height: 4pt;
 font-size: 5pt;
 text-transform: uppercase;
 letter-spacing: 0px;
 font-family: arial;
 color: #000000;
 text-align: left;
 padding: 0px;
 width: auto;
}

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;
background-color:transparent;
top: 100% !important;
margin-top: -350px;
padding: 24px;
left: 980px !important;
width: auto;
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 #sidebar{
position:fixed;
background-color:transparent;
top: 100% !important;
margin-top: -350px;
padding: 24px;
left: 980px !important;
height: auto;
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;
background-color:transparent;
top: -80px;
left: -80px !important;
width: auto;
height: auto;
visibility: visible;
z-index:1;
overflow: hidden;}

html>body #sidebar2{
position:fixed;
top: -80px;
left: -80px !important;
width: auto;
height: auto;
visibility: visible;
z-index:1;
background-color:transparent; 
overflow: hidden;}

#sidebar2 img{display:inline;
width:400px; 
border-radius: 200px;
-o-border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;}

#sidebar2 img:hover{ -webkit-transform: rotate(-360deg);  
-moz-transform: rotate(-360deg);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
}

#footer{
float: right;
text-align:center;
padding: 4px;
font-size: 7pt;
line-height: 10px;
font-family: courier new;
letter-spacing: 2px; 
color: #FFFFFF;}

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

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

.content {background-color: transparent; }

table { 
width: 580px; 
margin-left: 370px !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 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: #0C96A0; text-decoration:none}
a:hover{color:#000;}

blockquote { padding:15px; border: 1px solid #eeeeee; background-color:  #f7f7f7; color:#444444;margin:10px}
td.caption, .subject { 
font-family: 'Yesteryear', cursive;
text-transform: lowercase;
color: #CCCCCC;
font-size: 18pt; 
letter-spacing: 1px;
padding-bottom: 5px;}

p table table td.caption, .head{ 
line-height:25px; 
font-size: 18pt; 
letter-spacing: 1px;
font-family: 'Yesteryear', cursive; }

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

.entrybox	
{background-color: #FFF;
 visibility: visible;
padding:6px;}

.entrybox table{background:#FFF}

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

.bubble1 a:link, .bubble1 a:visited, .bubble1 a:active {
font-family: 'Open Sans Condensed', sans-serif; 
display: block; 
width:90px;
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: #A8BCBD; 
color: #FFFFFF; 
margin-bottom: 6px; 
border-radius: 45px;
-o-border-radius: 45px;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
opacity:0.8}
.bubble1 a:hover {opacity:1;background:#FFF;color:#000}

.bubble2 a:link, .bubble2 a:visited, .bubble2 a:active {
font-family: 'Open Sans Condensed', sans-serif; 
display: block; 
width:70px;
text-align:center;
padding-top:30px;padding-bottom:30px;
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: #D3A461; 
color: #FFFFFF;
margin-left:50px;
margin-bottom: 0px; 
border-radius: 35px;
-o-border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
opacity:0.8}
.bubble2 a:hover {opacity:1;background:#FFF;color:#000}

.bubble3 a:link, .bubble3 a:visited, .bubble3 a:active {
font-family: 'Open Sans Condensed', sans-serif; 
display: block; 
width:60px;
text-align:center;
padding-top:25px;padding-bottom:25px;
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: #F88D87; 
color: #FFFFFF;
margin-right:30px;
margin-bottom: -12px; 
border-radius: 30px;
-o-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
opacity:0.8}
.bubble3 a:hover {opacity:1;background:#FFF;color:#000}

.bubble4 a:link, .bubble4 a:visited, .bubble4 a:active {
font-family: 'Open Sans Condensed', sans-serif; 
display: block; 
width:50px;
text-align:center;
padding-top:20px;padding-bottom:20px;
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: #D65981; 
color: #FFFFFF;
margin-left:70px;
margin-bottom: 2px; 
border-radius: 25px;
-o-border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
opacity:0.8}
.bubble4 a:hover {opacity:1;background:#FFF;color:#000}

.bubble5 a:link, .bubble5 a:visited, .bubble5 a:active {
font-family: 'Open Sans Condensed', sans-serif; 
font-size:11pt;
display: block; 
width:40px;
text-align:center;
padding-top:15px;padding-bottom:15px;
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: #823772; 
color: #FFFFFF;
margin-left:30px;
margin-bottom: 2px; 
border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
opacity:0.8}
.bubble5 a:hover {opacity:1;background:#FFF;color:#000}

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

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

.foot a:link, .foot a:visited, .foot a:active {background-color:#A8BCBD; color:#FFF; border:1px solid #c0c0c0; 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: #0F0F0F; color: #fff;}

::-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:#A8BCBD;-webkit-border-radius:px;}
::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#A8BCBD;-webkit-border-radius:px;}
-->
</style>
<=GLOBAL_HEAD

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

LASTN_OPT_ITEMS=>8

CALENDAR_WEBSITE<=

<div id="sidebar">
<span class="bubble1"><a href="http://journalname.insanejournal.com/">RECENT</a></span>
<span class="bubble2"><a href="http://journalname.insanejournal.com/profile">INFO</a></span>
<span class="bubble3"><a href="http://journalname.insanejournal.com/friends">SOCIAL</a></span>
<span class="bubble4"><a href="http://journalname.insanejournal.com/calendar">PAST</a></span>
<span class="bubble5"><a href="http://chestnutgallery.insanejournal.com">©</a></span>
</div>

<div> </div>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<div id="sidebar">
<span class="bubble1"><a href="http://journalname.insanejournal.com/">RECENT</a></span>
<span class="bubble2"><a href="http://journalname.insanejournal.com/profile">INFO</a></span>
<span class="bubble3"><a href="http://journalname.insanejournal.com/friends">SOCIAL</a></span>
<span class="bubble4"><a href="http://journalname.insanejournal.com/calendar">PAST</a></span>
<span class="bubble5"><a href="http://chestnutgallery.insanejournal.com">©</a></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 gif with your own gif or image
6. Save

Notes
• For this layout to work you MUST HAVE a web page in your userinfo.
• Your gif must be AT LEAST 400x400 in size.
• If you want your corner gif or image to come out perfectly circular, make sure the picture you use is square shaped. Rectangular images will end up oval shaped.

DARK

FRIENDS_OPT_ITEMS=>25

<div> </div>
<=FRIENDS_WEBSITE

<div> </div>
<=DAY_WEBSITE

GLOBAL_HEAD<=
<title>JOURNAL TITLE</title>
<style>
<!--
@import url(http://fonts.googleapis.com/css?family=Yellowtail|Yesteryear);

body {
background-color: #F8F8F8;
background: url('http://i.imgur.com/mz95F.png') fixed;
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; }

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;
color:#CCCCCC;
}

.entrybox a.index font {
color: #CCC;
line-height: 4pt;
font-size: 5pt;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
}

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

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 }

#sidebar img{display:inline; }

/*YOUR SIDEBAR*/
#sidebar2{
position:fixed;
background-color:transparent;
top: -80px;
left: -80px !important;
width: auto;
height: auto;
visibility: visible;
z-index:1;
overflow: hidden;}

html>body #sidebar2{
position:fixed;
top: -80px;
left: -80px !important;
width: auto;
height: auto;
visibility: visible;
z-index:1;
background-color:transparent; 
overflow: hidden;}

#sidebar2 img{display:inline;
width:400px; 
border-radius: 200px;
-o-border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;}

#sidebar2 img:hover{ -webkit-transform: rotate(-360deg);  
-moz-transform: rotate(-360deg);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
}

#footer{
float: right;
text-align:center;
padding: 4px;
font-size: 7pt;
line-height: 10px;
font-family: courier new;
letter-spacing: 2px; 
color: #FFFFFF;}

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

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

.content {background-color: transparent; }

table { 
width: 580px; 
margin-left: 370px !important;
margin-right:100%;
font-family: tahoma;
font-size: 8pt;
color: #C4B5AA;
line-height: 15pt; }

.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: #73A9FD; text-decoration:none}
a:hover{color:#FFF;}

blockquote { padding:15px; border-left: 10px solid #191919; background: #111; color:#bbb;margin:10px}

td.caption, .subject { 
font-family: 'Yesteryear', cursive;
text-transform: lowercase;
color: #CCCCCC;
font-size: 18pt; 
letter-spacing: 1px;
padding-bottom: 5px;}

p table table td.caption, .head{ 
line-height:25px; 
font-size: 18pt; 
letter-spacing: 1px;
font-family: 'Yesteryear', cursive; }

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

.entrybox	
{background-color: #000;
 visibility: visible;
padding:6px;}

.entrybox table{background:#000}

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

.bubble1 a:link, .bubble1 a:visited, .bubble1 a:active {
font-family: 'Open Sans Condensed', sans-serif; 
display: block; 
width:90px;
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: #000; 
color: #FFFFFF; 
margin-bottom: 6px; 
border-radius: 45px;
-o-border-radius: 45px;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
opacity:0.8}
.bubble1 a:hover {opacity:1;background:#FFF;color:#000}

.bubble2 a:link, .bubble2 a:visited, .bubble2 a:active {
font-family: 'Open Sans Condensed', sans-serif; 
display: block; 
width:70px;
text-align:center;
padding-top:30px;padding-bottom:30px;
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: #000; 
color: #FFFFFF;
margin-left:50px;
margin-bottom: 0px; 
border-radius: 35px;
-o-border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
opacity:0.8}
.bubble2 a:hover {opacity:1;background:#FFF;color:#000}

.bubble3 a:link, .bubble3 a:visited, .bubble3 a:active {
font-family: 'Open Sans Condensed', sans-serif; 
display: block; 
width:60px;
text-align:center;
padding-top:25px;padding-bottom:25px;
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: #000; 
color: #FFFFFF;
margin-right:30px;
margin-bottom: -12px; 
border-radius: 30px;
-o-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
opacity:0.8}
.bubble3 a:hover {opacity:1;background:#FFF;color:#000}

.bubble4 a:link, .bubble4 a:visited, .bubble4 a:active {
font-family: 'Open Sans Condensed', sans-serif; 
display: block; 
width:50px;
text-align:center;
padding-top:20px;padding-bottom:20px;
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: #000; 
color: #FFFFFF;
margin-left:70px;
margin-bottom: 2px; 
border-radius: 25px;
-o-border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
opacity:0.8}
.bubble4 a:hover {opacity:1;background:#FFF;color:#000}

.bubble5 a:link, .bubble5 a:visited, .bubble5 a:active {
font-family: 'Open Sans Condensed', sans-serif; 
font-size:11pt;
display: block; 
width:40px;
text-align:center;
padding-top:15px;padding-bottom:15px;
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: #000; 
color: #FFFFFF;
margin-left:30px;
margin-bottom: 2px; 
border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
opacity:0.8}
.bubble5 a:hover {opacity:1;background:#FFF;color:#000}

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

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

.foot a:link, .foot a:visited, .foot a:active {background-color:#0F0F0F; color:#FFF; 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: #FFF; color: #000;}

::-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

LASTN_OPT_ITEMS=>8

<div> </div>
<=CALENDAR_WEBSITE

<div> </div>
<=LASTN_WEBSITE

(Read comments)

InsaneJournal

Post a comment in response: