API tools faq
paste
zainmalik

THEME IX: "CHERRY BOMB" BY LEESJENO

zainmalik
Nov 1st, 2017
2,183
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <!--
  12.  
  13. (c) leesjeno
  14.  
  15. -->
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  22.  
  23. <meta name="if:use avatar" content="0"/>
  24. <meta name="if:glow" content="0"/>
  25. <meta name="if:flicker" content="0"/>
  26.  
  27. <meta name="color:bg" content="#ffffff"/>
  28. <meta name="color:text" content="#444444"/>
  29. <meta name="color:description" content="#ffffff"/>
  30. <meta name="color:menu hover" content="#888"/>
  31. <meta name="color:heart" content="#888"/>
  32. <meta name="color:glow" content="#888"/>
  33. <meta name="color:wrapper" content="#f5f5f5"/>
  34. <meta name="color:posts" content="#ffffff"/>
  35. <meta name="color:borders" content="#ededed"/>
  36. <meta name="color:accent1" content="#a6bb83"/>
  37. <meta name="color:accent2" content="#dab490"/>
  38. <meta name="color:accent3" content="#c0c199"/>
  39.  
  40. <meta name="image:bg" content=""/>
  41. <meta name="image:sidebar" content=""/>
  42. <meta name="image:wrapper" content=""/>
  43. <meta name="image:icon" content=""/>
  44.  
  45. <meta name="text:header" content="header here" />
  46. <meta name="text:about title" content="about title" />
  47. <meta name="text:about" content="about" />
  48. <meta name="text:menu" content="/" />
  49.  
  50. <meta name="text:link 1" content="/" />
  51. <meta name="text:link 1 label" content="link 1" />
  52. <meta name="text:link 2" content="/" />
  53. <meta name="text:link 2 label" content="link 2" />
  54. <meta name="text:link 3" content="/" />
  55. <meta name="text:link 3 label" content="link 3" />
  56. <meta name="text:link 4" content="/" />
  57. <meta name="text:link 4 label" content="link 4" />
  58. <meta name="text:link 5" content="/" />
  59. <meta name="text:link 5 label" content="link 5" />
  60.  
  61. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  62. <link href="https://fonts.googleapis.com/css?family=Roboto:500" rel="stylesheet">
  63. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  64.  
  65. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  66. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  67.  
  68. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  69. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  70.  
  71. <script type="text/javascript">
  72.  
  73. <!--
  74. function handleThis(formElm)
  75. {
  76. window.location="{blogURL}search/"+formElm.number.value+"";
  77. return false;
  78. }
  79. // -->
  80. </script>
  81.  
  82. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  83. <script>
  84. /* When the user clicks on the button,
  85. toggle between hiding and showing the dropdown content */
  86. function myFunction() {
  87. document.getElementById("myDropdown").classList.toggle("show");
  88. }
  89.  
  90. // Close the dropdown menu if the user clicks outside of it
  91. window.onclick = function(event) {
  92. if (!event.target.matches('.dropbtn')) {
  93.  
  94. var dropdowns = document.getElementsByClassName("dropdown-content");
  95. var i;
  96. for (i = 0; i < dropdowns.length; i++) {
  97. var openDropdown = dropdowns[i];
  98. if (openDropdown.classList.contains('show')) {
  99. openDropdown.classList.remove('show');
  100. }
  101. }
  102. }
  103. }</script>
  104.  
  105. <script language="javascript">
  106. function send()
  107. {document.theform.submit()}
  108. </script>
  109.  
  110. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  111. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  112. <script>
  113. (function($){
  114. $(document).ready(function(){
  115. $("a[title]").style_my_tooltips({
  116. tip_follows_cursor:true,
  117. tip_delay_time:90,
  118. tip_fade_speed:600,
  119. attribute:"title"
  120. });
  121. });
  122. })(jQuery);
  123. </script>
  124.  
  125.  
  126. <style type="text/css">
  127.  
  128. @font-face{font-family:"neon";src:url('https://static.tumblr.com/rcakzbb/D92ox4dqu/lasenter_personaluseonly.ttf');}
  129.  
  130. ::-webkit-scrollbar-thumb {
  131. height:auto;
  132. background-color:{color:accent2};
  133. }
  134.  
  135. ::-webkit-scrollbar {
  136. height:9px;
  137. width:0px;
  138. background-color:{color:posts};
  139. }
  140.  
  141. #s-m-t-tooltip {
  142. max-width:300px;
  143. margin:6px 0px 0px 10px;
  144. background-color:{color:accent2};
  145. font-family:droid sans mono;
  146. font-size:9px;
  147. padding:3px;
  148. color:{color:posts};
  149. z-index:999999999999999999999999999999999999;
  150. text-transform:lowercase;
  151. border-radius:2px;
  152. }
  153.  
  154. body {
  155. margin:0px;
  156. font-family: droid sans mono;
  157. font-size:9px;
  158. line-height:150%;
  159. color:{color:text};
  160. background-color:{color:bg};
  161. background-image:url('{image:bg}')
  162. }
  163.  
  164. pre {
  165. white-space: pre-wrap;
  166. white-space: -moz-pre-wrap;
  167. white-space: -pre-wrap;
  168. white-space: -o-pre-wrap;
  169. word-wrap: break-word;
  170. }
  171.  
  172. small, sub, sup {
  173. font-size:9px;
  174. }
  175.  
  176. a{
  177. color:{color:accent2};
  178. text-decoration: none;
  179. }
  180.  
  181. a:hover{
  182. font-weight:bold;
  183. }
  184.  
  185. h1 {
  186. font-family:"neon";
  187. color:{color:accent1};
  188. font-weight:bold;
  189. font-size:30px;
  190. letter-spacing:1px;
  191. line-height:1;
  192. margin:0 0 10px 0;
  193. }
  194.  
  195. h2 {
  196. font-size:10px;
  197. color:{color:accent3};
  198. text-transform:lowercase;
  199. -webkit-font-smoothing:antialiased;
  200. -moz-osx-font-smoothing:grayscale;
  201. }
  202.  
  203. h9 {
  204. color:{color:posts};
  205. letter-spacing:2px;
  206. font-weight:bold;
  207. background-color:{color:accent2};
  208. border-radius:3px;
  209. font-size:8px;
  210. font-family:inconsolata;
  211. font-style:italic;
  212. padding:2px;
  213. }
  214.  
  215. b, strong {
  216. color:{color:accent1};
  217. }
  218.  
  219. ul{
  220. list-style-type: square;
  221. }
  222. li{
  223. margin-left:-10px;
  224. }
  225.  
  226. #wrapper{
  227. border-radius:4px;
  228. background-image:url('{image:wrapper}');
  229. position:absolute;
  230. overflow:hidden;
  231. background-color:{color:wrapper};
  232. width:510px;
  233. height:470px;
  234. padding:40px;
  235. margin:auto;
  236. left:0;
  237. right:0;
  238. top:0;
  239. bottom:0;
  240. }
  241.  
  242. {block:ifflicker}
  243. #offset {
  244. animation: text-flicker 2s linear infinite;
  245. }
  246.  
  247. @keyframes text-flicker {
  248. 0% {
  249. opacity:0.1;
  250. text-shadow: 0px 0px 20px {color:glow};
  251. }
  252.  
  253. 2% {
  254. opacity:1;
  255. text-shadow: 0px 0px 20px {color:glow};
  256. }
  257. 8% {
  258. opacity:1;
  259. text-shadow: 0px 0px 20px {color:glow};
  260. }
  261. 9% {
  262. opacity:1;
  263. text-shadow: 0px 0px 20px {color:glow};
  264. }
  265. 12% {
  266. opacity:0.1;
  267. text-shadow: 0px 0px {color:glow};
  268. }
  269. 20% {
  270. opacity:1;
  271. text-shadow: 0px 0px 20px {color:glow}
  272. }
  273. 25% {
  274. opacity:0.3;
  275. text-shadow: 0px 0px 20px {color:glow}
  276. }
  277. 30% {
  278. opacity:1;
  279. text-shadow: 0px 0px 20px {color:glow}
  280. }
  281.  
  282. 70% {
  283. opacity:1;
  284. text-shadow: 0px 0px 20px {color:glow}
  285. }
  286.  
  287. 72% {
  288. opacity:.4;
  289. text-shadow:0px 0px 20px {color:glow}
  290. }
  291.  
  292. 77% {
  293. opacity:1;
  294. text-shadow: 0px 0px 20px {color:glow}
  295. }
  296. 100% {
  297. opacity:1;
  298. text-shadow: 0px 0px 20px {color:glow}
  299. }}
  300. {/block:ifflicker}
  301.  
  302. #heart {
  303. position:relative;
  304. margin-top:185px;
  305. margin-left:-20px;
  306. {block:ifglow}
  307. text-shadow: 0px 0px 20px {color:glow};
  308. {/block:ifglow}
  309. padding-bottom:240px;
  310. }
  311.  
  312. .header {
  313. position:relative;
  314. width:130px;
  315. margin-top:-160px;
  316. margin-left:7px;
  317. color:{color:heart};
  318. text-align:center;
  319. -ms-transform: rotate(-15deg);
  320. -webkit-transform: rotate(-15deg);
  321. transform: rotate(-15deg);
  322. font-weight:bold;
  323. font-family:"neon";
  324. font-size:40px;
  325. line-height:90%;
  326. }
  327.  
  328. .icon.is-outlined{
  329. width:150px;
  330. height:180px;
  331. stroke:{color:heart};
  332. stroke-width:0px;
  333. fill:{color:heart};
  334. position:relative;
  335. }
  336.  
  337. #wrapper:hover #scroll {
  338. opacity:0;
  339. -webkit-transition: all 0.4s ease;
  340. -moz-transition: all 0.4s ease;
  341. transition: all 0.4s ease;
  342.  
  343. }
  344.  
  345. #scroll {
  346. opacity:1;
  347. -webkit-transition: all 0.4s ease;
  348. -moz-transition: all 0.4s ease;
  349. transition: all 0.4s ease;
  350. text-align:center;
  351. color:{color:heart};
  352. font-family:droid sans mono;
  353. position:absolute;
  354. margin-top:-50px;
  355. text-transform:uppercase;
  356. letter-spacing:1.5px;
  357. font-style:italic;
  358. font-weight:bold;
  359. margin-left:40px;
  360. }
  361.  
  362. #sidebar{
  363. position:absolute;
  364. margin-left:-210px;
  365. width:200px;
  366. height:275px;
  367. }
  368.  
  369. .description {
  370. padding:10px;
  371. margin-top:-3px;
  372. background-color:{color:posts};
  373. opacity:.9;
  374. color:{color:text};
  375. -webkit-border-bottom-right-radius: 4px;
  376. -webkit-border-bottom-left-radius: 4px;
  377. -moz-border-radius-bottomright: 4px;
  378. -moz-border-radius-bottomleft: 4px;
  379. border-bottom-right-radius: 4px;
  380. border-bottom-left-radius: 4px;
  381. width:150px;
  382. height:auto;
  383. }
  384.  
  385. .description small, u, strike, em {
  386. color:{color:accent2};
  387. }
  388.  
  389. .sbimage img{
  390. -webkit-border-top-left-radius: 4px;
  391. -webkit-border-top-right-radius: 4px;
  392. -moz-border-radius-topleft: 4px;
  393. -moz-border-radius-topright: 4px;
  394. border-top-left-radius: 4px;
  395. border-top-right-radius: 4px;
  396. width:170px;
  397. }
  398.  
  399. .about {
  400. padding:10px;
  401. margin-top:10px;
  402. background-color:{color:posts};
  403. opacity:.9;
  404. color:{color:text};
  405. border-radius: 4px;
  406. width:150px;
  407. height:auto;
  408. }
  409.  
  410. .about a{
  411. color:{color:text};
  412. }
  413.  
  414. #sblinks {
  415. width:150px;
  416. margin-top:10px;
  417. opacity:.9;
  418. }
  419.  
  420. .dropbtn {
  421. font-family:droid sans mono;
  422. cursor:pointer;
  423. position:relative;
  424. width:170px;
  425. margin:0 auto;
  426. padding:10px;
  427. background:{color:posts};
  428. border-radius:4px;
  429. cursor:pointer;
  430. outline:none;
  431. font-weight:bold;
  432. font-size:10px;
  433. text-transform:lowercase;
  434. -webkit-font-smoothing:antialiased;
  435. -moz-osx-font-smoothing:grayscale;
  436. outline:none;
  437. border:none;
  438. color:{color:accent1};
  439. text-align:left;
  440. -webkit-transition: all 0.3s ease-in;
  441. -moz-transition: all 0.3s ease-in;
  442. -ms-transition: all 0.3s ease-in;
  443. -o-transition: all 0.3s ease-in;
  444. transition: all 0.3s ease-in;
  445. }
  446.  
  447.  
  448. .dropdown {
  449. position: relative;
  450. display: inline-block;
  451. }
  452.  
  453. .dropdown-content {
  454. margin-top:-3px;
  455. display: none;
  456. position: absolute;
  457. background-color:{color:posts};
  458. width: 170px;
  459. z-index: 1;
  460. -webkit-border-bottom-right-radius: 6px;
  461. -webkit-border-bottom-left-radius: 6px;
  462. -moz-border-radius-bottomright: 6px;
  463. -moz-border-radius-bottomleft: 6px;
  464. border-bottom-right-radius: 6px;
  465. border-bottom-left-radius: 6px;
  466. }
  467.  
  468. /* Links inside the dropdown */
  469. .dropdown-content a {
  470. -webkit-font-smoothing:antialiased;
  471. -moz-osx-font-smoothing:grayscale;
  472. border-top:1px solid {color:borders};
  473. color:{color:accent3};
  474. padding: 10px;
  475. text-decoration: none;
  476. display: block;
  477. }
  478.  
  479. .dropdown-content a:hover {
  480. background-color:{color:menu hover};
  481. -webkit-transition: all 0.3s ease-in;
  482. -moz-transition: all 0.3s ease-in;
  483. -ms-transition: all 0.3s ease-in;
  484. -o-transition: all 0.3s ease-in;
  485. transition: all 0.3s ease-in;
  486. }
  487.  
  488. .show {display:block;}
  489.  
  490. #content{
  491. width:330px;
  492. position:fixed;
  493. padding-right:21px;
  494. padding-left:300px;
  495. margin-left:-105px;
  496. height:500px;
  497. margin-top:-15px;
  498. overflow-y:scroll;
  499. overflow-x:hidden;
  500. }
  501.  
  502. .post{
  503. width:300px;
  504. margin-bottom:20px;
  505. padding-bottom:15px;
  506. padding-right:15px;
  507. padding-left:15px;
  508. opacity:.9;
  509. background-color:{color:posts};
  510. overflow:hidden;
  511. border-radius:4px;
  512. }
  513.  
  514. .post img {
  515. max-width: 100%;
  516. height: auto;}
  517.  
  518. .media{
  519. width:330px;
  520. margin-left:-15px;
  521. }
  522.  
  523. .media iframe {
  524. display:block;
  525. }
  526.  
  527. .video {
  528. width:330px;
  529. margin-left:-15px;
  530. }
  531.  
  532. .quote{
  533. color:{color:accent1};
  534. font-weight:bold;
  535. font-size:12px;
  536. text-transform:lowercase;
  537. margin:0 0 10px 0;
  538. }
  539.  
  540. .padding {
  541. padding-top:15px;
  542. }
  543.  
  544. .question{
  545. padding-top:15px;
  546. border-bottom:1px solid {color:borders};
  547. padding-bottom:15px;
  548. margin-left:-15px;
  549. padding-left:15px;
  550. padding-right:15px;
  551. width:300px;
  552. }
  553.  
  554. .caption {
  555. padding-bottom:12px;
  556. }
  557.  
  558. blockquote{
  559. margin:0 0 10px 10px;
  560. padding:0 0 0 10px;
  561. border-left:solid 1px {color:borders};
  562. }
  563.  
  564. /*
  565. post footers - date, tags, via and source
  566. */
  567. .post .footer{
  568. margin-top:-4px;
  569. margin-left:-15px;
  570. border-top:1px solid {color:borders};
  571. text-align:right;
  572. padding-top:15px;
  573. padding-left:15px;
  574. padding-right:35px;
  575. width:280px;
  576. }
  577.  
  578. .post .footer a{
  579. color:{color:text};
  580. text-decoration:none;
  581. }
  582.  
  583. /*
  584. post notes
  585. */
  586. ol.notes{
  587. list-style-type:none;
  588. padding:0;
  589. margin-top:15px;
  590. }
  591.  
  592. ol.notes li.note img{
  593. display:none;
  594. }
  595.  
  596. ol.notes li.note{
  597. margin:0px;
  598. }
  599.  
  600. #pagination a {
  601. font-size:10px;
  602. text-transform:lowercase;
  603. -webkit-font-smoothing:antialiased;
  604. -moz-osx-font-smoothing:grayscale;
  605. display:block;
  606. width:auto;
  607. border-radius:2px;
  608. padding:4px;
  609. text-align:center;
  610. background-color:{color:accent3};
  611. color:{color:posts};
  612. text-decoration:none;
  613. font-weight:bold;
  614. display:inline-block;
  615. }
  616.  
  617. .credit {
  618. bottom:10px;
  619. right:10px;
  620. position:fixed;
  621. z-index:99999;
  622. }
  623.  
  624. .credit a {
  625. font-size:10px;
  626. text-transform:lowercase;
  627. -webkit-font-smoothing:antialiased;
  628. -moz-osx-font-smoothing:grayscale;
  629. display:block;
  630. width:auto;
  631. border-radius:2px;
  632. padding:4px;
  633. text-align:center;
  634. background-color:{color:accent1};
  635. color:{color:posts};
  636. text-decoration:none;
  637. font-weight:bold;
  638. }
  639.  
  640. .credit a:hover {
  641. background-color:{color:posts};
  642. color:{color:accent3};
  643. }
  644.  
  645. {CustomCSS}
  646. </style>
  647. </head>
  648.  
  649. <body>
  650.  
  651. <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,400italic,700,700italic|Droid+Sans+Mono:200,300,300italic,400,400italic,700,700italic" rel="stylesheet" type="text/css">
  652.  
  653. <div id="wrapper">
  654.  
  655. <div id="content">
  656.  
  657. <!-- SVG SOURCE -->
  658. <div id="heart">
  659. <svg height="0" >
  660. <path id="heart-icon" d="M126.563 0c-11.606 0-22.763 4.317-31.425 12.164-3.291 2.977-6.108 6.361-8.419 10.097-2.311-3.736-5.128-7.12-8.419-10.102-8.662-7.842-19.819-12.159-31.425-12.159-25.847 0-46.875 21.028-46.875 46.875 0 17.447 5.428 31.219 18.145 46.055 18.478 21.562 65.245 54.469 67.228 55.861 0.403 0.286 0.877 0.427 1.345 0.427s0.942-0.141 1.345-0.427c1.983-1.392 48.75-34.298 67.233-55.861 12.713-14.836 18.141-28.608 18.141-46.055 0-25.847-21.028-46.875-46.875-46.875zM151.739 89.883c-16.383 19.106-57.094 48.473-65.020 54.117-7.927-5.644-48.637-35.011-65.016-54.117-11.93-13.917-17.016-26.78-17.016-43.008 0-23.264 18.928-42.188 42.187-42.188 10.439 0 20.484 3.886 28.275 10.945 3.928 3.562 7.116 7.762 9.469 12.488 0.797 1.594 3.403 1.594 4.2 0 2.353-4.725 5.541-8.925 9.469-12.483 7.791-7.064 17.836-10.95 28.275-10.95 23.259 0 42.188 18.923 42.188 42.188 0 16.228-5.086 29.091-17.011 43.008z"></path></svg>
  661. <!-- SVG SOURCE ends-->
  662.  
  663. <span id="offset"><svg class="icon is-outlined" viewBox="0 0 175 210">
  664. <use xlink:href="#heart-icon"></use>
  665. </svg></span>
  666.  
  667. <div class="header"><span id="offset">{text:header}</span></div></div>
  668.  
  669. <div id="scroll">scroll!<br><i style="font-size:15px;" class="fa fa-caret-down" aria-hidden="true"></i></div></svg>
  670.  
  671. <div id="sidebar">
  672.  
  673. <div class="sbimage"><a href="/"><img src="{image:sidebar}"></a></div>
  674.  
  675. {block:Description}
  676. <div class="description">{Description}</div>
  677. {/block:Description}
  678.  
  679. <div class="about">
  680. {block:Ifuseavatar}
  681. <img src="{PortraitURL-48}" align="left" style="width:50px;margin-right:7px;border-radius:50px">
  682. {/block:Ifuseavatar}
  683. {block:IfNotuseavatar}
  684. <img src="{image:icon}" align="left" style="margin-right:7px;width:50px;height:50px;border-radius:50px;">
  685. {block:IfNotuseavatar}
  686. <b style="font-weight:bold;font-size:10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"><i class="fa fa-heart-o" aria-hidden="true"></i>
  687. {text:about title}</b><br>
  688. {text:about}<br>
  689.  
  690. <!------- EDIT ABOUT BOX LABELS HERE ----------->
  691.  
  692.  
  693. <!------- to add another label copy starting from here ----------->
  694. <b style="margin-top:3px;display:inline-block;background-color:{color:accent1};padding-bottom:2px;padding-left:2px;padding-right:1px;color:#ffffff;border-radius:2px;">cherries:</b> red
  695. <!------- end here ----------->
  696.  
  697. <br><b style="margin-top:3px;display:inline-block;background-color:{color:accent1};padding-bottom:2px;padding-left:2px;padding-right:1px;color:#ffffff;border-radius:2px;">bananas:</b> yellow
  698.  
  699. <br><b style="margin-top:3px;display:inline-block;background-color:{color:accent1};padding-bottom:2px;padding-left:2px;padding-right:1px;color:#ffffff;border-radius:2px;">blueberries:</b> huh
  700.  
  701. <!------- add extra labels above here ----------->
  702. <!------- END OF ABOUT BOX LABELS ----------->
  703.  
  704. </div>
  705.  
  706. <div id="sblinks">
  707. <div class="dropdown">
  708. <button onclick="myFunction()" class="dropbtn">{text:menu}<i style="float:right;margin-top:3px;margin-right:3px;" class="fa fa-bars" aria-hidden="true"></i></button>
  709. <div id="myDropdown" class="dropdown-content">
  710. <a href="{text:link 1}">{text:link 1 label}</a>
  711. <a href="{text:link 2}">{text:link 2 label}</a>
  712. <a href="{text:link 3}">{text:link 3 label}</a>
  713. <a href="{text:link 4}">{text:link 4 label}</a>
  714. <a style="-webkit-border-bottom-right-radius: 6px;
  715. -webkit-border-bottom-left-radius: 6px;
  716. -moz-border-radius-bottomright: 6px;
  717. -moz-border-radius-bottomleft: 6px;
  718. border-bottom-right-radius: 6px;
  719. border-bottom-left-radius: 6px;" href="{text:link 5}">{text:link 5 label}</a>
  720. </div>
  721. </div>
  722. </div></div>
  723.  
  724. {block:Posts}
  725.  
  726. <div class="post">
  727.  
  728. {block:Text}
  729. <div class="padding">
  730. {block:Title}
  731. <h1>{Title}</h1>
  732. {/block:Title}
  733. <div style="padding-bottom:10px;">{Body}</div></div>
  734. {/block:Text}
  735.  
  736. {block:Photo}
  737. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  738. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  739. {/block:Photo}
  740.  
  741. {block:Photoset}
  742. <div class="media">{Photoset-500}</div>
  743. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  744. {/block:Photoset}
  745.  
  746. {block:Quote}
  747. <div class="padding">
  748. <div class="quote">"{Quote}"</div>
  749. {block:Source}
  750. <div style="padding-bottom:15px;text-transform:lowercase;text-align:right;" class="quotesource">— {Source}</div></div>
  751. {/block:Source}
  752. {/block:Quote}
  753.  
  754. {block:Link}
  755. <div class="padding">
  756. <a class="quote" href="{URL}">{Name}</a>
  757. <div class="caption">
  758. {block:Description}{Description}{/block:Description} </div>
  759. </div>{/block:Link}
  760.  
  761. {block:Chat}
  762. <div class="padding">
  763. {block:Title}
  764. <div class="title">{Title}</div>
  765. {/block:Title}
  766.  
  767. {block:Lines}
  768. <div style="text-transform:lowercase;" class="{Alt} user_{UserNumber}">
  769. {block:Label}
  770. <b>{Label}</b>{/block:Label}
  771. &nbsp;{Line}
  772. </div>
  773. {/block:Lines}
  774. <br></div>
  775. {/block:Chat}
  776.  
  777. {block:Video}
  778. <div class="video">{Video-500}</div>
  779. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  780. {/block:Video}
  781.  
  782. {block:Audio}
  783. <div style="padding-left:15px;padding-top:15px;margin-left:-15px;padding-bottom:32px;">
  784. {block:AlbumArt}<img style="border-radius:61px;position:absolute;width:61px;height:61px;" src="{AlbumArtURL}">{/block:AlbumArt}
  785. {block:AudioPlayer}<div style="overflow:hidden;background-color:{color:posts};border:6px solid {color:posts};margin-top:8px;margin-left:8px;border-radius:50px;opacity:.5;position:absolute;padding-top:3px;padding-bottom:21px;padding-right:14px;padding-left:0px;width:19px;height:10px;">{AudioPlayerWhite}</div>
  786. <div style="margin-top:15px;height:32px;margin-left:75px;text-transform:lowercase;color:{color:text};">{/block:AudioPlayer}
  787. {block:TrackName}<i>{TrackName}</i><br>{/block:TrackName}
  788. {block:Artist}{Artist}<br>{/block:Artist}
  789. </div>
  790. </div>
  791. {block:Caption}{Caption}{/block:Caption}
  792. {/block:Audio}
  793.  
  794. {block:Answer}
  795. <div class="question">
  796.  
  797. <span style="text-transform:lowercase"><b>{asker}:</b></span> {Question}</div>
  798. <div class="caption" style="margin-top:15px">{Answer}</div>
  799. {/block:Answer}
  800.  
  801. {block:Date}
  802. <div style="margin-top:12px;float:right;margin-left:7px;">
  803. <a href="{ReblogURL}"><i class="fa fa-retweet" style="font-size:12px;color:{color:accent2}" aria-hidden="true"></i></a></div>
  804.  
  805. <div class="footer">
  806.  
  807. <a href="{Permalink}">{TimeAgo}&nbsp;{block:NoteCount}// {NoteCount} {/block:NoteCount}</a>{block:HasTags}<br>{block:Tags}<span style=" word-break: break-all;text-align:right;"><a href="{TagURL}">#{Tag}&nbsp;</a></span>{/block:Tags}{/block:HasTags}{block:RebloggedFrom}<br><a href="{ReblogParentURL}">{ReblogParentName}&nbsp;</a>{/block:RebloggedFrom}{block:ContentSource}// <a href="{SourceURL}">{SourceTitle}&nbsp;</a>{/block:ContentSource}</div>
  808.  
  809. {block:PermalinkPage}
  810. {block:NoteCount}
  811. {block:PostNotes}{PostNotes}{/block:PostNotes}
  812. {/block:NoteCount}
  813. {/block:PermalinkPage}
  814. {/block:Date}
  815.  
  816. </div>
  817. {/block:Posts}
  818.  
  819. {block:Pagination}
  820. <div id="pagination">
  821. {block:PreviousPage}
  822. <a style="float:left;" href="{PreviousPage}"><i class="fa fa-caret-left" aria-hidden="true"></i> prev</a>
  823. {/block:PreviousPage}
  824. {block:NextPage}
  825. <a style="float:right;" href="{NextPage}">next <i class="fa fa-caret-right" aria-hidden="true"></i></a>
  826. {/block:NextPage}
  827. </div>
  828. {/block:Pagination}
  829.  
  830. </div>
  831.  
  832. </div>
  833.  
  834. </div>
  835.  
  836. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  837. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  838.  
  839. <div class="credit">
  840. <a href="https://leesjeno.tumblr.com"><i class="fa fa-heart-o" aria-hidden="true"></i> leesjeno</a>
  841. </div>
  842.  
  843. </body>
  844. </html>
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!