API tools faq
paste
Advertisement
Guest User

Framed: Theme 05

a guest
Nov 30th, 2013
1,455
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.02 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4. <!--
  5. THEME CREATED BY PURLOINED IN PETROGRAD.
  6. (c) 2013.
  7. DO NOT REMOVE CREDIT. THANKS!
  8. -->
  9.  
  10. <!-- IMAGE DEFAULTS -->
  11. <meta name="image:Sidebar" content="http://31.media.tumblr.com/ff0fee040bbb9e0ac6f7d7edffc330e9/tumblr_mv93ghPyk81svrh8zo1_1280.jpg"/>
  12. <meta name="image:Background" content=""/>
  13.  
  14. <!-- COLOR DEFAULTS -->
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Scrollbar" content="#e3e3e3"/>
  17. <meta name="color:Text" content="#3c3c3c"/>
  18. <meta name="color:Title" content="white"/>
  19. <meta name="color:Sidebar Border" content="#ffffff"/>
  20. <meta name="color:Navigation Links" content="#3c3c3c"/>
  21. <meta name="color:Navigation Hover" content="#efefef"/>
  22. <meta name="color:Pagination" content="#3c3c3c"/>
  23. <meta name="color:Pagination BG" content="#efefef"/>
  24. <meta name="color:Post Background" content="#ffffff"/>
  25. <meta name="color:Post Borders" content="#efefef"/>
  26. <meta name="color:Post Caption Background" content="#efefef"/>
  27. <meta name="color:Post Light Background" content="#fafafa"/>
  28. <meta name="color:Post Description" content="#3c3c3c"/>
  29. <meta name="color:Tags" content="#d0d0d0"/>
  30. <meta name="color:In Text Links" content="#777777"/>
  31. <meta name="color:Blockquote" content="#d0d0d0"/>
  32.  
  33. <!-- LAYOUT DEFAULTS -->
  34. <meta name="if:Slimmer 400px Posts" content="0"/>
  35. <meta name="if:Darken Sidebar Image" content="0"/>
  36. <meta name="if:Back to Top Button" content="0"/>
  37. <meta name="if:Small Cursor" content="0"/>
  38.  
  39. <meta name="if:Show Tags" content="1"/>
  40. <meta name="if:Show Captions" content="1"/>
  41.  
  42. <meta name="if:Link 1" content="1"/>
  43. <meta name="if:Link 2" content="1"/>
  44. <meta name="if:Link 3" content="1"/>
  45. <meta name="if:Link 4" content="1"/>
  46. <meta name="if:Link 5" content="1"/>
  47.  
  48. <!-- DEFAULT LINKS -->
  49. <meta name="text:Asker Label" content="asked"/>
  50. <meta name="text:Link Name 1" content="about"/>
  51. <meta name="text:Link URL 1" content="/about"/>
  52. <meta name="text:Link Name 2" content="Link 2"/>
  53. <meta name="text:Link URL 2" content="/"/>
  54. <meta name="text:Link Name 3" content="Link 3"/>
  55. <meta name="text:Link URL 3" content="/"/>
  56. <meta name="text:Link Name 4" content="Link 4"/>
  57. <meta name="text:Link URL 4" content="/"/>
  58. <meta name="text:Link Name 5" content="Link 5"/>
  59. <meta name="text:Link URL 5" content="/"/>
  60.  
  61.  
  62. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  63. <link rel="icon" href="{Favicon}" />
  64. <link rel="apple-touch-icon" href="{PortraitURL-96}" />
  65. <style type="text/css">
  66.  
  67. body {
  68. font-family:calibri,arial;
  69. color:{color:Text};
  70. {block:IfSmallCursor}
  71. cursor:url('http://i.imgur.com/2qleX.jpg'), auto;
  72. {/block:IfSmallCursor}
  73. font-size:12px;
  74. margin:0px;
  75. padding:0px;
  76. background:{color:Background};
  77. background-image:url('{image:Background}');
  78. background-attachment:fixed;
  79. }
  80.  
  81. #wrap {
  82. position:relative;
  83. width:522px;
  84. {block:IfSlimmer400pxPosts}
  85. width:422px!important;
  86. {/block:IfSlimmer400pxPosts}
  87. margin:auto;
  88. }
  89.  
  90. blockquote {
  91. border-left:3px solid {color:Blockquote};
  92. margin:5px;
  93. padding-left:10px;
  94. }
  95.  
  96. ::-webkit-scrollbar {
  97. height:7px;
  98. width:10px;
  99. }
  100.  
  101. ::-webkit-scrollbar-track {
  102. background-color:{color:Background};
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb {
  106. background-color: {color:Scrollbar};
  107. border: 1px solid white;
  108. height:auto;
  109. }
  110. iframe { display:block; }
  111. .clear {clear:both;}
  112. a img{border:0px;}
  113. a {
  114. color:inherit;text-decoration:none;font-weight:bold;
  115. -webkit-transition: all .3s ease-in-out;
  116. -moz-transition: all .3s ease-in-out;
  117. -os-transition: all .3s ease-in-out;
  118. -ms-transition: all .3s ease-in-out;
  119. }
  120. p {margin:5px 0;}
  121.  
  122. a:hover {
  123. {block:IfSmallCursor}
  124. cursor:url('http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif'), auto;
  125. {/block:IfSmallCursor}
  126. }
  127.  
  128. /*SIDEBAR*/
  129.  
  130. #sidebar {
  131. position:fixed;
  132. width:250px;
  133. margin-left:-325px;
  134. top:70px;
  135. }
  136.  
  137. .sidebarimg {
  138. position:relative;
  139. {block:IfNotSmallCursor}
  140. cursor:default;
  141. {/block:IfNotSmallCursor}
  142. }
  143.  
  144. .sidebarimg img {width:100%;display:block;}
  145.  
  146. .rollwrap {
  147. position:absolute;top:0px;left:0px;height:100%;width:100%;
  148. z-index:5;
  149. }
  150.  
  151.  
  152. .rollwrap .rollt1 {
  153. display: table; height:100%;width:100%;overflow: hidden;
  154. }
  155.  
  156. .rollwrap .rollt2 {
  157. display: table-cell; vertical-align: middle;color:black;
  158. z-index:100;
  159. }
  160.  
  161. .rollovertext {
  162. text-align:center;
  163. padding:0 50px;
  164. color:{color:Title};
  165. font-size:34px;
  166. text-transform:uppercase;
  167. font-weight:bold;
  168. }
  169.  
  170. .sidebarborder {
  171. position:absolute;
  172. height:100%;
  173. width:100%;
  174. padding:30px;
  175. box-sizing:border-box;
  176. -mox-box-sizing:border-box;
  177. }
  178.  
  179. .sidebarborder2 {
  180. position:relative;
  181. height:100%;
  182. width:100%;
  183. box-sizing:border-box;
  184. -mox-box-sizing:border-box;
  185. border:15px solid {color:Sidebar Border};
  186. }
  187.  
  188. #sidebar .navigation{
  189. font-family:cambria;text-align:center;
  190. font-size:9px;text-transform:uppercase;line-height:15px;margin-bottom:15px;
  191. }
  192.  
  193. #sidebar .navigation a {
  194. font-weight:normal;
  195. padding:2px 5px;
  196. color:{color:Navigation Links}
  197. }
  198.  
  199. #sidebar .navigation a:hover{
  200. background:{color:Navigation Hover};
  201. }
  202.  
  203. #sidebar .description{max-height:75px;overflow:scroll;}
  204.  
  205. #sidebar .description:first-letter {
  206. font-weight:bold;
  207. font-style:italic;
  208. font-size:14px;
  209. }
  210.  
  211. #sidebar .description::-webkit-scrollbar {
  212. height:7px;
  213. width:3px;
  214. }
  215.  
  216. #sidebar .description::-webkit-scrollbar-track {
  217. background-color:transparent;
  218. }
  219.  
  220.  
  221. #sidebar .description::-webkit-scrollbar-corner {
  222. background-color: transparent;
  223. }
  224.  
  225. #sidebar .description::-webkit-scrollbar-thumb {
  226. background-color: {color:Scrollbar};
  227. border: 1px solid transparent;
  228. height:auto;
  229. }
  230.  
  231. #sidebar .pagination {
  232. margin-top:20px;
  233. text-align:center;
  234. }
  235.  
  236. #sidebar .pagination a {
  237. display:inline;
  238. padding:5px 7px;
  239. background:{color:Pagination BG};
  240. margin-left:5px;
  241. font-size:9px;
  242. }
  243.  
  244. #sidebar .pagination a:first-child {margin:0px;}
  245.  
  246. #sidebar .pagination a {font-weight:normal;color:{color:Pagination};}
  247.  
  248. #sidebar .pagination a:hover{background:{color:Background};}
  249.  
  250. /*POSTS*/
  251.  
  252. #posts {
  253. width:522px;margin-left:50px;margin-top:30px;
  254. {block:IfSlimmer400pxPosts}
  255. width:422px!important;
  256. {/block:IfSlimmer400pxPosts}
  257. }
  258.  
  259. .post {
  260. padding:10px;border:1px solid {color:Post Borders};background:{color:Post Background};
  261. }
  262.  
  263. /*POST DESCRIPTION*/
  264.  
  265. .postdesc {
  266. margin-top:5px;
  267. font-size:9px;
  268. font-family:cambria;
  269. text-transform:uppercase;
  270. padding:0 5px;
  271. {block:IfNotSmallCursor}
  272. cursor:default;
  273. {/block:IfNotSmallCursor}
  274. }
  275.  
  276. .postdesc a{font-weight:normal;color:{color:Post Description};}
  277.  
  278. .postdesc a:hover{color:{color:Tags};}
  279.  
  280. .posttags {margin-bottom:30px;margin-top:5px;font-size:10px;color:{color:Tags};padding:0 5px;}
  281.  
  282. .posttags a{font-weight:normal;}
  283.  
  284. .posttags a:hover{color:{color:Post Description};}
  285.  
  286.  
  287. /*TEXT POSTS*/
  288.  
  289. .post .text h1 {margin-top:0px;}
  290. .post .text h1 a {color:inherit;}
  291.  
  292. .post .text {}
  293.  
  294. .post .text a {
  295. color:{color:In Text Links};font-weight:bold;
  296. }
  297.  
  298. .post .text a:hover {color:inherit;}
  299.  
  300. .post .text img {max-width:100%;}
  301.  
  302. /*LINK POSTS*/
  303.  
  304. .post .text .linkpost {background:{color:Post Caption Background};padding:10px;}
  305.  
  306. /*PHOTO POSTS*/
  307.  
  308. .post .photo {
  309. text-align:center;
  310. }
  311.  
  312. .post .photo img {
  313. max-width:100%;
  314. display:block;
  315. }
  316.  
  317. .post .text .caption {background:{color:Post Caption Background};padding:5px 10px;margin-top:10px;}
  318.  
  319. .post .text .caption p:first-child{margin-top:5px;}
  320.  
  321. /*CHAT*/
  322.  
  323. .chatlines{padding-bottom:1px;}
  324.  
  325. .chatodd {padding:5px;background:{color:Post Light Background};border-top:1px solid {color:Post Borders};border-bottom:1px solid {color:Post Borders};margin-bottom:-1px;}
  326. .chateven {padding:5px;background:{color:Post Background};border-top:1px solid {color:Post Borders};border-bottom:1px solid {color:Post Borders};margin-bottom:-1px;}
  327.  
  328. .chatlabel {display:inline;text-transform:uppercase;font-weight:bold;}
  329.  
  330. /*QUOTE*/
  331. .quotechar {
  332. float:left;
  333. width:30px;
  334. font-family:serif;
  335. font-size:50px;
  336. margin-top:-10px;
  337. overflow:hidden;
  338. font-weight:bold;
  339. line-height:50px;
  340. }
  341.  
  342. .quote {
  343. position:relative;
  344. font-family:cambria, sans serif;
  345. font-size:22px;
  346. line-height:22px;
  347. margin-top:5px;
  348. }
  349.  
  350. #credit {
  351. position:fixed;
  352. bottom:10px;
  353. right:10px;
  354. font-size:14px;
  355. font-family:arial;
  356. color:{color:Text};
  357. background:{color:Post Background};
  358. padding:10px;
  359. line-height:14px;
  360. opacity:.6;
  361. border-radius:5px;
  362. }
  363.  
  364. .scrollup{
  365. position:fixed;
  366. bottom:10px;
  367. right:50px;
  368. display:none;
  369. color:{color:Text};
  370. background:{color:Post Background};
  371. padding:10px;
  372. line-height:14px;
  373. opacity:.6;
  374. border-radius:5px;
  375. }
  376.  
  377. /*AUDIO*/
  378.  
  379. .musicwrap {
  380. width:60%;
  381. margin:auto;
  382. }
  383.  
  384. .music {
  385. position:relative;
  386. float:left;
  387. width:48px;
  388. height:48px;
  389. border:15px solid {color:Post Borders};
  390. }
  391.  
  392. .musicplayer {
  393. position:absolute;
  394. top:11px;
  395. left:11px;
  396. height:26px;
  397. width:26px;
  398. overflow:hidden;
  399. opacity:.6;
  400. }
  401.  
  402. .musicinfo {
  403. text-align:center;
  404. padding-top:15px;
  405. height:63px;
  406. }
  407.  
  408. /*ANSWER*/
  409.  
  410. .postask {
  411. position:relative;
  412. background:{color:Post Light Background};
  413. padding:15px;
  414. border-bottom:1px solid {color:Post Borders};
  415. }
  416.  
  417. .postquestion {
  418. margin-left:40px;
  419. }
  420.  
  421. .askicon {
  422. float:left;
  423. width:30px;
  424. border-radius:15px;
  425. }
  426.  
  427. .postanswer {
  428. padding:15px;
  429. }
  430.  
  431. .postanswer a {
  432. color:{color:In Text Links};font-weight:bold;
  433. -webkit-transition: all .2s ease-in-out;
  434. -moz-transition: all .2s ease-in-out;
  435. -os-transition: all .2s ease-in-out;
  436. -ms-transition: all .2s ease-in-out;
  437. }
  438.  
  439. /* POST NOTES */
  440.  
  441. .postnotes {
  442. margin-top:0px;
  443. padding:10px;
  444. background:{color:Post Background};
  445. border-radius:5px;
  446. }
  447.  
  448. .postnotes a {color:inherit;text-transform:uppercase;text-decoration:none;}
  449.  
  450. .postnotes ol {
  451. list-style-type:none;
  452. margin-left:0px;
  453. margin-top:0px;
  454. padding-left:0px;
  455. font-size:10px;
  456. }
  457.  
  458. .postnotes ol li {
  459. padding: 10px 5px;
  460. margin: 0px;
  461. border-bottom:1px solid {color:Post Borders};
  462. }
  463. .postnotes ol li a {
  464. -webkit-transition: all .2s ease-in-out;
  465. -moz-transition: all .2s ease-in-out;
  466. -os-transition: all .2s ease-in-out;
  467. -ms-transition: all .2s ease-in-out;
  468. }
  469. .postnotes ol li a:hover {color:{color:Post Borders}};
  470.  
  471. .postnotes ol li img.avatar {
  472. vertical-align:-4px;
  473. }
  474.  
  475. #credit {
  476. position:fixed;
  477. bottom:10px;
  478. right:10px;
  479. font-size:14px;
  480. font-family:arial;
  481. color:{color:Text};
  482. background:{color:Post Background};
  483. padding:10px;
  484. line-height:14px;
  485. opacity:.6;
  486. border-radius:5px;
  487. }
  488.  
  489. .scrollup{
  490. position:fixed;
  491. bottom:10px;
  492. right:50px;
  493. display:none;
  494. color:{color:Text};
  495. background:{color:Post Background};
  496. padding:10px;
  497. line-height:14px;
  498. opacity:.6;
  499. border-radius:5px;
  500. }
  501.  
  502.  
  503. </style>
  504. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  505. {block:IfInfiniteScroll}
  506. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  507. {/block:IfInfiniteScroll}
  508. {block:IfBacktoTopButton}
  509. <script type="text/javascript">
  510. $(document).ready(function() {
  511. $(window).scroll(function(){
  512. if ($(this).scrollTop() > 200) {
  513. $('.scrollup').fadeIn();
  514. } else {
  515. $('.scrollup').fadeOut();
  516. }
  517. });
  518.  
  519. $('.scrollup').click(function(){
  520. $("html, body").animate({ scrollTop: 0 }, 600);
  521. return false;
  522. });
  523.  
  524. });
  525. </script>
  526. {/block:IfBacktoTopButton}
  527. </head>
  528.  
  529. <body>
  530. <div class="scrollup"><a href="#">&#x25B2; back to top</a></div>
  531. <div id="credit">
  532. <a href="http://purloinedinpetrograd.tumblr.com">&copy;</a>
  533. </div>
  534. <div id="wrap">
  535.  
  536. <div id="sidebar">
  537.  
  538. <div class="sidebarimg">
  539. {block:IfDarkenSidebarImage}
  540. <div style="position:absolute;top:0px;left:0px;height:100%;width:100%;background:black;opacity:.2;"></div>
  541. {/block:IfDarkenSidebarImage}
  542. <div class="rollwrap" >
  543. <div class="rollt1">
  544. <div class="rollt2">
  545. <div class="rollovertext">
  546. <i><a href="/">{Title}</a></i>
  547. </div>
  548. </div>
  549. </div>
  550. </div>
  551. <div class="sidebarborder">
  552. <div class="sidebarborder2">
  553. <div style="padding:"></div>
  554. </div>
  555. </div>
  556. <img src="{image:Sidebar}" class="img" />
  557. </div>
  558.  
  559. <div class="bottom" style="width:200px;margin:auto;margin-top:10px;">
  560.  
  561. <div class="navigation" style="">
  562. <a href="/">home</a>
  563. <a href="/ask">ask</a>
  564. <a href="/archive">archive</a>
  565. {block:IfLink1}
  566. <a href="{text:Link URL 1}">{text:Link Name 1}</a>
  567. {/block:IfLink1}
  568. {block:IfLink2}
  569. <a href="{text:Link URL 2}">{text:Link Name 2}</a>
  570. {/block:IfLink2}
  571. {block:IfLink3}
  572. <a href="{text:Link URL 3}">{text:Link Name 3}</a>
  573. {/block:IfLink3}
  574. {block:IfLink4}
  575. <a href="{text:Link URL 4}">{text:Link Name 4}</a>
  576. {/block:IfLink4}
  577. {block:IfLink5}
  578. <a href="{text:Link URL 5}">{text:Link Name 5}</a>
  579. {/block:IfLink5}
  580. </div>
  581. <div class="description">
  582. {Description}
  583. </div>
  584. {block:Pagination}
  585. <div class="pagination">
  586. {block:PreviousPage}
  587. <a href="{PreviousPage}">&larr;</a>
  588. {/block:PreviousPage}
  589. {block:JumpPagination length="5"}
  590. {block:CurrentPage}
  591. <a href="" style="opacity:0.7;">{PageNumber}</a>
  592. {/block:CurrentPage}
  593. {block:JumpPage}
  594. <a href="{URL}">{PageNumber}</a>
  595. {/block:JumpPage}
  596. {/block:JumpPagination}
  597. {block:NextPage}
  598. <a href="{NextPage}">&rarr;</a>
  599. {/block:NextPage}
  600. </div>
  601. {/block:Pagination}
  602. </div>
  603.  
  604. </div>
  605.  
  606. <div id="posts">
  607.  
  608. {block:Posts}
  609. <div class="post">
  610.  
  611. {block:Text}
  612. <!--- TEXT POST RIGHT HERE -->
  613. <div class="text">
  614. {block:Title}<h1>{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{Title}{block:IndexPage}</a>{/block:IndexPage}</h1>{/block:Title}
  615. {Body}
  616. </div>
  617. {/block:Text}
  618.  
  619. {block:Link}
  620. <!--- LINK POST RIGHT HERE -->
  621. <div class="text">
  622. <div class="linkpost"><h1><center><a href="{URL}" {Target}>link: {Name}</a></center></h1></div>
  623. {block:Description}
  624. {Description}
  625. {/block:Description}
  626. </div>
  627. {/block:Link}
  628.  
  629. {block:Chat}
  630. <!--- CHAT POST RIGHT HERE -->
  631. <div class="text">
  632. {block:Title}<h1><center><a href="{Permalink}">{Title}</a></center></h1>{/block:Title}
  633. <div class="chatlines">
  634. {block:Lines}
  635. <div class="chat{Alt}"><div class="chatlabel">{block:Label}{Label}{/block:Label}</div> {Line}</div>
  636. {/block:Lines}
  637. </div>
  638. </div>
  639. {/block:Chat}
  640.  
  641. {block:Photo}
  642. <!--- PHOTO POST RIGHT HERE -->
  643. <div class="photo">
  644. <center>
  645. <img src="{PhotoURL-HighRes}" />
  646. </center>
  647. </div>
  648. {block:Caption}
  649. {block:IndexPage}
  650. {block:IfShowCaptions}
  651. <div class="text">
  652. <div class="caption">
  653. {Caption}
  654. </div>
  655. </div>
  656. {/block:IfShowCaptions}
  657. {/block:IndexPage}
  658. {block:PermalinkPage}
  659. <div class="text">
  660. <div class="caption">
  661. {Caption}
  662. </div>
  663. </div>
  664. {/block:PermalinkPage}
  665. {/block:Caption}
  666. {/block:Photo}
  667.  
  668. {block:Photoset}
  669. <!--- PHOTOSET POST RIGHT HERE -->
  670. <div class="photo">
  671. {block:IfNotSlimmer400pxPosts}
  672. {Photoset-500}
  673. {/block:IfNotSlimmer400pxPosts}
  674. {block:IfSlimmer400pxPosts}
  675. {Photoset-400}
  676. {/block:IfSlimmer400pxPosts}
  677. </div>
  678. {block:Caption}
  679. {block:IndexPage}
  680. {block:IfShowCaptions}
  681. <div class="text">
  682. <div class="caption">
  683. {Caption}
  684. </div>
  685. </div>
  686. {/block:IfShowCaptions}
  687. {/block:IndexPage}
  688. {block:PermalinkPage}
  689. <div class="text">
  690. <div class="caption">
  691. {Caption}
  692. </div>
  693. </div>
  694. {/block:PermalinkPage}
  695. {/block:Caption}
  696. {/block:Photoset}
  697.  
  698. {block:Video}
  699. <!--- VIDEO POST RIGHT HERE -->
  700. <div class="photo">
  701. {block:IfNotSlimmer400pxPosts}
  702. {Video-500}
  703. {/block:IfNotSlimmer400pxPosts}
  704. {block:IfSlimmer400pxPosts}
  705. {Video-400}
  706. {/block:IfSlimmer400pxPosts}
  707. </div>
  708. {block:Caption}
  709. {block:IndexPage}
  710. {block:IfShowCaptions}
  711. <div class="text">
  712. <div class="caption">
  713. {Caption}
  714. </div>
  715. </div>
  716. {/block:IfShowCaptions}
  717. {/block:IndexPage}
  718. {block:PermalinkPage}
  719. <div class="caption">
  720. {Caption}
  721. </div>
  722. {Caption}
  723. </div>
  724. {/block:PermalinkPage}
  725. {/block:Caption}
  726. {/block:Video}
  727.  
  728. {block:Quote}
  729. <!--- QUOTE POST RIGHT HERE -->
  730. <div class="text">
  731.  
  732. <div class="quote">
  733. <div class="quotechar">&#8220;</div>
  734. <div style="margin-left:30px;">
  735. {Quote}
  736. </div>
  737. <div style="clear:both;"></div>
  738. </div>
  739. {block:Source}
  740. <p>-- {Source}</p>
  741. {/block:Source}
  742. </div>
  743. {/block:Quote}
  744.  
  745. {block:Audio}
  746. <!--- AUDIO POST RIGHT HERE -->
  747.  
  748. <div class="musicwrap">
  749. <div class="music">
  750. {block:AlbumArt}<img class="musicalbum" src="{AlbumArtURL}" style="width:48px;" />{/block:AlbumArt}
  751. <div class="musicplayer">
  752. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  753. </div>
  754. </div>
  755. <div class="musicinfo">
  756. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}
  757. {block:Album}<br />{Album}{/block:Album}
  758. {block:Artist}<br />{Artist}{/block:Artist}
  759. </div>
  760. <div class="clear"></div>
  761. </div>
  762. {block:Caption}
  763. {block:IndexPage}
  764. {block:IfShowCaptions}
  765. <div class="text">
  766. {Caption}
  767. </div>
  768. {/block:IfShowCaptions}
  769. {/block:IndexPage}
  770. {block:PermalinkPage}
  771. <div class="text">
  772. {Caption}
  773. </div>
  774. {/block:PermalinkPage}
  775. {/block:Caption}
  776. {/block:Audio}
  777.  
  778. {block:Answer}
  779. <!--- ANSWER POST RIGHT HERE -->
  780. <div class="postask">
  781. <img src="{AskerPortraitURL-30}" class="askicon" />
  782. <div class="postquestion">
  783. <b>{Asker}</b> {text:Asker Label}:
  784. <br />{Question}
  785. </div>
  786. <div class="clear"></div>
  787. </div>
  788. <div class="postanswer">{Answer}</div>
  789. {/block:Answer}
  790.  
  791. <div style="display:none;">
  792. {block:ContentSource}{SourceURL}{/block:ContentSource}
  793. </div>
  794.  
  795. </div>
  796.  
  797.  
  798.  
  799. {block:Date}
  800. <div class="postdesc">
  801. <div style="float:left;">
  802. <a href="{Permalink}">posted {Month} {DayOfMonth}{DayOfMonthSuffix}{block:PermalinkPage}{Year}{/block:PermalinkPage} at {12Hour}:{Minutes} {AmPm}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a>
  803. </div>
  804. {block:RebloggedFrom}
  805. <div style="float:right;"><a href="{ReblogParentURL}">via</a> &#183; <a href="{ReblogRootURL}">source</a></div>
  806. {/block:RebloggedFrom}
  807. <div class="clear"></div>
  808. </div>
  809. {/block:Date}
  810. <div class="posttags">
  811. {block:IndexPage}
  812. {block:IfShowTags}
  813. {block:HasTags}
  814. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  815. {/block:HasTags}
  816. {/block:IfShowTags}
  817. {/block:IndexPage}
  818.  
  819. {block:PermalinkPage}
  820. {block:HasTags}
  821. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  822. {/block:HasTags}
  823. {/block:PermalinkPage}
  824. </div>
  825. <div class="clear"></div>
  826. {block:PostNotes}
  827. <div class="postnotes">{PostNotes}</div>
  828. {/block:PostNotes}
  829. {/block:Posts}
  830.  
  831.  
  832. </div>
  833. <div class="clear"></div>
  834. </div>
  835.  
  836. </body>
  837.  
  838. </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!