Advertisement
Guest User

Untitled

a guest
Jul 25th, 2016
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.10 KB | None | 0 0
  1. <head>
  2. <style type="text/css">
  3. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  4. </style>
  5.  
  6.  
  7.  
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  9.  
  10. <script src="jquery.js"></script>
  11. <script>
  12. $(document).ready(function(){
  13. $("#click").click(function(){
  14. $("#appear").slideToggle("slow");
  15. });
  16. });
  17. </script>
  18.  
  19.  
  20. <!-- start of script tooltip -->
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22.  
  23. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  24.  
  25. <script>
  26.  
  27. (function($){
  28.  
  29. $(document).ready(function(){
  30.  
  31. $("a[title]").style_my_tooltips({
  32.  
  33. tip_follows_cursor:true,
  34.  
  35. tip_delay_time:90,
  36.  
  37. tip_fade_speed:600,
  38.  
  39. attribute:"title"
  40.  
  41. });
  42.  
  43. });
  44.  
  45. })(jQuery);
  46.  
  47. </script>
  48.  
  49. <!-- end of script tooltip -->
  50.  
  51. <title>{title}</title>
  52. <link rel="shortcut icon" href=""/>
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  54. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  55.  
  56. <!--Default Variables-->
  57. <meta name="image:background" content="">
  58. <meta name="image:Sidebar" content="http://i.imgur.com/DMl2fNH.gif"/>
  59.  
  60.  
  61. <meta name="text:link 1" content="ask">
  62. <meta name="text:link 1 url" content="/ask">
  63. <meta name="text:link 2" content="archive">
  64. <meta name="text:link 2 url" content="/archive">
  65. <meta name="text:link 3" content="shuffle">
  66. <meta name="text:link 3 url" content="/random">
  67. <meta name="text:link 4" content="">
  68. <meta name="text:link 4 url" content="/">
  69. <meta name="text:link 5" content="">
  70. <meta name="text:link 5 url" content="/">
  71. <meta name="text:link 6" content="">
  72. <meta name="text:link 6 url" content="/">
  73. <meta name="text:link 7" content="">
  74. <meta name="text:link 7 url" content="/">
  75.  
  76. <meta name="color:Background" content="#ffffff"/>
  77. <meta name="color:Post Background" content="#ffffff"/>
  78. <meta name="color:Text" content="#000000"/>
  79. <meta name="color:Link" content="#888888"/>
  80. <meta name="color:Link Hover" content="#000000"/>
  81. <meta name="color:Border" content="#cccccc"/>
  82. <meta name="color:Sidebar Border" content="#cccccc"/>
  83. <meta name="color:Selection" content="#cccccc"/>
  84. <meta name="color:Scrollbar" content="#000000"/>
  85. <meta name="color:Tooltip Text" content="#000000"/>
  86.  
  87. <meta name="select:Link" content="text-decoration:none;" title="none">
  88. <meta name="select:Link" content="text-decoration: underline;" title="underline">
  89. <meta name="select:Link" content="font-style: italic;" title="italic">
  90.  
  91. <meta name="select:Link Hover" content="text-decoration:none;" title="none">
  92. <meta name="select:Link Hover" content="text-decoration: underline;" title="underline">
  93. <meta name="select:Link Hover" content="font-style: italic;" title="italic">
  94.  
  95. <meta name="if:Thin Scrollbar" content="0"/>
  96. <meta name="if:Transparent Tooltip" content="0"/>
  97. <meta name="if:bgcover" content="1"/>
  98. <meta name="if:Posts Fade" content="0"/>
  99. <meta name="if:Black White" content="0"/>
  100. <meta name="if:Zoom" content="1"/>
  101. <meta name="if:show captions" content="0"/>
  102.  
  103. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  104.  
  105. <!--Styling,css-->
  106. <style type="text/css">
  107. @font-face{
  108. font-family:'consolas';
  109. src:url('http://static.tumblr.com/apahx90/giAmolf5m/consolas.ttf');}
  110.  
  111. @font-face{
  112. font-family:'calibri';
  113. src:url('http://static.tumblr.com/zu4ce6n/HtCmyt93u/calibri_1_.ttf');}
  114.  
  115.  
  116. .b{z-index:99999;background:rgba(0,0,0,0.7);position:cover;bottom:0px;left:0px; width: 100%; height: 30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
  117. .b:hover{background:rgba(0,0,0,1);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
  118.  
  119.  
  120. #s-m-t-tooltip {
  121. font-family:courier;
  122. {block:ifTransparentTooltip}
  123. background-color:transparent;border:none;
  124. {/block:ifTransparentTooltip}
  125. {block:ifnotTransparentTooltip}
  126. background:rgba(255,255,255,1);border:1px solid {color:border};
  127. {/block:ifnotTransparentTooltip}
  128. font-size:11px;
  129. color:{color:Tooltip Text};
  130. margin:30px 20px; padding:3px 7px;
  131. z-index:9999999999999999999999;
  132. -webkit-transition: all .2s ease-in-out;
  133. -moz-transition: all .2s ease-in-out;
  134. -o-transition: all .2s ease-in-out;
  135. }
  136. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(0%); -moz-filter: invert(0%); -o-filter: invert(0%); -ms-filter: invert(0%); filter: invert(0%); opacity:.8;transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out; }
  137.  
  138. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(0%); -moz-filter: invert(0%); -o-filter: invert(0%); -ms-filter: invert(0%); filter: invert(0%); opacity:1; }
  139. body {
  140. text-transform:normal;
  141. color:{color:Text};
  142. font-family:monospace;/* The main font, you can change this anytime*/
  143. font-size:10px;/* Font size */
  144. cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  145. background-color:{color:backgorund};/* Background color */
  146. background-image:url('{image:background}');
  147. background-attachment:fixed;
  148. background-repeat:repeat;
  149. background-position:center;
  150. {block:ifbgcover}background-size:cover;{/block:ifbgcover}
  151. }
  152.  
  153. /* Links */
  154. a{color:{color:Link};{select:Link}}
  155.  
  156. a:hover{cursor:help;color:{color:Link Hover};{select:Link Hover}
  157. -webkit-transition: all .2s ease;
  158. -moz-transition: all .2s ease;
  159. -o-transition: all .2s ease;
  160. }
  161.  
  162.  
  163. /* Sidebar*/
  164. #sidey{
  165. width:150px;bottom:55%;left:35%;
  166. position:fixed;
  167. -webkit-transition:all 0.2s linear;
  168. -webkit-transition:all 0.2s linear;
  169. -moz-transition:all 0.2s linear;
  170. transition:all 0.2s linear;
  171. }
  172. /* Sidebar image*/{
  173. border-top: 1px solid {color:Sidebar Border};
  174. border-left: 1px solid {color:Sidebar Border};
  175. border-right:1px solid {color:Sidebar Border};
  176. border-bottom: 0px solid {color:Sidebar Border};}
  177.  
  178.  
  179. #sidetitle{text-align:right;padding:9px;letter-spacing:3px;background:{color:transparent};
  180. border-top:1px solid {color:Sidebar Border};
  181. border-left: 1px solid {color:Sidebar Border};
  182. border-right:1px solid {color:Sidebar Border};
  183. border-bottom:0px solid {color:Sidebar Border};
  184. }
  185.  
  186. #desc{text-align:left;padding:10px;background:{color:transparent};
  187. border-top:1px solid {color:Sidebar Border};
  188. border-left: 1px solid {color:Sidebar Border};
  189. border-right:1px solid {color:Sidebar Border};
  190. border-bottom: 1px solid {color:Sidebar Border};
  191. }
  192.  
  193. #sidelinks{position:relative;text-align:right;padding:3px;text-align:right;}
  194.  
  195.  
  196. /* What your entries are on*/
  197. #post{
  198. background-color:transparent;/* Background color for posts*/
  199. position:absolute;left:700px;
  200. width:300px;
  201. }
  202.  
  203. /***********************entries**********************/
  204. .entry{float:right;
  205. margin:35px 25px;/* Spacing of entries*/
  206. width:250px;border:0px solid {color:border};background:{color:transparent};
  207. {block:PermalinkPage}
  208. border: 0px solid {color:Border};
  209. display:block;width:300px;
  210. {/block:PermalinkPage}
  211. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
  212.  
  213. .entry img{display:block;max-width:100%;}
  214.  
  215.  
  216.  
  217. .entry .pics img{
  218. display:block;max-width:100%;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;
  219. {block:IfBlackWhite}
  220. -webkit-filter: grayscale(100%);
  221. {/block:IfBlackWhite}
  222. {block:IfPostsFade}
  223. opacity:0.8;
  224. {/block:IfPostsFade}}
  225.  
  226. .entry .pics img:hover{
  227. {block:IfBlackWhite}-webkit-filter: grayscale(0%);{/block:IfBlackWhite}
  228. opacity:1;
  229. {block:IfZoom}
  230. -webkit-transform:scale(1.2); /* Safari and Chrome */
  231. -moz-transform:scale(1.2);/* Firefox */
  232. -ms-transform:scale(1.2); /* IE 9 */
  233. -o-transform:scale(1.2); /* Opera */
  234. transform:scale(1.2);
  235. {/block:IfZoom}
  236. -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  237.  
  238. #picss{overflow:hidden;}
  239.  
  240. /************************post hover************************/
  241. .permabar{position:absolute;text-align:right;padding:7px;right:0px;}
  242.  
  243. .infobar{position:relative;text-align:left;padding:4px 6px;border-top: solid 1px {color:border};}
  244. #click{position:relative;text-align:center;padding:8px;border-top: solid 1px {color:border};}
  245. #appear{display:none;padding:5px;padding-top:0px;}
  246.  
  247. /************************do not touch***********************/
  248. .pagination {display:none;}
  249. #infscr-loading{bottom:-70px;position:absolute;left:45%;margin-left:0px;overflow:hidden;margin-bottom: 50px;}
  250. /************************ask post***********************/
  251. #askicon{border:1px solid {color:border};width:48px;margin-top:5px;}
  252. #ques{margin:-50px 0 0 55px;border-bottom:1px dashed {color:border};padding:5px;}
  253. #ans{margin-top:25px;margin-left:5px;}
  254.  
  255. /************************audio post***********************/
  256. #audio{width:250px;height:70px;padding-bottom:0px;
  257. }
  258. .cover{position:absolute;z-index:1;width:65px;height:60px;}
  259. .cover img{float:left;width:65px;height:65px;border:1px solid {color:border};}
  260. .playbox{opacity:0.8;width:27px;height:30px;overflow:hidden;position:absolute;z-index:1000;margin-left:21px;margin-top:20px;text-align:center}
  261. .info{margin-left:73px;margin-top:2px;letter-spacing:1px;}
  262.  
  263.  
  264. /************************start permanotes***********************/
  265. .entry #permanotes{max-height:220px;min-height:0px;overflow-y:auto;overflow-x:hidden;display:block;}
  266. ol.notes {padding: 0px;margin: 0px;list-style-type: none;}
  267. ol.notes li.note {padding:4px;}
  268. ol.notes li.note img.avatar {border-radius: 50%;float:right;}
  269.  
  270. /******************end permanotes******************/
  271.  
  272. blockquote{margin:0px;padding-left:15px;border-left:1px solid {color:border};}
  273.  
  274. .text_title{padding:0px;font-weight:bold;letter-spacing:1px;}
  275.  
  276. .askpost, .audiopost, .txtpost, .quotepost, .linkpost, .chatpost, .vidpost{padding:8px 13px;}
  277. .picpost, .picsetpost{padding:0px;}
  278. .piccapt, .picsetcapt{padding:8px 13px;}
  279.  
  280. ::-webkit-scrollbar {height:5px;width:7px;background:{color:transparent}
  281.  
  282. }
  283.  
  284. ::-webkit-scrollbar-thumb:vertical
  285. {background: {color:scrollbar};
  286. border:
  287. {block:ifthinScrollbar}0px solid {color:scrollbar background}{/block:ifthinScrollbar}
  288. {block:ifnotthinScrollbar}0px solid {color:scrollbar background}{/block:ifnotthinScrollbar}
  289. ;}
  290.  
  291.  
  292. ::selection {color:{color:selection} ;}
  293. ::-moz-selection {color:{color:selection} ;}
  294. p::selection {color:{color:selection} ;}
  295. p::-moz-selection {color:{color:selection} ;}
  296.  
  297.  
  298. #credz{position:fixed;bottom:0px;left:0px;padding:0px 0px 4px 8px;background:transparent;}
  299. #credz .credpic{margin:10px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  300. #credz:hover .credpic{opacity:1;-webkit-transform: scale(1.0);}
  301. #credz:hover .credurl{opacity:1;-webkit-transform: scale(1.0);margin-left:30px;}
  302. #credz .credurl{position:absolute;margin-top:-20px;margin-left:-20px;opacity:0;font-size:9px;text-transform:uppercase;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;-webkit-transform: scale(.10);}
  303.  
  304.  
  305. {CustomCSS}</style>
  306.  
  307.  
  308. <!--I reccommend not touching any ofthis unless you don't want infinite scroll!-->
  309.  
  310. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  311.  
  312. <script>
  313. $(function(){
  314. var $container = $('#post');
  315. $container.imagesLoaded(function(){
  316. $container.masonry({
  317. itemSelector: '.entry',
  318. });
  319. });
  320. $container.infinitescroll({
  321. itemSelector : ".entry",
  322. navSelector : "div.pagination",
  323. nextSelector : ".pagination a#next",
  324. loadingImg : "http://i1381.photobucket.com/albums/ah231/ashleylpm/ajax-loader_zpss97uq0sv.gif",
  325. loadingText : "<em>loading</em>",
  326. bufferPx : 10000,
  327. extraScrollPx: 12000,
  328. },
  329. // trigger Masonry as a callback
  330. function( newElements ) {
  331. var $newElems = $( newElements ).css({ opacity: 0 });
  332. // ensure that images load before adding to masonry layout
  333. $newElems.imagesLoaded(function(){
  334. $newElems.animate({ opacity: 1 });
  335. $container.masonry( 'appended', $newElems, true );
  336. });
  337. }
  338. );
  339. });
  340. </script>
  341.  
  342. <script>
  343. $(function () {
  344. $('#gotop').hide();
  345. $(window).scroll(function () {
  346.  
  347. if ($(this).scrollTop() > 400) {
  348. $('#gotop').fadeIn(500);
  349. } else {
  350. $('#gotop').fadeOut(500);
  351. }
  352. });
  353. $('#gotop').click(function () {
  354. $('html,body').animate({
  355. scrollTop: 0
  356. }, 400);
  357. return false;
  358. });
  359. });
  360. </script>
  361.  
  362. </head>
  363.  
  364. <body>
  365.  
  366. <a style="bottom:10px;right:10px;position:fixed;" href="#top" id="gotop">UP</a>
  367.  
  368. <!--Posts and entries-->
  369. <div id="post">
  370.  
  371.  
  372. <!--Sidebar-->
  373. <div id="sidey">
  374. <div class="sidebox">
  375. <a href="/" title="{title}"><img src="{image:Sidebar}"></a>
  376. <a herf=border-top:1px solid {color:borders}}></a>
  377. <a herf=border-left:1px solid {color:borders}></a>
  378. <a herf=border-right:1px solid {color:borders}></a>
  379. <a herf=border-bottom:1px solid {color:borders}></a>
  380. <div id="sidetitle">{title}</div>
  381. <div id="desc">{description}</div>
  382. </div>
  383. <div id="sidelinks">
  384. <a title="home" href="/">home</a>,
  385. {block:iflink1}<a title="{text:link 1}" href="{text:link 1 url}">{text:link 1}</a>, {/block:iflink1}
  386. {block:iflink2}<a title="{text:link 2}" href="{text:link 2 url}">{text:link 2}</a>, {/block:iflink2}
  387. {block:iflink3}<a title="{text:link 3}" href="{text:link 3 url}">{text:link 3}</a>, {/block:iflink3}
  388. {block:iflink4}<a title="{text:link 4}" href="{text:link 4 url}">{text:link 4}</a>, {/block:iflink4}
  389. {block:iflink5}<a title="{text:link 5}" href="{text:link 5 url}">{text:link 5}</a>, {/block:iflink5}
  390. {block:iflink6}<a title="{text:link 6}" href="{text:link 6 url}">{text:link 6}</a>, {/block:iflink6}
  391. {block:iflink7}<a title="{text:link 7}" href="{text:link 7 url}">{text:link 7}</a>, {/block:iflink7}
  392. </div>
  393. </div><!--End of sidebar-->
  394.  
  395. {block:Posts}
  396. <!-- {block:NoRebloggedFrom}
  397. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  398. {/block:NoRebloggedFrom} -->
  399.  
  400. {block:ContentSource}<!-- {SourceURL}
  401. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  402. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  403. {/block:ContentSource}
  404.  
  405. <div class="entry">
  406. {block:Text}
  407. <div class="txtpost">
  408. {block:Title}<div class="text_title">{title}</div>{/block:Title}
  409. {Body}
  410. </div>
  411. {/block:Text}
  412.  
  413. {block:Photo}
  414. <div class="picpost"><div class="pics" id="picss">
  415. <a href="{permalink}"><img src="{PhotoURL-400}"></a></div>
  416. {block:ifshowcaptions}
  417. {block:Caption}<div class="piccapt">{Caption}</div>{/block:Caption}
  418. {/block:ifshowcaptions}
  419. </div>
  420. {/block:Photo}
  421.  
  422.  
  423. {block:Photoset}
  424. <div class="picsetpost">
  425. {Photoset-250}
  426. {block:ifshowcaptions}
  427. {block:Caption}<div class="picsetcapt">{Caption}</div>{/block:Caption}
  428. {/block:ifshowcaptions}
  429. </div>
  430. {/block:Photoset}
  431.  
  432.  
  433. {block:Quote}
  434. <div class="quotepost">{Quote}
  435. <div align="right">
  436. {block:Source}-{Source}{/block:Source}
  437. </div></div>
  438. {/block:Quote}
  439.  
  440.  
  441. {block:Video}
  442. <div class="vidpost">{Video-400}<br>
  443. {PlayCountWithLabel}</div>
  444. {/block:Video}
  445.  
  446.  
  447. {block:Link}
  448. <div class="linkpost"><div class="text_title"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  449. {block:Description}{Description}{/block:Description}</div>
  450. {/block:Link}
  451.  
  452. {block:Chat}
  453. <div class="chatpost">
  454. {block:Lines}
  455. {block:Label}
  456. <br>{Label}
  457. {/block:Label}
  458. &nbsp;{Line}
  459. {/block:Lines}
  460. </div>
  461. {/block:Chat}
  462.  
  463. {block:Audio}
  464. <div class="audiopost"><div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>
  465. {/block:Audio}
  466.  
  467. {block:Answer}
  468. <div class="askpost">
  469. <div id="askicon"><img src="{AskerPortraitURL-48}"></a></div><div id="ques">{Question}<div align="right"> - asked by {asker}</div></div>
  470. <div id="ans">{Answer}</div>
  471. </div>
  472. {/block:Answer}
  473.  
  474. {block:IndexPage}
  475. <div class="permabar"><a title="click to reblog" href="{ReblogURL}">REBLOG</i></a>, <a title="Note Count" href="{Permalink}">{NoteCount}</i></a>, <a title="{ShortMonth} {DayofMonth}{DayofMonthSuffix}">{24Hour}:{Minutes}</i></a></div>
  476. {/block:IndexPage}
  477.  
  478. {block:PermalinkPage}<div class="infobar">
  479. {block:Caption}<p>{Caption}</p>{/block:Caption}
  480. {block:Date}<i class="fa fa-file-image-o"></i>.&nbsp;posted: {TimeAgo} on {ShortMonth} {DayofMonth}{DayofMonthSuffix}<br>{/block:Date}
  481. {block:NoteCount}<i class="fa fa-eye"></i>.&nbsp;notes: {NoteCount}<br>{/block:NoteCount}{block:RebloggedFrom}<i class="fa fa-angle-left fa-lg"></i>.&nbsp;reblogged from <a title="VIA" href="{ReblogParentURL}">{ReblogParentName}</a><br><i class="fa fa-angle-double-left fa-lg"></i>.&nbsp;posted by <a title="SOURCE" href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>{block:HasTags}<i class="fa fa-tags"></i>.&nbsp;tags: {block:Tags}<a href="http://tumblr.com/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}
  482. </div>
  483. <div id="click">click for notes</div>
  484. <div id="appear">
  485. {block:PostNotes}
  486. <div id="permanotes">{PostNotes}</div>
  487. {/block:PostNotes}
  488. </div>
  489. {/block:PermalinkPage}
  490.  
  491. </div>
  492. {/block:Posts}
  493. </div>
  494. <!--Pagination-->
  495. <div class="pagination">
  496. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  497. </div>
  498. </body>
  499. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement