Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-----------------------------------------
- ╭━━━┳╮╱╱╱╱╱╱╱╱╱╱╭╮╱╭━━━━┳╮
- ┃╭━╮┃┃╱╱╱╱╱╱╱╱╱╱┃┃╱┃╭╮╭╮┃┃
- ┃┃╱╰┫╰━┳━━┳━╮╭━━┫┃╱╰╯┃┃╰┫╰━┳━━┳╮╭┳━━┳━━╮
- ┃┃╱╭┫╭╮┃╭╮┃╭╮┫┃━┫┃╱╱╱┃┃╱┃╭╮┃┃━┫╰╯┃┃━┫━━┫
- ┃╰━╯┃┃┃┃╭╮┃┃┃┃┃━┫╰╮╱╱┃┃╱┃┃┃┃┃━┫┃┃┃┃━╋━━┃
- ╰━━━┻╯╰┻╯╰┻╯╰┻━━┻━╯╱╱╰╯╱╰╯╰┻━━┻┻┻┻━━┻━━╯
- Please keep credit (✿◠‿◠)
- ----------------------------------------------->
- <html lang="en">
- <!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">
- <head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
- <!--DEFAULT VARIABLES-->
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta name="color:background" content="#fff"/>
- <meta name="color:title" content="#000"/>
- <meta name="color:scrollbar" content="#000000"/>
- <meta name="color:link" content="#777"/>
- <meta name="color:text" content="#777"/>
- <meta name="color:title" content="#000"/>
- <meta name="color:scrollbar" content="#ccc"/>
- <meta name="color:hover" content="#333333"/>
- <meta name="image:background" content="1"/>
- <meta name="image:sidebar" content="1"/>
- <meta name="image:sideback" content="1"/>
- <meta name="image:sideback1" content="1"/>
- <meta name="image:sideback2" content="1"/>
- <meta name="text:Link One Title" content="" />
- <meta name="text:Link One" content="" />
- <meta name="text:Link Two Title" content="" />
- <meta name="text:Link Two" content="" />
- <meta name="text:Link Three Title" content="" />
- <meta name="text:Link Three" content="" />
- <style type="text/css">
- ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
- ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
- p {
- margin:0px;
- margin-top:0px;
- }
- body {
- padding: 0px;
- margin: 0px;
- color:{color:text};
- font-family: "consolas";
- line-height:14px;
- font-size:10px;
- letter-spacing:1px;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- }
- a:link, a:active, a:visited{
- text-decoration: none;
- -webkit-transition: color 0.1s ease-out;
- -moz-transition: color 0.1s ease-out;
- transition: color 0.1s ease-out;
- color:{color:link};
- }
- a:hover {
- text-decoration: underline;
- font-style:;
- color: {color:Hover};
- font-style: underline;
- }
- div#center{
- margin:auto;
- position:relative;
- width:1000px;
- background-color:;
- overflow:auto;
- overflow-y:hidden;
- }
- .entry {
- float:left;
- display: block;
- margin:3px;
- overflow:hidden;
- width:250px;
- opacity:0.9;
- -webkit-animation: flipInY 2s;
- -moz-animation: flipInY 2s;
- -ms-animation: flipInY: 2s;
- padding-top:2px;
- padding-bottom:-2px;
- padding-left: 2px;
- padding-right: 2px;
- border: 1px solid #eeeeee;
- {block:PermalinkPage}
- width:450px;
- text-align:left;
- line-height:10px;
- {/block:PermalinkPage}
- background-color:{color:ok};
- background-image:URL();
- }
- #sidebar{
- z-index: 1;
- position:fixed !important;
- width:270px;
- padding: 10px;
- padding-bottom: 80px;
- border: 1px solid {color:borders};
- background:white;
- height:auto;
- margin-top:95px;
- margin-left:-145px;
- text-align:center;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- #sidebar .links{
- position:absolute;
- opacity: 1;
- margin-left:-12px;
- padding: 5px;
- letter-spacing: 2px;
- margin-top:435px;
- width: 282px;
- height:12px;
- overflow: hidden;
- color:black;
- background-color:#fff;
- border: 1px solid {color:borders};
- font-family: consolas;
- font-size: 10px;
- text-align:left;
- position:fixed;
- line-height: 12px;
- transition: all 0.9s ease-out;
- -o-transition-transition: all 0.9s ease-out;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- #desc{
- z-index:2;
- position:fixed !important;
- opacity: 1;
- width:262px;
- height:50px;
- padding:3px;
- margin-left:-6px;
- margin-top:18px;
- color:black;
- background:white;
- border:1px solid #a7a5a5;
- letter-spacing:1px;
- font-family: consolas;
- font-size:11px;
- line-height:18px;
- text-align:center;
- text-transform:normal;
- overflow-y: scroll;
- overflow-x: hidden;
- }
- .sideback{
- position:fixed;
- margin-left:-210px;
- top: 0px;
- background: #;
- background-image:url({image:sideback});
- height:100%;
- border-right: 4px solid #fff;
- -moz-box-shadow:10px 10px 5px #ddd;
- -webkit-box-shadow:0px 0px 5px #ddd;
- box-shadow:0px 0px 10px #ddd;
- opacity:1;
- width:400px;
- border-bottom:2px solid #fff;
- border-left: 4px solid #fff;
- border-right: 4px double solid #fff;
- }
- .sideback1{
- position:fixed;
- margin-left:1020px;
- top: 0px;
- background: #;
- background-image:url({image:sideback1});
- height:100%;
- border-left: 4px solid #fff;
- -moz-box-shadow:10px 10px 5px #ddd;
- -webkit-box-shadow:10px 10px 5px #ddd;
- box-shadow:0px 0px 12px #ddd;
- opacity:1;
- width:30px;
- border-bottom:2px solid #fff;
- border-left: 4px solid #fff;
- border-right: 4px solid #fff;
- }
- .sideback2{
- position:fixed;
- margin-left:1070px;
- top: 0px;
- background: #;
- background-image:url({image:sideback2});
- height:100%;
- border-right: 4px solid #fff;
- -moz-box-shadow:10px 10px 5px #ddd;
- -webkit-box-shadow:10px 10px 5px #ddd;
- box-shadow:0px 0px 13px #ddd;
- opacity:1;
- width:200px;
- border-bottom:3px solid #fff;
- border-left: 4px solid #fff;
- border-right: 3px double solid #fff;
- }
- @font-face {font-family:"Pacifico"; src:url('http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf');}
- #titlee{
- position:fixed !important;
- z-index:99;
- width:400px;
- height:30px;
- opacity: 1;
- padding:3px;
- margin-top:45px;
- margin-left:-203px;
- background:transparent;
- line-height:40px;
- text-align:center;
- border-bottom: 0px;
- color: {color:title};
- letter-spacing:5px;
- font-size: 37px;
- text-shadow: 1px 1px 2px #fff;
- font-family: "pacifico";
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- #posts {
- width:1000px;
- margin-top:2px;
- z-index:99;
- margin-left:400px;
- right:auto;
- background:transparent;
- margin-right:auto;
- position:relative;
- overflow-y: hidden;
- }
- .animated {
- -webkit-animation-fill-mode: both;
- -moz-animation-fill-mode: both;
- -ms-animation-fill-mode: both;
- -o-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation-duration: 1s;
- -moz-animation-duration: 1s;
- -ms-animation-duration: 1s;
- -o-animation-duration: 1s;
- animation-duration: 1s;
- }
- .animated.hinge {
- -webkit-animation-duration: 2s;
- -moz-animation-duration: 2s;
- -ms-animation-duration: 2s;
- -o-animation-duration: 2s;
- animation-duration: 2s;
- }@-webkit-keyframes flipInY {
- 0% {
- -webkit-transform: perspective(400px) rotateY(0deg);
- opacity: 0;
- }
- 40% {
- -webkit-transform: perspective(400px) rotateY(0deg);
- }
- 70% {
- -webkit-transform: perspective(400px) rotateY(0deg);
- }
- 100% {
- -webkit-transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- }
- @-moz-keyframes flipInY {
- 0% {
- -moz-transform: perspective(400px) rotateY(0deg);
- opacity: 0;
- }
- 40% {
- -moz-transform: perspective(400px) rotateY(0deg);
- }
- 70% {
- -moz-transform: perspective(400px) rotateY(0deg);
- }
- 100% {
- -moz-transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- }
- @-o-keyframes flipInY {
- 0% {
- -o-transform: perspective(1000px) rotateY(0deg);
- opacity: 0;
- }
- 40% {
- -o-transform: perspective(1000px) rotateY(0deg);
- }
- 70% {
- -o-transform: perspective(1000px) rotateY(0deg);
- }
- 100% {
- -o-transform: perspective(700px) rotateY(0deg);
- opacity: 1;
- }
- }
- @keyframes flipInY {
- 0% {
- transform: perspective(800px) rotateY(0deg);
- opacity: 0;
- }
- 40% {
- transform: perspective(800px) rotateY(0deg);
- }
- 70% {
- transform: perspective(900px) rotateY(0deg);
- }
- 100% {
- transform: perspective(400px) rotateY(0deg);
- opacity: 1;
- }
- }.flipInY {
- -webkit-backface-visibility: visible !important;
- -webkit-animation-name: flipInY;
- -moz-backface-visibility: visible !important;
- -moz-animation-name: flipInY;
- -o-backface-visibility: visible !important;
- -o-animation-name: flipInY;
- backface-visibility: visible !important;
- animation-name: flipInY;
- }#users:hover{}
- .entry .perma{
- width: 240px;
- position: absolute;
- text-transform: uppercase;
- line-height: 13px;
- padding: 5px;
- text-align: center;
- overflow:hidden;
- opacity: 0.0;
- bottom:-20;
- background-color:#ffffff;
- opacity:0.0;
- height:0px;
- margin-left:0px;
- -webkit-transition: all 0.4s linear;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.5s linear;
- }
- .entry:hover .perma{
- overflow:visible;
- height:12px;
- bottom:1px;
- -webkit-transition: all 0.4s linear; opacity: 0.9;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .entry:hover .perma:hover{
- overflow:visible;
- -webkit-transition: all 0.4s linear; opacity: 1.0;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.6s linear;
- transition: all 0.5s linear;
- }
- .title {
- opacity:.7;
- font-size:11px;
- text-transform:uppercase;
- padding:0px;
- border-bottom:1px solid #ddd;
- }
- .cred {
- color: #000;
- font-family: Calibri;
- font-size:14px;
- z-index: 99999999999999px;
- line-height:14px;
- background:#fff;
- border: 1px #eee solid;
- background-repeat:repeat;
- padding:2px;
- -webkit-border-radius:2px;
- moz-border-radius:2px;
- -o-border-radius:2px;
- border-radius:2px;
- }
- .cred a { color: #000; }
- .permalink{
- text-transform: normal;
- display: block;
- text-align: right;
- text-decoration: none;
- }
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- #postnotes{
- text-align: justify;}
- #postnotes blockquote{
- border: 0px;}
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px dotted #555555;
- }
- blockquote p, ul{
- margin:0px;
- padding:0px;
- }
- a.cats {
- width: 96px;
- height: 20px;
- background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
- display: block;
- position: fixed;
- top: 26px;
- right: 3px;
- z-index: 1337;
- }
- a img{border: 0px;}
- ul, ol, li{list-style:none; margin:0px; padding:0px;}
- .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
- .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
- .notes img{width:10px; position:relative; top:3px;}
- <--ses-->
- small{font-size: 90%;}
- {CustomCSS}
- </style>
- {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 = $('#posts');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '.entry, .entry_photo',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a',
- itemSelector : '.entry, .entry_photo',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#infscr-loading').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#posts').show(500);
- });
- </script>
- {/block:IndexPage}
- <title>{title}</title>
- </style>
- <link rel="shortcut icon" href="{Favicon}" />
- <meta name="viewport" content="width=820" />
- </head>
- <body>
- <BODY onselectstart="return false;" ondragstart="return false;">
- <div class="wrapper">
- <div class="header">
- </div>
- <div id="cage">
- <div id="center">
- <div id="titlee">{title}</center></div>
- <div id="sidebar">
- <div class="links">
- <center>
- <a href="/">refresh</a>
- <a href="/ask">inbox</a>
- <a href="{text:Link One}">{text:Link One Title}</a>
- <a href="{text:Link Two}">{text:Link Two Title}</a>
- <a href="{text:Link Three}">{text:Link Three Title}</a>
- <a href="http://teenageblog.tumblr.com">theme</a>
- </center>
- </div>
- <center>
- <a href="/"><div style="padding:5px; padding-bottom: 5px;
- border: solid 1px #a7a5a5;"><img src="{image:sidebar}" height=330px; width=100%;></a>
- <div id="desc">{description}</div>
- </center>
- </div>
- <div class="sideback"></div>
- <div class="sideback1"></div>
- <div class="sideback2"></div>
- <a href="http://teenageblog.tumblr.com" class="cats"></a>
- </center>
- </div>
- <div class="left">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <span class="entrytext">{Body}</span>
- {block:IndexPage}<span class="perm1"><div style="border-top: 2px solid #cecece;padding:3px;margin-top:3px;text-align:right;text-transform:uppercase;"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></span>{block:IndexPage}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a><br><br>
- {block:Description}<div class="caption">{Description}</div>{/block:Description}{block:IndexPage}<span class="perm1"><div style="border-top: 2px solid #cecece;padding:3px;margin-top:3px;text-align:right;text-transform:uppercase;text-transform:uppercase;"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></span>{block:IndexPage}
- {block:Link}
- {block:Photo}
- {block:IndexPage}
- <center>
- <div class="perma">
- <a href="{reblogurl}">Reblog</a> · <a href="{permalink}">{NoteCountwithlabel}</a></div>
- <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <center>
- <div class="perma">
- <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
- {Photoset-250}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Photoset-500}</center>
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <i><div class="quote"></div>
- <span style="text-transform:uppercase;letter-spacing:1px;"> {Quote}" </span></i>
- {block:Source}
- <div style="text-align:right; color:{color:link};border-top:0px solid #ddd; padding:3px;margin-top:3px;text-transform:uppercase;"> - {Source}</div>
- {/block:Source}
- {block:IndexPage}<span class="perm1"><div style="border-top: 2px solid #cecece;padding:3px;margin-top:3px;text-align:right;text-transform:uppercase;"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></span>{block:IndexPage}
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {block:IndexPage}<span class="perm1"><div style="border-top: 2px solid #cecece;padding:3px;margin-top:3px;text-align:right;text-transform:uppercase;text-transform:uppercase;"><a href="{permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></span>{block:IndexPage}
- {/block:Chat}
- {block:Audio}
- <div style="width:250px; height:28px;">{AudioPlayerWhite}</div>
- {/block:IndexPage}
- {block:IndexPage}<span class="perm1"><div style="border-top: 2px solid #cecece;padding:3px;margin-top:3px;text-align:right;text-transform:uppercase;"><a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></span>{block:IndexPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <center>
- {Video-250}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Video-400}</center>
- {/block:PermalinkPage}
- {block:Video}
- {block:PostNotes}<div align="middle">{caption}</div>
- <center>
- {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
- {block:HasTags}
- tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
- {block:RebloggedFrom}
- reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- </center></span>
- <br>
- <div id="postnotes">{PostNotes}</div><br>
- <center>{block:ContentSource}
- <br><a href="{SourceURL}">
- {lang:Source}:
- {block:SourceLogo}
- <img src="{BlackLogoURL}" width="{LogoWidth}"
- height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}
- {SourceLink}
- {/block:NoSourceLogo}
- </a>
- {/block:ContentSource}</center>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div></div>
- {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}
- <div style="position: fixed; right:6px;bottom:10px;">
- <span class="cred">
- <a href="http://teenageblog.tumblr.com/" target="_blank">
- ☾
- </a></span></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement