Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Egen Theme Version 1.0 (December 08, 2013) designed and created by Luis V, brought to you by Aesthetic Themes.
- By using this theme you're agreeing to NOT to do any of the following:
- - removing the credit(s) or alter them in any way;
- - stealing any parts/codes of the theme and claiming them as yours;
- - editing the HTML and claiming it to be yours;
- - using this theme as base code;
- violating any of these terms will result in blog suspension/termination
- -->
- <html>
- <head>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
- <script type="text/javascript" async src="http://static.tumblr.com/fna2ccp/5ixmx5ji6/pinit.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/qkgmvnb/KwSmqd1od/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/qkgmvnb/1S4mqd23i/jqueryinfintescroll.js"></script>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}"/>
- <meta name="select:Title Font" content="Fontin Bold" title="Default">
- <meta name="select:Title Font" content="Lobster Bold" title="Lobster">
- <meta name="select:Title Font" content="Open Sans, sans-serif" title="Open Sans">
- <meta name="color:Background" content="#f8f8f8" />
- <meta name="color:Text" content="#1b1c1e" />
- <meta name="color:Links" content="#1b1c1e" />
- <meta name="color:Hover" content="#666" />
- <meta name="color:Header Background" content="#fff" />
- <meta name="color:Posts Background" content="#fff" />
- <meta name="color:Scrollbar" content="#ccc" />
- <meta name="color:Title Color" content="#1b1c1e" />
- <meta name="color:Go To Top" content="#ff7600" />
- <meta name="if:Navigation Bar" content="1">
- <meta name="if:Social Media" content="0">
- <meta name="if:Go To Top" content="1">
- <meta name="image:Background" content=""/>
- <meta name="image:Banner" content=""/>
- <meta name="text:Twitter URL" content="">
- <meta name="text:Facebook URL" content="">
- <meta name="text:Instagram URL" content="">
- <meta name="text:Pinterest URL" content="">
- <meta name="text:Youtube URL" content="">
- <meta name="text:Ask Title" content="contact"/>
- <meta name="text:Ask Link" content="/ask"/>
- <meta name="text:Archive Title" content="archive"/>
- <meta name="text:Custom Link One" content="" />
- <meta name="text:Custom Link One Title" content="" />
- <meta name="text:Custom Link Two" content="" />
- <meta name="text:Custom Link Two Title" content="" />
- <meta name="text:Custom Link Three" content="" />
- <meta name="text:Custom Link Three Title" content="" />
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#content');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/fna2ccp/GPwmx8iit/301__2_.gif'
- },
- bufferPx : 600,
- debug : false,},
- // call masonry as a callback.
- function( newElements ) {
- window.n = window.n || 1;
- Tumblr.LikeButton.get_status_by_page(++window.n);
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});
- {block:ifNavigationBar}
- $(document).ready(function() {
- var s = $(".menu");
- var pos = s.position();
- $(window).scroll(function() {
- var windowpos = $(window).scrollTop();
- if (windowpos >= pos.top) {
- s.addClass("stick");
- } else {
- s.removeClass("stick");}});});
- {/block:ifNavigationBar}
- $(function() {
- $("#gotopA").click(function(){
- var target = $("html");
- $('html, body').animate({
- scrollTop: target.offset().top
- }, 1000);});
- var gotop = $("#gotopA");
- var gotopTop = "300";
- var view = $( window );
- view.bind("scroll resize", function(){
- var viewTop = view.scrollTop();
- if (viewTop > gotopTop){
- gotop.fadeIn(200);
- }
- else if (viewTop <= gotopTop){
- gotop.fadeOut(200);}});});
- </script>
- <style type="text/css">
- ::-webkit-scrollbar{width:7px;height:0;background:transparent;}
- ::-webkit-scrollbar-thumb {background:{color:Scrollbar};}
- @font-face
- {font-family: Lobster Bold;
- src: url('http://static.tumblr.com/fna2ccp/B5imx5l9d/lobstertwo-bold.otf');}
- @font-face
- {font-family: Fontin Bold;
- src: url('http://static.tumblr.com/fna2ccp/R8hmx5mmm/fontin-bold.ttf');}
- #infscr-loading{
- position:fixed;
- bottom:10px;
- left:0px;
- width:100%;}
- #infscr-loading img {
- display: block;
- position:relative;
- z-index:4;bottom:50px;
- margin: 0px auto;}
- #tumblr_controls{
- top: 1px !important;
- margin: 0;
- right: 1px !important;
- position: fixed !important;}
- a{
- text-decoration:none;
- color:{color:Links};
- -moz-transition: 0.2s ease-in;
- -webkit-transition: 0.2s ease-in;
- -o-transition: 0.2s ease-in;
- transition: 0.2s ease-in;}
- a:link, a:active, a:visited{
- color:{color:Links};}
- a:hover{
- color:{color:Hover};}
- body{
- width:100%;
- margin:0;
- font-size:10pt;
- font-family: 'Open Sans', sans-serif;
- font-weight:400;
- line-height:15px;
- color:{color:Text};
- background: url("{image:Background}") {color:Background};}
- #header{
- width:100%;
- position:relative;
- margin:0;
- height:auto;
- text-align:center;
- z-index:2;
- color:{color:Text};
- background:{color:Header Background};
- padding:0;}
- .title{
- top:0;
- padding-top:10px;
- height:auto;
- font-family: {select:Title Font};
- font-weight:700;
- width:100%;
- line-height:80px;
- font-size: 38pt;
- color:{color:Title Color};}
- .title a:link,.title a:active,.title a:visited {
- color:{color:Title Color};}
- .banner{
- margin-top:10px;
- padding:0;
- max-height:300px;
- width:auto;}
- .desc{
- margin:0;
- padding:5px 0;
- overflow:hidden;
- font-size:8pt;
- width:100%;
- height:auto;}
- .social_media{
- width:100%;
- height:30px;
- padding-top:5px;
- line-height:30px;}
- .stick{
- position:fixed;
- top:0;}
- .menu{
- padding:15px 0 0 5px;
- line-height:15px;
- background:{color:Header Background};
- width:100%;
- height:30px;}
- .links{
- padding:0;
- margin-right:15px;
- text-transform:uppercase;
- width:auto;
- font-size:8pt;
- height:auto;
- text-align:center;}
- #content{
- position:relative;
- width: 1080px;
- margin:10px auto;
- position:relative;
- {block:PermalinkPage}
- width: 810px;
- {/block:PermalinkPage}}
- .entry{
- padding:0;
- margin:10px;
- float:left;
- height:auto;
- background:{color:Posts Background};
- {block:IndexPage}
- width:250px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin:0;
- width:400px;
- height:auto;
- {/block:PermalinkPage}}
- .entry img, .entry .photoset, .entry .video{
- margin-bottom:-3px;}
- .entry .video{
- background:{color:Background};}
- .text_post{
- text-align:justify;
- padding:15px;
- -webkit-box-shadow:inset 0 5px 0 0 #eee;
- -moz-box-shadow:inset 0 5px 0 0 #eee;
- box-shadow:inset 0 5px 0 0 #eee;}
- .likex{
- background:#000;
- bottom:5px;
- left:10px;
- padding:2px 3px 1px 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- position:absolute;}
- .reblogx{
- background:#000;
- padding:3px;
- bottom:5px;
- left:30px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- position:absolute;}
- .notes_button{
- background:#000;
- font-size:7pt;
- padding:2px;
- bottom:5px;
- left:50px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- position:absolute;}
- .notes_button a:link,.notes_button a:active,.notes_button a:visited {
- color:#fff;}
- .like_and_reblog_buttons {
- list-style: none;
- position:absolute;
- left:0;
- width:auto;
- opacity:0;
- bottom:-10px;
- -webkit-transition: 0.2s;
- -webkit-transition: 0.2s;
- -moz-transition: 0.2s;
- transition: 0.2s;}
- .entry:hover .like_and_reblog_buttons{
- opacity:0.8;
- -webkit-transition: 0.2s;
- -webkit-transition: 0.2s;
- -moz-transition: 0.2s;
- transition: 0.2s;}
- .permalink{
- display:block;
- opacity:0.9;
- text-align:right;
- font-size:7pt;
- margin-top:10px;}
- .post_title{
- display:block;
- font-weight:700;
- font-size:11pt;
- line-height:24px;
- text-transform:none;
- {block:PermalinkPage}
- margin-top:15px;
- {/block:PermalinkPage}}
- .quote{
- text-transform:none;
- margin-bottom:5px;}
- .chat ul{
- list-style:none;
- margin-left:-40px;}
- .chat li{
- list-style:none;
- margin-left:-40px;
- border-bottom:1px solid #dddddd;
- padding-top:5px;
- padding-bottom:5px;}
- .audio{
- {block:IndexPage}
- width:240px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:390px;
- {/block:PermalinkPage}
- background-color:#fff;
- padding:5px;
- margin-bottom:0;}
- .audiocap, .videocap{
- display:block;
- padding:10px;}
- .albumart, .albumart img{
- {block:IndexPage}
- width:250px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:400px;
- {/block:PermalinkPage}}
- .question{
- padding:10px;
- background:#eee;
- position:relative;
- text-align:left;}
- .question:after {
- content: "";
- position: absolute;
- bottom: -10px;
- left: 20px;
- border-style: solid;
- border-width: 10px 10px 0;
- border-color: #eee transparent;
- display: block;
- width: 0;
- z-index: 1;}
- .answer{
- padding:0 15px 15px 15px;
- text-align:justify;}
- .captions_title{
- display:block;
- font-weight:700;
- font-size:11pt;
- line-height:20px;}
- .share{
- position:absolute;
- top:0;
- left:410px;
- padding:15px;
- width:370px;
- height:70px;
- background:{color:Posts Background};}
- .share .captions_title{
- margin-bottom:20px;}
- .share_icons{
- margin-right:5px;}
- .notex{
- position:absolute;
- top:110px;
- left:410px;
- padding:15px;
- width:370px;
- max-height:400px;
- overflow:scroll;
- background:{color:Posts Background};}
- .notex li{
- list-style-type:none;
- margin-top:5px;
- margin-left:-40px;}
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="fb-root"></div>
- <script>(function(d, s, id) {
- var js, fjs = d.getElementsByTagName(s)[0];
- if (d.getElementById(id)) return;
- js = d.createElement(s); js.id = id;
- js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
- fjs.parentNode.insertBefore(js, fjs);
- }(document, 'script', 'facebook-jssdk'));</script>
- <div id="header">
- <div class="title"><a href="/">{block:ifnotBannerImage}{Title}{/block:ifnotBannerImage}{block:ifBannerImage}<img src="{image:Banner}" class="banner">{/block:ifBannerImage}</a>
- </div><!--- Title --->
- {block:ifSocialMedia}
- <div class="social_media">
- <!--- Twitter --->
- {block:ifTwitterURL}
- <a href="http://twitter.com/{text:Twitter URL}">
- <img src="http://static.tumblr.com/qkgmvnb/A9bmxhte5/1386535940_43-twitter.png"/>
- </a>
- {/block:ifTwitterURL}
- <!--- Facebook --->
- {block:ifFacebookURL}
- <a href="https://www.facebook.com/{text:Facebook URL}">
- <img src="http://static.tumblr.com/qkgmvnb/Nzgmxhtel/1386535924_46-facebook.png"/>
- </a>
- {/block:ifFacebookURL}
- <!--- Instagram --->
- {block:ifInstagramURL}
- <a href="http://instagram.com/{text:Instagram URL}">
- <img src="http://static.tumblr.com/qkgmvnb/kaHmxht7m/1386535780_78-instagram.png"/>
- </a>
- {/block:ifInstagramURL}
- <!--- Pinterest --->
- {block:ifPinterestURL}
- <a href="http://pinterest.com/{text:Pinterest URL}">
- <img src="http://static.tumblr.com/qkgmvnb/TpDmxhtex/1386535932_73-pinterest.png"/>
- </a>
- {/block:ifPinterestURL}
- <!--- YouTube --->
- {block:ifYouTubeURL}
- <a href="http://www.youtube.com/user/{text:YouTube URL}">
- <img src="http://static.tumblr.com/qkgmvnb/Up0mxhtf4/1386535919_58-youtube.png"/>
- </a>
- {/block:ifYouTubeURL}
- </div>
- {/block:ifSocialMedia}
- <div class="desc">{block:Description}{Description}{/block:Description}</div>
- <div class="menu">
- <a href="/" class="links">home</a>
- {block:ifAskTitle}<a href="{text:Ask Link}" class="links">{text:Ask Title}</a>{/block:ifAskTitle}
- {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
- {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
- {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
- {block:ifArchiveTitle}<a href="/archive" class="links">{text:Archive Title}</a>{/block:ifArchiveTitle}
- </div><!--- Menu --->
- </div><!--- Header --->
- <div id="content">
- <div class="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}
- <div class="text_post">
- {block:Title}<span class="post_title">{Title}</span>{/block:Title}
- {Body}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {TimeAgo} with {NoteCount} notes</a></div>{/block:IndexPage}
- </div>
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- <ul class="like_and_reblog_buttons">
- <li class="likex">{LikeButton color="white" size="13"}</li>
- <li class="reblogx">{ReblogButton color="white" size="13"}</li>
- <li class="notes_button"><a href="{Permalink}">{NoteCount}</a></li>
- </ul>
- {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" width="100%"></a>{LinkCloseTag}{/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}<a href="{permalink}"><img
- class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"
- width="400px"/></a>{LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">
- {block:IndexPage}
- <ul class="like_and_reblog_buttons">
- <li class="likex">{LikeButton color="white" size="13"}</li>
- <li class="reblogx">{ReblogButton color="white" size="13"}</li>
- <li class="notes_button"><a href="{Permalink}">{NoteCount}</a></li>
- </ul>
- {Photoset-250}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
- {block:IndexPage}{/block:IndexPage}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="text_post">
- <div class="quote"><b><i>" </i></b>{Quote} <b><i>"</i></b> </div>
- {block:Source}<small>{Source}</small>{/block:Source}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {TimeAgo} with {NoteCount} notes</a></div>{/block:IndexPage}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="text_post">
- <a href="{URL}"{Target}><span class="post_title">{Name}</span></a>
- {block:Description}<small>{Description}</small>{/block:Description}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {TimeAgo} with {NoteCount} notes</a></div>{/block:IndexPage}
- </div>
- {/block:Link}
- {block:Video}
- <div class="video">
- {block:IndexPage}
- <center>
- {Video-250}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Video-400}</center>
- {/block:PermalinkPage}
- </div>
- {block:Video}
- {block:Chat}
- <div class="text_post">
- <div class="chat">
- {block:Title}
- <div class="post_title">{Title}</div>
- {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {TimeAgo} with {NoteCount} notes</a></div>{/block:IndexPage}
- </div></div>
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></a></div>{/block:AlbumArt}
- <div class="audio">{AudioPlayerWhite}</div>
- {block:IndexPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Audio}; margin-bottom:9px; margin-left:20px; font-size:18px; "></div><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
- {block:PermalinkPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Audio}; margin-bottom:9px; margin-left:20px; font-size:18px; "></div>{Caption}</div>{/block:Caption}{/block:PermalinkPage}
- {/block:Audio}
- {block:Answer}
- <div class="text_post" style="padding:0;">
- <div class="question">{Asker} asked: {Question}</div>
- <div class="answer">{Answer}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {TimeAgo} with {NoteCount} notes</a></div>{/block:IndexPage}</div>
- </div>
- {/block:Answer}
- {block:PostNotes}
- <div class="share">
- <div class="captions_title">Share post</div>
- <!-- Pinterest -->
- <span class="share_icons"><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a></span>
- <!-- Facebook -->
- <span class="share_icons"><div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div></span>
- <!-- Twitter -->
- <span class="share_icons"><a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
- <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span>
- <!-- Google+ -->
- <span class="share_icons" style="margin-left:-30px;"><div class="g-plusone" data-size="medium"></div>
- <script type="text/javascript">
- (function() {
- var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
- po.src = 'https://apis.google.com/js/platform.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
- })();
- </script></span>
- </div>
- <div class="notex">
- {block:Caption}{Caption}{/block:Caption}
- <span class="captions_title">{NoteCountWithLabel}</span>{PostNotes-16}</div>
- {/block:PostNotes}
- </div> <!-- Entry -->
- {/block:Posts}
- </div> <!-- Posts -->
- {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> <!-- Pagination -->
- {/block:Pagination}
- {/block:IndexPage}
- </div> <!-- Content -->
- {block:ifGoToTop}
- <a href="javascript:void(0);" id="gotopA" style="display:none;"><span style="background:url(http://static.tumblr.com/qkgmvnb/nnFmohzys/scroll_arrow.png)no-repeat 50% 50%;background-color:{color:Go To TOp};width:28px;height:22px;text-align:center;position:fixed;right:15px;bottom:15px;-webkit-border-radius:2px;border-radius:2x;"></span></a>
- {/block:ifGoToTop}
- <!-- DO NOT REMOVE -->
- <div style="position:fixed;z-index:99999999; !important;top:27px;right:4px;"><a href="http://aesthetic-themes.tumblr.com"><img src="http://static.tumblr.com/wpm3fau/FLGmm1cfw/it.png"></a></div>
- <div style="position:fixed;bottom:2px;left:4px;z-index:9999999;"><a href="http://aesthetic-themes.tumblr.com/"><img src="http://static.tumblr.com/eogznet/aKvmr12r1/ae.png" width="14px" title="Aesthetic Themes"></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment