caffeous

basic theme

May 22nd, 2020
2,379
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.00 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3.  
  4. <!--
  5. ╱╱╱╱╱╱╱╭━╮╱╱╱╱╭╮╭╮
  6. ╱╱╱╱╱╱╱┃╭╯╱╱╱╭╯╰┫┃
  7. ╭━━┳━━┳╯╰┳━━╮╰╮╭┫╰━┳━━┳╮╭┳━━┳━━╮
  8. ┃╭━┫╭╮┣╮╭┫┃━┫╱┃┃┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  9. ┃╰━┫╭╮┃┃┃┃┃━┫╱┃╰┫┃┃┃┃━┫┃┃┃┃━╋━━┃
  10. ╰━━┻╯╰╯╰╯╰━━╯╱╰━┻╯╰┻━━┻┻┻┻━━┻━━╯
  11.  
  12. basic theme by caffeous
  13. (Issue No. 03 of Magazine Series)
  14. 2020 © all rights reserved
  15.  
  16. CREDITS:
  17.  
  18. unnested captions by neothm and magnusthemes
  19. smooth scroll by Zachary Fury
  20. video width fix by shythemes
  21. photoset fix by annasthms and espoirthemes
  22. icons from fontawesome
  23. linear icon by Perxis
  24. -->
  25.  
  26. <head>
  27.  
  28. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  29.  
  30.  
  31. <title>{title}</title>
  32. {block:Description}<meta name="description" content="{metadescription}" />{/block:Description}
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35.  
  36. <meta name="color:Body" content="#000000">
  37. <meta name="color:Background" content="#ffffff">
  38. <meta name="color:Main Border" content="#000000">
  39. <meta name="color:Link" content="#000000"/>
  40. <meta name="color:Hovered Link" content="#eaeaea"/>
  41. <meta name="color:Post Text" content="#000000">
  42. <meta name="color:Post Border" content="#000000">
  43. <meta name="color:Post Background" content="#ffffff">
  44. <meta name="color:Post Outline" content="#000000">
  45. <meta name="color:Permalink" content="#000000"/>
  46. <meta name="color:Permalink Background" content="#ffffff"/>
  47. <meta name="color:Chat" content="#e7e7e7"/>
  48. <meta name="color:Highlight" content="#ffffff"/>
  49. <meta name="color:Scrollbar" content="#000000"/>
  50. <meta name="color:Tooltip Background" content="#ffffff"/>
  51. <meta name="color:Tooltip Border" content="#000000"/>
  52.  
  53. <meta name="font:Body" content="Courier New"/>
  54. <meta name="font:Title" content="Courier New"/>
  55.  
  56. <meta name="select:Post Width" content="210px"/>
  57. <meta name="select:Post Width" content="250px"/>
  58. <meta name="select:Post Width" content="300px"/>
  59. <meta name="select:Post Width" content="350px"/>
  60. <meta name="select:Post Width" content="400px"/>
  61. <meta name="select:Post Width" content="450px"/>
  62. <meta name="select:Post Width" content="500px"/>
  63. <meta name="select:Post Alignment" content="top"/>
  64. <meta name="select:Post Alignment" content="middle"/>
  65. <meta name="select:Post Alignment" content="bottom"/>
  66. <meta name="select:Post Border" content="solid"/>
  67. <meta name="select:Post Border" content="dotted"/>
  68. <meta name="select:Post Border" content="dashed"/>
  69. <meta name="select:Post Outline" content="solid"/>
  70. <meta name="select:Post Outline" content="dotted"/>
  71. <meta name="select:Post Outline" content="dashed"/>
  72. <meta name="select:Body Font" content="11px"/>
  73. <meta name="select:Body Font" content="12px"/>
  74. <meta name="select:Body Font" content="13px"/>
  75. <meta name="select:Body Font" content="14px"/>
  76. <meta name="select:Body Font" content="15px"/>
  77.  
  78. <meta name="image:Background" content=""/>
  79. <meta name="image:Post Background" content=""/>
  80.  
  81. <meta name="if:Masonry" content="1"/>
  82. <meta name="if:Infinite Scroll" content="1"/>
  83. <meta name="if:Manual Load" content="1"/>
  84. <meta name="if:Border" content="0"/>
  85. <meta name="if:Underlined Link" content="0"/>
  86. <meta name="if:Underlined Link on Hover" content="0"/>
  87. <meta name="if:Italic Link" content="0"/>
  88. <meta name="if:Italic Link on Hover" content="0"/>
  89. <meta name="if:Strikethrough Link on Hover" content="0"/>
  90. <meta name="if:Underlined Navigation" content="1"/>
  91. <meta name="if:Italic Navigation" content="1"/>
  92. <meta name="if:Custom Link 1" content="1"/>
  93. <meta name="if:Custom Link 2" content="1"/>
  94. <meta name="if:Custom Link 3" content="1"/>
  95. <meta name="if:Custom Link 4" content="1"/>
  96. <meta name="if:Custom Link 5" content="1"/>
  97. <meta name="if:Post Outline" content="1"/>
  98. <meta name="if:Caption" content="0"/>
  99. <meta name="if:Tags" content="1"/>
  100. <meta name="if:Black and White Photo Hover" content="1"/>
  101. <meta name="if:Permalink on Hover" content="1"/>
  102. <meta name="if:No Background Repeat" content="1"/>
  103. <meta name="if:Inverted Tumblr Controls" content="1"/>
  104.  
  105. <meta name="text:Main Border" content="15"/>
  106. <meta name="text:Post Border Width" content="1"/>
  107. <meta name="text:Post Padding" content="1"/>
  108. <meta name="text:Post Margin" content="55"/>
  109. <meta name="text:Post Outline Top" content="10"/>
  110. <meta name="text:Post Outline Bottom" content="-5"/>
  111. <meta name="text:Post Outline Left" content="10"/>
  112. <meta name="text:Post Outline Right" content="-5"/>
  113. <meta name="text:Home Link Title" content="home"/>
  114. <meta name="text:Ask Link" content="/ask"/>
  115. <meta name="text:Ask Link Title" content="ask"/>
  116. <meta name="text:Link 1" content="/"/>
  117. <meta name="text:Link 1 Title" content="one"/>
  118. <meta name="text:Link 2" content="/"/>
  119. <meta name="text:Link 2 Title" content="two"/>
  120. <meta name="text:Link 3" content="/"/>
  121. <meta name="text:Link 3 Title" content="three"/>
  122. <meta name="text:Link 4" content="/"/>
  123. <meta name="text:Link 4 Title" content="four"/>
  124. <meta name="text:Link 5" content="/"/>
  125. <meta name="text:Link 5 Title" content="five"/>
  126. <meta name="text:Reblog Name" content="reblog"/>
  127.  
  128. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  129.  
  130. <style type="text/css">
  131.  
  132. /*HEADER*/
  133.  
  134. header {position: relative;top: 40px;margin: auto;width: 400px;z-index: 3;}
  135. .header h1 {font-family: {font:Title};font-size: 2em;line-height: 0.3;}
  136.  
  137. /*navigation*/
  138.  
  139. nav {text-align: center;line-height: 1.7;}
  140.  
  141. nav a {padding: 0px 5px;{block:IfUnderlinedNavigation}text-decoration: underline;{/block:IfUnderlinedNavigation}{block:IfItalicNavigation}font-style: italic;{/block:IfItalicNavigation}}
  142.  
  143. nav a:hover {font-style: normal;}
  144.  
  145. /*search*/
  146.  
  147. .searcher input {{block:PermalinkPage}text-align: center;{/block:PermalinkPage}width: auto;font-family: {font:Body};border: 0;background: transparent;}
  148.  
  149. .searcher input[type=text] {color: {color:Body};transition: all .3s linear;}
  150.  
  151. .searcher input:focus {color: {color:Body};outline: none;transition: all .3s linear;
  152. }
  153.  
  154. input::-webkit-input-placeholder {opacity: 0.5;color: {color:Body};transition: all .3s linear;}
  155.  
  156. input:-ms-input-placeholder {opacity: 0.5;color: {color:Body};transition: all .3s linear;}
  157.  
  158. input:-moz-placeholder {opacity: 0.5;color: {color:Body};transition: all .3s linear;}
  159.  
  160. .search-form input[type=text]:focus {color: {color:Body};}
  161.  
  162. input:focus::-webkit-input-placeholder {opacity: 1;}
  163.  
  164. input:focus::-moz-placeholder {opacity: 1;}
  165.  
  166. input:-ms-input-placeholder {opacity: 1;}
  167.  
  168. input[type="search..."] {box-sizing: content-box;-webkit-appearance: textfield;-moz-box-sizing: content-box; -webkit-box-sizing:content-box;}
  169.  
  170. input[type="search..."]::-webkit-search-cancel-button, input[type="SEARCH..."]::-webkit-search-decoration {-webkit-appearance: none;}
  171.  
  172. /*BODY*/
  173.  
  174. body {
  175. color: {color:Body};
  176. font-family: {font:Body};
  177. font-size: {select:Body Font};
  178. line-height: 1.6;
  179. height: 100vh;
  180. text-align: justify;
  181. background-color: {color:Background};
  182. background-image: url({image:Background});
  183. background-attachment: fixed;
  184. background-repeat: repeat;
  185. {block:IfNoBackgroundRepeat}
  186. background-size: cover;
  187. {/block:IfNoBackgroundRepeat}
  188. overflow-x: hidden;
  189. }
  190.  
  191. /*border*/
  192. .linen {
  193. position: fixed;
  194. border-top: {text:Main Border}px solid {color:Main Border};
  195. left: 0px;
  196. top: 0px;
  197. min-width: 100vw;
  198. z-index: 3;
  199. }
  200.  
  201. .line {
  202. position: fixed;
  203. border-bottom: {text:Main Border}px solid {color:Main Border};
  204. left: 0px;
  205. bottom: 0px;
  206. min-width: 100vw;
  207. z-index: 3;
  208. }
  209.  
  210. .lines {
  211. position: fixed;
  212. border-right: {text:Main Border}px solid {color:Main Border};
  213. right: 0px;
  214. top: 0px;
  215. min-height: 100vw;
  216. }
  217.  
  218. .lined {
  219. position: fixed;
  220. border-left: {text:Main Border}px solid {color:Main Border};
  221. left: 0px;
  222. top: 0px;
  223. min-height: 100vw;
  224. }
  225.  
  226. /*links*/
  227.  
  228. a {color: {color:Link};display: inline-block;position: relative;text-decoration: {block:IfUnderlinedLink}underline{/block:IfUnderlinedLink}{block:IfNotUnderlinedLink}none{/block:IfNotUnderlinedLink};font-style: {block:IfItalicLink}italic{/block:IfItalicLink}{block:IfNotItalicLink}none{/block:IfNotItalicLink};word-break: break-all;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
  229.  
  230. a:hover {color: {color:Hovered Link};text-decoration: {block:IfUnderlinedLinkOnHover}underline{/block:IfUnderlinedLinkOnHover}{block:IfStrikethroughLinkOnHover}line-through{/block:IfStrikethroughLinkOnHover};font-style: {block:IfItalicLinkOnHover}italic{/block:IfItalicLinkOnHover}{block:IfNotItalicLinkOnHover}none{/block:IfNotItalicLinkOnHover};}
  231.  
  232. /*ARTICLE*/
  233.  
  234. #wrapper {
  235. text-align: center;
  236. position: relative;
  237. top: 40px;
  238. margin: auto;
  239. height: auto;
  240. width: 100%;
  241. }
  242.  
  243. #posts {
  244. position: relative;
  245. width: 100%;
  246. {block:PermalinkPage}margin-top: 70px;padding-bottom: 80px;{/block:PermalinkPage}
  247. {block:IndexPage}display: none;padding-bottom: 40px;{/block:IndexPage}
  248. margin: auto;
  249. overflow: hidden;
  250. -webkit-animation:fadeInUp 1.5s;
  251. -moz-animation:fadeInUp 1.5s;
  252. -ms-animation:fadeInUp 1.5s;
  253. }
  254.  
  255. /*SECTION*/
  256.  
  257. section {
  258. position: relative;
  259. display: inline-block;
  260. {block:IfNotMasonry}vertical-align: {select:Post Alignment};{/block:IfNotMasonry}
  261. max-width:100%;
  262. margin: {text:Post Margin}px;
  263. {block:IndexPage}
  264. word-wrap: break-word;
  265. padding: {text:Post Padding}px;
  266. border: {text:Post Border Width}px {select:Post Border} {color:Post Border};
  267. background: {color:Post Background} url({image:Post Background}) repeat fixed;
  268. -moz-transition: all .5s;
  269. -webkit-transition: all .5s;
  270. -o-transition: all .5s;
  271. transition: all .5;
  272. -webkit-animation:fadeIn 1.5s;
  273. -moz-animation:fadeIn 1.5s;
  274. -ms-animation:fadeIn 1.5s;
  275. width: {select:Post Width};
  276. {/block:IndexPage}
  277. {block:PermalinkPage}width: 500px;color:{color:Body};{/block:PermalinkPage}
  278. box-sizing: border-box;
  279. }
  280.  
  281. {block:IfPostOutline}
  282. {block:IndexPage}
  283. .entry:before {
  284. content:"";
  285. position:absolute;
  286. left: {text:Post Outline Left}px;
  287. right: {text:Post Outline Right}px;
  288. top: {text:Post Outline Top}px;
  289. bottom: {text:Post Outline Bottom}px;
  290. border: 1px {select:Post Outline} {color:Post Outline};
  291. z-index: -1;
  292. }
  293. {/block:IndexPage}
  294. {/block:IfPostOutline}
  295.  
  296. {block:IndexPage}
  297. .small {padding: 10px;text-align: left;color:{color:Post Text};}
  298.  
  299. .small a {color:{color:Permalink};}
  300.  
  301. .small a:hover {color:{color:Hovered Link};}
  302. {/block:IndexPage}
  303.  
  304. .header {border: none;background: none;text-align: justify;}
  305.  
  306.  
  307. #vignette, .vignette {opacity: 0;}
  308.  
  309. #tumblr_lightbox, .tmblr-lightbox {background-color: {color:Background} !important;}
  310.  
  311. .lightbox-image, #tumblr_lightbox img {
  312. box-shadow: none!important;
  313. border-radius: 0!important;
  314. max-width: none;
  315. }
  316.  
  317. #tumblr_lightbox_caption, .lightbox-caption {visibility: hidden;}
  318.  
  319. .title {
  320. font-size: 1.5em;
  321. font-family: {font:Title};
  322. text-align: center;
  323. }
  324.  
  325. .post-content div.npf_row, .post div.npf_row, body div.npf_row {margin: 2px 0px !important;}
  326.  
  327. .lovely img {
  328. width: 100%;
  329. height: auto;
  330. overflow-y: auto;
  331. margin: 0 auto;
  332. }
  333.  
  334. .lovely > blockquote {margin: 0; padding: 0;}
  335.  
  336. blockquote p, ul {margin: 0px; padding: 0px;}
  337.  
  338.  
  339. .entry li {margin-left: 20px;list-style-type: square;}
  340.  
  341. /*photoset*/
  342.  
  343. [photoset-layout] {
  344. grid-gap: {text:Post Padding}px;
  345. }
  346.  
  347. [photoset-layout] img {vertical-align: bottom;display: inline !important;}
  348.  
  349. /*ask*/
  350.  
  351. img.ava {display: block;margin-left: 0px;float: left;border-radius: 100%;}
  352.  
  353. .asker {position: relative;margin-left: 10px;margin-top: 2px;text-align: justify;}
  354.  
  355. a.asker, a.asker:hover {font-weight: 700;}
  356.  
  357. .question {position: relative; padding-bottom: 0px; border-bottom: 1px {select:Post Outline} {color:Post Text};}
  358.  
  359. /*chat*/
  360.  
  361. .chat li {
  362. margin-left: 0px;
  363. padding: 5px;
  364. list-style-type: none;
  365. }
  366.  
  367. .chat li:nth-child(odd) {background: {color:Chat};}
  368.  
  369. .label {font-weight: bold;}
  370.  
  371. /*permalink*/
  372. {block:IndexPage}
  373. .perm {
  374. position: absolute;
  375. left: 0px;
  376. {block:IfCaption}top{/block:IfCaption}{block:IfNotCaption}bottom{/block:IfNotCaption}: 0px;
  377. padding: 10px;
  378. width: calc(100% - 20px);
  379. background: {color:Post Background} url({image:Post Background}) repeat fixed;
  380. opacity: 0;
  381. transition: all .5s ease-out;
  382. z-index: 2;
  383. }
  384.  
  385. .entry:hover .perm {opacity: 1;}
  386.  
  387. .perm a {color: {color:Permalink};}
  388. {/block:IndexPage}
  389.  
  390. .parol {
  391. position: relative;
  392. overflow: hidden;
  393. padding: 0px;
  394. }
  395.  
  396. .parol img {
  397. max-width: {select:Post Width};
  398. width: 100%;
  399. height: auto;
  400. overflow: hidden;
  401. -webkit-filter: grayscale(0%);
  402. transition: all .3s linear;
  403. padding: 0px;
  404. vertical-align: bottom;
  405. }
  406.  
  407. .entry:hover .parol img {
  408. {block:IfBlackAndWhitePhotoHover}-webkit-filter: grayscale(100%);{/block:IfBlackAndWhitePhotoHover}
  409. }
  410.  
  411. .parol a {color:{color:Permalink};}
  412.  
  413. .parol a:hover {color: {color:Hovered Link};}
  414.  
  415. /*audio*/
  416.  
  417. #audio {height: auto; min-height: 60px; padding-bottom: 0px;}
  418.  
  419. .cover {position: absolute;z-index: 1;width: 60px;height: 62px;}
  420.  
  421. .cover img {float: left;width: 60px;height: 62px;}
  422.  
  423. .play {
  424. opacity: 0.6;
  425. width: 32px;
  426. height: 32px;
  427. overflow-x: hidden;
  428. position: absolute;
  429. z-index: 1;
  430. margin-left: 15px;
  431. margin-top: 17px;
  432. text-align: center;
  433. }
  434.  
  435. .info {
  436. margin-left: 65px;
  437. height: auto;
  438. padding: 0px 5px 5px 5px;
  439. line-height: 14px;
  440. }
  441.  
  442. .spotify_audio_player {
  443. height:80px!important;
  444. width:100%!important;
  445. }
  446. .bandcamp_audio_player {
  447. height:120px!important;
  448. width:100%!important;
  449. }
  450.  
  451. .soundcloud_audio_player {
  452. height:150px!important;
  453. width:100%!important;
  454. }
  455.  
  456. /*captions*/
  457. .cap {position: relative;color: {color:Post Text};}
  458.  
  459. .cap .tumblr_parent {border: none;margin:10px 0px 0px;}
  460.  
  461. .cap a.tumblr_blog{position: relative;font-weight: bold;}
  462.  
  463. /*video*/
  464.  
  465. .video {
  466. vertical-align: bottom;
  467. line-height: 0;
  468. width: {select:Post Width};
  469. }
  470.  
  471. /*permalink page*/
  472. #noties {text-align: justify;border: 0px;}
  473.  
  474. #noties blockquote {border: 0px;}
  475.  
  476. #notie {
  477. border: 0px;
  478. margin-top: 20px;
  479. margin-left: -60px;
  480. line-height: 20px;
  481. padding: 5px;
  482. z-index: 2;
  483. width: 530px;
  484. }
  485.  
  486. #notie img {display: block;float: left;margin-right: 5px;border-radius: 100%;}
  487.  
  488. #notie li {list-style-type: none;}
  489.  
  490.  
  491. /*OTHERS*/
  492.  
  493. /*tumblr controls*/
  494.  
  495. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  496. position: fixed;
  497. top: {block:IfBorder}15{/block:IfBorder}{block:IfNotBorder}5{/block:IfNotBorder}px;
  498. right: {block:IfBorder}15{/block:IfBorder}{block:IfNotBorder}5{/block:IfNotBorder}px;
  499. opacity: 1;
  500. {block:IfInvertedTumblrControls}
  501. -webkit-filter:invert(85%);
  502. filter:invert(85%);
  503. {/block:IfInvertedTumblrControls}
  504. {block:IfNotInvertedTumblrControls}
  505. -webkit-filter:invert(0%);
  506. filter:invert(0%);
  507. {/block:IfNotInvertedTumblrControls}
  508. transform:scale(0.6);
  509. transform-origin:100% 0;
  510. -webkit-transform:scale(0.6);
  511. -webkit-transform-origin:100% 0;
  512. -ms-transform:scale(0.6);
  513. -ms-transform-origin:100% 0;
  514. }
  515.  
  516. .tmblr-iframe--app-cta-button {display:none!important;}
  517.  
  518. /*pagination*/
  519.  
  520. {block:IfInfiniteScroll}
  521. #page-nav {display: none;}
  522. {/block:IfInfiniteScroll}
  523.  
  524. {block:IfNotInfiniteScroll}
  525. #page-nav {position: absolute; width: inherit; text-align: center; bottom: 25px;font-family: {font:Title};font-weight: bold;}
  526. {/block:IfNotInfiniteScroll}
  527.  
  528. #infscr-loading {display: none!important;}
  529.  
  530. #loadmore {
  531. position: absolute;
  532. padding: 5px 5px 5px 6px;
  533. color: {color:Permalink};
  534. background: {color:Post Background};
  535. left: 50%;
  536. margin-left: -35px;
  537. bottom: 25px;
  538. z-index: 2;
  539. -webkit-animation:fadeIn 1.5s;
  540. -moz-animation:fadeIn 1.5s;
  541. -ms-animation:fadeIn 1.5s;
  542. }
  543.  
  544. /*scrollbar*/
  545.  
  546. ::-webkit-scrollbar-thumb {
  547. background-color: {color:Scrollbar};
  548. border: 1px solid {block:IfBorder}{color:Main Border}{/block:IfBorder}{block:IfNotBorder}{color:Background}{/block:IfNotBorder};
  549. height: 6px;
  550. -moz-border-radius: 15px;
  551. border-radius: 15px;
  552. }
  553.  
  554. ::-webkit-scrollbar {
  555. background-color: {color:Scrollbar};
  556. border: 2px solid {block:IfBorder}{color:Main Border}{/block:IfBorder}{block:IfNotBorder}{color:Background}{/block:IfNotBorder};
  557. height: 6px;
  558. width: 5px;
  559. }
  560.  
  561. ::-webkit-scrollbar:horizontal {display: none;}
  562.  
  563. /*highlight*/
  564.  
  565. ::selection {color: {color:Highlight};background-color: transparent;}
  566.  
  567. ::-moz-selection {color: {color:Highlight};background-color: transparent;}
  568.  
  569. ::-webkit-selection {color: {color:Highlight};background-color: transparent;}
  570.  
  571. /*tooltip*/
  572.  
  573. #s-m-t-tooltip {
  574. margin: 23px 23px 0 0;
  575. padding: 3px;
  576. border: 1px solid {color:Tooltip Border};
  577. color: #000;
  578. background-color: {color:Tooltip Background};
  579. text-transform: uppercase;
  580. letter-spacing: 2px;
  581. z-index: 999999999999;
  582. max-width: 250px;
  583. }
  584.  
  585. /*animation*/
  586.  
  587. @-webkit-keyframes fadeIn {
  588. 0% {opacity: 0;}
  589.  
  590. 100% {opacity: 1;}
  591. }
  592.  
  593. @keyframes fadeIn {
  594. 0% {opacity: 0;}
  595.  
  596. 100% {opacity: 1;}
  597. }
  598.  
  599. @keyframes fadeInUp {
  600. from {transform: translate3d(0,40px,0)}
  601. to {transform: translate3d(0,0,0);opacity: 1;}
  602. }
  603.  
  604. @-webkit-keyframes fadeInUp {
  605. from {transform: translate3d(0,40px,0)}
  606. to {transform: translate3d(0,0,0); opacity: 1;}
  607. }
  608.  
  609. @keyframes fadeInDown {
  610. 0% {opacity: 0; transform: translateY(-20px);}
  611. 100% {opacity: 1; transform: translateY(0);}
  612. }
  613.  
  614. @keyframes fadeInLeft {
  615. 0% {opacity: 0;transform: translateX(-20px);}
  616. 100% {opacity: 1;transform: translateX(0);}
  617. }
  618.  
  619. @-webkit-keyframes fadeInLeft {
  620. 0% {opacity: 0;transform: translateX(-20px);}
  621. 100% {opacity: 1;transform: translateX(0);}
  622. }
  623.  
  624. </style>
  625.  
  626. <title>{title}</title>
  627. <meta name="viewport" content="width=820" />
  628.  
  629. <!--scripts-->
  630.  
  631. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  632.  
  633. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  634.  
  635. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  636.  
  637. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  638.  
  639. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
  640.  
  641. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  642.  
  643. <script>
  644.  
  645. (function($){
  646.  
  647. $(document).ready(function(){
  648.  
  649. $("a[title]").style_my_tooltips({
  650.  
  651. tip_follows_cursor:true,
  652.  
  653. tip_delay_time:200,
  654.  
  655. tip_fade_speed:500,
  656.  
  657. attribute:"title"
  658.  
  659. });
  660.  
  661. });
  662.  
  663. })(jQuery);
  664.  
  665. </script>
  666.  
  667. <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  668. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  669. //** v1.1 (April 7th, 10'):
  670. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  671. //** 2) Fixes scroll animation not working in Opera.
  672.  
  673.  
  674. var scrolltotop={
  675. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  676. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  677. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  678. controlHTML: '<span style="font-size: 20px;color:{color:Link};">&#x2912;</span>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  679. controlattrs: {offsetx:{block:IfBorder}{text:Main Border} + 3{/block:IfBorder}{block:IfNotBorder}7{/block:IfNotBorder}, offsety:{block:IfBorder}{text:Main Border} + 25{/block:IfBorder}{block:IfNotBorder}35{/block:IfNotBorder}}, //offset of control relative to right/ bottom of window corner
  680. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  681.  
  682. state: {isvisible:false, shouldvisible:false},
  683.  
  684. scrollup:function(){
  685. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  686. this.$control.css({opacity:0}) //hide control immediately after clicking it
  687. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  688. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  689. dest=jQuery('#'+dest).offset().top
  690. else
  691. dest=0
  692. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  693. },
  694.  
  695. keepfixed:function(){
  696. var $window=jQuery(window)
  697. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  698. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  699. this.$control.css({left:controlx+'px', top:controly+'px'})
  700. },
  701.  
  702. togglecontrol:function(){
  703. var scrolltop=jQuery(window).scrollTop()
  704. if (!this.cssfixedsupport)
  705. this.keepfixed()
  706. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  707. if (this.state.shouldvisible && !this.state.isvisible){
  708. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  709. this.state.isvisible=true
  710. }
  711. else if (this.state.shouldvisible==false && this.state.isvisible){
  712. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  713. this.state.isvisible=false
  714. }
  715. },
  716.  
  717. init:function(){
  718. jQuery(document).ready(function($){
  719. var mainobj=scrolltotop
  720. var iebrws=document.all
  721. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  722. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  723. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  724. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  725. .attr({title:'back to top'})
  726. .click(function(){mainobj.scrollup(); return false})
  727. .appendTo('body')
  728. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  729. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  730. mainobj.togglecontrol()
  731. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  732. mainobj.scrollup()
  733. return false
  734. })
  735. $(window).bind('scroll resize', function(e){
  736. mainobj.togglecontrol()
  737. })
  738. })
  739. }
  740. }
  741.  
  742. scrolltotop.init()
  743. </script>
  744.  
  745. <!--masonry-->
  746. {block:IfMasonry}<script src="https://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>{/block:IfMasonry}
  747. {block:indexpage}
  748. {block:IfInfiniteScroll}
  749. <script src="https://static.tumblr.com/ey6clvb/mJoq9x5i5/jquery.infinitescroll.min.js"></script>
  750. {/block:IfInfiniteScroll}
  751. <script>
  752. $(document).ready(function(){
  753. {block:IfNotMasonry}
  754. $('#posts').fadeIn();
  755. {/block:IfNotMasonry}
  756. {block:IfMasonry}
  757. var $container = $('#posts');
  758. $container.imagesLoaded( function(){
  759. $('#posts').show();
  760. $container.masonry({
  761. itemSelector: 'section',
  762. isFitWidth: true,
  763. isAnimated: false
  764. });
  765. });
  766. $('.entry').unnest({
  767. yourCaption: ".cap", //your caption selector, the div wrapping {Caption}
  768. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  769. newCaptionUsername: true, //if the user adds a new caption, following a series of captions, show their username above the caption
  770. originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  771. tumblrAvatars: false, //”dashboard style” caption, have the avatar of the blog next to the username
  772. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  773. usernameColon: true //if turned to false, removes the colon at the end of usernames
  774. });
  775. {/block:IfMasonry}
  776. {block:IfInfiniteScroll}
  777. var $container = $('#posts');
  778. $container.infinitescroll({
  779. itemSelector: '.entry',
  780. navSelector: '#page-nav',
  781. nextSelector: '#page-nav a',
  782. loadingImg: '',
  783. loadingText: '<em></em>',
  784. bufferPx: 2000,
  785. debug : false,
  786. {block:IfManualLoad}
  787. errorCallback: function(){
  788. $('#loadmore').fadeOut('normal');
  789. }
  790. {/block:IfManualLoad}
  791. {block:IfNotManualLoad}
  792. errorCallback: function(){
  793. $('#infscr-loading').fadeOut('normal');
  794. }
  795. {/block:IfNotManualLoad}
  796. }{block:IfNotMasonry});{/block:IfNotMasonry}
  797. {block:IfMasonry},
  798. function( newElements ) {
  799. var $newElems = $( newElements );
  800. $newElems.hide();
  801. $newElems.unnest({
  802. yourCaption: ".cap",
  803. wrapName: ".tumblr_parent",
  804. newCaptionUsername: true,
  805. originalPostCaptionUsername: false,
  806. tumblrAvatars: false,
  807. tumblrAvatarClass: ".tumblr_avatar",
  808. usernameColon: true
  809. });
  810. $newElems.imagesLoaded(function(){
  811. $container.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  812. });
  813. });{/block:IfMasonry}
  814. {block:IfManualLoad}
  815. $(window).unbind('.infscr');
  816. $('#loadmore').click(function(){
  817. $container.infinitescroll('retrieve');
  818. $("#posts").fadeIn("slow");
  819. return false
  820. });
  821. {/block:IfManualLoad}
  822. {/block:IfInfiniteScroll}
  823. });
  824. </script>
  825. {/block:indexpage}
  826.  
  827. </head>
  828. <body>
  829. {block:IfBorder}<div class="linen"></div><div class="line"></div><div class="lines"></div><div class="lined"></div>{/block:IfBorder}
  830.  
  831. <div id="wrapper">
  832.  
  833. {block:PermalinkPage}
  834. <header><center><h1><a href="/">{Title}</a></h1></center><p>{block:Description}{Description}{/block:Description}</p><p><nav><a href="/">{text:Home Link Title}</a>&nbsp;<a href="{text:Ask Link}">{text:Ask Link Title}</a>{block:IfCustomLink1}&nbsp;<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:IfCustomLink1}{block:IfCustomLink2}&nbsp;<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:IfCustomLink2}{block:IfCustomLink3}&nbsp;<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:IfCustomLink3}{block:IfCustomLink4}&nbsp;<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:IfCustomLink4}{block:IfCustomLink5}&nbsp;<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:IfCustomLink5}{block:HasPages}{block:Pages}&nbsp;<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}&nbsp;<a href="https://cafethemes.tumblr.com/">theme</a></p></nav><p><form class="searcher" action="/search" method="get"><input type="text" id="searchField" name="q" placeholder="search..." value="" autocomplete="off"></form></p></header>{/block:PermalinkPage}
  835. <article id="posts">
  836. {block:indexpage}<section class="header"><div><center><h1><a href="/">{Title}</a></h1></center><p>{block:Description}{Description}{/block:Description}</p><p><nav><a href="/">{text:Home Link Title}</a>&nbsp;<a href="{text:Ask Link}">{text:Ask Link Title}</a>{block:IfCustomLink1}&nbsp;<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:IfCustomLink1}{block:IfCustomLink2}&nbsp;<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:IfCustomLink2}{block:IfCustomLink3}&nbsp;<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:IfCustomLink3}{block:IfCustomLink4}&nbsp;<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:IfCustomLink4}{block:IfCustomLink5}&nbsp;<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:IfCustomLink5}{block:HasPages}{block:Pages}&nbsp;<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}&nbsp;<a href="https://cafethemes.tumblr.com/">theme</a></p></nav><p><form class="searcher" action="/search" method="get"><input type="text" id="searchField" name="q" placeholder="search..." value="" autocomplete="off"></form></p></div></section>{/block:indexpage}
  837. {block:Posts}
  838. <section class="entry">
  839.  
  840. {block:Text}
  841. <div class="small">{block:Title}<div class="title">{Title}</div>{/block:Title}
  842. <div class="lovely cap">{Body}</div>
  843. {block:IndexPage}
  844. <p style="text-transform: uppercase;"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></p><br>{block:IfTags}{block:HasTags}<center>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}</center>{/block:HasTags}{/block:IfTags}{/block:IndexPage}
  845. </div>
  846. {/block:Text}
  847.  
  848.  
  849. {block:Link}
  850. <div class="small"><a href="{URL}" class="title">{Name}</a>
  851. <div class="lovely cap">{block:Description}{Description}{/block:Description}</div>{block:IndexPage}
  852. <p style="text-transform: uppercase;"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></p><br>{block:IfTags}{block:HasTags}<center>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}</center>{/block:HasTags}{/block:IfTags}{/block:IndexPage}</div>
  853. {block:Link}
  854.  
  855. {block:Photo}
  856. {block:IndexPage}
  857. <div class="parol">
  858. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{block:IfPermalinkOnHover}<div class="perm"><a href="{Permalink}" style="float: left;text-transform: uppercase;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;text-transform: uppercase;">{text:Reblog Name}</a>{block:IfTags}{block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}{/block:HasTags}{/block:IfTags}</div>{/block:IfPermalinkOnHover}{block:IfNotPermalinkOnHover}<p style="text-transform: uppercase; padding: 0px 10px 15px 10px;"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></p>{block:IfTags}{block:HasTags}<p>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}</p>{/block:HasTags}{/block:IfTags}{/block:IfNotPermalinkOnHover}{block:IfCaption}{block:Caption}<span class="cap">{Caption}</span>{/block:Caption}{/block:IfCaption}</div>
  859. {/block:IndexPage}
  860. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="495"/>
  861. {/block:PermalinkPage}
  862. {/block:Photo}
  863.  
  864. {block:Photoset}
  865. {block:IndexPage}
  866. <div class="parol"><a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}"></div>{/block:Photos}</div></a>{block:IfPermalinkOnHover}<div class="perm"><a href="{Permalink}" style="float: left;text-transform: uppercase;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;text-transform: uppercase;">{text:Reblog Name}</a>{block:IfTags}{block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}{/block:HasTags}{/block:IfTags}</div>{/block:IfPermalinkOnHover}{block:IfNotPermalinkOnHover}<p style="text-transform: uppercase; padding: 0px 10px 15px 10px;"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></p>{block:IfTags}{block:HasTags}<p>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}</p>{/block:HasTags}{/block:IfTags}{/block:IfNotPermalinkOnHover}{block:IfCaption}{block:Caption}<span class="cap">{Caption}</span>{/block:Caption}{/block:IfCaption}</div>
  867. {/block:IndexPage}
  868. {block:PermalinkPage}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:PermalinkPage}
  869. {/block:Photoset}
  870.  
  871.  
  872. {block:Quote}
  873. <div class="small"><div class="lovely"><p><div class="title">{Quote}</div></p>
  874. <p>{block:Source}{Source}{/block:Source}</p></div>{block:IndexPage}
  875. <p style="text-transform: uppercase;"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></p><br>{block:IfTags}{block:HasTags}<center>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}</center>{/block:HasTags}{/block:IfTags}{/block:IndexPage}</div>
  876. {/block:Quote}
  877.  
  878.  
  879. {block:Chat}
  880. <div class="small cap">
  881. {block:Title}<div class="title">{Title}</div>{/block:Title}
  882. <ul class="chat lovely">
  883. {block:Lines}
  884. <li class="user_{UserNumber}">
  885. {block:Label}
  886. <span class="label">{Label}</span>
  887. {/block:Label}
  888.  
  889. {Line}
  890. </li>
  891. {/block:Lines}
  892. </ul>
  893. {block:IndexPage}
  894. <p style="text-transform: uppercase;"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></p><br>{block:IfTags}{block:HasTags}<center>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}</center>{/block:HasTags}{/block:IfTags}{/block:IndexPage}
  895. </div>
  896. {/block:Chat}
  897.  
  898.  
  899. {block:Audio}
  900. <div class="small cap"><div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info lovely"><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>{block:IndexPage}
  901. <p style="text-transform: uppercase;"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></p><br>{block:IfTags}{block:HasTags}<center>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}</center>{/block:HasTags}{/block:IfTags}{/block:IndexPage}</div>
  902. {/block:Audio}
  903.  
  904. {block:Video}
  905. {block:IndexPage}
  906. <div class="parol">
  907. <div class="video">{Video-500}</div>
  908. {block:IfPermalinkOnHover}<div class="perm"><a href="{Permalink}" style="float: left;text-transform: uppercase;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;text-transform: uppercase;">{text:Reblog Name}</a>{block:IfTags}{block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}{/block:HasTags}{/block:IfTags}</div>{/block:IfPermalinkOnHover}{block:IfNotPermalinkOnHover}<p style="text-transform: uppercase; padding: 0px 10px 15px 10px;"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></p>{block:IfTags}{block:HasTags}<p>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}</p>{/block:HasTags}{/block:IfTags}{/block:IfNotPermalinkOnHover}{block:IfCaption}{block:Caption}<span class="cap">{Caption}</span>{/block:Caption}{/block:IfCaption}</div>{/block:IndexPage}
  909. {/block:IndexPage}
  910. {block:PermalinkPage}
  911. {Video-500}
  912. {/block:PermalinkPage}
  913. {block:Video}
  914.  
  915. {block:Answer}
  916. <div class="small cap"><div class="q"><img class="ava" src="{AskerPortraitURL-24}"></a><div class="asker">{Asker}</div></div><br><div class="question lovely">{Question}<br></div></p><br><div class="lovely">{Answer}</div>{block:IndexPage}
  917. <p style="text-transform: uppercase;"><a href="{Permalink}" style="float: left;">{NoteCountWithLabel}</a><a href="{ReblogURL}" style="float: right;">{text:Reblog Name}</a></p><br>{block:IfTags}{block:HasTags}<center>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp{/block:Tags}</center>{/block:HasTags}{/block:IfTags}{/block:IndexPage}</div>
  918. {/block:Answer}
  919.  
  920. {block:PermalinkPage}
  921. <p>{block:Caption}{Caption}{/block:Caption}</p>{block:NoteCount}<div style="text-transform: uppercase; color: #5d5d5d;">POSTED {TimeAgo} with {NoteCount} NOTES</div>{/block:NoteCount}<p>{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource},&nbsp;from: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</p>{block:HasTags}<p>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</p>{/block:HasTags}
  922. {/block:PermalinkPage}
  923.  
  924. {block:PostNotes}
  925. <div id="notie">
  926. <div id="noties">{PostNotes}</div>
  927. </div>
  928. {/block:PostNotes}
  929.  
  930. </section> <!--.entry-->
  931.  
  932. {/block:Posts}
  933.  
  934. {block:IfManualLoad}
  935. {block:Pagination}{block:IndexPage}<a href="#" id="loadmore">LOAD MORE</a>{/block:IndexPage}{/block:Pagination}{/block:IfManualLoad}
  936.  
  937. {block:Pagination}
  938. <div id="page-nav">{block:PreviousPage}<a href="{PreviousPage}">back</a></a>&nbsp;&nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;&nbsp;<a href="{NextPage}">forth</a>{/block:NextPage}</div>
  939. {/block:Pagination}
  940.  
  941. </article> <!--#posts-->
  942. </div> <!--#wrapper-->
  943. <a href="https://cafethemes.tumblr.com/" title="theme by caffeous"><span class="lnr lnr-coffee-cup" style="position: fixed;bottom: {block:IfBorder}calc({text:Main Border}px + 7px){/block:IfBorder}{block:IfNotBorder}10px{/block:IfNotBorder}; right: {block:IfBorder}calc({text:Main Border}px + 2px){/block:IfBorder}{block:IfNotBorder}5px{/block:IfNotBorder};font-size:20px;color: {color:Link};z-index: 4;"></span></a>
  944.  
  945. </body>
  946. </html>
Add Comment
Please, Sign In to add comment