API tools faq
paste
jbtthemes

Theme 07: seeing redd

jbtthemes
Aug 6th, 2016
479
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- THEME MADE BY BREQ --
  4.  
  5. @justiceofbreq-t.tumblr.com
  6. --------------------------
  7. THEME 07.2: seeing redd --
  8. --------------------------
  9. TERMS OF USAGE:
  10. - DO NOT REMOVE THE CREDIT
  11. - DO NOT REDISTRIBUTE
  12. - DO NOT CLAIM AS YOUR OWN
  13. - DO NOT USE AS A BASE
  14. -------------------------->
  15.  
  16. <!-- inspired by my love for Frank Beddor's Looking Glass Wars series -->
  17.  
  18. <html>
  19. <head>
  20. <title>{text:browser title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26.  
  27. <!-- default appearance options -->
  28.  
  29. <meta name="viewport" content="width=device-width, initial-scale=1">
  30. <meta name="color:background" content="#000">
  31. <meta name="color:blog title" content="#c93d12">
  32. <meta name="color:posttitle" content="#fff">
  33. <meta name="color:container border" content="#bb0707">
  34. <meta name="color:body" content="#c1a0a0">
  35. <meta name="color:description" content="#b8b3b3">
  36. <meta name="color:blockquote" content="#7b7979">
  37. <meta name="color:link" content="#da2727">
  38. <meta name="color:link shadow" content="#fff">
  39. <meta name="color:navlink" content="#da2727">
  40. <meta name="color:navlink hover" content="#bbe4d0">
  41. <meta name="color:permalink" content="#60895b">
  42. <meta name="color:permalink hover" content="#cccccc">
  43. <meta name="color:scrollbar" content="#fff" />
  44. <meta name="color:scrollbar hover" content="#cccccc" />
  45. <meta name="color:italic" content="#863636" />
  46. <meta name="color:bold" content="#45993c" />
  47. <meta name="color:pagination" content="#45993c" />
  48. <meta name="color:pagination hover" content="#cccccc" />
  49. <meta name="color:tags" content="#cccccc" />
  50. <meta name="color:tags hover" content="#9ad7b9" />
  51.  
  52. <meta name="color:tooltiptext" content="#863636" />
  53. <meta name="color:tooltipborder" content="#000" />
  54. <meta name="color:tooltipbg" content="#000" />
  55.  
  56. <meta name="if:archive" content="1"/>
  57. <meta name="if:hide captions" content="0"/>
  58. <meta name="if:hover tags" content="1">
  59. <meta name="if:hover permalinks" content="1">
  60.  
  61. <meta name="image:background" content="" />
  62. <meta name="image:sidebar background" content="http://static.tumblr.com/poesisw/qbBobi5rs/115bdc2ffa73b57944e02764b0a1fc88_copy.jpg" />
  63.  
  64. <meta name="text:post width" content="400px">
  65. <meta name="text:browser title" content="this can be different or just copy paste your blog title here" />
  66. <meta name="text:font size" content="10px" />
  67. <meta name="text:liststyletype icon" content="♤" />
  68. <meta name="text:bgposition" content="top left" />
  69.  
  70. <meta name="text:update1" content="update 1 text" />
  71. <meta name="text:update2" content="update 2 text" />
  72. <meta name="text:update3" content="update 3 text" />
  73. <meta name="text:update4" content="update 4 text" />
  74. <meta name="text:update5" content="update 5 text" />
  75.  
  76. <meta name="text:link 1" content="link 1"/>
  77. <meta name="text:link 1 url" content="/"/>
  78. <meta name="text:link 2" content="link 2"/>
  79. <meta name="text:link 2 url" content="/"/>
  80. <meta name="text:link 3" content="link 3"/>
  81. <meta name="text:link 3 url" content="/"/>
  82. <meta name="text:link 4" content="link 4"/>
  83. <meta name="text:link 4 url" content="/"/>
  84. <meta name="text:link 5" content="link 5"/>
  85. <meta name="text:link 5 url" content="/"/>
  86.  
  87. <!-- scripts -->
  88.  
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  90.  
  91. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  92.  
  93. <script>
  94. (function($){
  95. $(document).ready(function(){
  96. $("a[title]").style_my_tooltips({
  97. tip_follows_cursor:true,
  98. tip_delay_time:90,
  99. tip_fade_speed:600,
  100. attribute:"title"
  101. });
  102. });
  103. })(jQuery);
  104. </script>
  105.  
  106. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  107.  
  108. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  109.  
  110. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  111.  
  112. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  113.  
  114. <script src ="http://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  115.  
  116. <script>
  117. $(document).ready(function(){
  118. $('.photo-slideshow').pxuPhotoset({
  119. lightbox: true,
  120. rounded: false,
  121. gutter: '3px',
  122. photoset: '.photo-slideshow',
  123. photoWrap: '.photo-data',
  124. photo: '.pxu-photo'
  125. });
  126. var $container = $('.content');
  127. });
  128. </script>
  129.  
  130. <script>
  131. $( ".entries" ).wrap( "<div class='scroll'></div>" );
  132. </script>
  133.  
  134. <link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  135.  
  136. <link href='https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  137.  
  138. </head>
  139.  
  140. <style type="text/css">
  141.  
  142. ::-webkit-scrollbar {
  143. width: 2px;
  144. height: 2px;
  145. }
  146. ::-webkit-scrollbar-button {
  147. width: 0px;
  148. height: 0px;
  149. }
  150. ::-webkit-scrollbar-thumb {
  151. background: transparent;
  152. border: 0px none #ffffff;
  153. border-radius: 50px;
  154. }
  155. ::-webkit-scrollbar-thumb:hover {
  156. background: {color:scrollbar hover};
  157. }
  158. ::-webkit-scrollbar-thumb:active {
  159. background: {color:scrollbar};
  160. }
  161. ::-webkit-scrollbar-track {
  162. background: transparent;
  163. border: 0px none #ffffff;
  164. border-radius: 50px;
  165. }
  166. ::-webkit-scrollbar-track:hover {
  167. background: {color:body};
  168. }
  169. ::-webkit-scrollbar-track:active {
  170. background: transparent;
  171. }
  172. ::-webkit-scrollbar-corner {
  173. background: transparent;
  174. }
  175.  
  176. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  177. z-index:99999999999999999!important;
  178. white-space:nowrap!important;
  179. top:10px!important;
  180. right:10px!important;
  181. position:fixed!important;
  182. opacity:.6!important;
  183. }
  184.  
  185. body {
  186. background:{color:background};
  187. background-image: url('{image:background}');
  188. background-position: {text:bgposition};
  189. background-size:cover;
  190. background-repeat: no-repeat;
  191. background-attachment: fixed;
  192. margin:0;
  193. font-size: {text:font size};
  194. font-family: garamond;
  195. letter-spacing:1px;
  196. line-height:150%;
  197. color:{color:body};
  198. -moz-osx-font-smoothing:grayscale;
  199. -webkit-font-smoothing:antialiased;
  200. font-smoothing:antialiased;
  201. }
  202.  
  203. a {
  204. color:{color:link};
  205. text-decoration:none;
  206. letter-spacing:1px;
  207. text-shadow:0 0 5px {color:link shadow};
  208. -webkit-transition: all 0.7s ease;
  209. transition: all 0.7s ease;
  210. -moz-transition: all 0.7s ease;
  211. -o-transition: all 0.7s ease;
  212. }
  213.  
  214. a:hover {
  215. letter-spacing:1px;
  216. text-decoration:none;
  217. text-shadow:0 5px 5px {color:link shadow};
  218. color:{color:link};
  219. cursor:help;
  220. }
  221.  
  222. b, strong {
  223. color:{color:bold};
  224. text-transform:uppercase;
  225. }
  226.  
  227. i, em {
  228. font-family: 'Cookie', cursive;
  229. text-transform:lowercase;
  230. font-size: 12px;
  231. color:{color:italic};
  232. letter-spacing:1.5px;
  233. }
  234.  
  235. blockquote {
  236. text-align:justify;
  237. padding-left:10px;
  238. border-left:1px solid {color:blockquote};
  239. margin:15px 0px 10px 0px;
  240. }
  241.  
  242. .caption blockquote {
  243. margin:15px 0px 10px 0px;
  244. }
  245.  
  246. blockquote img {
  247. max-width:100%;
  248. height:auto;
  249. }
  250.  
  251. img {
  252. max-width:100%;
  253. height:auto;
  254. }
  255.  
  256. .caption img {
  257. max-width:100%;
  258. height:auto;
  259. }
  260.  
  261. .posts img {
  262. max-width:100%;
  263. margin-top:5px;
  264. margin-bottom:5px;
  265. }
  266.  
  267. p {
  268. margin:10px 0 10px 0;
  269. }
  270.  
  271. p:first-of-type {
  272. margin-top:0;
  273. padding-top:0;
  274. }
  275.  
  276. p:last-of-type {
  277. margin-bottom:10px;
  278. padding-bottom:0;
  279. }
  280.  
  281. pre {
  282. white-space: pre-wrap;
  283. white-space: -moz-pre-wrap;
  284. white-space: -pre-wrap;
  285. white-space: -o-pre-wrap;
  286. word-wrap: break-word;
  287. }
  288.  
  289. h1, h2 {
  290. text-align:center;
  291. font-size:15px;
  292. }
  293.  
  294. /*customization for list style type*/
  295. ul {
  296. list-style: none;
  297. padding: 0;
  298. }
  299.  
  300. li {
  301. padding-left: 5px;
  302. }
  303.  
  304. li:before {
  305. content: "{text:liststyletype icon}"; /* FontAwesome Unicode */
  306. display: inline-block;
  307. font-size:8px;
  308. margin-left: 5px; /* same as padding-left set on li */
  309. width: 1.3em; /* same as padding-left set on li */
  310. }
  311.  
  312. /*customization for post and page titles*/
  313. .title {
  314. font-size:15px;
  315. color:{color:posttitle};
  316. letter-spacing:3px;
  317. font-weight:bold;
  318. text-transform:lowercase;
  319. }
  320.  
  321. /*customization for hover description*/
  322. #bite
  323. #bite a{
  324. display:block
  325. }
  326.  
  327. #bite ol.a {
  328. list-style-position:outside;
  329. list-style-type: decimal-leading-zero;
  330. margin-left: 0px;}
  331.  
  332. #bite li:before {
  333. content: none;
  334. }
  335.  
  336. #bite hr {
  337. opacity:.4;
  338. }
  339.  
  340. /*description*/
  341. #bite .death {
  342. color:{color:description};
  343. margin-top:-50px;
  344. margin-right:auto;
  345. margin-left:auto;
  346. width:200px;
  347. filter: alpha(opacity = 0);
  348. opacity:0;
  349. -webkit-transition: all 0.8s ease-out;
  350. -moz-transition: all 0.8s ease-out;
  351. transition: all 0.8s ease-out;
  352. }
  353.  
  354. #bite:hover .death {
  355. margin-top:2px;
  356. -webkit-transition: all 0.8s ease-out;
  357. -moz-transition: all 0.8s ease-out;
  358. transition: all 0.8s ease-out;
  359. filter: alpha(opacity = 100);
  360. filter: alpha(opacity = 100);
  361. opacity:100;
  362. }
  363.  
  364. /*customization for whole container*/
  365. #container {
  366. position:fixed;
  367. width:520px;
  368. height:600px;
  369. top:60px;
  370. right:50px;
  371. overflow-y:scroll;
  372. border:2px solid {color:container border};
  373. }
  374.  
  375. .posts {
  376. width:{text:post width};
  377. position:relative;
  378. text-align:justify;
  379. margin-top:20px;
  380. margin-left:auto;
  381. margin-right:auto;
  382. margin-bottom:30px;
  383. }
  384.  
  385. .posts:first-child {
  386. margin-top:40px;
  387. }
  388.  
  389. .posts:last-child {
  390. margin-bottom:30px;
  391. }
  392.  
  393. {block:permalinkpage}
  394. .posts {
  395. margin-bottom:10px;
  396. }
  397. {/block:permalinkpage}
  398.  
  399. /*customization for permalinks "post info" */
  400. .permalinks {
  401. text-transform:lowercase;
  402. font-size:10px;
  403. letter-spacing:20px;
  404. padding:0 10px 0 10px;
  405. text-align:center;
  406. {block:ifhoverpermalinks}
  407. height:0px;
  408. visibility:hidden;
  409. {/block:ifhoverpermalinks}
  410. }
  411.  
  412. {block:ifhoverpermalinks}
  413. .posts:hover .permalinks {
  414. height:20px;
  415. -webkit-transition: all 0.7s ease;
  416. transition: all 0.7s ease;
  417. -moz-transition: all 0.7s ease;
  418. -o-transition: all 0.7s ease;
  419. visibility:visible;
  420. }
  421. {/block:ifhoverpermalinks}
  422.  
  423. .permalinks a {
  424. text-shadow:none;
  425. color:{color:permalink};
  426. padding:0 10px 0 10px;
  427. }
  428.  
  429. .permalinks a:hover {
  430. color:{color:permalink hover};
  431. }
  432.  
  433. /*customization for tags*/
  434. .tags {
  435. {block:ifhovertags}
  436. opacity:0;
  437. max-height:0px;
  438. {/block:ifhovertags}
  439. text-shadow:none;
  440. text-align:center;
  441. font-size:10px;
  442. margin-top:5px;
  443. -webkit-transition: all 0.7s ease;
  444. transition: all 0.7s ease;
  445. -moz-transition: all 0.7s ease;
  446. -o-transition: all 0.7s ease;
  447. }
  448.  
  449. .tags a {
  450. color:{color:tags};
  451. -webkit-transition: all 0.7s ease;
  452. transition: all 0.7s ease;
  453. -moz-transition: all 0.7s ease;
  454. -o-transition: all 0.7s ease;
  455. }
  456.  
  457. .tags a:hover {
  458. color:{color:tags hover};
  459. -webkit-transition: all 0.7s ease;
  460. transition: all 0.7s ease;
  461. -moz-transition: all 0.7s ease;
  462. -o-transition: all 0.7s ease;
  463. }
  464.  
  465. {block:ifhovertags}
  466. .posts:hover .tags {
  467. opacity:1;
  468. max-height:300px;
  469. -webkit-transition: all 0.7s ease;
  470. transition: all 0.7s ease;
  471. -moz-transition: all 0.7s ease;
  472. -o-transition: all 0.7s ease;
  473. }
  474. {/block:ifhovertags}
  475.  
  476. /*customization for sidebar*/
  477. #sidebar {
  478. position:fixed;
  479. width:520px;
  480. height:600px;
  481. top:60px;
  482. left:50px;
  483. border:2px solid {color:container border};
  484. overflow:hidden;
  485. background-image:url('{image:sidebar background}');
  486. background-attachment:fixed;
  487. background-size:contain;
  488. background-repeat:no-repeat;
  489. }
  490.  
  491. /*customization for title*/
  492. #topbar {
  493. width:500px;
  494. height:250px;
  495. margin-left:auto;
  496. margin-right:auto;
  497. text-align:center;
  498. padding-left:10px;
  499. padding-right:10px;
  500. position:fixed;
  501. }
  502.  
  503. #title {
  504. color:{color:blog title};
  505. font-family: 'Dawning of a New Day', cursive;
  506. margin-top:30px;
  507. margin-bottom:15px;
  508. font-weight:bold;
  509. font-size:28px;
  510. text-transform:lowercase;
  511. text-align:center;
  512. letter-spacing:10px;
  513. display:inline-block;
  514. }
  515.  
  516. /*customization for your nav links*/
  517. #navcont {
  518. position:absolute;
  519. width:50px;
  520. height:200px;
  521. top:225px;
  522. right:610px;
  523. }
  524.  
  525. .nav {
  526. text-shadow: 2px 2px 8px #000000;
  527. margin-top:10px;
  528. font-size:20px;
  529. text-align:center;
  530. }
  531.  
  532. .nav a {
  533. text-align:center;
  534. margin-bottom:10px;
  535. padding:3px;
  536. color:{color:navlink};
  537. display:inline-block;
  538. -webkit-filter: drop-shadow(0px 0px 1px {color:navlink});
  539. filter: drop-shadow(0px 0px 1px {color:navlink});
  540. -webkit-transition: all 0.7s ease;
  541. transition: all 0.7s ease;
  542. -moz-transition: all 0.7s ease;
  543. -o-transition: all 0.7s ease;
  544. }
  545.  
  546. .nav a:hover {
  547. -webkit-filter: drop-shadow(0px 0px 3px {color:navlink hover});
  548. filter: drop-shadow(0px 0px 3px {color:navlink hover});
  549. -webkit-transition: all 0.7s ease;
  550. transition: all 0.7s ease;
  551. -moz-transition: all 0.7s ease;
  552. -o-transition: all 0.7s ease;
  553. }
  554.  
  555. .nav img {
  556. height:30px;
  557. image shadow:0px 5px 5px #fff;
  558. }
  559.  
  560. /*more post stuff*/
  561. .caption {
  562. margin-top:15px;
  563. {block:ifhidecaptions}
  564. {block:indexpage}
  565. display:none;
  566. {/block:indexpage}
  567. {/block:ifhidecaptions}
  568. }
  569.  
  570. .chat {
  571. padding:0;
  572. list-style-type:none;
  573. }
  574.  
  575. .chat .label {
  576. font-weight:bold;
  577. }
  578.  
  579. .quote {
  580. text-align:center;
  581. font-weight:bold;
  582. font-size:20px;
  583. line-height:20px;
  584. margin-bottom:5px;
  585. }
  586.  
  587. .source {
  588. text-align:center;
  589. margin-bottom:10px;
  590. }
  591.  
  592. /*audio*/
  593.  
  594.  
  595. .albumimg {
  596. width:60px;
  597. margin-left:160px;
  598. margin-top:10px;
  599. border-radius:100%;
  600. opacity:.4;
  601. z-index:1;
  602. }
  603.  
  604. .playerbutton {
  605. width:20px;
  606. height:30px;
  607. overflow:hidden;
  608. position:relative;
  609. z-index:1000;
  610. margin:10px 19px 8px 11px;
  611. }
  612.  
  613. .player {
  614. background-color:#000;
  615. -webkit-border-radius:50px;
  616. -moz-border-radius:50px;
  617. border-radius:100%;
  618. position:absolute;
  619. z-index:1000;
  620. margin-left:165px;
  621. margin-top:11px;
  622. opacity:.8;
  623. }
  624.  
  625. .albuminfo {
  626. width:500px;
  627. margin:10px 145px;
  628. line-height:250%;
  629. font-size:8px;
  630. text-transform:uppercase;
  631. }
  632.  
  633. .asker {
  634. text-align:right;
  635. font-size:15px;
  636. margin-bottom:10px;
  637. }
  638.  
  639. .asker img {
  640. max-width:30px;
  641. max-height:30px;
  642. margin-right:10px;
  643. padding:0px;
  644. border:solid 1px {color:body};
  645. float:left;
  646. }
  647.  
  648. .question {
  649. font-family: 'Cedarville Cursive', cursive;
  650. color:{color:italic};
  651. font-size:12px;
  652. text-align:right;
  653. padding-bottom:3px;
  654. margin-bottom:10px;
  655. }
  656.  
  657. .answer {
  658. padding-top:10px;
  659. border-top:1px solid {color:body};
  660. }
  661.  
  662. /*customization for pagination */
  663. .pagination {
  664. width:40px;
  665. padding-top:10px;
  666. font-size:12px;
  667. text-align:center;
  668. color:{color:pagination};
  669. }
  670.  
  671. .pagination a {
  672. margin-top:20px;
  673. font-size:20px;
  674. color:{color:pagination};
  675. }
  676.  
  677. .pagination a:hover {
  678. color:{color:pagination hover};
  679. }
  680.  
  681. /*customization for tooltips */
  682. #s-m-t-tooltip {
  683. max-width:300px;
  684. border-radius: 0px; /*if you want rounded corners*/
  685. padding:4px;
  686. margin:15px 15px 5px 0px;/*how far it appears from link*/
  687. color:{color:tooltiptext};
  688. border:1px solid {color:tooltipborder};
  689. font-size:10px;
  690. letter-spacing:1px;
  691. background:{color:tooltipbg};
  692. z-index:99999;/*don't change this*/
  693. }
  694.  
  695. /* DO NOT REMOVE THIS. It's my credit and I worked very hard on it. */
  696. #mycredit {
  697. z-index:8;
  698. bottom:5px;
  699. right:5px;
  700. height:30px;
  701. width:30px;
  702. opacity:0.8;
  703. position:fixed;
  704. padding:5px;
  705. }
  706.  
  707. </style>
  708.  
  709. </head>
  710. <body>
  711. <!-- hover contents, description + portrait icon -->
  712. <div id="sidebar">
  713. <div id="bite">
  714. <div id="topbar">
  715. <div id="title">{Title}</div>
  716. <div class="death"><div id="description">{Description}</div><hr><h1>updates</h1>
  717. <ol class="a">
  718. {block:ifupdate1}<li>{text:update1}</li>{/block:ifupdate1}
  719. {block:ifupdate2}<li>{text:update2}</li>{/block:ifupdate2}
  720. {block:ifupdate3}<li>{text:update3}</li>{/block:ifupdate3}
  721. {block:ifupdate4}<li>{text:update4}</li>{/block:ifupdate4}
  722. {block:ifupdate5}<li>{text:update5}</li>{/block:ifupdate5}
  723. </ol>
  724. </div>
  725. </div>
  726. </div>
  727. </div>
  728.  
  729.  
  730. <!-- all the post stuff -->
  731. <div id="container">
  732. {block:Posts}
  733.  
  734. <div class="posts">
  735.  
  736. {block:Text}{block:Title}<h1 class="title">♠{Title}♠</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  737.  
  738. {block:Photo}<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{/block:Photo}
  739.  
  740. {block:Photoset}
  741. <div class="media photoset"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  742. </div>{/block:Photoset}
  743.  
  744. {block:Video}<div class="media video">{Video-500}</div>{/block:Video}
  745.  
  746. {block:Quote}<div class="quote"><i class="fa fa-quote-left" aria-hidden="true"></i>
  747. {Quote}<small><small><i class="fa fa-quote-right" aria-hidden="true"></i></small></small>
  748. </div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  749.  
  750. {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  751.  
  752. {block:Answer}<div class="asker"><img src="{AskerPortraitURL-64}" style="opacity:.5">{Asker} wondered:</div><div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  753.  
  754. {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ul class="chat text">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}&nbsp; </span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  755.  
  756. {block:Audio}
  757. <div class="player"><div class="playerbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  758. {block:AlbumArt}
  759. <img src="{AlbumArtURL}" class="albumimg">
  760. {/block:AlbumArt}
  761. <div class="albuminfo">
  762. {block:TrackName}{TrackName}{/block:TrackName}<br>
  763. {block:Artist}{Artist}{/block:Artist}<br>
  764. </div>
  765. {/block:Audio}
  766.  
  767. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  768.  
  769. <div class="permalinks">
  770. {block:Date}<a href="{Permalink}" title="{MonthNumber}/{DayOfMonth}/{ShortYear}">♤</i></a>{/block:Date}{block:NoteCount}<a href="{Permalink}" title="n{NoteCount}">♤</a>{/block:NoteCount}<a href="{ReblogURL}" title="reblog" target="_blank">♤</a>{block:RebloggedFrom}<a href="{ReblogParentURL}"title="via: {ReblogParentName}">♤</a><a href="{ReblogRootURL}" title="source: {ReblogRootName}">♤</a>{/block:RebloggedFrom}
  771. </div>
  772.  
  773. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  774. {/block:HasTags}
  775.  
  776. </div>
  777. {block:PostNotes}<div class="permalinks">{PostNotes}</div>
  778. {/block:PostNotes}
  779. {/block:Posts}
  780.  
  781.  
  782. </div></div></div>
  783.  
  784. <!-- these are your nav links -->
  785. <div id="navcont">
  786. <div class="nav">
  787. <a href="/" title="home">01.</a>
  788. <a href="/ask" title="ask">02.</a>
  789. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">03.</a>{/block:iflink1}
  790. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}">04.</a>{/block:iflink2}
  791. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">05.</a>{/block:iflink3}
  792. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">06.</a>{/block:iflink4}
  793. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}">07.</a>{/block:iflink5}
  794. {block:ifarchive}<a href="/archive" title="archive">08.</a>{/block:ifarchive}
  795. </div>
  796. <!-- pagination -->
  797. <div class="pagination">{block:Pagination}{CurrentPage} of {TotalPages}
  798. {block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}">»</a></a>
  799. {/block:NextPage}
  800. {/block:Pagination}</div>
  801. </div>
  802.  
  803. {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom}
  804. </div></div>
  805.  
  806. <!-- DO NOT REMOVE MY CREDIT -->
  807. <div id="mycredit"><a href="http://rpjustxce.tumblr.com/" title="theme by Justxce Themes"><img src="http://static.tumblr.com/ewpefvd/Uteohiglh/rpj-icon.png"></a></div>
  808.  
  809. </div>
  810.  
  811. </body>
  812. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!