API tools faq
paste
Advertisement
haffalump

vibi

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