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">
- <!--
- "façade" by olivia (http://alaea.tumblr.com)
- ***This work is licensed under the Creative Commons Attribution 3.0 Unported License***
- without permission from me, it is illegal to
- • remove or change the credit
- • alter this html and take all credit
- • steal any piece(s) or part(s) of this html
- -->
- <head>
- <title>{title}</title>
- <meta name="if:background image" content="0"/>
- <meta name="if:to top button" content="0"/>
- <meta name="if:archive link" content="1"/>
- <meta name="if:only two links" content="1"/>
- <meta name="if:only three links" content="0"/>
- <meta name="if:only four links" content="0"/>
- <meta name="if:show all five links" content="0"/>
- <meta name="if:two columns" content=""/>
- <meta name="if:three columns" content="1"/>
- <meta name="if:four columns" content="0"/>
- <meta name="if:five columns" content="0"/>
- <meta name="font:body" content="Courier New"/>
- <meta name="font:head" content="Courier New"/>
- <meta name="text:body font size" content="11"/>
- <meta name="text:message link" content="/ask"/>
- <meta name="text:message link title" content="message"/>
- <meta name="text:archive link title" content="archive"/>
- <meta name="text:link one" content=""/>
- <meta name="text:link one title" content=""/>
- <meta name="text:link two" content=""/>
- <meta name="text:link two title" content=""/>
- <meta name="text:link three" content=""/>
- <meta name="text:link three title" content=""/>
- <meta name="text:link four" content=""/>
- <meta name="text:link four title" content=""/>
- <meta name="text:link five" content=""/>
- <meta name="text:link five title" content=""/>
- <meta name="image:background" content=""/>
- <meta name="color:background" content="#FFFFFF"/>
- <meta name="color:borders" content="#EEEEEE"/>
- <meta name="color:border hover" content="#BBBBBB"/>
- <meta name="color:text" content="#000000"/>
- <meta name="color:links" content="#BBBBBB"/>
- <meta name="color:link hover" content="#000000"/>
- <meta name="color:link hover background" content="#E2FF68"/>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
- <script type="text/javascript">
- //plugin
- jQuery.fn.topLink = function(settings) {
- settings = jQuery.extend({
- min: 1,
- fadeSpeed: 200
- }, settings);
- return this.each(function() {
- //listen for scroll
- var el = $(this);
- el.hide(); //in case the user forgot
- $(window).scroll(function() {
- if($(window).scrollTop() >= settings.min)
- {
- el.fadeIn(settings.fadeSpeed);
- }
- else
- {
- el.fadeOut(settings.fadeSpeed);
- }
- });
- });
- };
- //usage w/ smoothscroll
- $(document).ready(function() {
- //set the link
- $('#top-link').topLink({
- min: 400,
- fadeSpeed: 500
- });
- //smoothscroll
- $('#top-link').click(function(e) {
- e.preventDefault();
- $.scrollTo(0,300);
- });
- });
- $(window).load(function () {
- $('.posts').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : "div#navigation",
- // selector for the paged navigation (it will be hidden)
- nextSelector : "div#navigation a#nextPage",
- // selector for the NEXT link (to page 2)
- itemSelector : ".box",
- // selector for all items you'll retrieve
- bufferPx : 3000,
- extraScrollPx: 3000,
- loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
- loadingText : "<em></em>",
- },
- // call masonry as a callback.
- function() { $('.posts').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- <style type="text/css">
- .btitle {top:0px;margin:10px;position: relative; {block:iftwocolumns}{block:IndexPage}width:520px;{/block:IndexPage}{/block:iftwocolumns}{block:ifthreecolumns}{block:IndexPage}width:760px;{/block:IndexPage}{/block:ifthreecolumns}{block:iffourcolumns}{block:IndexPage}width:1050px;{/block:IndexPage}{/block:iffourcolumns}
- {block:iffivecolumns}{block:IndexPage}width:1290px;{/block:IndexPage}{/block:iffivecolumns}
- {block:PermalinkPage}width:100%;{/block:PermalinkPage}line-height:18px;}
- .btitle a{margin-right:10px; border-bottom:1px {color:text} solid;text-decoration:none;}
- .btitle a:hover{border-bottom:1px {color:text} dotted;}
- #tumblr_controls{top: 1px !important; margin: 0 0 0 0; right: 6px !important; position: fixed !important;}
- ::-webkit-scrollbar-thumb:vertical{background-color: {color:Links}; border-right: 8px solid {color:background};border-top: 8px solid {color:background};border-bottom: 8px solid {color:background};height: 100px;}
- ::-webkit-scrollbar-thumb:horizontal{background-color: {color:links};border-right: 8px solid {color:background};border-top: 8px solid {color:background};border-bottom: 8px solid {color:background};height: 10px !important;}
- ::-webkit-scrollbar{height: 16px; width: 16px; background-color: {color:background};}
- ::selection {
- background:{color:links};
- color:#FFF;}
- body{background:{color:background}; font-family:{font:body}; font-size:{text:body font size}px; color:{color:text};}
- .entry {top:0px;margin:auto auto auto 23px;position: relative; {block:iftwocolumns}{block:IndexPage}width:550px;{/block:IndexPage}{/block:iftwocolumns}{block:ifthreecolumns}{block:IndexPage}width:795px;{/block:IndexPage}{/block:ifthreecolumns}{block:iffourcolumns}{block:IndexPage}width:1280px;{/block:IndexPage}{/block:iffourcolumns}{block:iffivecolumns}{block:IndexPage}width:1330px;{/block:IndexPage}{/block:iffivecolumns}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
- a {color:{color:links};
- text-decoration:none;}
- a:hover {color:{color:link hover};
- background-color:{color:link hover background};
- text-decoration:none;}
- .tumblrAutoPager_page_info,
- .tumblrAutoPager_page_separator {display:none;}
- .post{float:left; margin-bottom:15px; margin-right:-35px; margin-left:-20px; padding:7px;}
- .perma {position:absolute; padding:5px; opacity:0; -webkit-transition: 0.2s ease-in;}
- .post:hover .perma {-webkit-transition: 0.2s ease-in; opacity:0.4;}
- .photocap {line-height:10px; font-size:8px; margin-top:-8px; background:{color:background}; padding:3px;}
- .photocap a{font-size:8px;}
- .photo{width:215px;{color:background};padding:10px;border:1px {color:borders} solid;-webkit-transition: 0.2s ease-in;}
- .photo:hover{border:1px {color:border hover} solid;-webkit-transition: 0.2s ease-in;}
- .photo img{width:215px; -webkit-transition: 0.2s ease-in;}
- .photo img:hover{-webkit-transition: 0.2s ease-in;}
- .photobig{{block:ifmultisizedposts}width:490px;{/block:ifmultisizedposts}{block:ifnotmultisizedposts}width:225px;{/block:ifnotmultisizedposts} background:{color:background}; padding:4px;border:1px {color:borders} solid;-webkit-transition: 0.2s ease-in;}
- .photobig:hover{border:1px {color:border hover} solid;-webkit-transition: 0.2s ease-in;}
- .photobig img{{block:ifmultisizedposts}width:490px;{/block:ifmultisizedposts}{block:ifnotmultisizedposts}width:225px;{/block:ifnotmultisizedposts} -webkit-transition: 0.2s ease-in;}
- .pset {width:233px; padding-bottom:2px;-webkit-transition: 0.2s ease-in;padding:4px; background:{color:background};border:1px {color:borders} solid;}
- .pset:hover{border:1px {color:border hover} solid;-webkit-transition: 0.2s ease-in;}
- .pset:hover {-webkit-transition: 0.2s ease-in;background:{color:background};}
- .video {width:500px;padding-bottom:2px;}
- .videos {width:215px;overflow:hidden;padding-bottom:2px;}
- .text,
- .quote{width:233px;background-color: {color:background};-webkit-transition: 0.2s ease-in;border:1px {color:border hover} dashed;}
- .text:hover{border:1px {color:border hover} solid;-webkit-transition: 0.2s ease-in;}
- .quote:hover{border:1px {color:border hover} solid;-webkit-transition: 0.2s ease-in;}
- .text:hover,
- .quote:hover{-webkit-transition: 0.2s ease-in;}
- .textbig,
- .quotebig{{block:ifmultisizedposts}width:498px;{/block:ifmultisizedposts}{block:ifnotmultisizedposts}width:250px;{/block:ifnotmultisizedposts} -webkit-transition: 0.2s ease-in; background-color: {color:background};border:1px {color:borders} solid;}
- .textbig:hover{border:1px {color:border hover} solid;-webkit-transition: 0.2s ease-in;}
- .quotebig:hover{border:1px {color:border hover} solid;-webkit-transition: 0.2s ease-in;}
- .photocap a {text-decoration:none;}
- .albumart {padding:10px; background: {color:background};border:1px {color:borders} solid;}
- .albumart:hover {border:1px solid {color:border hover}; -webkit-transition: 0.2s ease-in;}
- .albumart, .albumart img{{block:IndexPage}width:213px;{/block:IndexPage}{block:PermalinkPage}width:490px;{/block:PermalinkPage}}
- .audio{{block:IndexPage}margin-top:3px; width:213px;{/block:IndexPage}{block:PermalinkPage}width:488px;{/block:PermalinkPage}background:{color:background};padding:10px;border:1px {color:borders} solid;}
- .audio:hover{border:1px {color:border hover} solid;-webkit-transition: 0.2s ease-in;}
- .pag {z-index:1000;position:fixed; padding-left:4px;margin-left:1080px; bottom:40px;}.pag a {text-decoration:none;}
- .navigation{display:none;}
- ol.notes {width:480px; list-style-type: none;height:250px; overflow:auto;}
- ol.notes li.note {margin-left:-40px; margin-bottom:2px;padding:5px;}
- ol.notes li.note img.avatar { display:none; }
- .permalink{text-transform:uppercase;text-align:right;color:gray;position: relative;margin-top: -10px; margin-bottom: -5px;font-size: 10px;opacity: 0;filter: alpha(opacity = 0);-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4; font-family:Arial;}
- .permalink a{text-decoration:none;}
- div.post:hover .permalink{margin-top: 2px; margin-bottom: -5px; opacity: 1;filter: alpha(opacity = 100);-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}
- .perma {
- position:absolute;
- height:14px;
- bottom:27px;
- left:18px;
- opacity:0;
- filter: alpha(opacity = 0);
- -moz-transition: all 0.2;
- -webkit-transition: all 0.2s;
- -o-transition: all 0.2s;
- transition: all 0.2;}
- .post:hover
- .perma {opacity:0.7;
- filter: alpha(opacity = 70);
- -moz-transition: all 0.2;
- -webkit-transition: all 0.2s;
- -o-transition: all 0.2s;transition: all 0.2;}
- .liker {position:absolute;
- height:14px;
- bottom:36px;
- left:48px;
- opacity:0;
- filter: alpha(opacity = 0);
- -moz-transition: all 0.2;
- -webkit-transition: all 0.2s;
- -o-transition: all 0.2s;
- transition: all 0.2;}
- .likerr {display:inline-block;
- margin-right:5px;
- padding:4px;
- height:14px;}
- .likerr a {color:none;
- text-decoration:none;}
- .post:hover
- .liker {opacity:0.7;
- filter: alpha(opacity = 70);
- -moz-transition: all 0.2;
- -webkit-transition: all 0.2s;
- -o-transition: all 0.2s;transition: all 0.2;}
- #top-link {position:fixed; z-index:99999; left:-4.5px; bottom:17px; text-align:center; }
- #top-link:hover{}
- .credit {
- text-align:right;
- bottom:15px;
- right:15px;
- position:fixed;
- opacity:0.5;
- }
- #bg img {z-index:-1;position:fixed;top:0;left:0;width:100%;height:100%;}
- </style>
- {block:Ifbackgroundimage}<div id="bg"><img src="{image:Background}"></div>{/block:Ifbackgroundimage}
- <script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
- <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
- <script src="http://static.tumblr.com/twte3d7/H82lxkzfb/infinitescroll.js"></script>
- <script>
- $(function(){
- var $container = $('.entry');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.post',
- columnWidth: 265
- });
- });
- $container.infinitescroll({
- navSelector : 'div.navigation', // selector for the paged navigation
- nextSelector : '.navigation a#next', // selector for the NEXT link (to page 2)
- itemSelector : '.post', // selector for all items you'll retrieve
- loading: {
- finishedMsg: '<em></em>',
- }
- },
- // trigger Masonry as a callback
- function( newElements ) {
- // hide new items while they are loading
- var $newElems = $( newElements ).css({ opacity: 0 });
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- // show elems now they're ready
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- </head>
- <body>
- {block:ifToTop}<a href="#top"><div id="top-link"><img src="http://static.tumblr.com/j1tjexd/eDEm4btkw/monotone_arrow_left_small.png" width="40" height="40"></div></a>{/block:ifToTop}
- <div class="navigation">
- {block:Pagination}
- {block:NextPage}
- <p id="page_nav">
- <a style="float:right" href="{NextPage}" id="next">← previous posts</a>
- {/block:NextPage}
- {block:PreviousPage}
- <a style="float:left" href="{PreviousPage}">next posts →</a>
- </p>
- {/block:PreviousPage}
- {/block:Pagination}
- </div>
- <div class="btitle">
- <a href="/">{title}</a>//
- <a href="/ask">{text:message link title}</a>
- {block:ifonlytwolinks}/ <a href="{text:link one}">{text:link one title}</a>
- / <a href="{text:link two}">{text:link two title}</a>{/block:ifonlytwolinks}
- {block:ifonlythreelinks}/ <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>{/block:ifonlythreelinks}
- {block:ifonlyfourlinks}/ <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="{text:link four}">{text:link four title}</a>{/block:ifonlyfourlinks}
- {block:ifshowallfivelinks}/ <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="{text:link four}">{text:link four title}</a>
- / <a href="{text:link five}">{text:link five title}</a>{block:ifshowallfivelinks}
- {block:HasPages}{block:Pages}/ <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
- {block:ifarchivelink}/ <a href="/archive">{text:archive link title}</a>{/block:ifarchivelink}
- // <a href="http://alaea.tumblr.com">theme</a>
- <p>{block:Description}<b>{description}</b>{/block:description}</p>
- </div>
- <div class="entry">
- {block:Posts}
- <div class="post">
- {block:Photo}
- {block:IndexPage}<span class="perma"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/p25m8ecft/reblog.png" title="reblog" style="-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
- -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
- box-shadow: 0px 0px 0px rgba(0,0,0,0.33);">
- </a></span><div class="liker"><div class="likerr">
- <img height="20" style="height:20px;cursor:pointer;" src="http://static.tumblr.com/j1tjexd/raBm8ecgy/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>
- </div></div>
- <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
- <div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>{/block:IndexPage}
- {block:PermalinkPage}<center><div style="margin-left:-25px;"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/></div></center>{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}<div class="pset">{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="220px"/></a>{/block:Photos}
- <div class="photocap">{Caption}</div>
- </div>{/block:IndexPage}
- {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
- {/block:Photoset}
- {block:Text}
- {block:IndexPage}
- <div class="text"><div style="padding:10px;"><div style="padding-bottom:5px;"><a href="{Permalink}">{Title}</a></div><div style="border-top:1px solid {color:borders};">{Body}</div><div class="permalink"><a href="{Permalink}">{block:Date}✖{block:Date}</a></div></div></div>
- <div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>
- {/block:IndexPage}
- {block:PermalinkPage}<div style="width:500px"><div style="padding-bottom:5px;">{Title}</div><div style="border-top:1px solid {color:borders};">{Body}</div></div>{/block:PermalinkPage}
- {/block:Text}
- {block:Quote}
- {block:IndexPage}
- <div class="quote"><div style="padding:10px;">{Quote} ―<i><b>{Source}</b></i><br><div class="permalink"><a href="{Permalink}">{block:Date}✖{block:Date}</a></div></div></div>
- <div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>
- {/block:IndexPage}
- {block:PermalinkPage}<div style="width:500px">{Quote} ―<i><b>{Source}</b></i></div>{/block:PermalinkPage}
- {/block:Quote}
- {block:Link}
- {block:IndexPage}<div class="text"><div style="padding:10px;"><a href="{URL}" target="{Target}">{Name}</a>
- {block:Description}{Description}{/block:Description}<div class="permalink"><a href="{Permalink}">{block:Date}✖{block:Date}</a></div></div></div><div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>{/block:IndexPage}
- {block:PermalinkPage}<div style="width:500px"><a href="{URL}" target="{Target}">{Name}</a>
- {block:Description}{Description}{/block:Description}</div>{/block:PermalinkPage}
- {/block:Link}
- {block:Answer}
- {block:IndexPage}<div class="text"><div style="padding:10px;"><b>Q</b>: {Question}<br><i>asked by {Asker}</i><br>{Answer}<div class="permalink"><a href="{Permalink}">{block:Date}✖{block:Date}</a></div></div></div>{/block:IndexPage}
- {block:PermalinkPage}<div style="width:500px"><b>Q</b>: {Question}<br><i>asked by {Asker}</i> <br>{Answer}</div>{/block:PermalinkPage}
- {/block:Answer}
- {block:Chat}
- {block:IndexPage}<div class="text"><div style="padding:10px;">{block:Title}<b>{Title}</b>{/block:Title}
- {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}<p><div class="permalink"><a href="{Permalink}">{block:Date}✖{block:Date}</a></div></div></div>{/block:IndexPage}
- {block:PermalinkPage}<div style="width:500px">{block:Title}<b>{Title}</b>{/block:Title}
- {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}</div>{/block:PermalinkPage}
- {/block:Chat}
- {block:Video}
- {block:ifmultisizedposts}{block:IndexPage}<div class="video">{Video-400}</div><div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>{/block:IndexPage}{/block:ifmultisizedposts}
- {block:ifnotmultisizedposts}{block:IndexPage}<div class="videos">{Video-400}</div><div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>{/block:IndexPage}{/block:ifnotmultisizedposts}
- {block:PermalinkPage}<div style="width:500px">{Video-500}</div>{/block:PermalinkPage}
- {/block:Video}
- {block:Audio}
- {block:IndexPage}<div class="audio">{AudioPlayerBlack}<div class="permalink"><a href="{Permalink}">{block:Date}✖{block:Date}</a></div></div>{/block:IndexPage}
- {block:PermalinkPage}<div style="width:500px">{AudioPlayerBlack}<br>{Caption}</div>{/block:PermalinkPage}
- {/block:Audio}
- {block:PostNotes}
- <br><br>{block:RebloggedFrom}<b>via</b>: {ReblogParentName}{/block:RebloggedFrom}<br>{block:ContentSource}<b>source</b>: {SourceURL} {/block:ContentSource}<br><br>{block:Date}{TimeAgo} // {NoteCountWithLabel}{/block:Date}
- <br><br>{PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- <iframe id="likes_frame" style="height:1px;width:1px;position:absolute;left:-500px;"></iframe>
- <div style="display:block;bottom:3px;right:3px;font-size:28px;font-family: 'Didact Gothic', sans-serif;position:fixed;background-color:#ffffffz-index:6;opacity:0.75;"><a href="http://olivia-themes.tumblr.com/">✩</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement