API tools faq
paste
Advertisement
elsewheretales

Theme 3 - Endymion

elsewheretales
Apr 22nd, 2014
147
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.02 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" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--theme by elsewheretales.tumblr.com
  6.  
  7. enjoy!
  8.  
  9. -->
  10.  
  11. <title>{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <!--fonts-->
  18.  
  19. <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Roboto' />
  20. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Old+Standard+TT" />
  21.  
  22. <!--scripts-->
  23.  
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25.  
  26. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27.  
  28.  
  29. <!--Default Variables-->
  30.  
  31. <meta name="if:400px Posts" content="0" />
  32. <meta name="if:Faded Posts" content="0" />
  33. <meta name="if:Show Tags" content="1" />
  34. <meta name="if:Show Captions" content="1" />
  35. <meta name="if:Post Borders" content="1" />
  36. <meta name="if:Hover Permalink" content="1" />
  37.  
  38. <meta name="image:Icon" content="" />
  39. <meta name="image:Background" content="" />
  40.  
  41. <meta name="color:Text" content="#555555" />
  42. <meta name="color:Background" content="#f8f8f8" />
  43. <meta name="color:Container" content="#ffffff" />
  44. <meta name="color:Post Background" content="#f8f8f8" />
  45. <meta name="color:Borders" content="#000000" />
  46. <meta name="color:Title" content="#000000" />
  47. <meta name="color:Link" content="#000000" />
  48. <meta name="color:Link Hover" content="#bbbbbb" />
  49. <meta name="color:Permalink Background" content="#f6f6f6" />
  50. <meta name="color:Tags" content="#777777" />
  51.  
  52. <meta name="text:Asker Text" content="whispered" />
  53. <meta name="text:Link 1" content="" />
  54. <meta name="text:Link 1 URL" content="" />
  55. <meta name="text:Link 2" content="" />
  56. <meta name="text:Link 2 URL" content="" />
  57. <meta name="text:Link 3" content="" />
  58. <meta name="text:Link 3 URL" content="" />
  59. <meta name="text:Link 4" content="" />
  60. <meta name="text:Link 4 URL" content="" />
  61.  
  62. <!-- jquery script for tooltip -->
  63.  
  64. <script>
  65. $().ready(function() {
  66. $("[title]").style_my_tooltips({
  67. tip_follows_cursor: "on",
  68. tip_delay_time: 200 //this is in milliseconds
  69. });
  70. });
  71. </script>
  72.  
  73. <!----CSS begins--->
  74.  
  75. <style type="text/css">
  76.  
  77. /* tooltip */
  78.  
  79. #s-m-t-tooltip{
  80. position: absolute;
  81. display: inline-block;
  82. margin:35px 10px 0px 0px;
  83. max-width: 300px;
  84. padding: 3px 7px 3px 7px;
  85. z-index: 99999;
  86. text-transform: uppercase;
  87. font-family: 'Roboto', Cambria, serif;
  88. font-size: 9px;
  89. color: {color:Text};
  90. background-color:{color:Background};
  91. border:1px solid {color:Borders};
  92. }
  93.  
  94. /* scrollbar */
  95.  
  96. ::-webkit-scrollbar{
  97. width: 5px;
  98. height: 5px;
  99. background-color: {color:Borders};
  100. }
  101.  
  102. ::-webkit-scrollbar-thumb{
  103. background-color:{color:Background};
  104. border:1px solid {color:Borders};
  105. }
  106.  
  107. ::-webkit-scrollbar-track{
  108. background-color:{color:Background};}
  109.  
  110.  
  111. /* cursor and reset */
  112.  
  113. *, body, a, a:link, a:visited, a:hover {
  114. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png),
  115. auto!important;}
  116.  
  117. /* stuff */
  118.  
  119. body {
  120. background: url('{image:Background}') {color:Background};
  121. font-family: 'Roboto', Cambria, serif;
  122. font-size:12px;
  123. line-height:170%;
  124. text-align:justify;
  125. margin:0;
  126. padding:0;
  127. }
  128.  
  129. a, a:link, a:visited {
  130. color: {color:Link};
  131. text-decoration:none;
  132. -webkit-transition: all 0.3s linear;
  133. -moz-transition: all 0.3s linear;
  134. -o-transition:all 0.3s linear;
  135. transition: all 0.3s linear;
  136. }
  137.  
  138. a:active, a:hover {
  139. color: {color:Link Hover};
  140. text-decoration:none;
  141. -webkit-transition: all 0.3s linear;
  142. -moz-transition: all 0.3s linear;
  143. -o-transition:all 0.3s linear;
  144. transition: all 0.3s linear;
  145. }
  146.  
  147. img{ opacity:1; border:none; text-decoration:none;}
  148.  
  149. img a { border:none;}
  150.  
  151. /* headings */
  152.  
  153. h1 {
  154. font-family:'Roboto', Cambria, serif;
  155. font-size:13px;
  156. letter-spacing:1px;
  157. padding-top:5px;
  158. text-align:center;
  159. font-weight:normal;
  160. text-transform:uppercase;
  161. line-height:100%;
  162. color:{color:Text};
  163. }
  164.  
  165. h2 {
  166. font-family:'Roboto', Cambria, serif;
  167. font-size:12px;
  168. letter-spacing:1px;
  169. line-height:120%;
  170. text-align:center;
  171. letter-spacing:1px;
  172. color:{color:Text};
  173. padding:3px;
  174. font-weight:normal;
  175. }
  176.  
  177. /* blockquote */
  178.  
  179. blockquote {padding:0px; padding-left:5px; margin:5px; border-left: 1px solid {color:Borders}; overflow:hidden;}
  180. blockquote img {max-width:90%;}
  181.  
  182. small, big {font-size:12px;letter-spacing:1px; line-height:18px;}
  183. b, strong {color: {color:Text}; }
  184. i, em {color: {color:Text};}
  185. p {margin-top:10px; margin-bottom:10px;}
  186. ol {list-style:normal;}
  187. ul {list-style:circle;}
  188. s, strike, del {color: {color:Text}; font-size:100%;}
  189.  
  190.  
  191. background { url('{image:Background}') {color:Background}; margin:0; padding: 5px;}
  192.  
  193. /* post title */
  194.  
  195. #title {
  196. font-family:'Old Standard TT', 'Roboto', Cambria, serif;
  197. font-size:22px;
  198. font-weight:bold;
  199. letter-spacing:1px;
  200. line-height:18px;
  201. padding:5px;
  202. text-align:center;
  203. }
  204.  
  205. /* topbar */
  206.  
  207. #sidebar {
  208. width:630px;
  209. height:auto;
  210. margin:0px auto 70px auto;
  211. border-bottom:3px double {color:Borders};
  212. }
  213.  
  214. /* blog title */
  215.  
  216. .title {
  217. font-size:35px;
  218. text-align:left;
  219. width:610px;
  220. padding:10px 10px 10px 10px;
  221. font-family:'Old Standard TT', serif;
  222. border-bottom:1px solid {color:Borders};
  223. line-height:110%;
  224. }
  225.  
  226. /* topbar icon */
  227.  
  228. .icon {
  229. margin:10px 30px 10px 0px;
  230. width:80px;
  231. float:right;
  232. border-radius:100%;
  233. background: {color:Container};
  234. }
  235.  
  236. .icon img {
  237. max-width:80px;
  238. border-radius:100%;
  239. border:3px double {color:Borders};
  240. }
  241.  
  242. /* description */
  243.  
  244. .desc {
  245. padding:10px;
  246. font-size:12px;
  247. width:500px;
  248. font-family: 'Roboto', Cambria, serif;
  249. }
  250.  
  251. .desc:first-letter {
  252. font-weight:bold;
  253. font-size:16px;
  254. font-family: 'Old Standard TT', 'Roboto', Cambria, serif;
  255. }
  256.  
  257. /* links */
  258.  
  259. .links {
  260. padding:10px;
  261. width:610px;
  262. border-top:1px solid {color:Borders};
  263. text-align:center;
  264. }
  265.  
  266. .links a {
  267. padding:3px;
  268. color:{color:Link};
  269. margin-right:40px;
  270. }
  271.  
  272. .links a:hover {
  273. background: {color:Title};
  274. color: {color:Link Hover};
  275. }
  276.  
  277. /* pagination */
  278.  
  279. #page {
  280. width:485px;
  281. height:20px;
  282. margin:-50px 0px 0px 15px;
  283. position:relative;
  284. padding:5px 20px 50px 20px;
  285. text-align:center;
  286. text-transform:lowercase;
  287. border-top:3px double {color:Borders};
  288. }
  289.  
  290. #page a {
  291. color:{color:Link};
  292. margin:3px;
  293. border:none;
  294. }
  295.  
  296. #page a:hover{
  297. padding:3px;
  298. background:{color:Title};
  299. color: {color:Link Hover};
  300. border:none;
  301. }
  302.  
  303. /*content*/
  304.  
  305. #content {
  306. margin:30px;
  307. padding:30px;
  308. width:auto;
  309. background:{color:Container};
  310. }
  311.  
  312. /* post space */
  313.  
  314. #entry {
  315. margin:30px auto 0 auto;
  316. position:relative;
  317. width:555px;
  318. }
  319.  
  320. /* actual posts */
  321.  
  322. #post {
  323. width:500px;
  324. background: {color:Post Background};
  325. margin:10px 10px 150px 14px;
  326. padding:10px 10px 0px 10px;
  327. background:{color:Posts};
  328.  
  329. {block:ifPostBorders}
  330. border:3px double {color:Borders};
  331. {/block:ifPostBorders}
  332.  
  333. {block:if400pxPosts}
  334. width:400px;
  335. margin:10px 10px 150px 60px;
  336. {/block:if400pxPosts}
  337.  
  338. {block:ifFadedPosts}
  339. opacity:0.7;
  340. {/block:ifFadedPosts}
  341. }
  342.  
  343. /* fade posts */
  344.  
  345. {block:ifFadedPosts}
  346. #post:hover {
  347. opacity:1;
  348. transition:all 0.3s ease-in-out;
  349. -webkit-transition: 0.3s ease-in-out;
  350. -moz-transition: 0.3s ease-in-out;
  351. -o-transition: 0.3s ease-in-out;
  352. }
  353. {/block:ifFadedPosts}
  354.  
  355. /* image posts */
  356. #post img {
  357. display:block;
  358. max-width:500px;
  359.  
  360. {block:if400pxPosts}
  361. max-width:400px;
  362. {/block:if400pxPosts}
  363.  
  364. }
  365.  
  366. .photoset {
  367. display:block;
  368. padding-bottom:5px;
  369. width:500px;
  370.  
  371. {block:if400pxPosts}
  372. width:400px;
  373. {/block:if400pxPosts}
  374.  
  375. }
  376.  
  377. #post li {max-width:100%;}
  378.  
  379.  
  380. #post .blockquote {
  381. margin: 10px 0px 10px 10px;
  382. padding-left: 15px;
  383. border-left: 1px solid {color:Borders};
  384. }
  385.  
  386.  
  387. #post .blockquote img { max-width:90%;}
  388.  
  389. /* quote */
  390.  
  391. .quote{
  392. font-size:14px;
  393. line-height:140%;
  394. margin:0px 20px;
  395. padding: 10px 0px 10px 0px;
  396. text-align:center;
  397. letter-spacing:1px;
  398. color:{color:Text};
  399. text-indent:10px;
  400. }
  401.  
  402. .quote:first-letter {
  403. font-weight:bold;
  404. font-size: 22px;
  405. font-style:italic;
  406. padding:2px;
  407. text-transform:uppercase;
  408. font-family: 'Old Standard TT', 'Roboto', Cambria, serif;
  409. }
  410.  
  411. .quotecomma1{
  412. margin:20px -30px 5px 0px;
  413. float:left;
  414. opacity:0.3;
  415. position:relative;
  416. font-size:60px;
  417. font-family:'Old Standard TT', 'Roboto', Cambria, serif;
  418. letter-spacing:1px;
  419. }
  420.  
  421. .quotecomma2{
  422. margin:5px 0px 0px 0px;
  423. float:right;
  424. opacity:0.3;
  425. position:relative;
  426. font-size:60px;
  427. font-family:'Old Standard TT', 'Roboto', Cambria, serif;
  428. letter-spacing:1px;
  429. }
  430.  
  431. .quotesource {
  432. text-align:right;
  433. letter-spacing:1px;
  434. line-height: 140%;
  435. font-style:italic;
  436. }
  437.  
  438. /* audio */
  439.  
  440. .tumblr_audio_player {
  441. height:30px;
  442. width:490px;
  443. border:1px solid {color:Borders};
  444.  
  445. {block:if400pxPosts}
  446. width:390px;
  447. {/block:if400pxPosts}
  448.  
  449. }
  450.  
  451. .player {
  452. overflow:hidden;
  453. text-align:center;
  454. height:50px;
  455. }
  456.  
  457. .audioinfo {
  458. font-size:14px;
  459. letter-spacing:2px;
  460. padding:10px 0px 10px 0px;
  461. text-align:center;
  462. }
  463.  
  464. .beam{
  465. margin:0px -20px 5px -5px;
  466. float:left;
  467. opacity:0.3;
  468. position:relative;
  469. font-size:30px;
  470. font-family:'Old Standard TT', 'Roboto', Cambria, serif;
  471. letter-spacing:1px;
  472. }
  473.  
  474. .quaver{
  475. margin:5px 0px 0px 10px;
  476. float:right;
  477. opacity:0.3;
  478. position:relative;
  479. font-size:30px;
  480. font-family:'Old Standard TT', 'Roboto', Cambria, serif;
  481. }
  482.  
  483. /*question and answer */
  484.  
  485. #ques {
  486. text-align:left;
  487. margin-bottom:10px;
  488. font-size:12px;
  489. padding-bottom: 10px;
  490. border-bottom:1px solid {color:Borders};
  491. }
  492.  
  493. .ask { width:300px; padding:10px; text-align:left; float:right;}
  494.  
  495. .asker { text-align:left;}
  496.  
  497. .asker a { font-style:normal;}
  498.  
  499. .askericon {width: 40px; padding:10px 20px 10px 10px; border-radius:100%; float:left;}
  500.  
  501. .askericon img { width: 40px; height: 40px; border-radius:100%;
  502. border: 3px double {color:Permalink Background};}
  503.  
  504. .answer { text-align:left; margin: 0px 10px;}
  505.  
  506. /* chat posts */
  507.  
  508. .chat {margin:0px;}
  509.  
  510. .chat ol { padding:0; line-height:160%; list-style:none;}
  511.  
  512. .line.odd { background: {color:Permalink Background};padding:5px;}
  513. .line.even { padding:5px;}
  514.  
  515. .label {
  516. color:{color:Text};
  517. font-weight:bold;
  518. padding-right:1px;
  519. letter-spacing:1px;
  520. text-transform:none;
  521. }
  522.  
  523. /* post footer */
  524.  
  525.  
  526. #permalink {
  527. margin-top:10px;
  528. font-size:8px;
  529. letter-spacing:1px;
  530. text-align:left;
  531. height:0.1px;
  532. border-top:1px solid {color:Permalink Background};
  533.  
  534. {block:ifnotHoverPermalink}
  535. height:20px;
  536. background: {color:Permalink Background};
  537. border:none;
  538. {/block:ifnotHoverPermalink}
  539.  
  540. overflow:hidden;
  541. text-transform:uppercase;
  542. background:{color:Permalink Background};
  543.  
  544. }
  545.  
  546. #permalink a { margin:0px 5px; color:{color:Text};}
  547.  
  548. #permalink a:hover{ color: {color:Link Hover};}
  549.  
  550. #post:hover #permalink { height:auto;}
  551.  
  552.  
  553. /* tags */
  554.  
  555. .tags {
  556. width:500px;
  557. font-size:11px;
  558. font-family: 'Roboto', Cambria, serif;
  559. padding:4px;
  560. text-align:center;
  561. text-transform:lowercase;
  562. line-height:130%;
  563. opacity:1;
  564.  
  565. {block:ifnotShowTags}
  566. opacity:0;
  567. {/block:ifnotShowTags}
  568.  
  569. {block:if400pxPosts}
  570. width:400px;
  571. {/block:if400pxPosts}
  572.  
  573. }
  574.  
  575. .tags a{ padding-left:3px; color:{color:Tags};}
  576.  
  577. .tags a:hover{ color:{color:Link Hover};}
  578.  
  579.  
  580. /* notes */
  581.  
  582. .notes {{block:IndexPage} display: none;{/block:IndexPage} width:500px;
  583. {block:if400pxPosts} width:400px; {/block:if400pxPosts}
  584. }
  585.  
  586. .notes img { display:none;}
  587.  
  588. .notes li {
  589. list-style-type:lower-roman;
  590. padding:5px 0px;
  591. text-align:left;
  592. margin-left:10px;
  593. width:480px;
  594.  
  595. {block:if400pxPosts}
  596. width:390px;
  597. {/block:if400pxPosts}
  598.  
  599. border-bottom:1px solid {color:Borders};
  600. }
  601.  
  602. .noteslabel {
  603. font-weight:bold;
  604. color:{color:Text};
  605. text-align:left;
  606. width:550px;
  607. text-transform:uppercase;
  608. border-bottom:3px double {color:Borders};
  609.  
  610. {block:if400pxPosts}
  611. width:450px;
  612. padding:0px 0px 0px 70px;
  613. {/block:if400pxPosts}
  614.  
  615. }
  616.  
  617. /* credit */
  618.  
  619. #box {
  620. font-size:10px;
  621. font-family:Cambria;
  622. letter-spacing:1px;
  623. -moz-transition-duration:0.5s;
  624. -webkit-transition-duration:0.5s;
  625. -o-transition-duration:0.5s;
  626. }
  627.  
  628.  
  629. #box a {
  630. position:fixed;
  631. padding:3px;
  632. background-color:{color:Background};
  633. color:{color:Text};
  634. border:1px solid {color:Borders};
  635. right:10px;
  636. bottom:10px;
  637. -webkit-transition: all 0.8s ease-in-out;
  638. -moz-transition: all 0.8s ease-in-out;
  639. -o-transition: all 0.8s ease-in-out;
  640. transition: all 0.8s ease-in-out;
  641. }
  642.  
  643. #box a:hover {
  644. color:{color:Text};
  645. background-color:{color:Link Hover};
  646. -moz-transform:rotate(360deg);
  647. -webkit-transform:rotate(360deg);
  648. -o-transform:rotate(360deg);
  649. -ms-transform:rotate(360deg);
  650. transform:rotate(360deg);
  651. -webkit-transition: all 0.8s ease-in-out;
  652. -moz-transition: all 0.8s ease-in-out;
  653. -o-transition: all 0.8s ease-in-out;
  654. transition: all 0.8s ease-in-out;
  655. }
  656.  
  657.  
  658. {CustomCSS}
  659.  
  660.  
  661. </style>
  662.  
  663. </head>
  664.  
  665. <body>
  666.  
  667. <div id="content">
  668.  
  669. <!--sidebar-->
  670.  
  671.  
  672. <div id="sidebar">
  673.  
  674. <div class="icon"><img src="{image:Icon}"></div>
  675.  
  676. <div class="title"><a href="/">{Title}</a></div>
  677.  
  678. <div class="desc">{Description}</div>
  679.  
  680. <div class="links">
  681. <a title="home" href="/">i.</a>
  682. <a title="questions?" href="/ask">ii.</a>
  683. <a title="archive" href="/archive">iii.</a>
  684.  
  685. {block:ifLink1}<a title="{text:Link 1}" href="{text:Link 1 URL}">iv.</a>
  686. {/block:iflink1}
  687. {block:ifLink2}<a title="{text:Link 2}" href="{text:Link 2 URL}">v.</a>
  688. {/block:ifLink2}
  689. {block:ifLink3}<a title="{text:Link 3}" href="{text:Link 3 URL}">vi.</a>
  690. {/block:ifLink3}
  691. {block:ifLink4}<a title="{text:Link 4}" href="{text:Link 4 URL}">vii.</a>
  692. {/block:ifLink4}
  693.  
  694.  
  695. </div>
  696.  
  697. </div>
  698.  
  699. <div id="entry">
  700.  
  701. {block:Posts}
  702. <div id="post">
  703.  
  704. <!--text-->
  705.  
  706. {block:Text}
  707. {block:Title}
  708. <div id="title">{Title}</div>
  709. {/block:Title}
  710. {Body}
  711. {/block:Text}
  712.  
  713. <!--link-->
  714.  
  715. {block:Link}
  716. <div id="title"><a href="{URL}">{Name}</a></div>
  717. {block:Description}{Description}{/block:Description}
  718. {/block:Link}
  719.  
  720. <!--quote-->
  721.  
  722. {block:Quote}
  723. <div class="quotecomma1">“</div>
  724. <center><big><big><div class="quote">{Quote}</div></big></big></center>
  725. <div class="quotecomma2">”</div><br>
  726. {block:Source}<div class="quotesource"> - {Source}</div>{/block:Source}
  727. {/block:Quote}
  728.  
  729. <!--chat-->
  730.  
  731. {block:Chat}
  732. {block:Title}
  733. <div id="title">{Title}</div>
  734. {/block:Title}
  735. <div class="chat">
  736. <ol>{block:Lines}
  737. <li class="line {Alt}">
  738. {block:Label}
  739. <span class="label">
  740. {Label}</span>
  741. {/block:Label}{Line}</li>
  742. {/block:Lines}
  743. </ol></div>
  744. {/block:Chat}
  745.  
  746. <!--photo-->
  747.  
  748. {block:Photo}
  749.  
  750. {block:ifnot400pxPosts}
  751. <center>{LinkOpenTag}
  752. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  753. {block:ifnot400pxPosts}
  754.  
  755. {block:if400pxPosts}
  756. <center>{LinkOpenTag}
  757. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  758. {/block:if400pxPosts}
  759.  
  760. {block:ifShowCaptions}
  761. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  762. {/block:ifShowCaptions}
  763. {/block:Photo}
  764.  
  765. <!--photoset-->
  766.  
  767. {block:Photoset}
  768. <div class="photoset">
  769.  
  770. {block:ifnot400pxPosts}
  771. {Photoset-500}
  772. {/block:ifnot400pxPosts}
  773.  
  774. {block:if400pxPosts}
  775. {Photoset-400}
  776. {/block:if400pxPosts}
  777.  
  778. </div>
  779. {block:ifShowCaptions}
  780. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  781. {/block:ifShowCaptions}
  782. {/block:Photoset}
  783.  
  784. <!--video-->
  785.  
  786. {block:Video}\
  787.  
  788. {block:ifnot400pxPosts}
  789. {Video-500}
  790. {block:ifnot400pxPosts}
  791.  
  792. {block:if400pxPosts}
  793. {Video-400}
  794. {/block:if400pxPosts}
  795.  
  796. {block:ifShowCaptions}
  797. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  798. {/block:ifShowCaptions}
  799. {/block:Video}
  800.  
  801. <!--audio-->
  802.  
  803. {block:Audio}
  804. <div class="beam">♫</div>
  805. <div class="audioinfo">{block:TrackName}<div style="font-size:18px;" id="title">{TrackName}</div>{/block:TrackName}<br>{block:Artist}<div style="font-size:12px;letter-spacing:1px;line-height:150%;">{Artist}</div>{/block:Artist}</div>
  806. {block:AudioPlayer}
  807. <div class="player">{AudioPlayerwhite}</div>
  808. {/block:AudioPlayer}
  809. <div class="quaver">♪</div>
  810. {/block:Audio}
  811.  
  812. <!--question and answer-->
  813.  
  814. {block:Answer}
  815. <div id="ques">
  816. <div class="askericon"><img src="{AskerPortraitURL-40}"></div>
  817. <div class="asker"><b>{Asker}</b> {text:Asker Text}: <br>
  818. {Question}</div>
  819. </div>
  820. <div class="answer">{Answer}</div>
  821. {/block:Answer}
  822.  
  823. <!--footer-->
  824.  
  825. <div id="permalink">
  826.  
  827. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  828. {block:NoteCount}| <a href="{Permalink}">{NoteCountwithLabel}</a>{/block:NoteCount}
  829. |<span style="float:center; text-transform:upperrcase;"><a title="Reblog Post" href="{ReblogURL}" style="color:{color:title};"> REBLOG</a></span>
  830. {block:ContentSource}
  831.  
  832. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  833. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  834. {/block:SourceLogo}
  835. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  836. {/block:ContentSource}
  837.  
  838. <span style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{block:ContentSource} | <a href="{ReblogRootURL}"> © </a>{/block:ContentSource}{/block:RebloggedFrom}</span>
  839. </div>
  840.  
  841. <!--tags-->
  842.  
  843. <div class="tags">
  844. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}</div>
  845.  
  846. </div>
  847.  
  848. <!--notes-->
  849.  
  850. {block:PostNotes}
  851. <div class="notes">
  852. {block:NoteCount}<div class="noteslabel">notes</div>{/block:NoteCount}
  853. {PostNotes}
  854. </div>
  855. {/block:PostNotes}
  856.  
  857. {/block:Posts}
  858.  
  859. <!--pagination-->
  860.  
  861. {block:Pagination}
  862. <div id="page">
  863. {block:PreviousPage}
  864. <a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  865. {block:JumpPagination length="3"}
  866. {block:CurrentPage}
  867. <span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  868.  
  869. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>
  870. {/block:JumpPage}
  871. {/block:JumpPagination}
  872.  
  873. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</div>
  874. {/block:Pagination}
  875.  
  876. </div>
  877. </div>
  878. </div>
  879.  
  880.  
  881. <!----IF YOU WANT TO ADD ANY SCROLL TO TOP THING------------>
  882.  
  883.  
  884. <!----THEN THIS IS A GOOD SPACE TO PASTE THE CODE----------->
  885.  
  886. <!--credit-->
  887.  
  888. <div id="box"><a href="http://elsewheretales.tumblr.com">ET</div>
  889.  
  890. <!--finish-->
  891.  
  892. </body>
  893.  
  894. </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!