API tools faq
paste
Advertisement
haffalump

vibi 2

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