API tools faq
paste
Advertisement
thematchgirl

Theme 13: Shut Up and Run!

thematchgirl
Nov 19th, 2013
2,131
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.07 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. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>{title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. </head>
  8. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  9. <script type="text/javascript">
  10. $(function(){ // document ready
  11.  
  12. if (!!$('#desk').offset()) { // make sure ".sticky" element exists
  13.  
  14. var stickyTop = $('#desk').offset().top; // returns number
  15.  
  16. $(window).scroll(function(){ // scroll event
  17.  
  18. var windowTop = $(window).scrollTop(); // returns number
  19.  
  20. if (stickyTop < windowTop){
  21. $('#desk').css({ position: 'fixed', top: '76px' });
  22. $('.line2').css({ position: 'fixed', top: '50px', width: '660px' });
  23. $('.line1').css({ position: 'fixed', top: '50px' });
  24. $('#menu').css({ position: 'fixed', top: '50px', left: '460px' });
  25. $('#head').css({ position: 'fixed', top: '20px' });
  26. $('#title').css({ top: '0px',left:'320px', padding:'24px', width:'590px' });
  27. }
  28. else {
  29. $('#desk').css({ position:'static', top:'0px' });
  30. $('.line2').css({ position:'absolute', top:'270px', width: '525px' });
  31. $('.line1').css('position','static');
  32. $('#head').css('position','static');
  33. $('#menu').css({ position:'absolute', top:'270px', left: '330px' });
  34. $('#title').css({ top: '0px',left:'0px', padding:'5px', width:'100%' });
  35. }
  36.  
  37. });
  38.  
  39. }
  40.  
  41. });
  42. </script>
  43. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> {/block:IfInfiniteScroll}
  44. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  45.  
  46. <meta name="image:background" content="http://i.imgur.com/7HmFpO7.png">
  47. <meta name="image:header" content="http://i.imgur.com/TAqpW7T.png">
  48. <meta name="image:icon 1" content="http://i.imgur.com/KWwlkTI.png">
  49. <meta name="image:icon 2" content="http://i.imgur.com/tQ2LVIg.png">
  50.  
  51. <meta name="text:Link1" content="" />
  52. <meta name="text:Link1URL" content=""/>
  53. <meta name="text:Link2" content="" />
  54. <meta name="text:Link2URL" content=""/>
  55. <meta name="text:Link3" content="" />
  56. <meta name="text:Link3URL" content=""/>
  57. <meta name="text:Link4" content="" />
  58. <meta name="text:Link4URL" content=""/>
  59. <meta name="text:Link5" content="" />
  60. <meta name="text:Link5URL" content=""/>
  61. <meta name="text:Music" content="" />
  62.  
  63. <meta name="if:InfiniteScroll" content="1" />
  64. <meta name="if:Grayscale" content="0" />
  65.  
  66. <meta name="color:scrollbar" content="#333333">
  67. <meta name="color:background" content="#000000">
  68. <meta name="color:background" content="#000000">
  69. <meta name="color:text" content="#f6f6f6">
  70. <meta name="color:links" content="#cccccc">
  71. <meta name="color:links hover" content="#ffffff">
  72. <meta name="color:blockquote" content="#333333">
  73. <meta name="color:blockquote border" content="#555555">
  74. <meta name="color:blockquote text" content="#cccccc">
  75. <meta name="color:title bg" content="#000000">
  76. <meta name="color:title" content="#ffffff">
  77. <meta name="color:header border" content="#ffffff">
  78. <meta name="color:menu text" content="#000000">
  79. <meta name="color:music player" content="#ffffff">
  80. <meta name="color:music player border" content="#666666">
  81. <meta name="color:sidebar" content="#333333">
  82. <meta name="color:description" content="#cccccc">
  83. <meta name="color:icons border" content="#666666">
  84. <meta name="color:add links bg" content="#666666">
  85. <meta name="color:add links" content="#ffffff">
  86. <meta name="color:posts bg" content="#222222">
  87. <meta name="color:posts border" content="#444444">
  88. <meta name="color:date bg" content="#333333">
  89. <meta name="color:date" content="#ffffff">
  90. <meta name="color:info" content="#ffffff">
  91. <meta name="color:post title" content="#ffffff">
  92. <meta name="color:post title border" content="#ffffff">
  93. <meta name="color:back to top" content="#ffffff">
  94. <meta name="color:via bg" content="#000000">
  95. <meta name="color:reblogged icons" content="#555555">
  96. <meta name="color:answers" content="#333333">
  97. <meta name="color:asker bg" content="#000000">
  98. <meta name="color:asker" content="#ffffff">
  99. <meta name="color:pagination" content="#ffffff">
  100. <meta name="color:pagination bg" content="#222222">
  101. <meta name="color:permalink note bg" content="#222222">
  102. <meta name="color:permalink note" content="#ffffff">
  103. <meta name="color:permalink note border" content="#333333">
  104. <meta name="color:chat label bg" content="#111111">
  105. <meta name="color:chat label border" content="#333333">
  106. <meta name="color:chat label" content="#f4f4f4">
  107. <meta name="color:chat line bg" content="#333333">
  108. <meta name="color:chat line border" content="#666666">
  109. <meta name="color:chat line" content="#f4f4f4">
  110.  
  111. <style>
  112.  
  113. ::-moz-selection {
  114. background-color:{color:scrollbar};
  115. color:{color:background};
  116. }
  117. ::selection {
  118. background-color:{color:scrollbar};
  119. color:{color:background};
  120. }
  121. ::-webkit-scrollbar {
  122. width:6px;
  123. }
  124.  
  125. ::-webkit-scrollbar-track {
  126. background:{color:background};
  127. }
  128.  
  129. ::-webkit-scrollbar-thumb {
  130. background:{color:scrollbar};
  131. }
  132.  
  133.  
  134. body {
  135. background:url({image:background}) #000 fixed;
  136. font-family:courier new;
  137. font-size:11pt;
  138. text-align:justify;
  139. color:#f6f6f6;
  140. }
  141.  
  142. body {
  143. background:url({image:background}) {color:background} fixed;
  144. font-family:courier new;
  145. font-size:11pt;
  146. text-align:justify;
  147. color:{color:text};
  148. }
  149.  
  150. a {
  151. color:{color:links};
  152. text-decoration:none;
  153. font-size:10px;
  154. text-transform:uppercase;
  155. }
  156.  
  157. a:hover {
  158. color:{color:links hover};
  159. }
  160.  
  161. blockquote, pre {
  162. background:{color:blockquote};
  163. padding:5px;
  164. border:1px solid {color:blockquote border};
  165. word-break:break-word;
  166. width:97%;
  167. margin-left:0;
  168. color:{color:blockquote text};
  169. }
  170.  
  171. img, .photo {
  172. max-width:100%;
  173. {block:ifGrayscale}filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  174. filter: gray; /* IE6-9 */
  175. -webkit-filter: grayscale(100%);
  176. {/block:ifGrayscale}
  177. }
  178.  
  179. {block:ifGrayscale} img:hover, .photo:hover {
  180. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  181. -webkit-filter: grayscale(0%);
  182. }
  183. {/block:ifGrayscale}
  184.  
  185. blockquote {
  186. font-family: Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;
  187. font-style:italic;
  188. }
  189.  
  190. #title {
  191. position:fixed;
  192. width:100%;
  193. background:{color:title bg};
  194. top:0;
  195. left:0;
  196. text-align:center;
  197. letter-spacing:5px;
  198. text-transform:uppercase;
  199. color:{color:title};
  200. padding-top:5px;
  201. padding-bottom:5px;
  202. font-weight:700;
  203. z-index:1000;
  204. }
  205.  
  206. #header {
  207. width:650px;
  208. height:250px;
  209. margin-top:20px;
  210. margin-left: 325px;
  211. }
  212.  
  213. .line1 {
  214. width: 2px;
  215. height: 260px;
  216. position: absolute;
  217. margin-top:-245px;
  218. margin-left:-15px;
  219. background-color: {color:header border};
  220. }
  221. .line2 {
  222. height: 2px;
  223. width: 525px;
  224. position: absolute;
  225. background-color: {color:header border};
  226. margin-left:-15px;
  227. margin-top:15px;
  228. z-index:10000;
  229. }
  230.  
  231. #menu {
  232. width:650px;
  233. position:absolute;
  234. text-align:right;
  235. margin-top:5px;
  236. z-index:50000;
  237. }
  238.  
  239. #menu a {
  240. background:{color:header border};
  241. padding:5px;
  242. border-radius:50%;
  243. color:{color:menu text};
  244. font-size:9px;
  245. text-decoration:none;
  246. font-weight:700;
  247. width:11px;
  248. height:11px;
  249. display:inline-block;
  250. -webkit-transition: all 0.4s ease;
  251. -moz-transition: all 0.4s ease;
  252. transition: all 0.4s ease;
  253. }
  254.  
  255. #menu a:hover {
  256. -webkit-transform:rotate(360deg);
  257. -moz-transform:rotate(360deg);
  258. -o-transform: rotate(360deg);
  259. }
  260.  
  261. .infol {
  262. padding:2px;
  263. font-size:10px;
  264. width:30px;
  265. position:absolute;
  266. margin-left:-10px;
  267. margin-top:10px;
  268. text-align:center;
  269. background:{color:menu text};
  270. color:{color:header border};
  271. font-style:italic;
  272. opacity:0;
  273. -webkit-transition: all 2s ease;
  274. -moz-transition: all 2s ease;
  275. transition: all 2s ease;
  276. }
  277.  
  278. #menu a:hover .infol {
  279. opacity:1;
  280. }
  281.  
  282. #music-player-rounded {
  283. z-index:10000;
  284. position:absolute;
  285. margin-left:625px;
  286. margin-top:115px;
  287. width:25px;
  288. height:25px;
  289. padding-left:10px;
  290. padding-top:10px;
  291. background-color:{color:music player};
  292. -moz-border-radius:100px;
  293. -webkit-border-radius:100px;
  294. border-radius:100px;
  295. border:5px solid {color:music player border};
  296. opacity:1;
  297. -webkit-transition: all 0.4s ease;
  298. -moz-transition: all 0.4s ease;
  299. transition: all 0.4s ease;
  300. }
  301.  
  302. #music-player-rounded:hover {
  303. -webkit-transform:rotate(360deg);
  304. -moz-transform:rotate(360deg);
  305. -o-transform: rotate(360deg);
  306. padding-left:20px;
  307. padding-top:20px;
  308. padding-right:10px;
  309. padding-bottom:10px;
  310. margin-left:635px;
  311. margin-top:95px;
  312. }
  313.  
  314. .music-player {
  315. margin-top:0px;
  316. margin-left:-55px;
  317. width:45px;
  318. height:45px;
  319. padding-left:10px;
  320. padding-top:10px;
  321. background-color:{color:music player};
  322. -moz-border-radius:100px;
  323. -webkit-border-radius:100px;
  324. border-radius:100px;
  325. border:5px solid {color:music player border};
  326. opacity:0;
  327. overflow:hidden;
  328. font:12px Arial, Calibri, Cambria, sans-serif;
  329. -webkit-transition: all 0.4s ease;
  330. -moz-transition: all 0.4s ease;
  331. transition: all 0.4s ease;
  332. }
  333.  
  334. #music-player-rounded:hover .music-player {
  335. opacity:1;
  336. }
  337.  
  338. .music-player-embed {
  339. margin-left:-10px;
  340. margin-top:12px;
  341. }
  342.  
  343. #content {
  344. width:650px;
  345. margin-top:15px;
  346. margin-left:325px;
  347. }
  348.  
  349. #desk {
  350. width:150px;
  351. padding:10px;
  352. float:left;
  353. background:{color:sidebar};
  354. text-align:center;
  355. margin-left:-15px;
  356. height:100%;
  357. margin-top:-8px;
  358. }
  359.  
  360. .desc {
  361. font-family: Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;
  362. color:{color:description};
  363. font-size:10px;
  364. font-style:italic;
  365. margin-bottom:10px;
  366. margin-top:5px;
  367. }
  368.  
  369. #desk .icon, #desk .icon2 {
  370. border:5px solid {color:icons border};
  371. width:125px;
  372. margin-bottom:5px;
  373. margin-top:5px;
  374. }
  375.  
  376. .icon2 {
  377. margin-bottom:10px;
  378. }
  379.  
  380. }
  381. .icon1 {
  382. display:block;
  383. }
  384.  
  385. #desk .link {
  386. background:{color:add links bg};
  387. color:{color:add links};
  388. width:100%;
  389. padding-top:5px;
  390. padding-bottom:5px;
  391. margin-bottom:1px;
  392. display:block;
  393. text-align:center;
  394. font-size:10px;
  395. font-weight:700;
  396. text-decoration:none;
  397. }
  398.  
  399. #desk .link:hover {
  400. background:{color:add links};
  401. color:{color:add links bg};
  402. }
  403.  
  404. .icon2 {
  405. display:none;
  406. }
  407.  
  408. #desk:hover .icon {
  409. display:none;
  410. }
  411.  
  412. #desk:hover .icon2 {
  413. display:block;
  414. }
  415.  
  416. #post {
  417. width:410px;
  418. padding:25px;
  419. margin-left:150px;
  420. margin-top:25px;
  421. font-size:10px;
  422. font-size:12px;
  423. }
  424.  
  425. .post {
  426. background:{color:posts bg};
  427. border:1px solid {color:posts border};
  428. width:400px;
  429. padding:20px;
  430. margin-bottom:20px;
  431. overflow:hidden;
  432. }
  433.  
  434. .info {
  435. position:absolute;
  436. margin-top:20px;
  437. background:{color:date bg};
  438. text-align:center;
  439. color:{color:date};
  440. font-size:11px;
  441. font-family:courier new;
  442. font-weight:700;
  443. text-transform:lowercase;
  444. width:200px;
  445. float:right;
  446. margin-top:15px;
  447. transform:rotate(-2deg);
  448. -ms-transform:rotate(-2deg);
  449. -webkit-transform:rotate(-2deg);
  450. }
  451.  
  452. .info a {
  453. color:{color:date};
  454. }
  455.  
  456. .info2 {
  457. position:absolute;
  458. margin-left:350px;
  459. margin-top:-20px;
  460. width:100px;
  461. padding:5px;
  462. z-index:100;
  463. text-align:center;
  464. background:{color:posts bg};
  465. border:1px solid {color:posts border};
  466. color:{color:info};
  467. opacity:0;
  468. -webkit-transition: all 0.4s ease;
  469. -moz-transition: all 0.4s ease;
  470. transition: all 0.4s ease;
  471. }
  472.  
  473. .post:hover .info2 {
  474. opacity:1;
  475. margin-left:450px;
  476. }
  477.  
  478. .info2 img {
  479. width:40px;
  480. border:3px solid {color:reblogged icons};
  481. }
  482.  
  483. .reblog {
  484. font-size:20px;
  485. font-weight:700;
  486. text-transform:uppercase;
  487. padding-bottom:5px;
  488. border-bottom:3px solid {color:info};
  489. color:{color:info};
  490. display:block;
  491. margin-bottom:5px;
  492. }
  493.  
  494. .reblog a {
  495. font-size:20px;
  496. }
  497.  
  498. .infos {
  499. background:{color:via bg};
  500. font-style:italic;
  501. }
  502.  
  503. .info2 a {
  504. color:{color:info};
  505. }
  506. .tag {
  507. font-size:10pt;
  508. }
  509.  
  510. h2 {
  511. font-size:20px;
  512. text-transform:uppercase;
  513. border-bottom:3px solid {color:post title};
  514. text-align:center;
  515. color:{color:post title border};
  516. display:run-in;
  517. }
  518.  
  519. #scrolltotop {
  520. font-size: 50px;
  521. color: {color:back to top};
  522. position: fixed;
  523. bottom: 10px;
  524. right: 10px;
  525. }
  526.  
  527. #scrollToTop:link,
  528. #scrollToTop:visited {
  529. color: {color:back to top};
  530. background-color: transparent;
  531. display: none;
  532. position: fixed;
  533. bottom: 10px;
  534. right: 10px;
  535. }
  536.  
  537. .ask,.answer {
  538. display:block;
  539. }
  540.  
  541. .answer {
  542. background:{color:answers};
  543. padding:5px;
  544. margin-top:10px;
  545. }
  546.  
  547. .ask img {
  548. border:5px solid {color:asker bg};
  549. margin-right:10px;
  550. width:100px;
  551. }
  552.  
  553. .ask a {
  554. font-size:12px;
  555. color:{color:asker};
  556. }
  557.  
  558. .ask .username {
  559. font-weight:bold;
  560. padding:5px;
  561. width:390px;
  562. text-transform:uppercase;
  563. background:{color:asker bg};
  564. color:{color:asker};
  565. }
  566.  
  567. .source {
  568. text-align:right;
  569. margin-top:5px;
  570. display:block;
  571. width:400px;
  572. }
  573.  
  574. #pagination {
  575. margin-top:10px;
  576. }
  577.  
  578. #pagination a {
  579. padding:5px;
  580. background:{color:pagination bg};
  581. color:{color:pagination};
  582. }
  583.  
  584. .quote {
  585. font-size:20px;
  586. font-style:italic;
  587. font-family: Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif;
  588. }
  589.  
  590. .quote:first-letter {
  591. font-size:25px;
  592. color:{color:post border};
  593. }
  594.  
  595. .music {
  596. height:100px;
  597. padding:5px;
  598. text-align:center;
  599. background:{color:asker bg};
  600. font-size:20px;
  601. color:{color:asker};
  602. }
  603.  
  604. .audio {
  605. position:absolute;
  606. background:{color:asker bg};
  607. width:25px;
  608. height:25px;
  609. padding:37.5px;
  610. padding-left:10px;
  611. padding-right:65px;
  612. overflow:hidden;
  613. opacity:.5;
  614. display:block;
  615. margin-top:5px;
  616. margin-left:5px;
  617. z-index:10000;
  618. }
  619.  
  620. .note li {
  621. list-style:none;
  622. }
  623.  
  624. .note {
  625. background:{color:permalink note bg};
  626. border-bottom:1px solid {color:permalink note border};
  627. padding:15px;
  628. color:{color:permalink note};
  629. text-transform:uppercase;
  630. font-size:10px;
  631. margin-bottom:5px;
  632. }
  633.  
  634. .note a {
  635. font-size:10px;
  636. }
  637.  
  638. .label {
  639. padding:5px;
  640. background:{color:chat label bg};
  641. border-bottom:1px solid {chat label border};
  642. color:{color:chat label};
  643. }
  644.  
  645. .line {
  646. padding:5px;
  647. background:{color:chat line bg};
  648. border-bottom:1px solid {chat line border};
  649. color:{color:chat line};
  650. }
  651.  
  652. </style>
  653.  
  654. <body>
  655. <div class="topp">
  656. <a href="javascript:;" id="scrollToTop">back to top</a>
  657. </div>
  658. <section id="title">{title}</section>
  659. <section id="header">
  660. {block:ifmusic}
  661. <div id="music-player-rounded">
  662. <img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  663. <div class="music-player">
  664. <div class="music-player-embed">
  665. {text:Music}
  666. </div>
  667. </div>
  668. </div>
  669. {block:ifmusic} <img src="{image:header}"/>
  670. <section class="line1"></section>
  671. <section class="line2"></section>
  672. <section id="menu">
  673. <a href="/">01.
  674. <div class="infol">
  675. home
  676. </div>
  677. </a>
  678. <a href="/ask">02.
  679. <div class="infol">
  680. message
  681. </div>
  682.  
  683. </a>
  684. <a href="/archive">03.
  685. <div class="infol">
  686. archive
  687. </div>
  688. </a>
  689. <a href="/mobile">04.
  690. <div class="infol">
  691. mobile
  692. </div>
  693. </a>
  694. <a href="http://hellolittlered.org">05.
  695. <div class="infol">
  696. themes
  697. </div>
  698. </a>
  699. </section></section>
  700. <section id="content">
  701. <section id="desk">
  702. <center>
  703. <img src="{image:icon 1}" class="icon"/>
  704. <img src="{image:icon 2}" class="icon2"/>
  705. </center>
  706. <div class="desc">
  707. {description}
  708. </div>
  709. {block:iflink1}<a href="{text:Link1URL}" class="link">{text:Link1}</a>{/block:iflink1}
  710. {block:iflink2}<a href="{text:Link2URL}" class="link">{text:Link2}</a>{block:iflink2}
  711. {block:iflink3}<a href="{text:Link3URL}" class="link">{text:Link3}</a>{/block:iflink3}
  712. {block:iflink4}<a href="{text:Link4URL}" class="link">{text:Link4}</a>{/block:iflink4}
  713. {block:iflink5}<a href="{text:Link5URL}" class="link">{text:Link5}</a>{/block:iflink5}
  714. {block:IfNotInfiniteScroll}
  715. <div id="pagination">
  716. <center>{block:Pagination}
  717. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  718. {CurrentPage}/{TotalPages}
  719. {block:NextPage}<a href="{NextPage}">next</a><br/>{/block:NextPage}{/block:Pagination}
  720. </div>
  721. {/block:IfNotInfiniteScroll}
  722. </center>
  723. </section>
  724.  
  725. <section id="post">
  726. {Block:Posts}
  727. <section class="post">
  728. {block:indexpage}
  729. <div class="info2">
  730. <a href="{ReblogURL}" class="reblog">Reblog</a>
  731. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}
  732. <table>
  733. <tr>
  734. <td>
  735. <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-30}"></a>
  736. </td>
  737. <td>
  738. <a href="{ReblogRootURL}" target="_blank"><img src="{ReblogRootPortraitURL-30}"></a>
  739. </td>
  740. </tr>
  741. <tr>
  742. <td class="infos">
  743. via
  744. </td>
  745. <td class="infos">
  746. ori
  747. </td>
  748. </table>
  749. <br/>{/block:RebloggedFrom} {block:HasTags}<b>TAGGED AS:</b>
  750. <div class="tag">
  751. {block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}
  752. </div>
  753. {/block:HasTags}
  754. </div>
  755. {/block:indexpage}
  756.  
  757. {block:Text}
  758. {block:Title}<a href="{Permalink}">
  759. <h2>{Title}</h2>
  760. </a>{/block:Title}
  761. {Body}
  762. {/block:Text}
  763.  
  764. {block:Photo}
  765. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  766. {block:Caption}{Caption}{/block:Caption}
  767. {/block:Photo}
  768.  
  769. {block:Photoset}
  770. <div class="photo">
  771. {Photoset-400}
  772. </div>
  773. {block:Caption}{Caption}{/block:Caption}
  774. {/block:Photoset}
  775.  
  776. {block:Quote}
  777. <div class="quote">
  778. “{Quote}
  779. </div>
  780. {block:Source}
  781. <span class="source">— {Source}</span>
  782. {/block:Source}
  783. {/block:Quote}
  784.  
  785. {block:Link}
  786. <a href="{URL}" {target}>
  787. <h2>{Name} →</h2>
  788. </a>
  789. {block:Description}{Description}{/block:Description}
  790. {/block:Link}
  791.  
  792. {block:Chat}
  793. {block:Title}<a href="{Permalink}">
  794. <h2>{Title}</h2>
  795. </a>{/block:Title}
  796. <table>
  797. {block:Lines}
  798. <tr>
  799. <td class="label">
  800. {block:Label}<b>{Label}</b>{/block:Label}
  801. </td>
  802. <td class="line">
  803. {Line}
  804. </td>
  805. </tr>
  806. {/block:Lines}
  807. </table>
  808. {/block:Chat}
  809.  
  810. {block:Audio}
  811. <div class="ask">
  812. <div class="audio">
  813. {AudioPlayerBlack}
  814. </div>
  815. {block:AlbumArt}
  816. <img src="{AlbumArtURL}" width="100px" height="100px" align="left">
  817. {/block:AlbumArt}
  818.  
  819. <div class="music">
  820. <br/>
  821. {block:TrackName}<em><strong>{TrackName}</strong></em>{/block:TrackName} {block:Artist}<br/>
  822. <span style="font-size:16px">{Artist}</span>{/block:Artist}
  823. </div>
  824. </div>
  825. {/block:Audio}
  826.  
  827. {block:Video}
  828. <div class="photo">
  829. {Video-400}
  830. </div>
  831. {block:Caption}{Caption}{/block:Caption}
  832. {/block:Video}
  833.  
  834. {block:Answer}
  835. <div class="ask">
  836. <img src="{AskerPortraitURL-128}" align="left">
  837. <div class="username">
  838. {Asker} asked:
  839. </div>
  840. {Question}
  841. </div>
  842. <div class="answer">
  843. {Answer}
  844. </div>
  845. {/block:Answer}
  846.  
  847. {Block:IndexPage}
  848. <div class="info">
  849. <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  850. </div>
  851. {/Block:IndexPage}
  852.  
  853. {Block:PermalinkPage}
  854. <blockquote style="text-align:center">
  855. {block:Date}Posted on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}{/block:Date}
  856. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  857. {block:HasTags}<br>
  858. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  859. </blockquote>
  860. {/Block:PermalinkPage}
  861.  
  862. </section>
  863. {block:PostNotes}{PostNotes}{/block:PostNotes} {/Block:Posts}
  864. </section>
  865. </section>
  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!