API tools faq
paste
kimtys

DEMURE

kimtys
Mar 18th, 2016
6,505
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.  
  5. <!--
  6.  
  7. DEMURE THEME BY KIMTYS.TUMBLR.COM
  8.  
  9. edit as much as you want but please don't hide or remove credits!
  10.  
  11. --
  12.  
  13. photoset: pixelunion
  14. video: shythemes
  15. like button: mikedidthis
  16. tumblr controls: ladmilk
  17. infinitescroll: paulirish
  18. icons: fontawesome
  19. smoothscroll: deadpoolkilledzac
  20.  
  21. -->
  22.  
  23.  
  24. <head>
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}" />
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  31.  
  32.  
  33. <meta name="color:background" content="#ffffff" />
  34. <meta name="color:posts" content="#ffffff" />
  35. <meta name="color:borders" content="#eeeeee" />
  36. <meta name="color:text" content="#666666" />
  37. <meta name="color:links" content="#aaaaaa" />
  38. <meta name="color:links hover" content="#666666" />
  39. <meta name="color:captions" content="#f9f9f9" />
  40. <meta name="color:permalink" content="#666666" />
  41. <meta name="color:tags" content="#aaaaaa" />
  42. <meta name="color:post accents" content="#f7f7f7" />
  43. <meta name="color:text accents" content="#cccccc" />
  44. <meta name="color:like reblog icons" content="#cccccc" />
  45. <meta name="color:scrollbar" content="#dddddd" />
  46.  
  47. <meta name="image:background" content="" />
  48. <meta name="image:icon" content="" />
  49.  
  50. <meta name="if:show title" content="1" />
  51. <meta name="if:static header links" content="0" />
  52. <meta name="if:extra links" content="1" />
  53. <meta name="if:icon border" content="1" />
  54. <meta name="if:post border" content="1" />
  55. <meta name="if:caption border" content="1" />
  56. <meta name="if:image fade" content="1" />
  57. <meta name="if:like and reblog" content="1" />
  58. <meta name="if:hover like and reblog" content="1" />
  59. <meta name="if:show description" content="1" />
  60. <meta name="if:show captions" content="1" />
  61. <meta name="if:show tags" content="1" />
  62. <meta name="if:show notes" content="1" />
  63. <meta name="if:transparent posts" content="0" />
  64. <meta name="if:back to top" content="1" />
  65. <meta name="if:infinite scroll" content="0" />
  66.  
  67. <meta name="select:background image" content="cover" title="cover">
  68. <meta name="select:background image" content="repeat" title="repeat">
  69.  
  70. <meta name="select:post size" content="400" title="400px" />
  71. <meta name="select:post size" content="200" title="200px" />
  72. <meta name="select:post size" content="230" title="230px" />
  73. <meta name="select:post size" content="250" title="250px" />
  74. <meta name="select:post size" content="270" title="270px" />
  75. <meta name="select:post size" content="300" title="300px" />
  76. <meta name="select:post size" content="330" title="330px" />
  77. <meta name="select:post size" content="350" title="350px" />
  78. <meta name="select:post size" content="370" title="370px" />
  79. <meta name="select:post size" content="430" title="430px" />
  80. <meta name="select:post size" content="450" title="450px" />
  81. <meta name="select:post size" content="470" title="470px" />
  82. <meta name="select:post size" content="500" title="500px" />
  83.  
  84. <meta name="select:body font" content="pt sans" title="pt sans">
  85. <meta name="select:body font" content="abeezee" title="abeezee">
  86. <meta name="select:body font" content="arial" title="arial">
  87. <meta name="select:body font" content="calibri" title="calibri">
  88. <meta name="select:body font" content="cambria" title="cambria">
  89. <meta name="select:body font" content="consolas" title="consolas">
  90. <meta name="select:body font" content="courier" title="courier">
  91. <meta name="select:body font" content="cousine" title="cousine">
  92. <meta name="select:body font" content="karla" title="karla">
  93. <meta name="select:body font" content="kartika" title="kartika">
  94. <meta name="select:body font" content="lato" title="lato">
  95. <meta name="select:body font" content="montserrat" title="montserrat">
  96. <meta name="select:body font" content="play" title="play">
  97. <meta name="select:body font" content="questrial" title="questrial">
  98. <meta name="select:body font" content="roboto" title="roboto">
  99. <meta name="select:body font" content="source sans pro" title="source sans pro">
  100. <meta name="select:body font" content="tahoma" title="tahoma">
  101.  
  102. <meta name="select:body font size" content="10" title="10px">
  103. <meta name="select:body font size" content="7" title="7px">
  104. <meta name="select:body font size" content="8" title="8px">
  105. <meta name="select:body font size" content="9" title="9px">
  106. <meta name="select:body font size" content="11" title="11px">
  107. <meta name="select:body font size" content="12" title="12px">
  108.  
  109. <meta name="select:accents font" content="karla" title="karla">
  110. <meta name="select:accents font" content="abeezee" title="abeezee">
  111. <meta name="select:accents font" content="arial" title="arial">
  112. <meta name="select:accents font" content="calibri" title="calibri">
  113. <meta name="select:accents font" content="cambria" title="cambria">
  114. <meta name="select:accents font" content="consolas" title="consolas">
  115. <meta name="select:accents font" content="courier" title="courier">
  116. <meta name="select:accents font" content="cousine" title="cousine">
  117. <meta name="select:accents font" content="kartika" title="kartika">
  118. <meta name="select:accents font" content="lato" title="lato">
  119. <meta name="select:accents font" content="montserrat" title="montserrat">
  120. <meta name="select:accents font" content="play" title="play">
  121. <meta name="select:accents font" content="pt sans" title="pt sans">
  122. <meta name="select:accents font" content="questrial" title="questrial">
  123. <meta name="select:accents font" content="roboto" title="roboto">
  124. <meta name="select:accents font" content="source sans pro" title="source sans pro">
  125. <meta name="select:accents font" content="tahoma" title="tahoma">
  126.  
  127. <meta name="select:accents font size" content="8" title="8px">
  128. <meta name="select:accents font size" content="7" title="7px">
  129. <meta name="select:accents font size" content="9" title="9px">
  130. <meta name="select:accents font size" content="10" title="10px">
  131. <meta name="select:accents font size" content="11" title="11px">
  132. <meta name="select:accents font size" content="12" title="12px">
  133.  
  134. <meta name="select:title font size" content="9" title="9px">
  135. <meta name="select:title font size" content="7" title="7px">
  136. <meta name="select:title font size" content="8" title="8px">
  137. <meta name="select:title font size" content="10" title="10px">
  138. <meta name="select:title font size" content="11" title="11px">
  139. <meta name="select:title font size" content="12" title="12px">
  140.  
  141. <meta name="select:accents transform" content="uppercase" title="uppercase">
  142. <meta name="select:accents transform" content="none" title="none">
  143. <meta name="select:accents transform" content="lowercase" title="lowercase">
  144.  
  145. <meta name="select:cursor hover" content="pointer" title="pointer">
  146. <meta name="select:cursor hover" content="help" title="help">
  147. <meta name="select:cursor hover" content="default" title="default">
  148. <meta name="select:cursor hover" content="crosshair" title="crosshair">
  149.  
  150. <meta name="text:icon size" content="60" />
  151. <meta name="text:header width" content="200" />
  152. <meta name="text:posts margin" content="250" />
  153. <meta name="text:padding" content="3" />
  154. <meta name="text:description title" content="info"/>
  155. <meta name="text:extra links title" content="menu"/>
  156. <meta name="text:link 1" content="ask"/>
  157. <meta name="text:url 1" content="/ask"/>
  158. <meta name="text:link 2" content=""/>
  159. <meta name="text:url 2" content="/"/>
  160. <meta name="text:link 3" content=""/>
  161. <meta name="text:url 3" content="/"/>
  162. <meta name="text:link 4" content=""/>
  163. <meta name="text:url 4" content="/"/>
  164. <meta name="text:link 5" content=""/>
  165. <meta name="text:url 5" content="/"/>
  166. <meta name="text:link 6" content=""/>
  167. <meta name="text:url 6" content="/"/>
  168. <meta name="text:link 7" content=""/>
  169. <meta name="text:url 7" content="/"/>
  170. <meta name="text:link 8" content=""/>
  171. <meta name="text:url 8" content="/"/>
  172. <meta name="text:link 9" content=""/>
  173. <meta name="text:url 9" content="/"/>
  174. <meta name="text:link 10" content=""/>
  175. <meta name="text:url 10" content="/"/>
  176.  
  177.  
  178. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  179. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  180. <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,300italic,400italic,500italic,700italic|PT+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Source+Sans+Pro:300,400,500,700,300italic,400italic,500italic,700italic|Karla:300,400,500,700,300italic,400italic,500italic,700italic|Questrial:300,400,500,700,300italic,400italic,500italic,700italic|Cousine:300,400,500,700,300italic,400italic,500italic,700italic|Play:300,400,500,700,300italic,400italic,500italic,700italic|Montserrat:300,400,500,700,300italic,400italic,500italic,700italic|Lato:300,400,500,700,300italic,400italic,500italic,700italic|Courier:300,400,500,700,300italic,400italic,500italic,700italic|ABeeZee:300,400,500,700,300italic,400italic,500italic,700italic|Kartika:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  181.  
  182.  
  183. <style type="text/css">
  184.  
  185.  
  186.  
  187. /* Tumblr Controls */
  188.  
  189.  
  190. .tmblr-iframe--desktop-logged-in-controls, #tumblr_controls {
  191. top:0%;
  192. right:0%;
  193. position:fixed;
  194. z-index:999999999;
  195. opacity:0.3;
  196. -webkit-filter:invert(100%);
  197. -moz-filter:invert(100%);
  198. -o-filter:invert(100%);
  199. -ms-filter:invert(100%);
  200. filter:invert(100%);
  201. }
  202.  
  203.  
  204.  
  205. /* Tooltips */
  206.  
  207.  
  208. #s-m-t-tooltip {
  209. max-width:500px;
  210. margin:25px 15px;
  211. padding:3px 6px;
  212. z-index:999999999;
  213. font:{select:accents font size}px {select:accents font}, sans-serif;
  214. letter-spacing:0.5px;
  215. text-transform:{select:accents transform};
  216. {block:ifPostBorder}
  217. border:1px solid {color:borders};
  218. {/block:ifPostBorder}
  219. background:{color:post accents};
  220. color:{color:text};
  221. }
  222.  
  223.  
  224.  
  225. /* Scrollbar & Selection */
  226.  
  227.  
  228. ::-webkit-scrollbar-thumb:vertical { background: {color:scrollbar}; }
  229. ::-webkit-scrollbar-thumb:horizontal { background: {color:scrollbar}; }
  230.  
  231.  
  232. ::-webkit-scrollbar {
  233. height: 3px;
  234. width: 3px;
  235. background: transparent transparent transparent transparent;
  236. }
  237.  
  238.  
  239. ::-moz-selection { background:{color:links}; color:#fff; }
  240. ::selection { background:{color:links}; color:#fff; }
  241.  
  242.  
  243.  
  244. /* Body */
  245.  
  246.  
  247. body {
  248. background: {color:background} url('{image:background}') fixed;
  249. background-attachment:{select:background image};
  250. background-size:{select:background image};
  251. color:{color:text};
  252. font-family:{select:body font}, sans-serif;
  253. font-size:{select:body font size}px;
  254. line-height:140%;
  255. word-wrap:break-word;
  256. margin:0;
  257. padding:0;
  258. }
  259.  
  260.  
  261. a {
  262. color:{color:links};
  263. text-decoration:none;
  264. transition-duration: 0.6s;
  265. -moz-transition-duration: 0.6s;
  266. -webkit-transition-duration: 0.6s;
  267. -o-transition-duration: 0.6s;
  268. }
  269.  
  270.  
  271. a:hover {
  272. color:{color:links hover};
  273. cursor:{select:cursor hover};
  274. }
  275.  
  276.  
  277. b, strong, bold { font-weight:bold; }
  278.  
  279.  
  280. i, italic, em, oblique { font-style:italic; }
  281.  
  282.  
  283. h1, h2, h3 {
  284. margin:5px 0 {text:padding}px 0;
  285. padding-bottom:8px;
  286. font: 600 120% {select:body font}, sans-serif;
  287. text-align:center;
  288. letter-spacing:1px;
  289. line-height:120%;
  290. border-bottom:1px solid {color:borders};
  291. }
  292.  
  293.  
  294. small, sub, sup, code { font-size:100%; }
  295.  
  296.  
  297. big { font-size:110%; }
  298.  
  299.  
  300. p { margin:0; padding:0; }
  301.  
  302. pre, xmp, plaintext, listing {
  303. width:100%;
  304. font: {select:body font size}px {select:body font};
  305. white-space:pre-wrap;
  306. word-wrap:break-word;
  307. }
  308.  
  309.  
  310. blockquote {
  311. margin-left:20px;
  312. padding-left:15px;
  313. margin-bottom:5px;
  314. width:auto;
  315. margin-right:7px;
  316. border-left:solid 1px rgba({RGBcolor:text accents}, .6);
  317. }
  318.  
  319.  
  320. blockquote blockquote {
  321. padding-left:10px;
  322. margin:5px;
  323. border-left:1px solid rgba({RGBcolor:text accents}, .6);
  324. }
  325.  
  326.  
  327. ul, ol { margin:5px 0px 5px 15px; padding:0; }
  328.  
  329.  
  330. ul { margin-left:0; list-style-type:none; }
  331.  
  332.  
  333. ul li { padding:1px 0px 1px 20px; position:relative; }
  334.  
  335.  
  336. ul li:before {
  337. content:'•';
  338. top:2px;
  339. color:{color:text accents};
  340. left:10px;
  341. font-size:{select:body font size}px;
  342. position:absolute;
  343. display:block;
  344. font-family:sans-serif;
  345. }
  346.  
  347.  
  348. hr {
  349. border: 0;
  350. height: 1px;
  351. background:rgba({RGBcolor:text accents}, .6);
  352. }
  353.  
  354.  
  355.  
  356. /* Header */
  357.  
  358.  
  359. header {
  360. width:{text:header width}px;
  361. margin:70px auto 0 auto;
  362. text-align:center;
  363. }
  364.  
  365.  
  366. .icon {
  367. width:{text:icon size}px;
  368. height:{text:icon size}px;
  369. top:0;
  370. margin-bottom:5px;
  371. left:calc(50% + 0.5px);
  372. -ms-transform: translateX(-50%);
  373. -webkit-transform: translateX(-50%);
  374. transform: translateX(-50%);
  375. position:relative;
  376. display:block;
  377. {block:ifIconBorder}
  378. border:1px solid {color:borders};
  379. padding:{text:padding}px;
  380. {/block:ifIconBorder}
  381. {block:ifNotTransparentPosts}
  382. background:{color:posts};
  383. {/block:ifNotTransparentPosts}
  384. -moz-border-radius:100%;
  385. -webkit-border-radius:100%;
  386. border-radius:100%;
  387. transition-duration: 0.6s;
  388. -moz-transition-duration: 0.6s;
  389. -webkit-transition-duration: 0.6s;
  390. -o-transition-duration: 0.6s;
  391. {block:ifNotShowTitle}
  392. cursor:{select:cursor hover};
  393. {/block:ifNotShowTitle}
  394. }
  395.  
  396.  
  397. .icon img {
  398. width:{text:icon size}px;
  399. height:{text:icon size}px;
  400. {block:ifImageFade}
  401. opacity:0.85;
  402. {/block:ifImageFade}
  403. display:block;
  404. -moz-border-radius:100%;
  405. -webkit-border-radius:100%;
  406. border-radius:100%;
  407. -webkit-transition:all .7s ease;
  408. -moz-transition:all .7s ease;
  409. -o-transition:all .7s ease;
  410. transition:all .7s ease;
  411. }
  412.  
  413.  
  414. .icon img:hover {
  415. opacity:1;
  416. -webkit-transition:all .7s ease;
  417. -moz-transition:all .7s ease;
  418. -o-transition:all .7s ease;
  419. transition:all .7s ease;
  420. }
  421.  
  422.  
  423. .tt {
  424. position:relative;
  425. display:block;
  426. margin-top:3px;
  427. font-size:{select:title font size}px;
  428. font-weight:600;
  429. letter-spacing:1px;
  430. font-family:{select:accents font}, sans-serif;
  431. color:{color:links};
  432. transition-duration: 0.6s;
  433. -moz-transition-duration: 0.6s;
  434. -webkit-transition-duration: 0.6s;
  435. -o-transition-duration: 0.6s;
  436. }
  437.  
  438.  
  439. .tt:hover {
  440. cursor:{select:cursor hover};
  441. color:{color:links hover};
  442. transition-duration: 0.6s;
  443. -moz-transition-duration: 0.6s;
  444. -webkit-transition-duration: 0.6s;
  445. -o-transition-duration: 0.6s;
  446. }
  447.  
  448.  
  449. .desc {
  450. {block:ifNotStaticHeaderLinks}
  451. display:none;
  452. {/block:ifNotStaticHeaderLinks}
  453. margin-bottom:7px;
  454. word-wrap:break-word;
  455. font-size:{select:accents font size}px;
  456. text-transform:{select:accents transform};
  457. font-family:{select:accents font}, sans-serif;
  458. letter-spacing:0.5px;
  459. width:{text:header width}px;
  460. color:{color:text};
  461. }
  462.  
  463.  
  464. .d:hover, .m:hover {
  465. cursor:{select:cursor hover};
  466. }
  467.  
  468.  
  469. #click {
  470. {block:ifNotStaticHeaderLinks}
  471. display:none;
  472. {/block:ifNotStaticHeaderLinks}
  473. margin-top:7px;
  474. line-height:180%;
  475. text-align: center;
  476. font:{select:accents font size}px {select:accents font}, sans-serif;
  477. font-weight:normal;
  478. width:{text:header width}px;
  479. letter-spacing: 1px;
  480. text-transform:{select:accents transform};
  481. }
  482.  
  483.  
  484. .menu {
  485. display:none;
  486. line-height:140%;
  487. text-align: center;
  488. font:{select:accents font size}px {select:accents font}, sans-serif;
  489. font-weight:normal;
  490. letter-spacing: 1px;
  491. width:{text:header width}px;
  492. text-transform:{select:accents transform};
  493. }
  494.  
  495.  
  496. .links {
  497. line-height:140%;
  498. text-align: center;
  499. font:{select:accents font size}px {select:accents font}, sans-serif;
  500. font-weight:normal;
  501. letter-spacing: 1px;
  502. text-transform:{select:accents transform};
  503. }
  504.  
  505.  
  506. .menu a, .links a {
  507. margin:3px;
  508. display:inline-block;
  509. color:{color:links};
  510.  
  511. }
  512.  
  513.  
  514. .links a:hover, .menu a:hover {
  515. color:{color:links hover};
  516. }
  517.  
  518.  
  519.  
  520. /* Posts */
  521.  
  522.  
  523. #content {
  524. {block:IndexPage}
  525. width:{select:post size}px;
  526. {/block:IndexPage}
  527. {block:PermalinkPage}
  528. width:500px;
  529. {/block:PermalinkPage}
  530. margin:calc((-{text:posts margin}px) + 200px) auto;
  531. padding:0;
  532. }
  533.  
  534.  
  535. .posts {
  536. {block:IndexPage}
  537. width:{select:post size}px;
  538. {/block:IndexPage}
  539. {block:PermalinkPage}
  540. width:500px;
  541. {/block:PermalinkPage}
  542. margin:{text:posts margin}px auto;
  543. }
  544.  
  545.  
  546. .border {
  547. {block:ifPostBorder}
  548. border:1px solid {color:borders};
  549. {/block:ifPostBorder}
  550. padding:{text:padding}px;
  551. {block:ifNotTransparentPosts}
  552. background:{color:posts};
  553. {/block:ifNotTransparentPosts}
  554. }
  555.  
  556.  
  557. #bg { background:{color:post accents}; padding:5px 5px 5px 9px; }
  558.  
  559.  
  560. .caption {
  561. margin:4px 0 0 0;
  562. padding:8px 10px 10px 10px;
  563. background: {color:captions};
  564. {block:ifCaptionBorder}
  565. border:1px solid {color:borders};
  566. {block:ifCaptionBorder}
  567. {block:IndexPage}
  568. {block:ifNotShowCaptions}
  569. display:none;
  570. {block:ifNotShowCaptions}
  571. {/block:IndexPage}
  572. }
  573.  
  574.  
  575. {block:ifImageFade}
  576. {block:IndexPage}
  577. .video, .photo-data, #photo img {
  578. opacity:0.85;
  579. -webkit-transition:all .7s ease;
  580. -moz-transition:all .7s ease;
  581. -o-transition:all .7s ease;
  582. transition:all .7s ease;
  583. }
  584.  
  585.  
  586. .posts:hover #photo img, .posts:hover .photo-data, .posts:hover .video {
  587. opacity:1;
  588. }
  589. {/block:IndexPage}
  590. {/block:ifImageFade}
  591.  
  592.  
  593.  
  594. /* Like & Reblog */
  595.  
  596.  
  597. {block:IndexPage}
  598. .side {
  599. margin-left:calc({select:post size}px + 5px);
  600. position:absolute;
  601. display:block;
  602. margin-top:0px;
  603. {block:ifHoverLikeAndReblog}
  604. opacity:0;
  605. {/block:ifHoverLikeAndReblog}
  606. padding:6px 0 8px 15px;
  607. transition:all .9s ease-in-out;
  608. -webkit-transition:all .9s ease-in-out;
  609. -o-transition:all .9s ease-in-out;
  610. -moz-transition:all .9s ease-in-out;
  611. }
  612.  
  613.  
  614. .side ul { margin-left:0; list-style-type:none; }
  615.  
  616.  
  617. .side li {
  618. margin-right:8px;
  619. padding-right:8px;
  620. margin-left:-5px;
  621. padding:10px;
  622. display:block;
  623. line-height:1.2em;
  624. }
  625.  
  626.  
  627. .posts:hover .side {
  628. opacity:1;
  629. transition:all .9s ease-in-out;
  630. -webkit-transition:all .9s ease-in-out;
  631. -o-transition:all .9s ease-in-out;
  632. -moz-transition:all .9s ease-in-out;
  633. }
  634.  
  635.  
  636. .like {
  637. position: relative;
  638. display: block;
  639. width:8px;
  640. height:8px;
  641. {block:ifHoverLikeAndReblog}
  642. opacity:0;
  643. {/block:ifHoverLikeAndReblog}
  644. transition:all .9s ease-in-out;
  645. -webkit-transition:all .9s ease-in-out;
  646. -o-transition:all .9s ease-in-out;
  647. -moz-transition:all .9s ease-in-out;
  648. }
  649.  
  650.  
  651. .posts:hover .like {
  652. opacity:1;
  653. transition:all .9s ease-in-out;
  654. -webkit-transition:all .9s ease-in-out;
  655. -o-transition:all .9s ease-in-out;
  656. -moz-transition:all .9s ease-in-out;
  657. }
  658.  
  659.  
  660. .like_button {
  661. position: absolute;
  662. top: 0;
  663. left: 5px;
  664. right: 0;
  665. bottom: 0;
  666. width: 1em;
  667. height: 1em;
  668. opacity:0.000001;
  669. z-index: 10;
  670. }
  671.  
  672.  
  673. .like_button iframe { width: 100%; height: 100%; }
  674.  
  675.  
  676. .lk {
  677. position: absolute;
  678. display:block;
  679. top: 0;
  680. left: 5px;
  681. right: 0;
  682. bottom: 0;
  683. width: 100%;
  684. height: 100%;
  685. z-index: 1;
  686. color:{color:like reblog icons};
  687. cursor:{select:cursor hover};
  688. }
  689.  
  690.  
  691. .like_button:hover + .lk { color:{color:links hover}; }
  692.  
  693.  
  694. .like_button.liked + .lk { color:#f78585; }
  695.  
  696.  
  697. .reblog {
  698. position: relative;
  699. display: block;
  700. width:8px;
  701. height:8px;
  702. {block:ifHoverLikeAndReblog}
  703. opacity:0;
  704. {/block:ifHoverLikeAndReblog}
  705. transition:all .4s ease-in-out;
  706. -webkit-transition:all .4s ease-in-out;
  707. -o-transition:all .4s ease-in-out;
  708. -moz-transition:all .4s ease-in-out;
  709. }
  710.  
  711. .posts:hover .reblog {
  712. opacity:1;
  713. transition-delay: 0.45s;
  714. -moz-transition-duration:0.3s;
  715. -webkit-transition-duration:0.3s;
  716. -o-transition-duration:0.3s;
  717. }
  718.  
  719. .reblog_button {
  720. position: absolute;
  721. top: 0;
  722. left: 0;
  723. right: 0;
  724. bottom: 0;
  725. width: 100%;
  726. height: 100%;
  727. opacity: 0;
  728. z-index: 10;
  729. }
  730.  
  731.  
  732. .reblog_button iframe { width: 100%; height: 100%; }
  733.  
  734.  
  735. .rb {
  736. position: absolute;
  737. display:block;
  738. top: 0;
  739. left: 5px;
  740. right: 0;
  741. bottom: 0;
  742. width: 100%;
  743. height: 100%;
  744. z-index: 1;
  745. color:{color:like reblog icons};
  746. cursor:{select:cursor hover};
  747. }
  748.  
  749.  
  750. .reblog_button:hover + .rb { color:{color:links hover}; }
  751. {/block:IndexPage}
  752.  
  753.  
  754.  
  755. /* Image */
  756.  
  757.  
  758.  
  759. .posts img { max-width:100%;height:auto; }
  760.  
  761.  
  762. #photo img { width:100%; display:block; }
  763.  
  764.  
  765.  
  766. /* Photoset */
  767.  
  768.  
  769.  
  770.  
  771. .tmblr-lightbox { background:rgba({RGBcolor:background}, .7)!important; }
  772.  
  773.  
  774. .vignette, .lightbox-caption { opacity:0!important; }
  775.  
  776.  
  777. .lightbox-image {
  778. border-radius:0px!important;
  779. -webkit-border-radius:0px!important;
  780. -moz-border-radius:0px!important;
  781. box-shadow:none!important;
  782. -webkit-box-shadow:none!important;
  783. -moz-box-shadow:none!important;
  784. }
  785.  
  786.  
  787.  
  788. /* Video */
  789.  
  790.  
  791.  
  792. .video, .video iframe { display:block; overflow:hidden; }
  793.  
  794.  
  795.  
  796. /* Audio */
  797.  
  798.  
  799. #art {
  800. height: 50px;
  801. width: 50px;
  802. background:{color:post accents};
  803. padding: 4px;
  804. position:absolute;
  805. }
  806.  
  807.  
  808. #art img {
  809. opacity: 1;
  810. height: 50px;
  811. width: 50px;
  812. -webkit-transition: all 0.6s ease-in-out;
  813. -moz-transition: all 0.6s ease-in-out;
  814. -o-transition: all 0.6s ease-in-out;
  815. }
  816.  
  817.  
  818. #player {
  819. opacity: 0;
  820. -webkit-transition: all 0.6s ease-in-out;
  821. -moz-transition: all 0.6s ease-in-out;
  822. -o-transition: all 0.6s ease-in-out;
  823. }
  824.  
  825.  
  826. #info {
  827. margin-left: 61px;
  828. text-align:center;
  829. padding:4px 5px 4px 5px;
  830. height:50px;
  831. line-height:140%;
  832. overflow:scroll;
  833. overflow:auto;
  834. background:{color:post accents};
  835. text-transform:uppercase;
  836. font-size:90%;
  837. color:{color:text};
  838. letter-spacing:0.5px;
  839. }
  840.  
  841.  
  842. .infox {
  843. position: relative;
  844. top: 50%;
  845. max-height:50px;
  846. -webkit-transform: translateY(-50%);
  847. -ms-transform: translateY(-50%);
  848. transform: translateY(-50%);
  849. }
  850.  
  851.  
  852. #info span.song {
  853. display:inline-block;
  854. font-weight:bold;
  855. margin-right:3px;
  856. }
  857.  
  858.  
  859. #info span.artist {
  860. display:inline-block;
  861. margin-left:3px;
  862. }
  863.  
  864.  
  865. .posts:hover #player {
  866. opacity: 0.8;
  867. }
  868.  
  869.  
  870. iframe.soundcloud_audio_player {
  871. {block:IndexPage}
  872. width:{select:post pize}px;
  873. {/block:IndexPage}
  874. {block:PermalinkPage}
  875. width:500px;
  876. {/block:PermalinkPage}
  877. height:auto;
  878. display:block;
  879. }
  880.  
  881.  
  882.  
  883. /* Ask */
  884.  
  885.  
  886. #ques {
  887. display:table;
  888. background:{color:post accents};
  889. padding:10px;
  890. {block:IndexPage}
  891. width:calc({select:post size}px - 22px - {text:padding}px*2);
  892. {/block:IndexPage}
  893. {block:PermalinkPage}
  894. width:calc(500px - 22px - {text:padding}px*2);
  895. {/block:PermalinkPage}
  896. }
  897.  
  898.  
  899. #quesi {
  900. width:30px;
  901. display:table-cell;
  902. vertical-align:middle;
  903. }
  904.  
  905.  
  906. #quesi img {
  907. border:2px solid {color:posts};
  908. margin-top:-17px;
  909. position:absolute;
  910. -moz-border-radius:100%;
  911. -webkit-border-radius:100%;
  912. border-radius:100%;
  913. }
  914.  
  915.  
  916. #quesa {
  917. padding-left:15px;
  918. display:table-cell;
  919. vertical-align:middle;
  920. }
  921.  
  922.  
  923. #quesa b {
  924. font-weight:bold;
  925. text-transform:lowercase;
  926. display:block;
  927. }
  928.  
  929.  
  930. #ans {
  931. {block:IndexPage}
  932. width:calc({select:post size}px - 12px - {text:padding}px*2);
  933. {/block:IndexPage}
  934. {block:PermalinkPage}
  935. width:calc(500px - 12px - {text:padding}px*2);
  936. {/block:PermalinkPage}
  937. margin-top:{text:padding}px;
  938. padding:5px 5px 5px 5px;
  939. display:inline-block;
  940. border-top:1px solid {color:Borders};
  941. }
  942.  
  943.  
  944.  
  945. /* Quote */
  946.  
  947.  
  948. #quote {
  949. font-size:120%;
  950. padding:10px;
  951. background:{color:post accents};
  952. font-style:normal;
  953. }
  954.  
  955.  
  956. #source {
  957. {block:IndexPage}
  958. width:calc({select:post size}px - 12px - {text:padding}px*2);
  959. {/block:IndexPage}
  960. {block:PermalinkPage}
  961. width:calc(500px - 12px - {text:padding}px*2);
  962. {/block:PermalinkPage}
  963. margin-top:{text:padding}px;
  964. padding:5px 5px 5px 5px;
  965. display:inline-block;
  966. text-align:right;
  967. border-top:1px solid {color:Borders};
  968. }
  969.  
  970.  
  971.  
  972. /* Chat */
  973.  
  974. .lines .line {
  975. background: {color:post accents};
  976. padding: 4px 5px 4px 5px;
  977. margin-bottom:0;
  978.  
  979. }
  980.  
  981.  
  982. .lines .line.even {
  983. background:transparent;
  984. }
  985.  
  986.  
  987.  
  988. /* Permalink */
  989.  
  990.  
  991. .perma {
  992. margin:4px -2px 0 -2px;
  993. font-size:{select:accents font size}px;
  994. letter-spacing: 0.5px;
  995. {block:ifNotShowNotes}
  996. text-align:right;
  997. {/block:ifNotShowNotes}
  998. font-family:{select:accents font}, sans-serif;
  999. text-transform:{select:accents transform};
  1000. padding:2px 2px 0 2px;
  1001. word-wrap:break-word;
  1002. line-height:140%;
  1003. color:{color:permalink};
  1004. }
  1005.  
  1006.  
  1007. .perma a {
  1008. padding:0 3px 0 3px;
  1009. margin:0 0 0 0;
  1010. display:inline-block;
  1011. color:{color:tags};
  1012. }
  1013.  
  1014.  
  1015. .perma a:hover { color:{color:links hover}; }
  1016.  
  1017.  
  1018.  
  1019. /* Notes */
  1020.  
  1021.  
  1022.  
  1023. ol.notes {
  1024. margin:15px 0 0 0;
  1025. padding:5px 0 0 0;
  1026. display:none;
  1027. font-size:{select:accents font size}px;
  1028. letter-spacing: 0.5px;
  1029. text-transform:{select:accents transform};
  1030. font-family:{select:accents font}, sans-serif;
  1031. list-style-type:none;
  1032. border-top:1px solid {color:Borders};
  1033. }
  1034.  
  1035.  
  1036. ol.notes li.note { padding:5px 2px 5px 0; }
  1037.  
  1038.  
  1039. ol.notes li.note img.avatar { display:none; }
  1040.  
  1041.  
  1042. .n { cursor:{select:cursor hover}; }
  1043.  
  1044.  
  1045.  
  1046. /* Footer */
  1047.  
  1048.  
  1049. footer {
  1050. text-align:center;
  1051. width:{select:post size}px;
  1052. margin:100px auto;
  1053. }
  1054.  
  1055.  
  1056. .pagination {
  1057. padding:20px 45px 10px 45px;
  1058. font-size:12px;
  1059. display:inline;
  1060. }
  1061.  
  1062.  
  1063. .pagination a {
  1064. margin:0 10px;
  1065. font-size:{select:title font size}px;
  1066. font-weight:600;
  1067. letter-spacing:1px;
  1068. font-family:{select:accents font}, sans-serif;
  1069. text-transform:{select:accents transform};
  1070. }
  1071.  
  1072.  
  1073. {block:ifInfiniteScroll}
  1074. .pagination, #infscr-loading { display:none; }
  1075. {/block:ifInfiniteScroll}
  1076.  
  1077.  
  1078. #top {
  1079. bottom:5px;
  1080. right:5px;
  1081. padding:10px;
  1082. position:fixed;
  1083. font-size:13px;
  1084. color:{color:links};
  1085. cursor:{select:cursor hover};
  1086. }
  1087.  
  1088.  
  1089.  
  1090. /* Credit */
  1091.  
  1092.  
  1093. .cr {
  1094. bottom:3px;
  1095. left:3px;
  1096. font-size:10px;
  1097. position:fixed;
  1098. padding:3px 6px 4px 6px;
  1099. z-index:999999999;
  1100. background:{color:background};
  1101. }
  1102.  
  1103. .cr a { color:{color:links}; }
  1104.  
  1105. .cr a:hover { color:{color:links hover}; }
  1106.  
  1107.  
  1108.  
  1109. {CustomCSS}
  1110.  
  1111.  
  1112.  
  1113. </style>
  1114.  
  1115.  
  1116. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1117. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  1118. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1119. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1120. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1121. {block:IndexPage}{block:ifInfinitescroll}
  1122. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1123. {/block:ifInfinitescroll}{/block:IndexPage}
  1124.  
  1125. <script>
  1126. $(document).ready(function(){
  1127. $("[title],a[title],img[title]").style_my_tooltips({
  1128. tip_follows_cursor:true,
  1129. tip_delay_time:10,
  1130. tip_fade_speed:500,
  1131. attribute:"title"
  1132. });
  1133. $(window).scroll(function () {
  1134. if ($(this).scrollTop() > 200)
  1135. { $('#top').fadeIn(); }
  1136. else
  1137. { $('#top').fadeOut(); }
  1138. });
  1139. $('#top').click(function () {
  1140. $("html, body").animate({scrollTop:0}, 1000);
  1141. return false;
  1142. });
  1143. $('.photo-slideshow').pxuPhotoset({
  1144. lightbox: true,
  1145. rounded: false,
  1146. gutter: '3px',
  1147. borderRadius: '0px',
  1148. photoset: '.photo-slideshow',
  1149. photoWrap: '.photo-data',
  1150. photo: '.pxu-photo'
  1151. });
  1152. {block:ifNotStaticHeaderLinks}{block:ifShowTitle}
  1153. $(".tt").click(function(){
  1154. $("#click").slideToggle("slow");
  1155. });
  1156. {/block:ifShowTitle}{block:ifNotShowTitle}
  1157. $(".icon").click(function(){
  1158. $("#click").slideToggle("slow");
  1159. });
  1160. {/block:ifNotShowTitle}{/block:ifNotStaticHeaderLinks}
  1161. $(".d").click(function(){
  1162. $(".desc").slideToggle("slow");
  1163. });
  1164. $(".m").click(function(){
  1165. $(".menu").slideToggle("slow");
  1166. });
  1167. $(".n").click(function(){
  1168. $(".notes").slideToggle("slow");
  1169. });
  1170. {block:IndexPage}
  1171. {block:ifInfinitescroll}
  1172. var $container = $('#content');
  1173. $container.infinitescroll({
  1174. itemSelector :".posts",
  1175. navSelector : ".pagination",
  1176. nextSelector : ".pagination a#next",
  1177. loadingImg : "",
  1178. loadingText : "<em></em>",
  1179. bufferPx : 2000,
  1180. },
  1181. function(newElements){
  1182. var $newElems = $(newElements);
  1183. var $newElemsIDs = $newElems.map(function(){
  1184. return this.id;
  1185. }).get();
  1186. console.log($newElems, $newElemsIDs);
  1187. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1188. resizeVideos();
  1189. $(newElements).find('.photo-slideshow').pxuPhotoset({
  1190. lightbox: true,
  1191. rounded: false,
  1192. gutter: '3px',
  1193. borderRadius: '0px',
  1194. photoset: '.photo-slideshow',
  1195. photoWrap: '.photo-data',
  1196. photo: '.pxu-photo'
  1197. });
  1198. });
  1199. {/block:ifInfinitescroll}
  1200. {/block:IndexPage}
  1201. });
  1202. </script>
  1203.  
  1204.  
  1205.  
  1206. </head>
  1207. <body>
  1208.  
  1209.  
  1210.  
  1211. <header>
  1212. {block:ifNotStaticHeaderLinks}
  1213. {block:ifIconImage}{block:ifShowTitle}<a href="/">{/block:ifShowTitle}<div class="icon"><img src="{image:Icon}" {block:ifNotShowTitle}title="links"{/block:ifNotShowTitle} /></div></a>{/block:ifIconImage}{block:ifShowTitle}<a class="tt" title="links">{Title}</a>{/block:ifShowTitle}
  1214. {/block:ifNotStaticHeaderLinks}
  1215. {block:ifStaticHeaderLinks}
  1216. {block:ifIconImage}<a href="/"><div class="icon"><img src="{image:Icon}" /></div></a>{/block:ifIconImage}{block:ifShowTitle}<a class="tt" href="/">{Title}</a>{/block:ifShowTitle}
  1217. {/block:ifStaticHeaderLinks}
  1218. <div id="click">
  1219. {block:ifShowDescription}<div class="desc">{Description}</div>{/block:ifShowDescription}
  1220. <div class="links">
  1221. {block:ifNotStaticHeaderLinks}
  1222. {block:ifShowDescription}
  1223. <a class="d">{text:description title}</a>
  1224. {/block:ifShowDescription}
  1225. {/block:ifNotStaticHeaderLinks}
  1226. {block:iflink1}<a href="{text:url 1}">{text:link 1}</a>{/block:iflink1}
  1227. {block:ifNotExtraLinks}
  1228. {block:iflink2}<a href="{text:url 2}">{text:link 2}</a>{/block:iflink2}
  1229. {block:iflink3}<a href="{text:url 3}">{text:link 3}</a>{/block:iflink3}
  1230. {block:iflink4}<a href="{text:url 4}">{text:link 4}</a>{/block:iflink4}
  1231. {/block:ifNotExtraLinks}
  1232. {block:ifExtraLinks}
  1233. <a class="m">{text:extra links title}</a>
  1234. </div><div class="menu">
  1235. {block:iflink2}<a href="{text:url 2}">{text:link 2}</a>{/block:iflink2}
  1236. {block:iflink3}<a href="{text:url 3}">{text:link 3}</a>{/block:iflink3}
  1237. {block:iflink4}<a href="{text:url 4}">{text:link 4}</a>{/block:iflink4}
  1238. {block:iflink5}<a href="{text:url 5}">{text:link 5}</a>{/block:iflink5}
  1239. {block:iflink6}<a href="{text:url 6}">{text:link 6}</a>{/block:iflink6}
  1240. {block:iflink7}<a href="{text:url 7}">{text:link 7}</a>{/block:iflink7}
  1241. {block:iflink8}<a href="{text:url 8}">{text:link 8}</a>{/block:iflink8}
  1242. {block:iflink9}<a href="{text:url 9}">{text:link 9}</a>{/block:iflink9}
  1243. {block:iflink10}<a href="{text:url 10}">{text:link 10}</a>{/block:iflink10}
  1244. </div>
  1245. {/block:ifExtraLinks}
  1246. </div>
  1247. </header>
  1248.  
  1249.  
  1250.  
  1251. <div class="cr"><a href="https://kimtys.tumblr.com" title="by kimtys"><i class="fa fa-code"></i></a></div>
  1252.  
  1253.  
  1254.  
  1255. <div id="content">
  1256.  
  1257.  
  1258. {block:Posts}
  1259. <div class="posts" id="{PostID}">
  1260.  
  1261.  
  1262. {block:IndexPage}
  1263. {block:ifLikeAndReblog}
  1264. <div class="side">
  1265. <li class="like"><div class="like_button"></div>{LikeButton}<span class="lk"><i class="fa fa-heart-o"></i></span></li>
  1266. <li class="reblog"><div class="reblog_button"></div>{ReblogButton}<span class="rb"><i class="fa fa-external-link"></i></span></li>
  1267. </div>
  1268. {/block:ifLikeAndReblog}
  1269. {/block:IndexPage}
  1270.  
  1271.  
  1272. <div class="border">
  1273.  
  1274.  
  1275. {block:ContentSource}
  1276. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1277. {/block:SourceLogo}
  1278. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1279. {/block:ContentSource}
  1280.  
  1281.  
  1282. {block:Text}
  1283. {block:Title}<h1>{Title}</h1>{/block:Title}
  1284. <div id="bg">{Body}</div>
  1285. {/block:Text}
  1286.  
  1287.  
  1288. {block:Link}
  1289. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1290. {block:Description}<div id="bg">{Description}</div>{/block:Description}
  1291. {/block:Link}
  1292.  
  1293.  
  1294. {block:Photo}
  1295. <div id="photo">
  1296. {block:IndexPage}
  1297. {LinkOpenTag}<img src="{PhotoURL-500}" alt='{PhotoAlt}' />{LinkCloseTag}
  1298. {/block:IndexPage}
  1299. {block:PermalinkPage}
  1300. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  1301. {/block:PermalinkPage}
  1302. </div>
  1303. {/block:Photo}
  1304.  
  1305.  
  1306. {block:Photoset}
  1307. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1308. {block:Photos}
  1309. <div class="photo-data">
  1310. <div class="pxu-photo">
  1311. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1312. </div>
  1313. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1314. </div>
  1315. {/block:Photos}
  1316. </div>
  1317. {/block:Photoset}
  1318.  
  1319.  
  1320. {block:Video}
  1321. <div class="video">{Video-500}</div>
  1322. {/block:Video}
  1323.  
  1324.  
  1325. {block:Audio}
  1326. <div id="art">
  1327. {block:AlbumArt}<img src="{AlbumArtURL}">
  1328. {/block:AlbumArt}
  1329. </div><div id="player"><div style="position: absolute; margin: 4px 0px 0px 4px; padding: 11px 12px 12px 11px; background: #FFF;"><div style="width: 27px; height: 27px; overflow: hidden;">{AudioPlayerWhite}</div></div></div>
  1330. <div id="info"><section class="infox">
  1331. <span class="song"><span{block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  1332. </span> <span class="artist">{block:Artist}—&emsp;{Artist}{/block:Artist}</span></section></div>
  1333. {/block:Audio}
  1334.  
  1335.  
  1336. {block:Answer}
  1337. <div id="ques"><div id="quesi"><img src="{AskerPortraitURL-30}" /> </div>
  1338. <div id="quesa"><b>from {Asker}:</b> {Question}</div>
  1339. </div><div id="ans">{Answer}</div>
  1340. {/block:Answer}
  1341.  
  1342.  
  1343. {block:Quote}
  1344. <div id="quote">{Quote}</div>
  1345. {block:Source}<span id="source">{Source}<span>{/block:Source}
  1346. {/block:Quote}
  1347.  
  1348.  
  1349. {block:Chat}
  1350. {block:Title}<h1>{Title}</h1>{/block:Title}
  1351. <div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}</div>
  1352. {/block:Chat}
  1353.  
  1354.  
  1355. </div>
  1356.  
  1357.  
  1358. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1359.  
  1360.  
  1361.  
  1362. {block:IndexPage}
  1363. <div class="perma">{block:Date}<span style="{block:ifNotShowNotes}float:left; text-align:left;{/block:ifNotShowNotes}margin-right:7px;letter-spacing:1px;"><a href="{Permalink}" style="color:{color:permalink};">{ShortMonth} {DayOfMonthWithZero}</a></span>{/block:Date}{block:ifShowNotes}{block:NoteCount}<span style="float:right; text-align:right;margin-left:7px;letter-spacing:1px;"><a href="{Permalink}" style="color:{color:permalink};">{NoteCount}</a></span>{/block:NoteCount}{/block:ifShowNotes}{block:ifShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>
  1364. {/block:IndexPage}
  1365.  
  1366.  
  1367. {block:PermalinkPage}
  1368. <div class="perma" style="text-align:left">{block:NoteCount}<a class="n" title="show notes">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} / <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> / <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a> {/block:RebloggedFrom} {block:HasTags} / {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1369.  
  1370. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1371. {/block:PermalinkPage}
  1372.  
  1373.  
  1374.  
  1375. </div>
  1376. {/block:Posts}
  1377. </div>
  1378.  
  1379.  
  1380.  
  1381. {block:IndexPage}
  1382. <footer>
  1383. {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}</div>{/block:Pagination}
  1384. </footer>
  1385. {/block:IndexPage}
  1386.  
  1387. {block:ifBackToTop}
  1388. <a id="top" title="back to top"><i class="fa fa-angle-up"></i></a>
  1389. {/block:ifBackToTop}
  1390.  
  1391. </body>
  1392. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!