Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!theme by Sergiovargott.com">
- <!--
- DO NOT REMOVE CREDIT or your theme will NOT work!
- -->
- <html lang="en">
- <head>
- <meta name="robots" content="sergiovargott.tumblr.com/" />
- <style> body, a, a:hover { cursor:url('{image:Cursor}'), auto }</style>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta name="color:background" content="#fff"/>
- <meta name="color:text" content="#706c6c"/>
- <meta name="color:link" content="#818982"/>
- <meta name="color:hover" content="#3c3a3a"/>
- <meta name="text:title font size" content="24px"/>
- <meta name="text:title line height" content="23px"/>
- <meta name="color:title" content="#FFF"/>
- <meta name="color:ask" content="#4c4c4c"/>
- <meta name="font:title" content="arial"/>
- <meta name="font:text" content="arial"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Photo" content=""/>
- <meta name="image:ask background" content="http://tumblrchase.com/img/bg/65.png" />
- <meta name="image:Cursor" content="{cursor:crosshair}"/>
- <meta name="image:Favicon" content="http://themes.sergiovargott.com/favicon.ico>
- <meta name="if:center" contact="1"/>
- <meta name="if:show photo" content="1"/>
- <meta name="if:show blog title" content="0"/>
- <meta name="text:blogtitle size" content="25" />
- <meta name="text:blogtitle" content="" />
- <meta name="text:separating symbol" content="-" />
- <meta name="text:link1title" content="Facebook" />
- <meta name="text:link1link" content="Link 1" />
- <meta name="text:link2title" content="Link 2" />
- <meta name="text:link3link" content="Link 3" />
- <meta name="if:Infinite scroll" content="1"/>
- <link rel="shortcut icon" href="{Favicon}">
- <!-- Wikplayer http://www.wikplayer.com -->
- <script type="text/javascript" src="http://www.wikplayer.com/code.js"
- data-config="{'skin':'skins/wikfull/ribbonPurple/skin.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'showcomment':false,'marqueetexton':true,'placement':'top','showplaylist':false,'playlist':'https://www.youtube.com/playlist?list=PLe0sO1QaRc9pY96lvRVgiPpmUN33WE4Wo'}" ></script>
- <!-- Wikplayer code end -->
- <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:900' rel='stylesheet' type='text/css'>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
- {PostSummary} - {/block:PostSummary}{Title}</title>
- <style type="text/css">
- body{
- margin-left: 0px;
- margin-top: 0px;
- margin-right: 0px;
- margin-bottom: 0px;
- margin-top:0px;
- background-color: {color:Background};
- background-image:url({image:Background});
- width: 100%;
- height: 100%;
- background-repeat:no-repeat;
- background-attachment:fixed;
- }
- body, p, textarea, submit, input{
- font-family: {font:text};
- font-size: 10px;
- line-height:11px;
- color:{color:Text};
- }
- p {
- margin:0px;
- margin-top:5px;
- }
- a:link, a:active, a:visited{
- color: {color:Link};
- cursor:pointer;
- text-decoration: none;
- -webkit-transition: color 0.5s ease-out;
- -moz-transition: color 0.5s ease-out;
- transition: color 0.5s ease-out;
- }
- a:hover {
- color:{color:Hover};
- cursor:pointer;
- text-decoration: none;
- }
- #content{
- width:900px;
- margin-left:290px;
- position:absolute;
- padding:5px;
- }
- #maincontent{
- width:1250px;
- margin-left:auto;
- margin-right:auto;
- position:relative;
- }
- #notecontainer {
- margin-left: 35px;
- width: 350px;
- font-size: 11px;
- }
- #notecontainer img.avatar {
- margin-right: 3px;
- width: 16px;
- height: 16px;
- }
- #infscr-loading {
- font-size:12px;
- text-align: center;
- z-index: 1;
- position: fixed;
- left: 45%;
- bottom: 40px;
- padding: 5px;
- background: #232423;
- color: #fff;
- text-transform:uppercase;
- font-family: 'Source Sans Pro', sans-serif;
- }
- #infscr-loading img {
- z-index: 100;
- position: fixed;
- left: 55%;
- bottom: 30px;
- padding: 5px;
- background: #fff;
- }
- #toTop {
- position:fixed;
- bottom:17px;
- right:4%;
- cursor:pointer;
- display:none;
- z-index: 1;
- }
- #post{
- margin-left: 10px;
- width:200px;
- float:left;
- margin:30px;
- background:#fff;
- padding:11px;
- border:1px solid #CAC8C8;
- -moz-box-shadow:inset 0 0 20px #b9b9b9;
- -webkit-box-shadow:inset 0 0 20px #b9b9b9;
- box-shadow:inset 0 0 20px #b9b9b9;
- {block:PermalinkPage}width:500px; {/block:PermalinkPage}
- }
- #sidebar{
- position:fixed !important;
- width:210px;
- height:100%;
- margin: 0px 0px 0px 20px;
- padding-top:60px;
- padding-left:0px;
- z-index:1;
- }
- .info{
- padding:3px;
- }
- #post .perma{
- position:absolute;
- width:200px;
- padding: 0px;
- height: 22px;
- margin-top: -10px;
- background-color:#fbfbfb;
- overflow:hidden;
- font-family: asap;
- font-size: 11px;
- text-align:center;
- opacity:0.0;
- -webkit-transition: all 0.4s linear;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- #post:hover .perma{
- margin-top:-30px;
- height: 30px;
- padding: 0px;
- overflow:visible;
- -webkit-transition: all 0.4s linear; opacity: 0.8;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- #postnotes{
- text-align: justify;}
- #postnotes blockquote{
- border: 0px;}
- .title{
- margin-top:-30px;
- padding:5px;
- width:190px;
- font-family: 'Clicker Script', cursive;
- font-size: {text:title size}px;
- color: {color:title};
- line-height:15px;
- text-shadow:1px 1px 3px #000000;
- font-size:40px;
- text-align:center;
- margin-left: 20px;
- font-weight:none;
- position:fixed;
- z-index: 100px;
- background: transparent;
- text-transform:uppercase and lowercase;
- letter-spacing:0px;
- 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;};
- }
- .title2{
- font-family: Arial, Helvetica;
- font-size: {text:title font size};
- line-height: {text:title line height};
- color: {color:Title};
- letter-spacing: {text:title letter spacing};
- font-weight: {text:title font weight};
- padding:1px 1px 0px 1px;
- }
- blockquote{
- padding:0px 0px 2px 2px;
- margin:0px 0px 2px 1px;
- border-left: 1px solid {color:Text};
- }
- blockquote p, ul{
- margin:0px;
- padding:0px;
- }
- 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:Title};}
- .notes img{width:10px; position:relative; top:3px;}
- .permalink{
- display: block;
- text-transform: none;
- font-size: 9px;
- text-align: right;
- }
- small{font-size: 9px;}
- #permalinkblock{
- display: block;
- font-family:'asap';
- text-align: right;
- height: 10px;
- letter-spacing:0px;
- border-top: 1px dotted {color:border};
- font-size:11px;
- background-color: #trans;
- }
- #info2{
- margin-top: 0px;
- width:200px;
- background-color:#fbfafa;
- padding:12px;
- -moz-box-shadow: 0 0 5px #b3b1b1;
- -webkit-box-shadow: 0 0 5px #b3b1b1;
- box-shadow: 0 0 5px #b3b1b1;
- }
- #description {font-size:12px;text-align:center; }
- #descrip {margin-bottom: 0px; padding:5px;text-align:justify; color:#000000;}
- .links{color:#807c7c}
- .links a{background-color:#1E1E1E;display:inline-block;font-size:10px; padding:1px 1px 1px 1px; background-color:#e3e3e3;
- padding:3px;
- margin:1.5px;width:89px; height:14px;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;}
- .links a:hover{background-color:#7e7e7e};
- }
- .links:hover{ color:{color:hover};}
- askk {
- font-size: 12px;
- line-height:15px;
- color: {color:ask};
- text-shadow:1px 0px 1px #727973;
- }
- .answer{
- }
- #pagination{
- display:none;
- }
- nav li {
- display: inline;
- }
- .blog {font-size: 14px;
- letter-spacing:2px;
- }
- .about{
- background-color:#F0F0F0;
- padding:3px;
- -moz-border-radius:4px;
- -webkit-border-radius:4px;
- border-radius:6px;
- border:1px solid #E1E1E1;
- }
- .about1 {background-color:#F0F0F0;
- padding:3px;
- -moz-border-radius:4px;
- -webkit-border-radius:4px;
- border-radius:6px;
- border:1px solid #E1E1E1;
- }
- .s {position:fixed; top:22px; right:0px; opacity: 1; z-index:1;
- }
- .s:hover {position:fixed; top:22px; right:0px; opacity: 0.8; z-index:1;
- }
- iframe#ask_form {
- width: 500px;
- float: left;
- padding-top: 5px;
- }
- .reblo { float:right; display:inline-block; opacity:1;
- padding:2px;
- font-size: 18px; margin:7px;word-wrap: break-word; height: 16px; }
- .reblo:hover{opacity:0.8; }
- .reblo a {
- color: #9b9a9a;
- -webkit-transition: all 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- .reblo a:hover {
- color: #c6c5c5; float:right;
- }
- .lik { float:left; margin-left:40px;margin-top:1px; display:inline-block;font-size:10px;
- padding:2px; margin:7px;width:14px;opacity:1;}
- .lik:hover{ opacity:0.8; float:left;
- }
- .h2{ font-size:25px; font-weight: bold;
- }
- .up {opacity: 0.7;
- -webkit-transition: all 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- .up:hover { opacity: 1;
- }
- </style>
- </head>
- <body>
- <div id="toTop"><img src="http://tumblrchase.com/top.png" class="up" /></div>
- <div id="maincontent">
- <div id="sidebar">
- <br>
- <br>
- <div id="info2"><center>{block:ifshowphoto}<br><a title="" href="/"><img src="{image:Photo}" width=190px></a>{/block:ifshowphoto}<br>
- </center>
- <table width="202" border="0" align="center" cellpadding="0" cellspacing="5" >
- <tr>
- <td width="192"><div align="justify">{block:ifshowblogtitle}
- <div align="left"><a href="/">{Title}</a>
- </div>
- </span>
- {/block:ifshowblogtitle}</div></td>
- </tr>
- </table>
- <div id="#2"></div>
- <table width="203" border="0" align="center" cellpadding="0" cellspacing="4">
- <tr>
- <td width="195"><div align="center">
- <table width="194" border="0" align="left" cellpadding="0" cellspacing="0" class="about1">
- <tr>
- <td width="192">{Description}</td>
- </tr>
- </table>
- </div></td>
- </tr>
- </table>
- <div class="links">
- <table width="150" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td><div align="center"><a href="/" class="links">Home</a></div></td>
- <td><div align="center"><a href="/ask" class="links">Ask</a></div></td>
- </tr>
- <tr>
- <td><div align="center"><a href="http://sergiovargott.com" class="links">Theme</a></div></td>
- <td><div align="center"><a href="{text:link1link}">{text:link1title}</a></div></td>
- </tr>
- <tr>
- <td><div align="center"><a href="{text:link2link}">{text:link2title}</a></div></td>
- <td><div align="center"><a href="{text:link3link}">{text:link3title}</a></div></td>
- </tr>
- </table></div>
- </b>
- <p><td valign="top"><div align="center">{block:IndexPage}{block:Pagination}
- <div class="pagination"> {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}
- {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
- {/block:JumpPagination}{block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage} </div>
- {/block:Pagination}{/block:IndexPage}</div></td>
- </div>
- </p>
- </div>
- <div id="content">
- {block:Posts}
- <div id="post">
- {block:Title}{Title}{/block:Title}
- <div style="width: 200px; overflow: hidden">{block:Text}
- {block:IndexPage}{Body}
- {/block:IndexPage}{/block:Text}</div>
- {block:Photo}
- {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="200"/></a>{/block:IndexPage} {/block:Photo}
- <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
- <tr>
- <td width="500" valign="top">{block:Text}
- {block:PermalinkPage}{Body}
- {/block:PermalinkPage}{/block:Text}
- {block:PermalinkPage}{block:Video}
- {block:PermalinkPage}
- {Video-500}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Photoset}
- {block:PermalinkPage}
- {Photoset-500}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- {block:PermalinkPage}
- {Quote}
- <div align="right"> {block:Source}-{Source}{/block:Source} </div>
- {/block:PermalinkPage}
- {/block:Quote}
- {block:Link}
- {block:PermalinkPage} <a href="{URL}" class="link" {Target}>{Name}</a><br />
- {block:Description}{Description}{/block:Description}
- {/block:PermalinkPage}
- {/block:Link}
- {block:Chat}
- {block:PermalinkPage}
- {block:Lines}
- {block:Label} <br />
- {Label}
- {/block:Label}
- {Line}
- {/block:Lines}
- {/block:PermalinkPage}
- {/block:Chat}
- {block:Audio}
- {block:PermalinkPage}
- {AudioPlayerGrey} <br />
- <div align="right">{block:Artist}
- Artist: {Artist}</div>
- {/block:Artist}<br />
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Answer}
- <div style="width: 500px; overflow: hidden"> {block:PermalinkPage}
- <div style="border-radius:3px; width: 483px; border: 1px solid #b6b6b6; margin: 2px; margin-top: 0px; min-height:30px; padding: 4px; background-image:url({image:ask background}); "> <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 1px #E6DFDF; border-radius: 1px;"/>
- <askk>
- {Asker}
- </ask>
- asked: {Question}<br>
- </div>
- <span class="answer">{Answer}</span>
- <center>
- {block:PermalinkPage} </div>
- {/block:Answer}
- {block:Photo}
- </div>
- <a href="{PhotoURL-500}"><img src="{PhotoURL-500}" width="500" align="center" /></a>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:PermalinkPage}</div></td>
- <td width="300" valign="top">
- {block:PermalinkPage}
- <div id="notecontainer">{block:NoteCount}? This post has
- {NoteCount} notes
- {/block:NoteCount}{block:PostNotes}
- {PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}</td>
- </tr>
- </table>
- {/block:Photo}
- <div style="width: 200px; overflow: hidden"> {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {Photoset-250}
- {/block:IndexPage}
- {/block:Photoset}
- {block:Quote}
- {block:IndexPage}
- {Quote}
- <div align="right"> {block:Source}-{Source}{/block:Source} </div>
- {/block:IndexPage}
- {/block:Quote}
- {block:Video}
- {block:IndexPage} {Video-250}
- {/block:IndexPage}
- {/block:Video}
- {block:Link}
- {block:IndexPage} <a href="{URL}" class="link" {Target}>{Name}</a><BR>
- {block:Description}{Description}{/block:Description}
- {/block:IndexPage}
- {/block:Link}
- {block:Panorama}
- {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Panorama}
- {block:Chat}
- {block:IndexPage}
- {block:Lines}
- {block:Label} <br>
- {Label}
- {/block:Label}
- {Line}
- {/block:Lines}
- {/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- {block:IndexPage}
- {AudioPlayerGrey} <br>
- <div align="right">{block:Artist}
- Artist: {Artist}</div>
- {/block:Artist}<br>
- {block:Caption}{Caption}{/block:Caption}
- {/block:IndexPage}
- {/block:Audio}
- {block:rss}{rss}{/block:rss}
- {block:favicon}{favicon}{/block:favicon}
- {block:customcss}{customcss}{/block:customcss}
- {block:metadescription}{metadescription}{/block:metadescription}
- {block:photoalt}{photoalt}{/block:photoalt} </div>
- {block:Answer}
- <div style="width: 200px; overflow: hidden">{block:IndexPage}
- <div style="border-radius:3px; border: 1px solid #969696; margin: 2px; margin-top: 0px; min-height:30px; padding: 4px; background-image:url({image:ask background}); "> <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 1px #E6DFDF; border-radius: 1px;"/>
- <askk>{Asker}</ask>
- asked: {Question}<br></div>
- <span class="answer">{Answer}</span>
- <center>
- {block:IndexPage}</div>
- {/block:Answer}
- {block:IndexPage}<div class="perma"><span class="reblo"><a href="{permalink}" ">{NoteCountWithLabel}</a></span> <span class="lik">{LikeButton color="grey" size="18"}</span> <a href="{ReblogURL}" target="_blank"><img src="http://themes.sergiovargott.com/img/reblog.png" width="22" height="19" class="lik" /></a></div>{/block:IndexPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- {block:IfInfiniteScroll}
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
- <script src="http://tumblrchase.com/2.js"></script>
- {/block:IfInfiniteScroll}
- <!--Code for infinite scroll and grid layout-->
- <script>
- $(function() {
- $(window).scroll(function() {
- if($(this).scrollTop() != 0) {
- $('#toTop').fadeIn();
- } else {
- $('#toTop').fadeOut();
- }
- });
- $('#toTop').click(function() {
- $('body,html').animate({scrollTop:0},800);
- });
- });
- $(window).load(function () {
- // endless scrolling
- var $tumblelog = $('#content');
- {block:IfInfiniteScroll}
- $tumblelog.infinitescroll({
- navSelector : ".pagination",
- nextSelector : ".pagination a:first",
- itemSelector : "#post",
- bufferPx : 50,
- done : "",
- loading: {
- finishedMsg: 'No more posts to load.',
- img : "http://tumblrchase.com/loader.gif",
- msgText: 'Loading More Posts'
- },
- },
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $tumblelog.masonry( 'appended', $newElems);
- });
- }
- );
- {/block:IfInfiniteScroll}
- $tumblelog.imagesLoaded( function(){
- $tumblelog.masonry({
- columnWidth: function( containerWidth ) {
- return containerWidth / 100;
- }
- });
- });
- })();
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement