Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- HENTAI THEME BY REALJUNKO
- i dont mind if you move the credit just credit me somewhere because i will find out if you dont
- -->
- <html lang="en">
- <head>
- <link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>
- {block:ifbubbles}
- <script type="text/javascript">
- // <![CDATA[
- var colours=new Array("#a6f", "#60f", "#60f", "#a6f", "#ccc"); // colours for top, right, bottom and left borders and background of bubbles
- var bubbles=66; // maximum number of bubbles on screen
- /****************************
- * JavaScript Bubble Cursor *
- * (c) 2010 mf2fm web-design *
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var bubb=new Array();
- var bubbx=new Array();
- var bubby=new Array();
- var bubbs=new Array();
- window.onload=function() { if (document.getElementById) {
- var rats, div;
- for (var i=0; i<bubbles; i++) {
- rats=createDiv("3px", "3px");
- rats.style.visibility="hidden";
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.top="1px";
- div.left="0px";
- div.bottom="1px";
- div.right="0px";
- div.borderLeft="1px solid "+colours[3];
- div.borderRight="1px solid "+colours[1];
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.top="0px";
- div.left="1px";
- div.right="1px";
- div.bottom="0px"
- div.borderTop="1px solid "+colours[0];
- div.borderBottom="1px solid "+colours[2];
- div=createDiv("auto", "auto");
- rats.appendChild(div);
- div=div.style;
- div.left="1px";
- div.right="1px";
- div.bottom="1px";
- div.top="1px";
- div.backgroundColor=colours[4];
- div.opacity=0.5;
- if (document.all) div.filter="alpha(opacity=50)";
- document.body.appendChild(rats);
- bubb[i]=rats.style;
- }
- set_scroll();
- set_width();
- bubble();
- }}
- function bubble() {
- var c;
- if (x!=ox || y!=oy) {
- ox=x;
- oy=y;
- for (c=0; c<bubbles; c++) if (!bubby[c]) {
- bubb[c].left=(bubbx[c]=x)+"px";
- bubb[c].top=(bubby[c]=y)+"px";
- bubb[c].width="3px";
- bubb[c].height="3px"
- bubb[c].visibility="visible";
- bubbs[c]=3;
- break;
- }
- }
- for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
- setTimeout("bubble()", 40);
- }
- function update_bubb(i) {
- if (bubby[i]) {
- bubby[i]-=bubbs[i]/2+i%2;
- bubbx[i]+=(i%5-2)/5;
- if (bubby[i]>sdown && bubbx[i]>0) {
- if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
- bubb[i].width=bubbs[i]+"px";
- bubb[i].height=bubbs[i]+"px";
- }
- bubb[i].top=bubby[i]+"px";
- bubb[i].left=bubbx[i]+"px";
- }
- else {
- bubb[i].visibility="hidden";
- bubby[i]=0;
- return;
- }
- }
- }
- document.onmousemove=mouse;
- function mouse(e) {
- set_scroll();
- y=(e)?e.pageY:event.y+sleft;
- x=(e)?e.pageX:event.x+sdown; }
- window.onresize=set_width;
- function set_width() {
- if (document.documentElement && document.documentElement.clientWidth) {
- swide=document.documentElement.clientWidth;
- shigh=document.documentElement.clientHeight;
- }
- else if (typeof(self.innerHeight)=="number") {
- swide=self.innerWidth;
- shigh=self.innerHeight;
- }
- else if (document.body.clientWidth) {
- swide=document.body.clientWidth;
- shigh=document.body.clientHeight;
- }
- else {
- swide=800;
- shigh=600;
- }
- }
- window.onscroll=set_scroll;
- function set_scroll() {
- if (typeof(self.pageYOffset)=="number") {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body.scrollTop || document.body.scrollLeft) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height;
- div.style.width=width;
- div.style.overflow="hidden";
- return (div);
- }
- // ]]>
- </script>
- {/block:ifbubbles}
- <meta name="image:Background" content=""/>
- <meta name="color:Background" content="#FFFFFF"/>
- <meta name="color:Title" content="#999999"/>
- <meta name="color:Blog Title" content="#999999"/>
- <meta name="color:Link" content="#555555"/>
- <meta name="color:Hover" content="#999999"/>
- <meta name="color:Text" content="#777777"/>
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="if:Show Link 1" content="1" />
- <meta name="if:Show Link 2" content="1" />
- <meta name="if:Show Link 3" content="1" />
- <meta name="if:Bubbles" content="1" />
- <meta name="if:Network and Updates" content="1" />
- <meta name="text:Annoucements" content="" />
- <meta name="text:Networks" content="" />
- <meta name="text:music" content="" />
- <title>{Title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="shortcut icon" href="{Favicon}">
- <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){$(document)
- .ready(function(){$("[title]")
- .style_my_tooltips();});})
- (jQuery);
- </script>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#entries');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '#post, #post_photo',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a',
- itemSelector : '#post, #post_photo',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#scroll').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#entries').show(500);
- });
- </script>
- {/block:IndexPage}
- <!---------------END SCRIPTS--------------->
- <style type="text/css">
- {block:ifnetworkandupdates}/* tutorial made by sppice */
- #homura {
- text-align: center;
- font-size: 11px;
- position:fixed;
- left:5px;
- top:-81px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- #homura:hover {top:0px;}
- #kyouko {
- background: # F7DCE7;
- border-top:none;
- padding:5px 0 5px 0;
- width:100px;
- height:70px;
- z-index: 9999;
- }
- #kyoukotab {
- background:# F7DCE7;
- border-top:none;
- text-align: center;
- height:11px;
- padding:2px 0 8px 0;
- width:100px;
- }
- #purple {
- text-align: center;
- font-size: 11px;
- position:fixed;
- left:112px;
- top:-211px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- #purple:hover {top:0px;}
- #red {
- background: # F7DCE7;
- border-top:none;
- padding:5px 0 5px 0;
- width:100px;
- height:200px;
- z-index: 9999;
- }
- #redtab {
- background:# F7DCE7;
- border-top:none;
- text-align: center;
- height:11px;
- padding:2px 0 8px 0;
- width:100px;
- }
- #orange {
- text-align: center;
- font-size: 11px;
- position:fixed;
- left:219px;
- top:-111px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- #orange:hover {top:0px;}
- #green {
- background: # F7DCE7;
- border-top:none;
- border-color:# 000;
- padding:5px 0 5px 0;
- width:200px; /* to make the announcements tab wider, make this 200 something bigger like 220 or 240 */
- height:100px;
- z-index: 9999;
- }
- #greentab {
- background: # F7DCE7;
- border-top:none;
- border-width:1px;
- text-align: center;
- height:11px;
- padding:2px 0 8px 0;
- width: 100px;
- }
- /* tutorial made by sppice */
- {/block:ifnetworkandupdates}
- /************EDIT BODY HERE************/
- body{
- margin:0px;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment:fixed;
- background-repeat:100%;
- background-position:bottom-right;
- font-family: Press Start 2P;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:left;
- line-height:11px;
- color: {color:Text};}
- a:link, a:active, a:visited{
- text-decoration: none;
- color: {color:Link};}
- a:hover {
- color:{color:Link};
- text-decoration:none;}
- /************EDIT TOOLTIP HERE************/
- #s-m-t-tooltip {
- padding: 3px;
- height:auto;
- display: none;
- font-family: consolas;
- font-size: 8px;
- text-transform:uppercase;
- text-align: center;
- letter-spacing:1px;
- margin-top:10px;
- margin-left: 15px;
- line-height: 8px;
- z-index: 999999999999;
- border-radius:3px;
- border: 1px solid #f5f5f5;
- background:#ffffff;
- color: #888;}
- /************EDIT POST POSITION/WIDTH HERE************/
- /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
- #entries{
- text-align:left;
- width:480px;
- margin-left:70px;
- margin-top:10px;
- position:relative;
- overflow: hidden;
- {block:PermalinkPage}
- width:550px;
- {/block:PermalinkPage}}
- /************EDIT OVERALL POSTS HERE************/
- /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
- #post{
- text-align:left;
- margin:20px;
- background:#ffffff;
- max-width: 100%;
- display:block;
- overflow:hidden;
- width:180px;
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}}
- /*Do not delete #post img.*/
- #post img{
- max-width:100%;}
- /*Edit the permalinks all posts.*/
- .permalink{
- border-top:1px solid #f5f5f5;
- text-align:right;}
- .permalink a{
- text-transform:uppercase;
- line-height:15px;}
- /*Edit the titles on any text-based post.*/
- .posttitle{
- font-size:10px;
- text-align:center;
- color:{color:Link};}
- .posttitle a{
- color:{color:Link};}
- /************EDIT QUOTE POSTS HERE************/
- .quote{
- margin-right: 5px;}
- .source{
- padding-top:5px;
- display:block;
- text-align:right;}
- /************EDIT ANSWER POSTS HERE************/
- .ask{
- padding:4px;
- background:#f9f9f9;}
- .asker{
- color:{color:Link};}
- .answer{
- margin-top:10px;}
- /************EDIT AUDIO POSTS HERE************/
- .audio{
- {block:IndexPage}width:180px;{/block:IndexPage}
- {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
- .info{
- padding:2px 0px 1px 57px;}
- .i {
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:8px;}
- .pl b,strong{
- text-transform:lowercase;
- font-size:9px;}
- .player{
- position:absolute;
- overflow:hidden;
- margin-top:0px;
- margin-left:15px;
- background:#ffffff;
- width:24px;
- height:23px;}
- /************EDIT VIDEO POSTS HERE************/
- /***********DO NOT DELETE THIS CODE************/
- .video-container {
- position:relative;
- padding-bottom:56.25%;
- padding-top: 30px;
- height:0;
- overflow:hidden;}
- .video-container iframe,
- .video-container object,
- .video-container embed {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;}
- /************EDIT CHAT POSTS HERE************/
- .chat{
- line-height:12px;
- list-style:none;}
- .chat ul{
- list-style:none;
- padding:0px 5px;
- line-height:15px;}
- .label{
- color:{color:Link};}
- /************EDIT SIDEBAR HERE************/
- #sidebar{
- background:#fff;
- border:1px #f5f5f5 solid;
- margin-left:-200px;
- margin-top:250px;
- width:150px;
- position:fixed;
- text-align:center;}
- .blogtitle{
- padding:5px;
- padding-bottom:0px;
- text-align:center;
- font-size:12px;}
- .blogtitle a{
- color:{color:Blog Title};}
- .description{
- padding:5px;}
- .links{
- margin-left:-15px;
- padding:0px 10px 5px 10px;
- margin-top:5px;}
- .links a{
- margin-left:15px;}
- .links a:hover{
- color:{color:Hover};}
- /************EDIT TEXT SETTINGS HERE************/
- i, em{
- color:{color:Link};}
- b, strong{
- font-weight:normal;
- text-transform:uppercase;
- color:{color:Link};}
- ul,ol{
- margin:0px;
- margin-left:-5px;}
- p{
- padding:0px;
- margin:2px;}
- u{
- text-decoration:none;
- color:{color:Title};}
- blockquote {
- margin:0px;
- padding:4px;
- background:#f7f7f7;}
- /************DO NOT DELETE #SCROLL************/
- #scroll{
- bottom:-20px;
- position: absolute;
- left: 50%;
- width:10px;
- height:5px;
- overflow:hidden;
- margin-bottom:80px;}
- /************EDIT CREDIT HERE************/
- #credit{
- position:fixed;
- right:10px;
- bottom:10px;
- text-transform:uppercase;
- #credit a{
- color:#aaaaaa;}
- </style>
- </head>
- <body>
- {block:ifnetworkandupdates}
- <!-- tutorial made by sppice -->
- <div id="purple">
- <div id="red">
- <center>
- <!-- below is where your networks go, make sure to fill in the url network and icon -->
- {text:networks}
- </center></div>
- <div id="redtab"><img src='http://media.tumblr.com/tumblr_lt1741b5Fm1ql555e.png'</a></div></div></div>
- <div id="homura">
- <div id="kyouko">
- <center>
- <!-- below is where your music gos -->
- {text:music}
- </center></div>
- <div id="kyoukotab"><img src="http://media.tumblr.com/tumblr_lt175zJwWj1ql555e.png"/></div></div>
- <div id="orange">
- <div id="green">
- <center>
- <!-- below is where your updates will go -->
- {text:annoucements}
- </center></div>
- <div id="greentab"><img src='http://media.tumblr.com/tumblr_lst6x1z4Mj1ql555e.gif'</a></div>
- </div>
- <!-- tutorial made by sppice -->
- {/block:ifnetworkandupdates}
- <center>
- <div id="entries">
- <!---------------EDIT SIDEBAR CONTENT HERE--------------->
- <div id="sidebar">
- <div class="blogtitle"><a href="/">{Title}</a></div>
- <div class="description">{Description}</div>
- <div class="links">
- <a href="/"><img src=http://i57.tinypic.com/292xjx0.gif </a></a>
- <a href="/ask"><img src=http://i61.tinypic.com/14c8uao.gif </a></a>
- {block:IfShowLink1}<a href="{text:Link 1}"><img src=http://i62.tinypic.com/98hiiq.gif</a>{/block:IfShowLink1}
- {block:IfShowLink2}<a href="{text:Link 2}"><img src=http://i58.tinypic.com/2ps5e8p.gif</a>{/block:IfShowLink2}
- {block:IfShowLink3}<a href="{text:Link 3}"><img src=http://i58.tinypic.com/sp9qx0.gif</a>{/block:IfShowLink3}
- </div>
- </div>
- {block:Posts}
- <!---------------DO NOT DELETE block:ContentSource--------------->
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div id="post">
- <!---------------EDIT TEXT POSTS HERE--------------->
- {block:Text}
- <div class="text">
- <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
- {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:IndexPage}</div>
- {/block:Text}
- <!---------------EDIT LINK POSTS HERE--------------->
- {block:Link}
- <a href="{URL}"><div class="posttitle">{Name}</div></a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:IndexPage}
- {/block:Link}
- <!---------------EDIT PHOTO POSTS HERE--------------->
- {block:Photo}
- {block:IndexPage}
- <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
- {/block:Photo}
- <!---------------EDIT PHOTOSET POSTS HERE--------------->
- {block:Photoset}
- {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {/block:Photoset}
- <!---------------EDIT QUOTE POSTS HERE--------------->
- {block:Quote}
- {Quote}{block:Source}
- <div class="source">{Source}</div>{/block:Source}
- {block:IndexPage}
- <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
- <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
- {/block:Quote}
- <!---------------EDIT ANSWER POSTS HERE--------------->
- {block:Answer}
- <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
- <div class="answer">{Answer}</div>
- {block:IndexPage}
- <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
- <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
- {/block:Answer}
- <!---------------EDIT CHAT POSTS HERE--------------->
- {block:Chat}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- <div class="chat"><ul>{block:Lines}
- <li class="person{UserNumber}">{block:Label}
- <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> /<a href="{Permalink}">{NoteCount}</a></div>
- {/block:IndexPage}
- {/block:Chat}
- <!---------------EDIT AUDIO POSTS HERE--------------->
- {block:Audio}<div class="player">{AudioPlayerWhite}</div>
- <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>
- {/block:IndexPage}
- {/block:Audio}
- <!---------------EDIT VIDEO POSTS HERE--------------->
- {block:Video}
- {block:IndexPage}<div class="video-container">{Video-250}</div>
- <div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {/block:Video}
- <!---------------EDIT PERMALINK PAGE HERE--------------->
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
- <div class="permapage">
- <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- <!---------------DO NOT DELETE THIS--------------->
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"></a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}"></a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </center>
- </body>
- <!---------------EDIT CREDIT CONTENT HERE--------------->
- <div id="credit"><a href="http://jolyene.tumblr.com/"><img src='http://stephanielouie.comule.com/material/usadot1.gif'</a></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement