Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--
- |||||||| theme 04: varanda
- || by quenma.tumblr.com
- don't redistribute
- don't copy any part of the code
- feel free to change fonts and colors
- message me if there is any bugs
- -->
- <head>
- <title>{title}{block:searchpage}, search results: {searchquery}{/block:searchpage}{block:postsummary} - {postsummary}{/block:postsummary}
- </title>
- <link href="{Favicon}" rel="shortcut icon"/>
- <link href='https://fonts.googleapis.com/css?family=Varela|Ubuntu:400,700,500,400italic,500italic,700italic|Droid+Sans:400,700|Work+Sans:400,600,700,800&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="http://static.tumblr.com/ev0x8sk/Amvnu9i19/style.css">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="{MetaDescription}" />
- <meta name="color:Links" content="#222222"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Font" content="#888888"/>
- <meta name="color:Post title" content="#222222"/>
- <meta name="color:Entry" content="#ffffff"/>
- <meta name="color:Borders" content="#eeeeee"/>
- <meta name="color:Bolds" content="#97c5e0"/>
- <meta name="color:Italics" content="#aaaaaa"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Header" content="http://goo.gl/qrMne7"/>
- <meta name="if:Show captions" content="1"/>
- <meta name="if:Bold titles" content="1"/>
- <meta name="if:Uppercase titles" content="1"/>
- <meta name="if:Grid layout" content="0"/>
- <meta name="if:Use custom tumblr controls" content="0"/>
- <meta name="text:Link 1 URL" content="#url"/>
- <meta name="text:Link 1 title" content="link 01"/>
- <meta name="text:Link 2 URL" content="#url"/>
- <meta name="text:Link 2 title" content="link 02"/>
- <meta name="text:Link 3 URL" content="#url"/>
- <meta name="text:Link 3 title" content="link 03"/>
- <meta name="text:Link 4 URL" content="#url"/>
- <meta name="text:Link 4 title" content="link 04"/>
- <meta name="text:Blog title" content="varanda."/>
- <meta name="select:Posts width" content="250px">
- <meta name="select:Posts width" content="350px">
- <meta name="select:Posts width" content="400px">
- <meta name="select:Posts width" content="500px">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
- </script>
- <!-- style my tooltips -->
- <script src="//static.tumblr.com/ev0x8sk/2KInubuiu/smt-jquery.js"></script>
- <script src="//static.tumblr.com/ev0x8sk/Jqinubuiy/smt.js"></script>
- <!-- fitvids -->
- <script src="http://static.tumblr.com/qvtfufx/H56mpjuti/jquery.fitvids.js" type="text/javascript"></script>
- <script type="text/javascript">
- $('.entry').fitVids();
- </script>
- <!-- search -->
- <script>
- function tagSearch(form) {
- if (form.tag.value.replace(/\s/g, '').length > 0) {
- window.location = "/search/" + form.tag.value; }
- return false; }
- </script>
- {block:ifgridlayout}
- {block:IndexPage}
- <script src="//static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js">
- </script>
- <script src="//static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js">
- </script>
- <script src="//static.tumblr.com/ev0x8sk/zA0nuc2oe/work-masonry.js"></script>
- {/block:IndexPage}
- {/block:ifgridlayout}
- <script>
- $(document).ready(function(){
- $(".tags").hide();
- $(".tag_title").click(function(){
- $(this).next(".tags").fadeToggle('slow');
- }); });
- </script>
- <style>
- /* defaults */
- #tumblr_controls { z-index:99999999999999999999990!important;
- -webkit-filter:invert(1);
- {block:ifusecustomtumblrcontrols}
- visibility:hidden;
- {/block:ifusecustomtumblrcontrols}
- }
- a { color:{color:links};
- text-decoration:none; }
- sub, sup, pre, small, big { font-size:12px!important; }
- .entry a, .entry a.title:hover, .entry .asker a:hover { border-bottom:1px solid transparent; }
- .entry a:hover { border-bottom:1px solid {color:links}; }
- body { font:12px 'ubuntu';
- color:{color:font};
- background:{color:background} url('{image:background}') fixed;
- margin:0; padding:0;
- line-height:17px; }
- blockquote { border-left:1px solid {color:borders};
- padding:0 15px;
- margin:3px 0 0 10px; }
- b, strong { font-weight:500;
- color:{color:bolds}; }
- i, em { font-style:italic;
- color:{color:italic}; }
- ::-webkit-scrollbar { background:{color:borders};
- border:2px solid {color:entry};
- position:fixed;
- width:5px;
- height:5px; }
- ::-webkit-scrollbar-thumb { background:{color:entry};
- border-top:1px solid {color:borders};
- border-bottom:1px solid {color:borders}; }
- /* scripts */
- #s-m-t-tooltip { max-width:230px;
- font-size:12px;
- padding:3px 5px;
- margin-left:14px;
- z-index:100;
- background-color:{color:entry}; }
- /* posts and fonts */
- #content { position:relative;
- display:block;
- left:0;
- z-index:8;
- margin-top:-1px;
- border-top:1px solid {color:borders};
- margin-bottom:-1px;
- background:{color:background};
- width:100%; }
- .wrapper {
- {block:ifgridlayout}
- width:calc(25% - 2px);
- overflow:hidden;
- float:left;
- display:block;
- border:1px solid {color:borders};
- background:{color:entry};
- margin-right:-1px;
- margin-top:-1px;
- {/block:ifgridlayout}
- {block:ifnotgridlayout}
- width:100%;
- padding:60px 0;
- display:block;
- margin-top:-1px;
- border:1px solid {color:borders};
- border-left:0;
- border-right:0;
- background:{color:entry};
- {/block:ifnotgridlayout}
- {block:PermalinkPage}
- width:100%;
- display:block;
- z-index:8;
- {/block:PermalinkPage} }
- .entry { text-align:justify;
- display:block;
- padding:20px 40px 40px;
- margin:0;
- {block:ifnotgridlayout}
- width:{select:posts width};
- left:50%;
- position:relative;
- padding:40px 0 10px;
- margin-left:calc(-{select:posts width} / 2);
- {/block:ifnotgridlayout}
- {block:PermalinkPage}
- width:500px;
- left:50%;
- padding:80px 40px 60px;
- margin-left:-290px;
- display:block;
- position:relative;
- {/block:PermalinkPage}}
- .entry .title { font:500 17px ubuntu;
- display:block;
- text-align:left;
- margin-bottom:10px;
- line-height:120%;
- color:{color:post title};
- {block:ifboldtitles}
- font-weight:700;
- {/block:ifboldtitles}
- {block:ifuppercasetitles}
- text-transform:uppercase;
- {/block:ifuppercasetitles} }
- .entry .photopost { width:100%; }
- .entry .body { margin-top:10px; }
- .entry .body img { max-width:100%;
- height:auto; }
- .show { opacity:1!important; }
- /* chat posts */
- .chats { padding:8px;
- {block:ifnotgridlayout}
- padding:10px 0;
- {/block:ifnotgridlayout}
- margin:2px 0; }
- /* audio posts */
- .tumblr_audio_player { height:70px;
- width:100%;
- {block:ifnotgridlayout}
- height:225px!important;
- {/block:ifnotgridlayout} }
- .tumblr_audio_player .audio_player_container.has_art .audio_player {
- padding-right:72px!important; }
- .tumblr_audio_player .audio_player_container .audio_controls {
- margin-right:2px!important; }
- .tumblr_audio_player .audio_player_container.has_art .album_art_container {
- margin-left: 2px!important; }
- /* ask posts */
- .question { color:{color:font};
- background:{color:entry};
- padding:15px;
- border:1px solid {color:borders}; }
- .question b, .question a { text-transform:uppercase;
- color:{color:links};
- font-weight:500;
- font-size:10px; }
- #askerimg { position:relative;
- display:inline-block; }
- .asker { border-bottom:1px solid {color:borders};
- position: absolute;
- display: inline-block;
- margin-top: 1px;
- margin-left: 4px; }
- /* post notes */
- .noul ul, .noul li, .noul ol { list-style-type:none; }
- .noul img { visibility:hidden; }
- .noul li { padding: 8px 10px;
- color: {color:font};
- border-top: 0px solid transparent;
- width: 530px;
- background:transparent;
- text-transform: lowercase;
- margin: 3px 0; }
- ol.notes { margin-left:-50px; }
- .avatar_frame { display: none; }
- .noul blockquote { margin:10px }
- .p-notes { margin-bottom:0;
- padding:40px 40px 60px 40px;}
- /* header & links */
- #header { width:100%;
- top:0; left:0;
- position:relative;
- z-index:9;}
- #header .image { width:55%;
- height:320px;
- border-bottom:1px solid {color:borders};
- background:url('{image:header}');
- background-size:100% auto;
- float:left;}
- #header .desc { width:calc(45% - 90px);
- padding:30px 60px 30px 30px;
- min-height:260px;
- max-height:260px;
- overflow:auto;
- border-bottom:1px solid {color:borders};
- background:{color:entry};
- float:left; }
- .desc h1 { font:700 22px ubuntu;
- text-transform:uppercase;
- color:{color:post title}; }
- #menu { width:100%;
- padding:25px 0 27px;
- text-transform:uppercase;
- word-spacing:5px;
- position:relative;
- background:{color:entry};
- font:700 13px ubuntu;
- z-index:10;
- border-bottom:1px solid {color:borders}; }
- .links { padding-left:90px; }
- .links a, #search, #customlinks { color:{color:post title};
- padding-right:80px;
- line-height:30px; }
- .links a i, #search i, #customlinks i {font-size:24px;
- position:absolute;
- margin-left:-30px;
- margin-top:3px; }
- .iconarchive.top1px { margin-top:2px; }
- .iconsearch.left2px { margin-left:-28px; }
- #search, #customlinks { display:inline; }
- /* search box */
- form[onsubmit="return tagSearch(this)"] { display:inline;
- color:{color:post title};
- background:{color:entry};}
- .searchbox {
- display:inline;
- white-space: nowrap;
- overflow: hidden;
- text-align: left;
- text-transform:uppercase;
- font:700 13px ubuntu;
- background:{color:entry};
- color:{color:post title};
- outline:none;
- width:60px;
- border:0;
- -webkit-transition:.5s;
- -moz-transition:.5s;
- -o-transition:.5s; }
- input[name="tag"].searchbox:focus {
- width:120px;
- background:{color:entry};}
- /* custom links */
- #customlinks .clinks { position:absolute;
- width:0;
- height:0;
- border-left:2px solid {color:post title};
- margin-left:385px;
- margin-top:-4px; }
- #customlinks:hover .clinks { height:113px; }
- #customlinks .in-clinks { width:100px;
- font:700 8px ubuntu;
- padding:11px 10px 17px 13px;
- border-bottom:1px solid {color:borders};
- background:{color:entry};}
- #customlinks .leftslide { width:0;
- position:absolute;
- overflow:hidden; }
- #customlinks:hover .leftslide { width:125px; }
- .in-clinks a { display:block;
- padding:5px 2px 2px;
- line-height:13px;
- word-spacing:0;
- border-bottom:1px solid {color:borders};
- margin-right:5px; }
- .in-clinks a:hover { border-bottom:1px solid {color:post title}; }
- #customlinks .clinks, #customlinks:hover .leftslide {
- -webkit-transition:.5s .5s;
- -moz-transition:.5s .5s;
- -o-transition:.5s .5s; }
- #customlinks:hover .clinks, #customlinks .leftslide, .in-clinks a, a, .show, .entry, #content {
- -webkit-transition:.5s;
- -moz-transition:.5s;
- -o-transition:.5s; }
- /* permalinks */
- .perma { text-align:center;
- padding:35px 40px 10px;
- z-index:90;
- font-size:10px;
- text-transform:uppercase;}
- .perma-menu { font-size:24px!important;
- margin-bottom:-23px;
- word-spacing:6px;
- opacity:0;
- padding:3px 0;
- position:relative;
- display:block;
- z-index:100;
- color:{color:post title};
- background:{color:entry};
- -webkit-transition:.5s;
- -moz-transition:.5s;
- -o-transition:.5s;}
- .perma-menu a { color:{color:post title}; }
- .perma-menu:hover { opacity:1 }
- .tags { padding:9px;
- text-align:center;
- position:absolute;
- display:block;
- width:100%;
- font-size:10px;
- text-transform:none;
- background:{color:entry};
- text-align:left;}
- .tag { padding:0 4px 4px 0;
- font-weight:700;
- font-size:8px;
- text-transform:uppercase;
- background:{color:entry}; }
- .tag:after { content:';';}
- .tag_title { cursor:hand; }
- .permalinkinfo { font-size:10px;
- text-transform:uppercase;
- padding:10px 0; }
- .button { display:inline-block;
- margin-top:-3px;
- height:7px; }
- .button a:hover {border-bottom:0; }
- .reblogbutton { padding-right:4px; }
- .reblog_button { margin:0;
- margin-top:-1px;}
- .likebutton iframe { margin-top:0;
- height:13px!important; }
- /* pagination */
- .pagwrapper { width:100%;
- text-align:center;
- font-size:12px;
- font-weight:500;
- padding:40px 0;
- word-spacing:10px;
- {block:ifnotgridlayout}
- background:{color:entry};
- padding:70px 0 50px;
- {/block:ifnotgridlayout}}
- .pagwrapper a, .pagwrapper b {
- display: inline-block;
- padding: 5px;
- background-color:{color:entry};
- width: 15px;
- border: 1px solid {color:borders};
- margin: 0 -5px; }
- .pagwrapper b { color:{color:entry};
- background:{color:bolds}; }
- /* custom tumblr controls */
- .navig { position:absolute;
- right:15px;
- top:25px;
- {block:ifnotusecustomtumblrcontrols}
- display:none;
- {/block:ifnotusecustomtumblrcontrols} }
- /* footer */
- #footer { background:{color:entry};
- padding:10px 0;
- position:absolute;
- border-top:1px solid {color:borders};
- width:100%;
- z-index:999;
- text-align:right; }
- #footer a { color:{color:font};
- padding-right:10px;
- text-transform:uppercase;
- font-size:10px; }
- #footer b { font-weight:700; }
- {CustomCSS}
- </style></head><body>
- <div id="header">
- <div id="menu">
- <div class="links">
- <a href="/"><i class="iconindex2"></i>index</a>
- <a href="/ask"><i class="iconinbox2"></i>inbox</a>
- <a href="/archive"><i class="iconarchive top1px"></i>archive</a>
- <div id="customlinks">
- <i class="iconlinks"></i>links
- <div class="clinks">
- <div class="leftslide">
- <div class="in-clinks">
- <a href="{text:link 1 url}">{text:link 1 title}</a>
- <a href="{text:link 2 url}">{text:link 2 title}</a>
- <a href="{text:link 3 url}">{text:link 3 title}</a>
- <a href="{text:link 4 url}">{text:link 4 title}</a>
- </div>
- </div>
- </div>
- </div>
- <div id="search">
- <i class="iconsearch left2px"></i>
- <form onsubmit="return tagSearch(this)">
- <input type="text" class="searchbox" name="tag" value="search"
- onfocus="if (this.value == 'search') {this.value=''}"
- onblur="if (this.value == '') {this.value='search'}" />
- </form>
- </div>
- <div class="navig">
- <a href="//tumblr.com/follow/{Name}" title="follow"><i class="iconhead"></i>+</a>
- <a href="//tumblr.com/dashboard"><i class="iconfile"></i>dashboard</a>
- </div>
- </div>
- </div>
- <div class="image"></div>
- <div class="desc">
- <h1>{text:blog title}</h1>
- {Description}
- </div>
- <br clear="all">
- </div> <!-- // header -->
- <div id="content">
- {block:Posts}
- <div class="wrapper">
- {block:ifgridlayout}
- {block:IndexPage}
- <div class="perma">
- <div class="perma-menu">
- <a href="{Permalink}" class="iconpaper-clip" title="permalink"></a>
- <a href="{ReblogURL}" class="iconreblog" title="reblog"></a>
- {block:HasTags}
- <span class="tag_title" title="tags"><i class="icontag"></i></span>
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}" class="tag">{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {TimeAgo} with {NoteCountWithLabel}
- </div>
- {/block:IndexPage}
- {/block:ifgridlayout}
- <div class="entry">
- {block:Answer}
- <div class="question">
- <img src="{AskerPortraitURL-128}" width="20px" id="askerimg">
- <div class="asker"><b>{Asker}</b></div><br>
- {Question}
- </div>
- <div class="body" style="padding-bottom:4px;">
- <blockquote>{Answer}</blockquote>
- </div>
- {/block:Answer}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="body">{Body}</div>
- {/block:Text}
- {block:Quote}
- <div class="title">{Quote}</div>
- <div style="text-align:center;">{Source}</div>
- {block:Source}{/block:Source}
- {/block:Quote}
- {block:Photo}
- {block:IndexPage}
- <img src="{PhotoURL-HighRes}" class="photopost">
- {block:IfShowCaptions}
- {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-HighRes}" width="500px">
- {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {Photoset}
- {block:IfShowCaptions}
- {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset}
- {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Video}
- {block:IndexPage}
- {Video-400}
- {block:IfShowCaptions}
- {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Video-500}
- {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- {/block:Link}
- {block:Audio}
- {AudioEmbed}
- {block:IndexPage}
- {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
- {block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {block:Lines}<div class="chats">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}
- </div>{/block:Lines}
- {/block:Chat}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:ReblogParent}{/block:ReblogParent}
- {block:Date}
- {block:PermalinkPage}
- <div class="permalinkinfo">
- posted {TimeAgo}: {ShortMonth} {DayOfMonthWithZero} with {NoteCountWithLabel}<br>
- <a href="{ReblogURL}">reblog this post + </a>
- {block:RebloggedFrom}<br>
- via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:HasTags}
- <br>Tagged as: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
- {/block:HasTags}
- </div>
- {/block:PermalinkPage}
- {block:ifNotgridlayout}
- <div class="permalinkinfo">
- <b>{ShortMonth} {DayOfMonthWithZero}</b> {TimeAgo} with <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:RebloggedFrom}<br>
- via: <a href="{ReblogParentURL}">{ReblogParentName}</a> /
- source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:HasTags}
- <br>Tagged as: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
- {/block:HasTags}<br>
- <div class="button reblogbutton"><a target="_blank" href="{ReblogURL}" class="reblog_button" style="display: block;width:11px;height:11px;"> <svg width="100%" height="100%" viewBox="0 0 537 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc"><path d="M 98.893,177.139c0.00-7.462, 4.826-12.275, 12.288-12.275L 405.12,164.864 l0.00,83.469 l 118.72-120.947L 405.12,8.678l0.00,81.51 L 49.382,90.189 c-15.206,0.00-27.648,12.429-27.648,27.648l0.00,171.814 l 77.146-71.603L 98.88,177.139 z M 438.874,332.646c0.00,7.45-4.826,12.275-12.275,12.275L 123.75,344.922 l0.00-83.469 l-116.506,120.922l 116.506,120.947l0.00-81.498 l 356.864,0.00 c 15.206,0.00, 27.648-12.454, 27.648-27.648L 508.262,220.134 l-69.402,71.59L 438.861,332.646 z"></path></svg></a>
- </div>
- <div class="button likebutton">{LikeButton size=10}</div>
- </div>
- {/block:ifNotgridlayout}
- {/block:Date}
- </div> <!-- /entry -->
- </div>
- <!-- /wrapper -->
- {/block:Posts}
- <!------------------- //post notes -->
- {block:PermalinkPage}
- {block:PostNotes}
- <div class="wrapper">
- <div class="entry noul p-notes">{PostNotes}</div>
- </div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {block:ifgridlayout}
- <br clear="all">
- {/block:ifgridlayout}
- </div> <!-- /content -->
- {block:Pagination}
- <div class="pagwrapper">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
- {/block:Pagination}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<b>{PageNumber}</b>{/block:CurrentPage}
- {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:Pagination}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:Pagination}
- <div id="footer">
- <a href="//quenma.tumblr.com">© theme by <b>quenma</b></a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment