quenma

theme 04: varanda

Sep 19th, 2015
716
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.46 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4. |||||||| theme 04: varanda
  5. || by quenma.tumblr.com
  6.  
  7. don't redistribute
  8. don't copy any part of the code
  9. feel free to change fonts and colors
  10. message me if there is any bugs
  11. -->
  12.  
  13. <head>
  14. <title>{title}{block:searchpage}, search results: {searchquery}{/block:searchpage}{block:postsummary} - {postsummary}{/block:postsummary}
  15. </title>
  16.  
  17. <link href="{Favicon}" rel="shortcut icon"/>
  18. <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'>
  19. <link rel="stylesheet" href="http://static.tumblr.com/ev0x8sk/Amvnu9i19/style.css">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. <meta name="description" content="{MetaDescription}" />
  23. <meta name="color:Links" content="#222222"/>
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Font" content="#888888"/>
  26. <meta name="color:Post title" content="#222222"/>
  27. <meta name="color:Entry" content="#ffffff"/>
  28. <meta name="color:Borders" content="#eeeeee"/>
  29. <meta name="color:Bolds" content="#97c5e0"/>
  30. <meta name="color:Italics" content="#aaaaaa"/>
  31.  
  32. <meta name="image:Background" content=""/>
  33. <meta name="image:Header" content="http://goo.gl/qrMne7"/>
  34.  
  35. <meta name="if:Show captions" content="1"/>
  36. <meta name="if:Bold titles" content="1"/>
  37. <meta name="if:Uppercase titles" content="1"/>
  38. <meta name="if:Grid layout" content="0"/>
  39. <meta name="if:Use custom tumblr controls" content="0"/>
  40.  
  41. <meta name="text:Link 1 URL" content="#url"/>
  42. <meta name="text:Link 1 title" content="link 01"/>
  43. <meta name="text:Link 2 URL" content="#url"/>
  44. <meta name="text:Link 2 title" content="link 02"/>
  45. <meta name="text:Link 3 URL" content="#url"/>
  46. <meta name="text:Link 3 title" content="link 03"/>
  47. <meta name="text:Link 4 URL" content="#url"/>
  48. <meta name="text:Link 4 title" content="link 04"/>
  49. <meta name="text:Blog title" content="varanda."/>
  50.  
  51. <meta name="select:Posts width" content="250px">
  52. <meta name="select:Posts width" content="350px">
  53. <meta name="select:Posts width" content="400px">
  54. <meta name="select:Posts width" content="500px">
  55.  
  56. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  57. </script>
  58.  
  59. <!-- style my tooltips -->
  60. <script src="//static.tumblr.com/ev0x8sk/2KInubuiu/smt-jquery.js"></script>
  61. <script src="//static.tumblr.com/ev0x8sk/Jqinubuiy/smt.js"></script>
  62.  
  63. <!-- fitvids -->
  64. <script src="http://static.tumblr.com/qvtfufx/H56mpjuti/jquery.fitvids.js" type="text/javascript"></script>
  65. <script type="text/javascript">
  66. $('.entry').fitVids();
  67. </script>
  68.  
  69. <!-- search -->
  70. <script>
  71. function tagSearch(form) {
  72. if (form.tag.value.replace(/\s/g, '').length > 0) {
  73. window.location = "/search/" + form.tag.value; }
  74. return false; }
  75. </script>
  76.  
  77. {block:ifgridlayout}
  78. {block:IndexPage}
  79. <script src="//static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js">
  80. </script>
  81. <script src="//static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js">
  82. </script>
  83. <script src="//static.tumblr.com/ev0x8sk/zA0nuc2oe/work-masonry.js"></script>
  84. {/block:IndexPage}
  85. {/block:ifgridlayout}
  86.  
  87.  
  88. <script>
  89. $(document).ready(function(){
  90. $(".tags").hide();
  91. $(".tag_title").click(function(){
  92. $(this).next(".tags").fadeToggle('slow');
  93. }); });
  94.  
  95. </script>
  96.  
  97.  
  98. <style>
  99. /* defaults */
  100. #tumblr_controls { z-index:99999999999999999999990!important;
  101. -webkit-filter:invert(1);
  102. {block:ifusecustomtumblrcontrols}
  103. visibility:hidden;
  104. {/block:ifusecustomtumblrcontrols}
  105. }
  106.  
  107. a { color:{color:links};
  108. text-decoration:none; }
  109.  
  110. sub, sup, pre, small, big { font-size:12px!important; }
  111.  
  112. .entry a, .entry a.title:hover, .entry .asker a:hover { border-bottom:1px solid transparent; }
  113. .entry a:hover { border-bottom:1px solid {color:links}; }
  114.  
  115. body { font:12px 'ubuntu';
  116. color:{color:font};
  117. background:{color:background} url('{image:background}') fixed;
  118. margin:0; padding:0;
  119. line-height:17px; }
  120.  
  121. blockquote { border-left:1px solid {color:borders};
  122. padding:0 15px;
  123. margin:3px 0 0 10px; }
  124.  
  125. b, strong { font-weight:500;
  126. color:{color:bolds}; }
  127.  
  128. i, em { font-style:italic;
  129. color:{color:italic}; }
  130.  
  131. ::-webkit-scrollbar { background:{color:borders};
  132. border:2px solid {color:entry};
  133. position:fixed;
  134. width:5px;
  135. height:5px; }
  136.  
  137. ::-webkit-scrollbar-thumb { background:{color:entry};
  138. border-top:1px solid {color:borders};
  139. border-bottom:1px solid {color:borders}; }
  140.  
  141.  
  142.  
  143.  
  144.  
  145. /* scripts */
  146. #s-m-t-tooltip { max-width:230px;
  147. font-size:12px;
  148. padding:3px 5px;
  149. margin-left:14px;
  150. z-index:100;
  151. background-color:{color:entry}; }
  152.  
  153.  
  154.  
  155.  
  156.  
  157. /* posts and fonts */
  158. #content { position:relative;
  159. display:block;
  160. left:0;
  161. z-index:8;
  162. margin-top:-1px;
  163. border-top:1px solid {color:borders};
  164. margin-bottom:-1px;
  165. background:{color:background};
  166. width:100%; }
  167.  
  168. .wrapper {
  169. {block:ifgridlayout}
  170. width:calc(25% - 2px);
  171. overflow:hidden;
  172. float:left;
  173. display:block;
  174. border:1px solid {color:borders};
  175. background:{color:entry};
  176. margin-right:-1px;
  177. margin-top:-1px;
  178. {/block:ifgridlayout}
  179.  
  180. {block:ifnotgridlayout}
  181. width:100%;
  182. padding:60px 0;
  183. display:block;
  184. margin-top:-1px;
  185. border:1px solid {color:borders};
  186. border-left:0;
  187. border-right:0;
  188. background:{color:entry};
  189. {/block:ifnotgridlayout}
  190.  
  191. {block:PermalinkPage}
  192. width:100%;
  193. display:block;
  194. z-index:8;
  195. {/block:PermalinkPage} }
  196.  
  197. .entry { text-align:justify;
  198. display:block;
  199. padding:20px 40px 40px;
  200. margin:0;
  201.  
  202. {block:ifnotgridlayout}
  203. width:{select:posts width};
  204. left:50%;
  205. position:relative;
  206. padding:40px 0 10px;
  207. margin-left:calc(-{select:posts width} / 2);
  208. {/block:ifnotgridlayout}
  209.  
  210. {block:PermalinkPage}
  211. width:500px;
  212. left:50%;
  213. padding:80px 40px 60px;
  214. margin-left:-290px;
  215. display:block;
  216. position:relative;
  217. {/block:PermalinkPage}}
  218.  
  219. .entry .title { font:500 17px ubuntu;
  220. display:block;
  221. text-align:left;
  222. margin-bottom:10px;
  223. line-height:120%;
  224. color:{color:post title};
  225. {block:ifboldtitles}
  226. font-weight:700;
  227. {/block:ifboldtitles}
  228. {block:ifuppercasetitles}
  229. text-transform:uppercase;
  230. {/block:ifuppercasetitles} }
  231.  
  232. .entry .photopost { width:100%; }
  233. .entry .body { margin-top:10px; }
  234. .entry .body img { max-width:100%;
  235. height:auto; }
  236.  
  237. .show { opacity:1!important; }
  238.  
  239.  
  240.  
  241.  
  242.  
  243. /* chat posts */
  244. .chats { padding:8px;
  245. {block:ifnotgridlayout}
  246. padding:10px 0;
  247. {/block:ifnotgridlayout}
  248. margin:2px 0; }
  249.  
  250.  
  251.  
  252.  
  253.  
  254. /* audio posts */
  255. .tumblr_audio_player { height:70px;
  256. width:100%;
  257. {block:ifnotgridlayout}
  258. height:225px!important;
  259. {/block:ifnotgridlayout} }
  260.  
  261. .tumblr_audio_player .audio_player_container.has_art .audio_player {
  262. padding-right:72px!important; }
  263.  
  264. .tumblr_audio_player .audio_player_container .audio_controls {
  265. margin-right:2px!important; }
  266.  
  267. .tumblr_audio_player .audio_player_container.has_art .album_art_container {
  268. margin-left: 2px!important; }
  269.  
  270.  
  271.  
  272.  
  273. /* ask posts */
  274. .question { color:{color:font};
  275. background:{color:entry};
  276. padding:15px;
  277. border:1px solid {color:borders}; }
  278.  
  279. .question b, .question a { text-transform:uppercase;
  280. color:{color:links};
  281. font-weight:500;
  282. font-size:10px; }
  283.  
  284. #askerimg { position:relative;
  285. display:inline-block; }
  286.  
  287. .asker { border-bottom:1px solid {color:borders};
  288. position: absolute;
  289. display: inline-block;
  290. margin-top: 1px;
  291. margin-left: 4px; }
  292.  
  293.  
  294.  
  295.  
  296. /* post notes */
  297. .noul ul, .noul li, .noul ol { list-style-type:none; }
  298. .noul img { visibility:hidden; }
  299. .noul li { padding: 8px 10px;
  300. color: {color:font};
  301. border-top: 0px solid transparent;
  302. width: 530px;
  303. background:transparent;
  304. text-transform: lowercase;
  305. margin: 3px 0; }
  306. ol.notes { margin-left:-50px; }
  307.  
  308. .avatar_frame { display: none; }
  309.  
  310. .noul blockquote { margin:10px }
  311.  
  312. .p-notes { margin-bottom:0;
  313. padding:40px 40px 60px 40px;}
  314.  
  315.  
  316.  
  317.  
  318.  
  319. /* header & links */
  320. #header { width:100%;
  321. top:0; left:0;
  322. position:relative;
  323. z-index:9;}
  324.  
  325. #header .image { width:55%;
  326. height:320px;
  327. border-bottom:1px solid {color:borders};
  328. background:url('{image:header}');
  329. background-size:100% auto;
  330. float:left;}
  331.  
  332. #header .desc { width:calc(45% - 90px);
  333. padding:30px 60px 30px 30px;
  334. min-height:260px;
  335. max-height:260px;
  336. overflow:auto;
  337. border-bottom:1px solid {color:borders};
  338. background:{color:entry};
  339. float:left; }
  340.  
  341. .desc h1 { font:700 22px ubuntu;
  342. text-transform:uppercase;
  343. color:{color:post title}; }
  344.  
  345. #menu { width:100%;
  346. padding:25px 0 27px;
  347. text-transform:uppercase;
  348. word-spacing:5px;
  349. position:relative;
  350. background:{color:entry};
  351. font:700 13px ubuntu;
  352. z-index:10;
  353. border-bottom:1px solid {color:borders}; }
  354.  
  355. .links { padding-left:90px; }
  356.  
  357. .links a, #search, #customlinks { color:{color:post title};
  358. padding-right:80px;
  359. line-height:30px; }
  360.  
  361. .links a i, #search i, #customlinks i {font-size:24px;
  362. position:absolute;
  363. margin-left:-30px;
  364. margin-top:3px; }
  365.  
  366. .iconarchive.top1px { margin-top:2px; }
  367. .iconsearch.left2px { margin-left:-28px; }
  368.  
  369. #search, #customlinks { display:inline; }
  370.  
  371.  
  372.  
  373.  
  374.  
  375. /* search box */
  376. form[onsubmit="return tagSearch(this)"] { display:inline;
  377. color:{color:post title};
  378. background:{color:entry};}
  379.  
  380. .searchbox {
  381. display:inline;
  382. white-space: nowrap;
  383. overflow: hidden;
  384. text-align: left;
  385. text-transform:uppercase;
  386. font:700 13px ubuntu;
  387. background:{color:entry};
  388. color:{color:post title};
  389. outline:none;
  390. width:60px;
  391. border:0;
  392. -webkit-transition:.5s;
  393. -moz-transition:.5s;
  394. -o-transition:.5s; }
  395.  
  396. input[name="tag"].searchbox:focus {
  397. width:120px;
  398. background:{color:entry};}
  399.  
  400.  
  401.  
  402.  
  403.  
  404. /* custom links */
  405. #customlinks .clinks { position:absolute;
  406. width:0;
  407. height:0;
  408. border-left:2px solid {color:post title};
  409. margin-left:385px;
  410. margin-top:-4px; }
  411.  
  412. #customlinks:hover .clinks { height:113px; }
  413.  
  414. #customlinks .in-clinks { width:100px;
  415. font:700 8px ubuntu;
  416. padding:11px 10px 17px 13px;
  417. border-bottom:1px solid {color:borders};
  418. background:{color:entry};}
  419.  
  420. #customlinks .leftslide { width:0;
  421. position:absolute;
  422. overflow:hidden; }
  423.  
  424. #customlinks:hover .leftslide { width:125px; }
  425.  
  426. .in-clinks a { display:block;
  427. padding:5px 2px 2px;
  428. line-height:13px;
  429. word-spacing:0;
  430. border-bottom:1px solid {color:borders};
  431. margin-right:5px; }
  432.  
  433. .in-clinks a:hover { border-bottom:1px solid {color:post title}; }
  434.  
  435. #customlinks .clinks, #customlinks:hover .leftslide {
  436. -webkit-transition:.5s .5s;
  437. -moz-transition:.5s .5s;
  438. -o-transition:.5s .5s; }
  439.  
  440. #customlinks:hover .clinks, #customlinks .leftslide, .in-clinks a, a, .show, .entry, #content {
  441. -webkit-transition:.5s;
  442. -moz-transition:.5s;
  443. -o-transition:.5s; }
  444.  
  445.  
  446.  
  447.  
  448. /* permalinks */
  449. .perma { text-align:center;
  450. padding:35px 40px 10px;
  451. z-index:90;
  452. font-size:10px;
  453. text-transform:uppercase;}
  454.  
  455. .perma-menu { font-size:24px!important;
  456. margin-bottom:-23px;
  457. word-spacing:6px;
  458. opacity:0;
  459. padding:3px 0;
  460. position:relative;
  461. display:block;
  462. z-index:100;
  463. color:{color:post title};
  464. background:{color:entry};
  465. -webkit-transition:.5s;
  466. -moz-transition:.5s;
  467. -o-transition:.5s;}
  468.  
  469. .perma-menu a { color:{color:post title}; }
  470.  
  471. .perma-menu:hover { opacity:1 }
  472.  
  473. .tags { padding:9px;
  474. text-align:center;
  475. position:absolute;
  476. display:block;
  477. width:100%;
  478. font-size:10px;
  479. text-transform:none;
  480. background:{color:entry};
  481. text-align:left;}
  482.  
  483. .tag { padding:0 4px 4px 0;
  484. font-weight:700;
  485. font-size:8px;
  486. text-transform:uppercase;
  487. background:{color:entry}; }
  488.  
  489. .tag:after { content:';';}
  490.  
  491. .tag_title { cursor:hand; }
  492.  
  493. .permalinkinfo { font-size:10px;
  494. text-transform:uppercase;
  495. padding:10px 0; }
  496.  
  497. .button { display:inline-block;
  498. margin-top:-3px;
  499. height:7px; }
  500.  
  501. .button a:hover {border-bottom:0; }
  502.  
  503. .reblogbutton { padding-right:4px; }
  504.  
  505. .reblog_button { margin:0;
  506. margin-top:-1px;}
  507.  
  508. .likebutton iframe { margin-top:0;
  509. height:13px!important; }
  510.  
  511.  
  512.  
  513. /* pagination */
  514. .pagwrapper { width:100%;
  515. text-align:center;
  516. font-size:12px;
  517. font-weight:500;
  518. padding:40px 0;
  519. word-spacing:10px;
  520. {block:ifnotgridlayout}
  521. background:{color:entry};
  522. padding:70px 0 50px;
  523. {/block:ifnotgridlayout}}
  524.  
  525. .pagwrapper a, .pagwrapper b {
  526. display: inline-block;
  527. padding: 5px;
  528. background-color:{color:entry};
  529. width: 15px;
  530. border: 1px solid {color:borders};
  531. margin: 0 -5px; }
  532.  
  533. .pagwrapper b { color:{color:entry};
  534. background:{color:bolds}; }
  535.  
  536.  
  537.  
  538.  
  539.  
  540. /* custom tumblr controls */
  541. .navig { position:absolute;
  542. right:15px;
  543. top:25px;
  544. {block:ifnotusecustomtumblrcontrols}
  545. display:none;
  546. {/block:ifnotusecustomtumblrcontrols} }
  547.  
  548.  
  549.  
  550.  
  551.  
  552. /* footer */
  553. #footer { background:{color:entry};
  554. padding:10px 0;
  555. position:absolute;
  556. border-top:1px solid {color:borders};
  557. width:100%;
  558. z-index:999;
  559. text-align:right; }
  560.  
  561. #footer a { color:{color:font};
  562. padding-right:10px;
  563. text-transform:uppercase;
  564. font-size:10px; }
  565.  
  566. #footer b { font-weight:700; }
  567.  
  568.  
  569. {CustomCSS}
  570. </style></head><body>
  571.  
  572. <div id="header">
  573. <div id="menu">
  574. <div class="links">
  575. <a href="/"><i class="iconindex2"></i>index</a>
  576. <a href="/ask"><i class="iconinbox2"></i>inbox</a>
  577. <a href="/archive"><i class="iconarchive top1px"></i>archive</a>
  578.  
  579. <div id="customlinks">
  580. <i class="iconlinks"></i>links
  581. <div class="clinks">
  582. <div class="leftslide">
  583. <div class="in-clinks">
  584. <a href="{text:link 1 url}">{text:link 1 title}</a>
  585. <a href="{text:link 2 url}">{text:link 2 title}</a>
  586. <a href="{text:link 3 url}">{text:link 3 title}</a>
  587. <a href="{text:link 4 url}">{text:link 4 title}</a>
  588. </div>
  589. </div>
  590. </div>
  591. </div>
  592.  
  593. <div id="search">
  594. <i class="iconsearch left2px"></i>
  595. <form onsubmit="return tagSearch(this)">
  596. <input type="text" class="searchbox" name="tag" value="search"
  597. onfocus="if (this.value == 'search') {this.value=''}"
  598. onblur="if (this.value == '') {this.value='search'}" />
  599. </form>
  600. </div>
  601.  
  602. <div class="navig">
  603. <a href="//tumblr.com/follow/{Name}" title="follow"><i class="iconhead"></i>+</a>
  604. <a href="//tumblr.com/dashboard"><i class="iconfile"></i>dashboard</a>
  605. </div>
  606. </div>
  607. </div>
  608.  
  609. <div class="image"></div>
  610. <div class="desc">
  611. <h1>{text:blog title}</h1>
  612. {Description}
  613. </div>
  614. <br clear="all">
  615. </div> <!-- // header -->
  616.  
  617.  
  618. <div id="content">
  619. {block:Posts}
  620. <div class="wrapper">
  621.  
  622. {block:ifgridlayout}
  623. {block:IndexPage}
  624. <div class="perma">
  625. <div class="perma-menu">
  626. <a href="{Permalink}" class="iconpaper-clip" title="permalink"></a>
  627. <a href="{ReblogURL}" class="iconreblog" title="reblog"></a>
  628. {block:HasTags}
  629. <span class="tag_title" title="tags"><i class="icontag"></i></span>
  630.  
  631. <div class="tags">
  632. {block:Tags}
  633. <a href="{TagURL}" class="tag">{Tag}</a>
  634. {/block:Tags}
  635. </div>
  636. {/block:HasTags}
  637.  
  638. </div>
  639.  
  640. {TimeAgo} with {NoteCountWithLabel}
  641. </div>
  642. {/block:IndexPage}
  643. {/block:ifgridlayout}
  644.  
  645. <div class="entry">
  646. {block:Answer}
  647. <div class="question">
  648. <img src="{AskerPortraitURL-128}" width="20px" id="askerimg">
  649. <div class="asker"><b>{Asker}</b></div><br>
  650. {Question}
  651. </div>
  652. <div class="body" style="padding-bottom:4px;">
  653. <blockquote>{Answer}</blockquote>
  654. </div>
  655. {/block:Answer}
  656.  
  657.  
  658. {block:Text}
  659. {block:Title}<div class="title">{Title}</div>{/block:Title}
  660. <div class="body">{Body}</div>
  661. {/block:Text}
  662.  
  663.  
  664. {block:Quote}
  665. <div class="title">{Quote}</div>
  666. <div style="text-align:center;">{Source}</div>
  667. {block:Source}{/block:Source}
  668. {/block:Quote}
  669.  
  670.  
  671. {block:Photo}
  672. {block:IndexPage}
  673. <img src="{PhotoURL-HighRes}" class="photopost">
  674. {block:IfShowCaptions}
  675. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  676. {/block:IfShowCaptions}
  677. {/block:IndexPage}
  678. {block:PermalinkPage}
  679. <img src="{PhotoURL-HighRes}" width="500px">
  680. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  681. {/block:PermalinkPage}
  682. {/block:Photo}
  683.  
  684.  
  685. {block:Photoset}
  686. {block:IndexPage}
  687. {Photoset}
  688. {block:IfShowCaptions}
  689. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  690. {/block:IfShowCaptions}
  691. {/block:IndexPage}
  692. {block:PermalinkPage}
  693. {Photoset}
  694. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  695. {/block:PermalinkPage}
  696. {/block:Photoset}
  697.  
  698.  
  699. {block:Video}
  700. {block:IndexPage}
  701. {Video-400}
  702. {block:IfShowCaptions}
  703. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  704. {/block:IfShowCaptions}
  705. {/block:IndexPage}
  706. {block:PermalinkPage}
  707. {Video-500}
  708. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  709. {/block:PermalinkPage}
  710. {/block:Video}
  711.  
  712.  
  713. {block:Link}
  714. <a href="{URL}" class="title">{Name}</a>
  715. {/block:Link}
  716.  
  717.  
  718. {block:Audio}
  719. {AudioEmbed}
  720. {block:IndexPage}
  721. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  722. {block:IndexPage}
  723. {block:PermalinkPage}
  724. {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  725. {/block:PermalinkPage}
  726. {/block:Audio}
  727.  
  728.  
  729. {block:Chat}
  730. {block:Title}<div class="title">{Title}</div>{/block:Title}
  731. {block:Lines}<div class="chats">
  732. {block:Label}<b>{Label}</b>{/block:Label}
  733. {Line}
  734. </div>{/block:Lines}
  735. {/block:Chat}
  736.  
  737.  
  738. {block:ContentSource}
  739. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  740. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  741. {/block:SourceLogo}
  742. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  743. {/block:ContentSource}
  744. {block:ReblogParent}{/block:ReblogParent}
  745.  
  746.  
  747. {block:Date}
  748. {block:PermalinkPage}
  749. <div class="permalinkinfo">
  750. posted {TimeAgo}: {ShortMonth} {DayOfMonthWithZero} with {NoteCountWithLabel}<br>
  751. <a href="{ReblogURL}">reblog this post + </a>
  752. {block:RebloggedFrom}<br>
  753. via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  754. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  755. {/block:RebloggedFrom}
  756. {block:HasTags}
  757. <br>Tagged as: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  758. {/block:HasTags}
  759. </div>
  760. {/block:PermalinkPage}
  761.  
  762.  
  763. {block:ifNotgridlayout}
  764. <div class="permalinkinfo">
  765. <b>{ShortMonth} {DayOfMonthWithZero}</b> {TimeAgo} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  766. {block:RebloggedFrom}<br>
  767. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> /
  768. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  769. {/block:RebloggedFrom}
  770. {block:HasTags}
  771. <br>Tagged as: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  772. {/block:HasTags}<br>
  773. <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>
  774. </div>
  775. <div class="button likebutton">{LikeButton size=10}</div>
  776. </div>
  777. {/block:ifNotgridlayout}
  778.  
  779. {/block:Date}
  780.  
  781. </div> <!-- /entry -->
  782. </div>
  783. <!-- /wrapper -->
  784. {/block:Posts}
  785.  
  786.  
  787. <!------------------- //post notes -->
  788. {block:PermalinkPage}
  789. {block:PostNotes}
  790. <div class="wrapper">
  791. <div class="entry noul p-notes">{PostNotes}</div>
  792. </div>
  793. {/block:PostNotes}
  794. {/block:PermalinkPage}
  795.  
  796. {block:ifgridlayout}
  797. <br clear="all">
  798. {/block:ifgridlayout}
  799. </div> <!-- /content -->
  800.  
  801. {block:Pagination}
  802. <div class="pagwrapper">
  803. {block:Pagination}
  804. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  805. {/block:Pagination}
  806.  
  807. {block:JumpPagination length="5"}
  808. {block:CurrentPage}<b>{PageNumber}</b>{/block:CurrentPage}
  809. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  810. {/block:JumpPagination}
  811.  
  812. {block:Pagination}
  813. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  814. {/block:Pagination}
  815. </div>
  816. {/block:Pagination}
  817.  
  818.  
  819. <div id="footer">
  820. <a href="//quenma.tumblr.com">© theme by <b>quenma</b></a>
  821. </div>
  822.  
  823.  
  824. </body>
  825. </html>
Advertisement
Add Comment
Please, Sign In to add comment