Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- Theme: Base sidebar by Build Themes
- Base code: Build Themes (http://buildthemes.tumblr.com/code/base-sidebar)
- Version: 1.4
- -->
- <link href='http://fonts.googleapis.com/css?family=Butterfly+Kids|Niconne|Pompiere|Linden+Hill:400,400italic' rel='stylesheet' type='text/css'>
- <meta name="color:Background" content="#369fa0" />
- <meta name="color:Body links" content="#615151" />
- <meta name="color:Body text" content="#1d1818" />
- <meta name="color:Text highlight" content="#d83e3e" />
- <meta name="font:Body" content='Calibri, Candara, Segoe'/>
- <meta name="if:Infinite scroll" content="1"/>
- <meta name="image:Background" content="" />
- <meta name="text:Font size" content='0.8em'/>
- <meta name="text:Post margin" content='5px'/>
- <meta name="text:Post width" content='400px'/>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1.0, width=device-width" />
- <title>{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!--SIDEBAR CUSTOMIZATION -->
- <meta name="color:Sidebar Background" content="#f3f3e9" />
- <meta name="color:Sidebar Border" content="" />
- {block:IfQuote1}
- <meta name="if:Quote 1" content="1" />
- <meta name="text:Quote 1" content="I have hated words and I have loved them, and I hope I have made them right." />
- <meta name="text:Quote 1 Source" content="markus zuzak" />
- {/block:IfQuote1}
- <meta name="if:Quote 2" content="1" />
- {block:IfQuote2}
- <meta name="text:Quote 2" content="There’s quite a difference, isn’t there, between what was and what should have been. There’s an awful lot of one but there’s an infinity of the other." />
- <meta name="text:Quote 2 Source" content="doctor who" />
- {/block:IfQuote2}
- <meta name="if:Quote 3" content="1" />
- {block:IfQuote3}
- <meta name="text:Quote 3" content="The lone wolf dies but the pack survives" />
- <meta name="text:Quote 3 Source" content="game of thrones" />
- {/block:IfQuote3}
- <meta name="if:Quote 4" content="1" />
- {block:IfQuote4}
- <meta name="text:Quote 4" content="It is our choices, Harry, That show what we truly are, far more than our abilities." />
- <meta name="text:Quote 4 Source" content="harry potter" />
- {/block:IfQuote4}
- <meta name="if:Quote 5" content="1" />
- {block:IfQuote5}
- <meta name="text:Quote 5" content="The monsters of the mind are far worse than those that actually exist." />
- <meta name="text:Quote 5 Source" content="brisingr" />
- {/block:IfQuote5}
- <meta name="if:Quote 6" content="1" />
- {block:IfQuote6}
- <meta name="text:Quote 6" content="Friendship is born at that moment when one person says to another: What! You too? I thought I was the only one." />
- <meta name="text:Quote 6 Source" content="c.s. lewis" />
- {/block:IfQuote6}
- <meta name="if:Quote 7" content="1" />
- {block:IfQuote7}
- <meta name="text:Quote 7" content="Le vent se lève! … il faut tenter de vivre!" />
- <meta name="text:Quote 7 Source" content="the wind rises" />
- {/block:IfQuote7}
- <!-- NAVIGATION CUSTOMIZATION -->
- <meta name="image:Side Picture" content="https://s3.amazonaws.com/teepublicuploadsproduction/uploads/MaskMockupTee_59639c16-1e9a-4682-9850-2ced37bdac51_display.png" />
- <meta name="color:Tooltip Background" content="#f3f3e9" />
- <meta name="color:Tooltip Border" content="#dbdbd2" />
- <meta name="color:Tooltip Font Color" content="#61615d" />
- <meta name="text:Link 1" content="/"/>
- <meta name="text:Link 1 Name" content="a link"/>
- <meta name="text:Link 2" content="/"/>
- <meta name="text:Link 2 Name" content="a link"/>
- <meta name="text:Link 3" content="/"/>
- <meta name="text:Link 3 Name" content="a link"/>
- <meta name="text:Link 4" content="/"/>
- <meta name="text:Link 4 Name" content="a link"/>
- <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--bubble tooltip from tutorial-baby! Enjoy-->
- <!-- LAZY LOAD SCRIPT -->
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- <style type="text/css">
- .tooltip{
- display: inline;
- position: relative;
- opacity: 0.4;
- filter: alpha(opacity=40); /* For IE8 and earlier */
- }
- #s-m-t-tooltip {
- max-width:300px; /*how big the tooltip can be at most*/
- line-height: 100%;
- border-radius: 2px; /*change your border radius*/
- padding: 2px;
- text-align: center;
- margin: 20px 7px 10px -20px; /*distance from word*/
- background-color: rgba(166, 172, 173, 0.4); /*background color*/
- border:1px solid gray; /*border info*/
- font-family: Monospace; /*tooltip font*/
- font-size: 1em calc(-1%); /*tooltip font size*/
- letter-spacing:2px; /*tooltip letter spacing*/
- font-variant: small-caps; /*makes the tooltip title uppercase*/
- color: black; /*tooltip font color*/
- z-index:999999999999999999999999999999999999;
- overflow: visible;
- }
- /*Basic styles*/
- * {
- border-radius: 2px;
- }
- ::-moz-selection {
- background: {color:Text highlight};
- color: #fff;
- }
- ::selection {
- background: {color:Text highlight};
- color: #fff;
- }
- #content {
- margin: 2%;
- width: 64%;
- float: right;
- font-size: 11px;
- font-family:;
- }
- body {
- background: {color:Background Color} url('{image:Background}') no-repeat center center fixed;
- background-size: cover;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- font-family: {font:Body};
- font-size: 1em;
- margin: 0;
- padding: 0;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- img {
- height: auto;
- width: auto;
- }
- a {
- color: {color:Body links};
- text-decoration: none;
- }
- blockquote {
- background: rgba(0, 0, 0, 0.1);
- border-left: 3px solid rgba(0, 0, 0, 0.2);
- margin: 0;
- padding: 2%;
- }
- /*Masthead/Sidebar*/
- }
- nav li {
- display: inline;
- }
- /*Article*/
- article {
- background: rgba(166, 172, 173, 0.4);
- padding: 1%;
- margin: {text:Post margin};
- width: {text:Post width};
- }
- .chat span {
- float: left;
- margin-right: 1%;
- }
- /*Metadata*/
- .metadata {
- border-bottom: 1px solid gray;
- font-size: 10px;
- display: inline-block;
- width: 100%;
- background-color: rgba(166, 172, 173, 0.4);
- color: black;
- padding: 1%;
- }
- .notecount {
- float: right;
- }
- .reblogged {
- float: right;
- background-color: rgba(166, 172, 173, 0.4);
- margin: 3% 0;
- padding-left: 1%;
- border-top: 1px solid gray;
- font-size: 10px;
- width: 100%;
- }
- /* PAGINATION CSS */
- #pagination {
- background-color: {color:Sidebar Background};
- width: 50px;
- height: 50px;
- position: fixed;
- left: 200px;
- bottom: 0px;
- border-left: 1px solid {color:Sidebar Border};
- border-top: 1px solid {color:Sidebar Border};
- border-right: 1px solid {color:Sidebar Border};
- opacity: 0.4;
- filter: alpha(opacity=40); /* For IE8 and earlier */
- }
- #pagination:hover {
- opacity: 0.7;
- filter: alpha(opacity=70);
- }
- #pagination .pagina {
- display: block;
- text-align: center;
- line-height: 50px;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- }
- #pagination .pagina:hover {
- color: black;
- text-decoration: none;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- }
- /*Tags and notes*/
- #tags, nav ul, .chat ul {
- list-style: none;
- list-style-image: none;
- margin: 0;
- padding: 0;
- }
- #tags li {
- float: left;
- margin-right: 1%;
- }
- .notes {
- clear: both;
- padding: 0;
- }
- /* SIDEBAR / QUOTES CSS */
- #sidebar {
- width: 250px;
- height: 90%;
- position: fixed;
- top: 10px;
- left: 10px;
- overflow: visible;
- }
- #sidebar .citas {
- background-color: {color:Sidebar Background};
- opacity: 0.4;
- filter: alpha(opacity=40); /* For IE8 and earlier */
- width: 220px;
- margin-top: 5%;
- border: 1px solid {color:Sidebar Border};
- }
- #sidebar .citas:nth-of-type(odd) {
- float: right;
- }
- #sidebar .citas:nth-of-type(even) {
- float: left;
- }
- #sidebar .cita {
- font-family: 'Pompiere', 'Times New Roman', serif;
- font-size: calc(1em -2px);
- opacity: 1;
- filter: alpha(opacity=100); /* For IE8 and earlier */
- width: 90%;
- text-align: justify;
- padding: 2% 1% 0 2%;
- line-height: 95%;
- }
- #sidebar .autor {
- font-family: Monospace;
- font-size: 1em;
- text-align: right;
- font-variant: small-caps;
- padding: 0 2% 2% 0;
- }
- /* NAVIGATION CSS */
- #navigation {
- position: fixed;
- display: inline;
- left: 0;
- bottom: 1px;
- height: 50px;
- width: 250px;
- }
- #navigation .linkis-todo {
- background-color: {color:Sidebar Background};
- width: 190px;
- border: 1px solid {color:Sidebar Border};
- opacity: 0.4;
- filter: alpha(opacity=40); /* For IE8 and earlier */
- }
- #navigation .linkis-todo:hover {
- opacity: 0.7;
- filter: alpha(opacity=70); /* For IE8 and earlier */
- }
- #navigation .linkis {
- position: relative;
- left: 53px;
- line-height: 50px;
- padding: 20px 5px 20px 5px;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- }
- #navigation .linkis:hover {
- text-decoration: none;
- color: black;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- }
- .photo, .text, .photoset, .chat, .link, .answer, quote, .audio, .video {
- padding: 1%;
- }
- .label {text-transform:uppercase; font-size: 10px;}
- .line_odd .label {
- color: #2983a6; background-color:rgba(255, 255, 255, 0.3); padding: 1px;}
- .line_even .label {
- color: #587652; background-color:rgba(255, 255, 255, 0.3); padding: 1px;}
- /*Custom CSS*/
- {CustomCSS}
- </style>
- </head>
- <body>
- <!--Sidebar/masthead-->
- <header id="masthead">
- <!--Details: portrait (optional), title and description-->
- <section id="sidebar">
- <div class="citas">
- {block:ifQuote1}
- <div
- class="cita">“{text:Quote 1}”</div>
- <div class="autor">{text:Quote 1 Source}</div>
- {/block:ifQuote1}
- </div>
- <div class="citas">
- {block:ifQuote2}
- <div class="cita">“{text:Quote 2}”</div>
- <div class="autor">{text:Quote 2 Source}</div>
- {/block:ifQuote2}
- </div>
- <div class="citas">
- {block:ifQuote3}
- <div class="cita">“{text:Quote 3}”</div>
- <div class="autor">{text:Quote 3 Source}</div>
- {/block:ifQuote3}
- </div>
- <div class="citas">
- {block:ifQuote4}
- <div class="cita">“{text:Quote 4}”</div>
- <div class="autor">{text:Quote 4 Source}</div>
- {/block:ifQuote4}
- </div>
- <div class="citas">
- {block:ifQuote5}
- <div class="cita">“{text:Quote 5}”</div>
- <div class="autor">{text:Quote 5 Source}</div>
- {/block:ifQuote5}
- </div>
- <div class="citas">
- {block:ifQuote6}
- <div class="cita">“{text:Quote 6}”</div>
- <div class="autor">{text:Quote 6 Source}</div>
- {/block:ifQuote6}
- </div>
- <div class="citas">
- {block:ifQuote7}
- <div class="cita">“{text:Quote 7}”</div>
- <div class="autor">{text:Quote 7 Source}</div>
- {/block:ifQuote7}
- </div>
- </div><!--End of citas-->
- </section> <!-- END OF SIDEBAR SECTION -->
- <section id="navigation">
- <a href="/">
- <img src="{image:Side Picture}" style="width:50px; height: 50px; position: fixed; left: 0px; bottom: 0px;"/>
- </a>
- <div class="linkis-todo">
- <a href="{text:Link 1}" class="linkis" title="{text:Link 1 Name}">◕</a>
- <a href="{text:Link 2}" class="linkis" title="{text:Link 2 Name}">◔</a>
- <a href="{text:Link 3}" class="linkis" title="{text:Link 3 Name}">◐</a>
- <a href="{text:Link 4}" class="linkis" title="{text:Link 4 Name}">◑</a>
- <a href="http://micastruli.tumblr.com" class="linkis"><small>©</small></a>
- </div>
- <!--Navigation-->
- <nav>
- <ul>
- <!--Pagination: previous/next page links-->
- <div id="pagination">
- {block:Pagination}
- <div class="pagina">
- {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </ul>
- </nav>
- </section> <!-- END OF NAVIGATION SECTION -->
- </header>
- <!--Content holder-->
- <div id="content">
- {block:Posts}
- <article>
- <!--Metadata: date, note count-->
- <header class="metadata">
- {block:Date} <a href="{Permalink}"> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time> </a> {/block:Date}
- {block:NoteCount} <a class="notecount" href="{Permalink}#notes">{NoteCountWithLabel}</a> {/block:NoteCount}
- </header>
- <!--Unique code for each post type-->
- {block:Text}
- <div class="text">
- {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="photo">
- <img width="400px" src="{PhotoURL-400}" alt="{PhotoAlt}" />
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">
- {block:IndexPage}{Photoset-400}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-700}{/block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">
- <blockquote>{Quote}</blockquote>
- {block:Source}<cite> {Source} </cite>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="link">
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- <div class="chat">
- <ul>
- {block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
- </ul>
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="30" height="30">{/block:AlbumArt}</div>
- <div class="player">{AudioPlayerBlack}</div>
- {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- <div class="video">
- <div class="video-player">{Video-400}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <table style="margin-top: 5px;padding-bottom:5px;margin-bottom:5px;">
- <tr>
- <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-64}"></td><td style="vertical-align:middle;"><strong>{Asker} asked:</strong> {Question}</td>
- </tr>
- </table>
- <div style="border-top: 1px solid #a0a0a0;">
- {Answer}</div>
- {/block:Answer}
- <footer class="details">
- {block:ContentSource}
- <div class="reblogged">
- <!--Content source-->
- <a href="{SourceURL}">⊗</a>
- </div>
- {/block:ContentSource}
- {block:Permalink}
- <!--Tags and notes on displayed on permalink pages-->
- {block:HasTags}
- <ul id="tags">
- {block:Tags}<li> <a href="{TagURL}">{Tag}</a> </li>{/block:Tags}
- </ul>
- {/block:HasTags}
- {block:PostNotes}
- <div id="notes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Permalink}
- </footer>
- </article>
- {/block:Posts}
- <!--Close of article-->
- </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>
- {/block:IfInfiniteScroll}
- <!--Code for infinite scroll and grid layout-->
- <script>
- (function() {
- var $tumblelog = $('#content');
- {block:IfInfiniteScroll}
- $tumblelog.infinitescroll({
- navSelector : ".pagination",
- nextSelector : ".pagination a:first",
- itemSelector : "article",
- bufferPx : 50,
- done : "",
- loading: {
- img : "",
- msgText: ""
- },
- },
- 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>
- <!--For users adding Google Analytics ID-->
- <script>
- var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
- (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
- g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
- s.parentNode.insertBefore(g,s)}(document,'script'));
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment