Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--
- page jaunt 06
- iliyon @ tumblr
- -->
- <title>{Title}</title><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><link href='http://static.tumblr.com/wb7siqo/jjdnjg8n6/cssnormalizer.css' rel='stylesheet' type='text/css'><link rel="shortcut icon" href="{Favicon}">
- <meta name="image:Bg" content="" />
- <meta name="color:Text" content="#ffffff" />
- <meta name="color:Overlay" content="#111111" />
- <meta name="select:Overlay Opacity" content="70" title="70%" />
- <meta name="select:Overlay Opacity" content="0" title="None" />
- <meta name="select:Overlay Opacity" content="10" title="10%" />
- <meta name="select:Overlay Opacity" content="20" title="20%" />
- <meta name="select:Overlay Opacity" content="30" title="30%" />
- <meta name="select:Overlay Opacity" content="40" title="40%" />
- <meta name="select:Overlay Opacity" content="50" title="50%" />
- <meta name="select:Overlay Opacity" content="60" title="60%" />
- <meta name="select:Overlay Opacity" content="80" title="80%" />
- <meta name="select:Overlay Opacity" content="90" title="90%" />
- <meta name="text:URL" content="" />
- <meta name="text:Name" content="" />
- <meta name="text:Background Position" content="center center" />
- <meta name="if:Stretch Background" content="1" />
- <meta name="if:Tile Background" content="0" />
- <meta name="if:Auto Redirect" content="1" />
- <style type="text/css">
- @import url(http://weloveiconfonts.com/api/?family=entypo);
- [class*="entypo-"]:before {font-family: 'entypo', sans-serif;}
- body{font-family:Montserrat;color:{color:Text};font-size:16px;}
- iframe#tumblr_controls{display:none!important;}
- a{text-decoration:none;color:{color:Text};}
- .bg{background-image:url('{image:Bg}');background-position:{text:Background Position};{block:ifStretchBackground}background-size:cover;{/block:ifStretchBackground}{block:ifNotTileBackground}background-repeat:no-repeat;{/block:ifNotTileBackground}position:fixed;top:0;width:100%;height:100%;z-index:0;}
- .overlay{background:rgba({RGBcolor:Overlay},.{select:Overlay Opacity});position:fixed;top:0;width:100%;height:100%;z-index:1;}
- .content{position:fixed;top:0;width:100%;height:100%;z-index:2;}
- .content > section{height:100%;width:100%;display:table;vertical-align:middle;}
- .content > section > article{height:100%;width:100%;display:table-cell;vertical-align:middle;}
- .content .c{width:400px;margin:auto;font-size:75%;letter-spacing:3px;}
- .c a{display:block;padding:20px 15px;text-transform:uppercase;background:rgba({RGBcolor:Overlay},.5);position:relative;border:3px {color:Text} solid;overflow:hidden;}
- .c a:after{display:block;width:43px;height:46px;border-left:3px {color:Text} solid;position:absolute;top:0;right:0;content:'';}
- .c a:hover{background:rgba({RGBcolor:Overlay},.85);}.c div{position:absolute;width:100%;opacity:1;top:15px;left:20px;}
- .n{-webkit-transition:.7s;transition:.7s;}
- .c:hover .n{left:50%;opacity:0;-webkit-transition:.7s;transition:.7s;}
- .c .m{top:40px;}
- .c:hover .m{top:15px;-webkit-transition:0.5s ease-out;transition:0.5s ease-out;-webkit-transition-delay:0.4s;transition-delay:0.4s;-webkit-animation:no 1.2s ease-out;animation:no 1.2s ease-out;-webkit-animation-delay:0.9s;animation-delay:.9s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
- @-webkit-keyframes no{0{top:40px;}50%{top:15px;}60%{top:15px;}100%{top:-40px;}}
- @keyframes no{0{top:40px;}50%{top:15px;}60%{top:15px;}100%{top:-40px;}}
- .c .q{top:40px;opacity:1;}
- .c:hover .q{-webkit-animation:nah {block:ifNotAutoRedirect}.3{/block:ifNotAutoRedirect}{block:ifAutoRedirect}1{/block:ifAutoRedirect}s ease-out;animation:nah {block:ifNotAutoRedirect}.3{/block:ifNotAutoRedirect}{block:ifAutoRedirect}1{/block:ifAutoRedirect}s ease-out;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
- @-webkit-keyframes nah{{block:ifNotAutoRedirect}from{top:40px;}to{top:15px;}{/block:ifNotAutoRedirect}{block:ifAutoRedirect}from{top:40px;}50%{top:15px; opacity:1;}80%{top:15px; opacity:1;}to{top:15px; opacity:0;}{/block:ifAutoRedirect}}
- @keyframes nah{{block:ifNotAutoRedirect}from{top:40px;}to{top:15px;}{/block:ifNotAutoRedirect}{block:ifAutoRedirect}from{top:40px;}50%{top:15px; opacity:1;}80%{top:15px; opacity:1;}to{top:15px; opacity:0;}{/block:ifAutoRedirect}}{block:ifAutoRedirect}
- .c .r{top:40px;}
- .c:hover .r{top:15px;-webkit-transition:0.4s ease-out;transition:.4s ease-out;-webkit-transition-delay:3s;transition-delay:3s;}
- {/block:ifAutoRedirect}
- p.go{position:absolute;font-size:18px;right:10px;top:12px;width:14px!important;margin:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.5s;transition:.5s;}
- .c:hover p.go{-webkit-animation:nay .4s ease-out;animation:nay .4s ease-out;-webkit-animation-delay:{block:ifNotAutoRedirect}2.3{/block:ifNotAutoRedirect}{block:ifAutoRedirect}3.2{/block:ifAutoRedirect}s;animation-delay:{block:ifNotAutoRedirect}2.3{/block:ifNotAutoRedirect}{block:ifAutoRedirect}3.2{/block:ifAutoRedirect}s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
- @-webkit-keyframes nay{from{-webkit-transform:scale(0);transform:scale(0);}60%{-webkit-transform:scale(1.6);transform:scale(1.6);}70%{-webkit-transform:scale(1.6);transform:scale(1.6);}to{-webkit-transform:scale(1);transform:scale(1);}}
- @keyframes nay{from{transform:scale(0);}60%{transform:scale(1.6);}70%{transform:scale(1.6);}to{transform:scale(1);}}
- {block:ifAutoRedirect}
- .annotation{bottom:15px;z-index:9;position:fixed;width:100%;font-size:70%;text-align:center;display:none;}
- {/block:ifAutoRedirect}
- .cr{font-size:15px;background:rgba(10,10,10,.5);border-radius:3px;padding:8px;
- line-height:10px;z-index:999;position:fixed;bottom:25px;right:25px;display:block;}</style></head><body>
- <a class="cr" href="http://iliyon.tumblr.com" target="blank">©</a>
- {block:ifAutoRedirect}
- <section class="annotation">You will be redirected in <span id="st">7</span>s.</section>
- {/block:ifAutoRedirect}
- <section class="bg"></section>
- <section class="overlay"></section>
- <section class="content">
- <section>
- <article>
- <article class="c">
- <a href="#">
- <div class="n">{Name}</div>
- <div class="m">is now on</div>
- <div class="q">{text:Name}</div>
- {block:ifAutoRedirect}
- <div class="r">redirecting...</div>
- {/block:ifAutoRedirect}
- <p class="go">
- <span class="entypo-right-open-mini"></span>
- </p>
- </a>
- </article>
- </article>
- </section>
- </section>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script type="text/javascript">$(document).ready(function(){$('.c a').click(function(){location.replace('{text:URL}' + location.pathname);return false;});});</script>
- {block:ifAutoRedirect}<script type="text/javascript">$(document).ready(function(){$('.c a').hover(function(){$('.annotation').fadeIn();var co = 7;var sec;var ant = document.getElementById("st");sec = setInterval(function(){co--;if(co < 0){location.replace('{text:URL}' + location.pathname);} else{ant.innerHTML = co;}}, 1000);$(this).unbind('mouseenter mouseleave');});});</script>
- {/block:ifAutoRedirect}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement