API tools faq
paste
Advertisement
haffalump

haffalump theme fifteen

haffalump
Aug 31st, 2016
637
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5. theme credit to hafsa (haffalump @ tumblr)
  6. the credit can not be removed or changed in any possible way.
  7. do not use this code as a base, and do not repost it/rehash it
  8. and use claim it as your own.
  9. -->
  10.  
  11.  
  12.  
  13. <html>
  14.  
  15.  
  16. <head>
  17.  
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic|Droid+Sans:400,700' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  26. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic|Inconsolata:400,700|Montserrat:400,700|Roboto+Condensed:300italic,400italic,400,300,700' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  29.  
  30. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  31.  
  32. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  33.  
  34. <script type=”text/javascript” language=”javascript” src=”http://assets.tumblr.com/javascript/tumblelog.js?7”></script>
  35.  
  36.  
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}" />
  41. {/block:Description}
  42.  
  43.  
  44. <meta name="color:Background" content="#ffffff" />
  45. <meta name="font:Body" content="Helvetica, Helvetica Neue, 'Istok Web', times, Georgia, Baskerville, "/>
  46. <meta name="color:Text" content="#000000"/>
  47. <meta name="color:Link" content="#707070"/>
  48. <meta name="color:LinkHov" content="#ffffff"/>
  49.  
  50. <meta name="text:Link1" content="Link 1"/>
  51. <meta name="text:Link1 URL" content="/"/>
  52. <meta name="text:Link2" content="Link 2"/>
  53. <meta name="text:Link2 URL" content="/"/>
  54. <meta name="text:Link3" content="Link 3"/>
  55. <meta name="text:Link3 URL" content="/"/>
  56.  
  57. <meta name="if:500px Width" content="0"/>
  58. <meta name="if:400px Width" content="1"/>
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63.  
  64.  
  65.  
  66. body {
  67. background-color: {color:Background};
  68. font-family: {font:Body};
  69. font-weight: lighter;
  70. font-size: 9px;
  71. color: {color:Text};
  72. text-align: center;
  73. letter-spacing: 0px;
  74. }
  75.  
  76.  
  77. .content {
  78. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  79. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  80. {block:if400pxWidth}margin-left: 390px;{/block:if400pxWidth}
  81. {block:if500pxWidth}margin-left: 305px;{/block:if500pxWidth}
  82. margin-right: auto;
  83. margin-top:20px;
  84. text-align: justify;
  85. letter-spacing:1px;
  86. font-size: 8px;
  87. padding-bottom: 80px;
  88. font-weight: lighter;
  89. font-family:Helvetica, arial;
  90. }
  91.  
  92.  
  93. .container{
  94. width: 800px;
  95. float:right;
  96. }
  97.  
  98. .sidebar {
  99. font-family: {font:Body};
  100. font-size: 6px;
  101. text-transform: uppercase;
  102. letter-spacing: 1px;
  103. color: {color:Text};
  104. font-weight: 400;
  105. text-align: left;
  106. width: 400px;
  107. margin-left:auto;
  108. margin-right: auto;
  109. margin-top: 80px;
  110. margin-bottom:140px;
  111. padding: 0px;
  112. line-height: 200%;
  113.  
  114. }
  115.  
  116. .sidebar a:link, .sidebar a:visited, .sidebar a:active{
  117. color: #000; text-transform: uppercase;
  118. }
  119.  
  120.  
  121. .sidebar a:hover {
  122. color: {color:LinkHov};
  123. text-decoration: none;
  124. }
  125.  
  126. .title {
  127. position: relative;
  128. font-family: {font:Body};
  129. font-weight: lighter;
  130. font-size: 17px;
  131. color: {color:Text};
  132. text-align: left;
  133. text-transform: lowercase;
  134. letter-spacing: 2px;
  135. padding-bottom: 25px;
  136. display: inline;
  137. font-style: none;
  138. z-index: 2;
  139. width: 400px;
  140. }
  141.  
  142. .title a:link, .title a:visited, .title a:active {
  143. text-decoration: none;
  144. color: #000;
  145. font-weight: lighter;
  146. padding: 0px;
  147. text-transform: lowercase;
  148.  
  149. }
  150.  
  151. .title a:hover { color:#dddddd;}
  152.  
  153. a {
  154. font-weight: none;
  155. text-decoration: none;
  156. color: {color:Link};
  157. padding: 0px;
  158.  
  159. }
  160.  
  161. a:hover {
  162. color: {color:LinkHov};
  163. text-decoration: none;
  164. padding: 0px;
  165. }
  166.  
  167. a img {
  168. border: 0px;
  169. }
  170.  
  171.  
  172.  
  173. .post img {
  174. display: inline-block;
  175. margin: 0 auto;
  176. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  177. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  178. }
  179.  
  180. .post {
  181. margin-bottom:250px;
  182. background-color: {color:Background};
  183. margin-left:35px;
  184. padding-top:35px;
  185. padding-bottom:35px;
  186. letter-spacing:1px;
  187. line-height:200%;
  188. text-align: justify;
  189. border-top:1px solid #f2f2f2;
  190. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  191. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  192.  
  193. }
  194.  
  195. .post2 {
  196. margin-bottom:50px;padding:5px;
  197. {block:if500pxWidth}width:605px;{/block:if500pxWidth}
  198. {block:if400pxWidth}width:505px;{/block:if400pxWidth}
  199.  
  200. }
  201.  
  202.  
  203. .notesandtags {
  204. padding: 5px;
  205. margin-bottom: 30px;
  206. margin-top: 5px;
  207. margin-left: 50px;
  208. padding:0px;
  209. font-weight: none;
  210. text-align: left;
  211. padding-top:0px;
  212. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  213. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  214.  
  215. }
  216.  
  217. .tags {
  218. {block:IndexPage}
  219. display:none;
  220. {/block:IndexPage}
  221. font-size: 6px;
  222. letter-spacing: 1px;
  223. font-weight: none;
  224. text-transform: uppercase;
  225. line-height:250%;
  226. text-align: left;
  227. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  228. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  229. background-color: {color:Background};
  230. margin-top:-300px;
  231. }
  232.  
  233. .tags a:hover { padding-right:10px;}
  234.  
  235. .tag { margin-left:4px; padding-right:10px;}
  236.  
  237.  
  238.  
  239. .time {
  240. font-family: {font:Body};
  241. font-size: 7px;
  242. letter-spacing: 1px;
  243. color: {color:Text};
  244. text-transform: uppercase;
  245. width: 384px;
  246. background-color: #f5f5f5;
  247. padding: 8px 8px 3px 8px;
  248. }
  249.  
  250. h3 {
  251. font-size: 8px;
  252. color: #444444;
  253. text-align: left;
  254. letter-spacing: 1px;
  255. text-transform: uppercase;
  256. font-weight: 400;
  257. margin-left:10px;
  258. padding-top:10px;
  259. padding-bottom:0px;
  260. font-style: none;
  261. font-family: 'Montserrat', arial;
  262.  
  263. }
  264.  
  265. .h3 a:link, .h3 a:visited, .h3 a:active{
  266. color: #444444; }
  267.  
  268. blockquote {
  269. font-family: {font:Body};
  270. font-weight: lighter;
  271. font-size: 8px;
  272. color: #444444;
  273. letter-spacing: 1px;
  274. text-align: justify;
  275. font-weight: none;
  276. font-style: none;
  277. width:355px;
  278. margin-left:15px;
  279. line-height: 180%;
  280. padding: 0px 0px 0px 10px;
  281. border-left: 1px solid #f0f0f0;
  282.  
  283. }
  284.  
  285.  
  286. .quote {
  287. font-family: {font:Body};
  288. font-size: 11px;
  289. font-style: none;
  290. letter-spacing: 1px;
  291. color: {color:Text};
  292. line-height: 220%;
  293. padding-top:0px;
  294. text-transform: none;
  295. margin-top:0px;
  296. font-weight: lighter;
  297. width:400px;
  298. }
  299.  
  300. .source {
  301. margin-top:20px;
  302. font-family: 'Montserrat', arial, times;
  303. font-size: 7px;
  304. letter-spacing: 1px;
  305. margin-left:50px;
  306. text-align:left;
  307. color: #707070;
  308. text-transform: uppercase;
  309. font-style: none;
  310. padding: 5px;
  311. font-weight: 400;
  312. }
  313.  
  314. .link {
  315. font-family: {font:Body};
  316. font-size: 10px;
  317. font-weight: lighter;
  318. color: {color:Text};
  319. text-align: justify;
  320. letter-spacing: 1px;
  321. text-transform: uppercase;
  322. font-style: none;
  323. padding-left: 0px;
  324. }
  325.  
  326. .link:hover {
  327. color: {color:Background};
  328. }
  329.  
  330.  
  331.  
  332. ul.chat {
  333. margin: 0;
  334. padding: 0;
  335. }
  336.  
  337. .chat li {
  338. list-style-type: none;
  339. font-size: 8px;
  340. margin-left: 0px;
  341. padding: 3px;
  342. text-transform: uppercase;
  343. }
  344.  
  345. .chat li.odd {
  346. margin-bottom: 1px;
  347. color: {color:Text};
  348. font-size: 8px;
  349. text-transform: uppercase;
  350. }
  351.  
  352. .chat li.even {
  353. margin-bottom: 1px;
  354. color: {color:Text};
  355. font-size: 8px;
  356. text-transform: uppercase;
  357. }
  358.  
  359. .label {
  360. font-weight: none;
  361. }
  362.  
  363.  
  364.  
  365. #navcontainer
  366. {
  367. margin: 0px;
  368. padding: 0px;
  369. text-align: center;
  370. font-size: 10px;
  371. }
  372. #navcontainer { display: inline; }
  373. #navcontainer a
  374. {
  375. text-decoration: none;
  376. padding: .2em 1em;
  377. color: #fff;
  378. font-size: 10px;
  379. display: inline;
  380. }
  381.  
  382.  
  383. #navcontainer a:hover
  384. {
  385. color: #fff;
  386. background-color: #369;
  387. font-size: 10px;
  388. }
  389.  
  390.  
  391. ::-webkit-scrollbar {
  392. height: 9px;
  393. width: 5px;
  394. background: #dddddd;
  395. border: 2px solid #fff;
  396. }
  397.  
  398. ::-webkit-scrollbar-thumb {
  399. background: #dddddd;
  400. border: 1px solid #fff;
  401. height: auto;
  402.  
  403. }
  404.  
  405. ::-webkit-scrollbar-corner {
  406. background: #fff;
  407. }
  408.  
  409.  
  410.  
  411.  
  412. ol.notes {
  413. padding-top: 70px;
  414. margin: 25px 0px;
  415. font-size: 6px;
  416. list-style-type: none;
  417. line-height: 200%;
  418. float: center;
  419.  
  420. }
  421.  
  422. ol.notes li.note {
  423. padding: 2px;
  424. text-transform:uppercase;
  425. font-size: 6px;
  426. letter-spacing:1px;
  427. padding-top:0px;
  428.  
  429. }
  430.  
  431. ol.notes li.note img.avatar {
  432. vertical-align: -6px;
  433. margin-right: 10px;
  434. width: 0px;
  435. height: 0px;
  436. margin-top:-5px;
  437. display: none;
  438. }
  439.  
  440. ol.notes li.note span.action {
  441. font-weight: none;
  442. }
  443.  
  444. ol.notes li.note .answer_content {
  445. font-weight: normal;
  446. }
  447.  
  448. ol.notes li.note blockquote {
  449. border-color: none;
  450. padding: 4px 10px;
  451. margin: 5px 0px 0px 25px;
  452. }
  453.  
  454. ol.notes li.note blockquote a {
  455. text-decoration: none;}
  456.  
  457. .audio {
  458. background-color: {color:Background};
  459. width: 430px;
  460. color: {color:Text};
  461. text-transform:uppercase;
  462. margin-left:0px;
  463. padding-bottom: 0px;
  464. line-height: 80%;
  465. border:1px solid #;
  466. margin-bottom:30px;
  467. }
  468.  
  469. .audio img {
  470. width: 65px; border:1px solid #f0f0f0; padding:4px;
  471. }
  472.  
  473.  
  474.  
  475. .asker {
  476. font-family: 'Montserrat', arial, times;
  477. font-size: 7px;
  478. color: #707070;
  479. text-align: left;
  480. margin-right:0px;
  481. margin-bottom: 0px;
  482. margin-left:0px;
  483. line-height:200%;
  484. display:inline-block;
  485. text-transform: uppercase;
  486. letter-spacing: 2px;
  487. font-style: none;
  488.  
  489. }
  490. .asker a:link {
  491. margin-left:0px;
  492.  
  493. }
  494.  
  495. .q {
  496. font-family: {font:Body};
  497. margin-top: 0px;
  498. font-size: 8px;
  499. letter-spacing:1px;
  500. font-weight: lighter;
  501. color: {color:Text};
  502. padding:10px 0px 10px 0px;
  503. font-style: none;
  504. text-align: left;
  505. line-height: 230%;
  506. text-transform: none;
  507. margin-left:0px;
  508. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  509. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  510. margin-top:0px;
  511.  
  512.  
  513. }
  514.  
  515. .answer {
  516. font-family: {font:Body};
  517. font-size: 8px;
  518. margin-bottom:15px;
  519. font-weight: lighter;
  520. padding-top:20px;
  521. letter-spacing:1px;
  522. color: {color:Text};
  523. text-align: justify;
  524. border-top:1px solid #f6f6f6;
  525. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  526. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  527. line-height: 240%;
  528. }
  529.  
  530. .ask {
  531. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  532. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  533. padding: 0px;
  534. margin-top:20px;
  535. }
  536.  
  537.  
  538. .date {
  539. margin-top: -44px;
  540. font-size: 8px;
  541. text-align: center;
  542. font-size:6px;
  543. letter-spacing:1px;
  544. font-family: 'Helvetica', times, arial;
  545. text-transform: uppercase;
  546. letter-spacing: 1px;
  547. font-style: none;
  548. padding-bottom: 5px;
  549. color: {color:Text};
  550. margin-bottom: 20px;
  551. width:120px;
  552. background-color: {color:Background};
  553. margin-left:140px;
  554. }
  555.  
  556.  
  557. .date a:link, .date a:visited, .date a:active {
  558. color: #000;
  559. }
  560.  
  561. .date2 {
  562. margin-top: 0px;
  563. font-size: 8px;
  564. text-align: right;
  565. font-size:7px;
  566. letter-spacing:1px;
  567. font-family: 'Inconsolata', 'Judson', times, arial;
  568. text-transform: uppercase;
  569. font-weight: bold;
  570. letter-spacing: 1px;
  571. font-style: none;
  572. color:#cccccc;
  573. padding-bottom: 5px;
  574. margin-bottom: 5px;
  575. }
  576.  
  577. .date2 a:link, .date2 a:visited, .date2 a:active {
  578. color: #bbbbbb;
  579. }
  580.  
  581.  
  582. .li {
  583. font-family: 'Montserrat', times, arial;
  584. color: {color:Text};
  585. font-size: 6px;
  586. letter-spacing:1px;
  587. line-height:240%;
  588. font-style: none;
  589. margin-right:auto;
  590. margin-left:auto;
  591. text-align: left;
  592. font-weight: 200;
  593. padding-top: 0px;
  594. margin-top: 20px;
  595. margin-bottom:10px;
  596. text-transform: uppercase;
  597. margin-left:-5px;
  598. }
  599.  
  600. .li a:link, .li a:visited, .li a:active{
  601. color: #000;
  602. margin-left:5px;
  603. margin-right:5px;}
  604.  
  605. .li a:hover {
  606. color: #fff;
  607. border-bottom:1px solid #;
  608. padding-bottom:1px;}
  609.  
  610. .playbutton {width: 19px;
  611. height: 27px;
  612. overflow: hidden;
  613. position: relative;
  614. z-index: 1000;
  615. margin: 12px 20px 10px 13px;
  616. font-size:7px;
  617. }
  618.  
  619. .playbox {
  620. background-color: {color:Background};
  621. position: absolute;
  622. margin-top: 0px;
  623. margin-left:80px;
  624. margin-top:-5px;
  625. margin-right:auto;
  626. z-index: 1000;
  627. }
  628.  
  629. .arrow-right {
  630. width: 0;
  631. height: 0;
  632. border-top: 60px solid transparent;
  633. border-bottom: 60px solid transparent;
  634.  
  635. border-left: 60px solid green;
  636. }
  637.  
  638. .arrow-left {
  639. width: 0;
  640. height: 0;
  641. border-top: 10px solid transparent;
  642. border-bottom: 10px solid transparent;
  643.  
  644. border-right:10px solid #cccccc;
  645. }
  646.  
  647.  
  648. {CustomCSS}
  649. </style>
  650.  
  651.  
  652.  
  653. </head>
  654.  
  655. <center><title>{Title}</title></center>
  656.  
  657. <body>
  658.  
  659.  
  660.  
  661.  
  662. <div style="position: relative; right: 7px; bottom:7px; position: fixed; color: #000; font-size:7px; letter-spacing:1px;"><a href="http://haffalump.tumblr.com/">THEME</a></div>
  663.  
  664.  
  665. <center>
  666. <div class="sidebar">
  667. <div class="title"><a href="/">{Title}</a></div><p><center><div class="li"> <a href="/ask">ask</a> <a href="/archive">archive</a> <a href="/about">about</a> <a href="{text:Link1 URL}">{text:Link1}</a> <a href="{text:Link2 URL}">{text:Link2}</a> <a href="{text:Link3 URL}">{text:Link3}</a> {block:HasPages}
  668. {block:Pages}
  669. <a href={URL}>{Label}</a>
  670. {/block:Pages}
  671. {/block:HasPages}</div></center>
  672.  
  673. <center><div style="height:4px; width:40px; background-color:#fff; margin-top:40px;"></div></center><p>
  674.  
  675. <div style="margin-top:-30px;"><div style="width: 400px;">{block:Description}{Description}{/block:Description}</div><p>
  676.  
  677.  
  678. </div>
  679. </div></center></center>
  680.  
  681.  
  682.  
  683. <div class="content">
  684.  
  685.  
  686. {block:Posts}
  687.  
  688.  
  689. {block:Text}<div class="post2">
  690. <div class="post">
  691. <div class="date">
  692. <a href="{Permalink}">{block:Date}{DayOfMonth}.{MonthNumber}.{ShortYear}{/block:Date}</a> </div>
  693. {block:Title}
  694. <h3><a href="{Permalink}">{Title}</a></h3>
  695. {/block:Title}
  696. <div style="padding-top:5px; width: 380px; margin-left:10px;">{Body}</div></div>
  697. </div>
  698. {/block:Text}
  699.  
  700.  
  701.  
  702. {block:Photo}<div class="post2">
  703. <div class="post">
  704. <div class="date">
  705. <a href="{Permalink}">{block:Date}{DayOfMonth}.{MonthNumber}.{ShortYear}{/block:Date}</a></div>
  706. <div style="padding-top:5px;"></div>
  707. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  708. <div style="padding-top:20px;">{Caption}</div>
  709. </div></div>
  710. {/block:Photo}
  711.  
  712.  
  713.  
  714.  
  715. {block:Photoset}<div class="post2">
  716. <div class="post">
  717. <div class="date">
  718. <a href="{Permalink}">{block:Date}{DayOfMonth}.{MonthNumber}.{ShortYear}{/block:Date}</a></div>
  719. <center> <div style="padding-top:5px;"></div>
  720. {block:if500pxWidth} {Photoset-500}{/block:if500pxWidth}
  721. {block:if400pxWidth} {Photoset-400}{/block:if400pxWidth}</center>
  722. <div style="padding-top:20px;">{Caption}</div>
  723. {SourceURL}
  724. </div></div>
  725. {/block:Photoset}
  726.  
  727.  
  728. {block:Quote}<div class="post2">
  729. <div class="post">
  730. <div class="date">
  731. <a href="{Permalink}"> {block:Date}{DayOfMonth}.{MonthNumber}.{ShortYear}{/block:Date}</a></div>
  732. <div class="quote">
  733. <div style="padding-top: 20px; padding-bottom: 5px; padding-left: 0px;">
  734. “{Quote}”</div></div>
  735. {block:Source}
  736. <div class="source"><div style="padding-bottom: 20px;">– {Source}</div></div>
  737. {/block:Source}
  738. {SourceURL}
  739. </div></div>
  740. {/block:Quote}
  741.  
  742.  
  743. {block:Link}<div class="post2">
  744. <div class="post">
  745. <div class="date">
  746. <a href="{Permalink}">{block:Date}{DayOfMonth}.{MonthNumber}.{ShortYear}{/block:Date}</a></div>
  747. <a href="{URL}" class="link" {Target}>{Name}</a>
  748. {block:Description}
  749. <div class="description">{Description}</div>
  750. {/block:Description}
  751. </div></div>
  752. {/block:Link}
  753.  
  754.  
  755.  
  756. {block:Chat}<div class="post2">
  757. <div class="date">
  758. <a href="{Permalink}">{block:Date}{DayOfMonth}.{MonthNumber}.{ShortYear}{/block:Date}</a></div>
  759. <div class="post">
  760. {block:Title}
  761. <h3><a href="{Permalink}">{Title}</a></h3>
  762. {/block:Title}
  763. <ul class="chat">
  764. {block:Lines}
  765. <li class="{Alt} user_{UserNumber}">
  766. {block:Label}
  767. <span class="label">{Label}</span>
  768. {/block:Label}
  769. {Line}
  770. </li>
  771. {/block:Lines}
  772. </ul>
  773. </div></div>
  774. {/block:Chat}
  775.  
  776.  
  777.  
  778.  
  779.  
  780. {block:Video}<div class="post2">
  781. <div class="date">
  782. <a href="{Permalink}">{block:Date}{DayOfMonth}.{MonthNumber}.{ShortYear}{/block:Date}</a></div>
  783. <div class="post">
  784. <center>{Video-400}</center>
  785. {block:Caption}
  786. {/block:Caption}
  787. </div></div>
  788. {/block:Video}
  789.  
  790.  
  791.  
  792. {block:Audio}<div class="post2">
  793. <div class="post">
  794. <div class="date">
  795. <a href="{Permalink}"> {block:Date}{DayOfMonth}.{MonthNumber}.{ShortYear}{/block:Date}</a></div>
  796. <div style="padding-top:10px;"></div>
  797. <div class="audio">
  798. <div style="float:right; display: inline; margin-right: 30px; width: 360px; border:1px solid #f6f6f6; padding:20px; height: 36px;">
  799. <div style="margin-left:200px; margin-top:-5px;">
  800. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div></div>
  801. {block:TrackName}
  802. <div style="font-size: 7px; text-transform: uppercase; color: #555555; font-weight: bold; letter-spacing: 1px; margin-top: 14px; margin-left:25px; text-align: left; font-family: 'Montserrat';">{TrackName}</div>
  803. {/block:TrackName}<br>
  804. {block:Artist}
  805. <div style="font-size: 6px; letter-spacing: 1px; text-transform: uppercase; margin-left:25px; font-family: 'Montserrat'; color: #555555;">{Artist}</div>
  806. {/block:Artist}</div>
  807. </div>
  808. <div style="margin-left:10px; padding-top:70px;">
  809. <p>{Caption}</div>
  810. </div></div>
  811. {block:ContentSource}
  812. {/block:ContentSource}
  813. {/block:Audio}
  814.  
  815.  
  816.  
  817.  
  818.  
  819.  
  820.  
  821. {block:Answer}<div style="margin-top:50px;"></div><div class="post2"><div class="post">
  822. <div class="date">
  823. <a href="{Permalink}">{block:Date}{DayOfMonth}.{MonthNumber}.{ShortYear}{/block:Date}
  824. </a></div><div style="margin-top:40px;"></div>
  825. <div class="ask">
  826. <div class="q"><div class="asker">ASKED BY {Asker}:</div> {Question}<br></div><br>
  827. <div class="answer">{Answer}</div> </div></div></div>
  828.  
  829. {/block:Answer}
  830.  
  831.  
  832.  
  833.  
  834. <div class="notesandtags"><div style="margin-left:0px;margin-top:-200px; ">
  835. <div class="tags">{block:NoteCount}{NoteCount}{/block:NoteCount} NOTES {block:RebloggedFrom}<a href="{ReblogParentURL}">- VIA {ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} - SOURCE{/block:ContentSource}<p>
  836. {block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div></div></div>
  837.  
  838.  
  839.  
  840. <center>{block:PostNotes} {PostNotes} {/block:PostNotes}</center>
  841.  
  842. {/block:Posts}
  843.  
  844.  
  845.  
  846. </div>
  847.  
  848. <center><div style=" text-transform: uppercase; font-size: 7px; letter-spacing: 1Px; display:inline-block; font-weight:bold; margin-top:-300px; width:400px; border-top:0px solid #f2f2f2; padding-top:70px;"><p>
  849. {block:Pagination}
  850.  
  851.  
  852. {block:PreviousPage}
  853. <div style="margin-left:auto; margin-right: auto; display:inline-block;font-weight:700; font-family: Montserrat; margin-bottom:100px; padding-top:50px; padding-right:50px; margin-right:-50px; "><a href="{PreviousPage}">PREVIOUS PAGE </a> OR </div>
  854. {/block:PreviousPage}
  855.  
  856.  
  857. {block:NextPage}
  858. <div style="margin-left:auto; margin-right: auto; display:inline-block;font-weight:700; font-family: Montserrat; margin-bottom:100px; padding-top:50px; "><a href="{NextPage}">NEXT PAGE</a></a></div>
  859. {/block:NextPage}
  860. {/block:Pagination}
  861. </div>
  862. </center>
  863.  
  864. <div style="width: 60px; color: #000000; font-size: 10px; text-transform: uppercase; font-style: italic; position: fixed; right: 250px; bottom: 50px;">
  865.  
  866.  
  867.  
  868. </div>
  869.  
  870.  
  871.  
  872.  
  873. </div>
  874.  
  875.  
  876.  
  877. </div>
  878.  
  879. </body>
  880. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!