API tools faq
paste
rollyjogered

theme one: noa

rollyjogered
May 28th, 2018
6,540
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----
  5.  
  6. theme one: noa by pirateskinned
  7.  
  8. please don't: edit & repost / claim as your own
  9. please don't: delete or move the credit
  10. please don't: steal bits of coding
  11.  
  12. if you need any help, feel free to
  13. message me at pirateskinned.tumblr.com
  14.  
  15. ---->
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <!---- meta tags ---->
  24.  
  25. <meta name="image:background" content=""/>
  26. <meta name="image:header" content=""/>
  27. <meta name="image:sidebar" content=""/>
  28.  
  29. <meta name="color:background" content="#ffffff"/>
  30. <meta name="color:container" content="#eeeeee"/>
  31. <meta name="color:entries" content="#d1cac2"/>
  32. <meta name="color:posts" content="#f6f6f6"/>
  33. <meta name="color:text" content="#1d1d1d"/>
  34. <meta name="color:link" content="#803c25"/>
  35. <meta name="color:link hover" content="#1d1d1d"/>
  36. <meta name="color:bold" content="#de935f"/>
  37. <meta name="color:italic" content="#c3b3ae"/>
  38. <meta name="color:border" content="#516453"/>
  39. <meta name="color:accent" content="#ce694d"/>
  40. <meta name="color:big title" content="#ffffff"/>
  41. <meta name="color:side title" content="#de935f"/>
  42. <meta name="color:side title shadow" content="#ffffff"/>
  43.  
  44. <meta name="if:background pattern" content="0"/>
  45. <meta name="if:header pattern" content="1"/>
  46. <meta name="if:500px posts" content="0"/>
  47.  
  48. <meta name="text:big title" content="big title" />
  49. <meta name="text:small title" content="small title" />
  50. <meta name="text:side title" content="side title" />
  51.  
  52. <meta name="text:home title" content="refresh" />
  53. <meta name="text:ask url" content="/ask" />
  54. <meta name="text:ask title" content="ask & faq" />
  55.  
  56. <meta name="text:link 1 url" content="/" />
  57. <meta name="text:link 1 title" content="" />
  58. <meta name="text:link 2 url" content="/" />
  59. <meta name="text:link 2 title" content="" />
  60. <meta name="text:link 3 url" content="/" />
  61. <meta name="text:link 3 title" content="" />
  62.  
  63. <!---- scripts ---->
  64.  
  65. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  66. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  67. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  68.  
  69. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  70.  
  71. <script>
  72. (function($){
  73. $(document).ready(function(){
  74. $("a[title]").style_my_tooltips({
  75. tip_follows_cursor:true,
  76. tip_delay_time:30,
  77. tip_fade_speed:300,
  78. attribute:"title"
  79. });
  80. });
  81. })(jQuery);
  82. </script>
  83.  
  84. <script>
  85. $(document).ready(function(){
  86. $('.photo-slideshow').pxuPhotoset({
  87. lightbox: true,
  88. rounded: false,
  89. gutter: '1px',
  90. borderRadius: '30px',
  91. photoset: '.photo-slideshow',
  92. photoWrap: '.photo-data',
  93. photo: '.pxu-photo'
  94. });
  95. });
  96. </script>
  97.  
  98. <!---- fonts ---->
  99.  
  100. <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i|Playfair+Display:400,400i,700,700i" rel="stylesheet">
  101.  
  102.  
  103. <style type="text/css">
  104.  
  105. @font-face { font-family: 'vincentia'; src: url('https://dl.dropboxusercontent.com/s/2b43ud4mmo0yb0d/Vincentia.otf') ;}
  106.  
  107. #s-m-t-tooltip {
  108. position:absolute;
  109. margin-top: 15px;
  110. z-index:9999;
  111. padding:3px 5px;
  112. background:{color:posts};
  113. color:{color:text};
  114. border-radius:50px;
  115. font-size:10px;
  116. letter-spacing:1px;
  117. border:1px solid {color:accent};
  118. }
  119.  
  120. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border};border-radius:3px;}
  121. ::-webkit-scrollbar-button:horizontal {display:none;}
  122. ::-webkit-scrollbar {background-color:transparent; width:3px;}
  123.  
  124. /* --- basics --- */
  125.  
  126. body {
  127. background-color:{color:background};
  128. background-image:url('{image:background}');
  129. {block:ifnotbackgroundpattern}
  130. background-repeat:no-repeat;
  131. background-size:cover;
  132. {/block:ifnotbackgroundpattern}
  133. {block:ifbackgroundpattern}
  134. background-repeat:repeat;
  135. background-size:auto;
  136. {/block:ifbackgroundpattern}
  137. color:{color:text};
  138. font-family: 'PT Sans', sans-serif;
  139. font-size:11px;
  140. line-height:1.2;
  141. font-weight:400;
  142. text-align:justify;
  143. margin:0;
  144. }
  145.  
  146. a {
  147. color:{color:link};
  148. text-decoration:none;
  149. -moz-transition-duration: 0.5s;
  150. -o-transition-duration: 0.5s;
  151. -webkit-transition-duration: 0.5s;
  152. transition-duration: 0.5s;
  153. }
  154.  
  155. a:hover {
  156. color:{color:link hover};
  157. text-decoration:none;
  158. }
  159.  
  160. p a {
  161. border-bottom:1px solid {color:border};
  162. }
  163.  
  164. img {
  165. border:none;
  166. text-decoration:none;
  167. border-radius:3px;
  168. }
  169.  
  170. b, strong {
  171. font-family: 'Playfair Display', serif;
  172. color:{color:bold};
  173. }
  174.  
  175. i, em {
  176. font-family: 'Playfair Display', serif;
  177. color:{color:italic};
  178. }
  179.  
  180. u {
  181. border-bottom:1px solid {color:border};
  182. text-decoration:none;
  183. }
  184.  
  185. s {
  186. text-decoration-color:{color:accent};
  187. }
  188.  
  189. small, sub, sup, big {
  190. font-size:11px;
  191. line-height:13px;
  192. }
  193.  
  194. blockquote {
  195. padding:0px 5px 0px 20px;
  196. border-left:1px solid {color:border};
  197. margin-left:5px;
  198. margin-right:0px;
  199. }
  200.  
  201. blockquote img {
  202. max-width:360px;
  203. }
  204.  
  205. pre {
  206. font-family:calibri;
  207. font-size:10px;
  208. text-transform:uppercase;
  209. padding:10px;
  210. background-color:{color:accent};
  211. color:{color:posts};
  212. }
  213.  
  214. ul {
  215. padding-left:15px;
  216. }
  217.  
  218. ul li {
  219. list-style-type:none;
  220. }
  221.  
  222. ul li:before {
  223. content: "— ";
  224. text-indent: -5px;
  225. }
  226.  
  227. /* --- header styles --- */
  228.  
  229. h1 {
  230. font-family: 'Playfair Display', serif;
  231. margin:0px;
  232. font-weight:bold;
  233. color:{color:text};
  234. }
  235.  
  236. h2 {
  237. font-family: 'Playfair Display', serif;
  238. font-weight:normal;
  239. color:{color:accent};
  240. }
  241.  
  242. h2 b, b h2, h2 i, i h2 {
  243. color:{color:accent};
  244. }
  245.  
  246.  
  247. /* --- container --- */
  248.  
  249. .container {
  250. position:relative;
  251. margin:50px auto;
  252. {block:ifnot500pxposts}
  253. width:780px;
  254. {/block:ifnot500pxposts}
  255. {block:if500pxposts}
  256. width:880px;
  257. {/block:if500pxposts}
  258. height:600px;
  259. background-color:{color:container};
  260. background-image:url('{image:container}');
  261. overflow:hidden;
  262. border-radius:3px;
  263. -webkit-box-shadow: 0px 0px 5px 0px {color:container};
  264. -moz-box-shadow: 0px 0px 5px 0px {color:container};
  265. box-shadow: 0px 0px 5px 0px {color:container};
  266. }
  267.  
  268. /* --- header --- */
  269.  
  270. .header {
  271. {block:ifnot500pxposts}
  272. width:780px;
  273. {/block:ifnot500pxposts}
  274. {block:if500pxposts}
  275. width:880px;
  276. {/block:if500pxposts}
  277. height:180px;
  278. background-image:url('{image:header}');
  279. {block:ifnotheaderpattern}
  280. background-repeat:no-repeat;
  281. background-size:cover;
  282. {/block:ifnotheaderpattern}
  283. {block:ifheaderpattern}
  284. background-repeat:repeat;
  285. background-size:200px auto;
  286. {/block:ifheaderpattern}
  287. position:absolute;
  288. z-index:5;
  289. top:0px;
  290. left:0px;
  291. -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
  292. clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
  293. }
  294.  
  295. .headertitle {
  296. margin-top:60px;
  297. {block:ifnot500pxposts}
  298. margin-left:350px;
  299. {/block:ifnot500pxposts}
  300. {block:if500pxposts}
  301. margin-left:450px;
  302. {/block:if500pxposts}
  303. width:250px;
  304. height:100px;
  305. text-align:center;
  306. }
  307.  
  308. .headertitle h2 {
  309. font-family:calibri;
  310. background-color:{color:accent};
  311. color:{color:big title};
  312. letter-spacing:1px;
  313. text-transform:uppercase;
  314. font-size:10px;
  315. line-height:12px;
  316. font-weight:normal;
  317. }
  318.  
  319. .headertitle h1 {
  320. margin-bottom:0px;
  321. font-family: "vincentia";
  322. font-size:50px;
  323. line-height:20px;
  324. font-weight:normal;
  325. text-shadow: -2px 2px 0px {color:accent};
  326. color:{color:big title};
  327. }
  328.  
  329. /* --- sidebar --- */
  330.  
  331. .sidebar {
  332. position:absolute;
  333. z-index:7;
  334. top:100px;
  335. left:20px;
  336. width:240px;
  337. }
  338.  
  339. .icon {
  340. margin-left:40px;
  341. background-image:url('{image:sidebar}');
  342. background-size:150px 150px;
  343. width:150px;
  344. height:150px;
  345. border-radius:100px;
  346. border:5px solid {color:container};
  347. }
  348.  
  349. .nav {
  350. position:absolute;
  351. z-index:999;
  352. font-family:calibri;
  353. text-transform:uppercase;
  354. font-size:9px;
  355. width:130px;
  356. margin-left:200px;
  357. margin-top:-105px;
  358. }
  359.  
  360. .nav a {
  361. border-radius:10px;
  362. background:{color:accent};
  363. display:inline-block;
  364. width:10px;
  365. height:10px;
  366. position:absolute;
  367. }
  368.  
  369. .nav a:nth-of-type(2) {
  370. margin-left:1px;
  371. margin-top:25px;
  372. }
  373.  
  374. .nav a:nth-of-type(3) {
  375. margin-left:-5px;
  376. margin-top:50px;
  377. }
  378.  
  379. .nav a:nth-of-type(4) {
  380. margin-left:-19px;
  381. margin-top:74px;
  382. }
  383.  
  384. .nav a:nth-of-type(5) {
  385. margin-left:-40px;
  386. margin-top:92px;
  387. }
  388.  
  389. .nav a:hover {
  390.  
  391. }
  392.  
  393. .description {
  394. margin-left:35px;
  395. margin-top:40px;
  396. width:170px;
  397. height:180px;
  398. padding:15px;
  399. box-sizing:border-box;
  400. background-color:{color:posts};
  401. -webkit-box-shadow: -10px 10px 0px 0px {color:border};
  402. -moz-box-shadow: -10px 10px 0px 0px {color:border};
  403. box-shadow: -10px 10px 0px 0px {color:border};
  404. border-radius:3px;
  405. font-family:calibri;
  406. overflow-x:hidden;
  407. overflow-y:auto;
  408. }
  409.  
  410. .sidetitle {
  411. margin-top:0px;
  412. width:240px;
  413. height:60px;
  414. text-align:center;
  415. transform:rotate(-10deg);
  416. }
  417.  
  418. .sidetitle h1 {
  419. font-family: "vincentia";
  420. font-size:40px;
  421. line-height:30px;
  422. font-weight:normal;
  423. text-shadow: -2px 2px 0px {color:side title shadow};
  424. color:{color:side title};
  425. }
  426.  
  427. /* --- pagination --- */
  428.  
  429. .pagination {
  430. width:240px;
  431. left:20px!important;
  432. bottom:20px;
  433. position:absolute;
  434. text-align:center;
  435. padding:0px!important;
  436. }
  437.  
  438. .pagination a {
  439. border:1px solid {color:accent};
  440. background-color:{color:posts};
  441. font-family:calibri;
  442. text-transform:uppercase;
  443. letter-spacing:1px;
  444. border-radius:20px;
  445. font-size:10px;
  446. padding:3px 5px;
  447. color:{color:text};
  448. display:inline-block;
  449. margin:0px 5px;
  450. }
  451.  
  452. /* --- container --- */
  453.  
  454. .entries {
  455. position:absolute;
  456. z-index:3;
  457. bottom:0px;
  458. right:0px;
  459. {block:ifnot500pxposts}
  460. width:520px;
  461. {/block:ifnot500pxposts}
  462. {block:if500pxposts}
  463. width:620px;
  464. {/block:if500pxposts}
  465. height:460px;
  466. overflow-x:hidden;
  467. overflow-y:auto;
  468. background-color:transparent;
  469. box-sizing:border-box;
  470. padding:40px 40px 20px 40px;
  471. }
  472.  
  473. /* --- posts --- */
  474.  
  475. .post {
  476. {block:ifnot500pxposts}
  477. width:400px;
  478. {/block:ifnot500pxposts}
  479. {block:if500pxposts}
  480. width:500px;
  481. {/block:if500pxposts}
  482. padding:20px;
  483. overflow:hidden;
  484. {block:IndexPage}
  485. margin-bottom:75px;
  486. {/block:IndexPage}
  487. {block:PermalinkPage}
  488. margin-bottom:50px;
  489. {/block:PermalinkPage}
  490. background-color:{color:posts};
  491. -webkit-box-shadow: -10px 10px 0px 0px {color:border};
  492. -moz-box-shadow: -10px 10px 0px 0px {color:border};
  493. box-shadow: -10px 10px 0px 0px {color:border};
  494. border-radius:3px;
  495. }
  496.  
  497. .post img {
  498. max-width:100%;
  499. }
  500.  
  501. /* --- texts --- */
  502.  
  503. .title {
  504. font-family: 'Playfair Display', serif;
  505. margin:0px 0px 10px 0px;
  506. font-weight:normal;
  507. font-size:30px;
  508. }
  509.  
  510. .title a {
  511. color:{color:text};
  512. border-bottom:1px solid {color:border};
  513. }
  514.  
  515. .more {
  516. font-family: 'Playfair Display', serif;
  517. font-style:italic;
  518. color:{color:accent};
  519. }
  520.  
  521. /* --- quotes --- */
  522.  
  523. .quote {
  524. font-family: 'Playfair Display', serif;
  525. text-align:left;
  526. font-size:14px;
  527. line-height:18px;
  528. }
  529.  
  530. .source {
  531. margin-top:4px;
  532. text-align:right;
  533. }
  534.  
  535.  
  536. /* --- audio --- */
  537.  
  538. .audio {
  539. float:left;
  540. width:70px;
  541. height:70px;
  542. position:relative;
  543. overflow:hidden;
  544. }
  545.  
  546. .audio:hover .play {opacity:1;width:30px;}
  547. .audio:hover img {margin-left:30px;}
  548.  
  549. .cover img {
  550. width:70px;
  551. position:absolute;
  552. transition:0.5s ease;
  553. -o-transition:0.5s ease;
  554. -moz-transition:0.5s ease;
  555. -webkit-transition:0.5s ease;
  556. }
  557.  
  558. .play {
  559. overflow:hidden;
  560. width:0px;
  561. height:30px;
  562. background:{color:posts};
  563. position:absolute;
  564. padding:20px 0px;
  565. transition:0.5s ease;
  566. -o-transition:0.5s ease;
  567. -moz-transition:0.5s ease;
  568. -webkit-transition:0.5s ease;
  569. }
  570.  
  571. .au b {
  572. color:{color:bold};
  573. font-weight:700;
  574. margin-right:2px;
  575. }
  576.  
  577. .au {
  578. height:45px;
  579. overflow:hidden;
  580. padding:12px 10px;
  581. line-height:15px;
  582. margin-left:70px;
  583. text-align:left;
  584. }
  585.  
  586. /* --- asks --- */
  587.  
  588. .asker {
  589. margin-right:15px;
  590. margin-bottom:-10px;
  591. float:right;
  592. font-family: "vincentia";
  593. font-size:40px;
  594. line-height:30px;
  595. font-weight:normal;
  596. text-shadow: -2px 2px 0px {color:side title shadow};
  597. color:{color:side title};
  598. background-color:{color:posts};
  599. padding:0px 5px 0px 7px;
  600. width:auto;
  601. display:block;
  602. }
  603.  
  604. .asker a {
  605. margin:0px;
  606. }
  607.  
  608. .question {
  609. margin-top:20px;
  610. margin-bottom:10px;
  611. border:1px solid {color:border};
  612. padding:20px;
  613. }
  614.  
  615.  
  616. /* --- chat --- */
  617.  
  618. .convo li {
  619. margin:0 0 5px;
  620. border-radius:1em;
  621. padding:.5em 10px;
  622. max-width:75%;
  623. clear:both;
  624. position:relative;
  625. }
  626.  
  627. .convo li:before {
  628. content:"";
  629. }
  630.  
  631. .convo b, .convo strong {
  632. color:{color:text};
  633. font-family:calibri;
  634. text-transform:uppercase;
  635. }
  636.  
  637. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11 {
  638. float:left;
  639. background:{color:bold};
  640. color:{color:text};
  641. left:3px;
  642. }
  643.  
  644. .user_1::after, .user_3::after, .user_5::after, .user_7::after, .user_9::after, .user_11::after {
  645. content:"";
  646. position:absolute;
  647. left:-.5em;
  648. bottom:0;
  649. width:.5em;
  650. height:1em;
  651. border-right:.5em solid {color:bold};
  652. border-bottom-right-radius:1em .5em;
  653. }
  654.  
  655. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12 {
  656. right:3px;
  657. float:right;
  658. background-color:{color:italic};
  659. color:{color:text};
  660. }
  661.  
  662. .user_2::after, .user_4::after, .user_6::after, .user_8::after, .user_10::after, .user_12::after {
  663. content:"";
  664. position:absolute;
  665. right:-.5em;
  666. bottom:0;
  667. width:.5em;
  668. height:1em;
  669. border-left:.5em solid {color:italic};
  670. border-bottom-left-radius:1em .5em;
  671. }
  672.  
  673. .user_4 {background-color:{color:border};color:{color:posts};}
  674. .user_4::after {border-color:{color:border};}
  675.  
  676. .user_6 {background-color:{color:italic};color:{color:text};}
  677. .user_6::after{border-color:{color:italic};}
  678.  
  679. .user_5{background-color:{color:bold};color:{color:text};}
  680. .user_5::after{border-color:{color:bold};}
  681.  
  682. .user_3{background-color:{color:accent};color:{color:text};}
  683. .user_3::after{border-color:{color:accent};}
  684.  
  685. .user_7{background-color:{color:accent};color:{color:text};}
  686. .user_7::after{border-color:{color:accent};}
  687.  
  688. .user_8{background-color:{color:border};color:{color:posts};}
  689. .user_8::after{border-color:{color:border};}
  690.  
  691. .user_9{background-color:{color:bold};color:{color:text};}
  692. .user_9::after{border-color:{color:bold};}
  693.  
  694. .convo {
  695. overflow: hidden;
  696. list-style-type: none;
  697. padding: 0;
  698. margin: 0;
  699. }
  700.  
  701. /* --- permalinks --- */
  702.  
  703. .permalink {
  704. background-color:{color:border};
  705. margin:20px -20px -19px -19px;
  706. padding:20px;
  707. text-align:left;
  708. border-radius:0px 0px 3px 3px;
  709. color:{color:posts};
  710. font-family:calibri;
  711. }
  712.  
  713. .permalink a {
  714. margin-right:5px;
  715. color:{color:posts};
  716. }
  717.  
  718. /* --- tags --- */
  719.  
  720. .tags {
  721. margin-top:0px;
  722. text-transform:uppercase;
  723. font-size:9px;
  724. -webkit-transition-duration: 0.6s;
  725. transition-duration: 0.6s;
  726. }
  727.  
  728. .tags a {
  729. margin:5px 5px 0px 0px;
  730. color:{color:link};
  731. border:1px solid {color:posts};
  732. padding:3px 6px;
  733. border-radius:10px;
  734. display:inline-block;
  735. color:{color:posts};
  736. }
  737.  
  738. .tags a:hover {
  739. background-color:{color:posts};
  740. color:{color:border};
  741. }
  742.  
  743. /* --- notes --- */
  744.  
  745. .pagenotes {
  746. {block:IndexPage}
  747. display: none!important;
  748. {/block:IndexPage}
  749. {block:ifnot500pxposts}
  750. width:400px;
  751. {/block:ifnot500pxposts}
  752. {block:if500pxposts}
  753. width:500px;
  754. {/block:if500pxposts}
  755. text-align:left;
  756. }
  757.  
  758. .pagenotes img {display:none!important;}
  759.  
  760. .pagenotes li {
  761. list-style-type:none;
  762. padding:1px 0px;
  763. text-align:left;
  764. margin:0 0 0 -40px;
  765. }
  766.  
  767. /* --- credit --- */
  768.  
  769. .credit a {
  770. position:fixed;
  771. font-family: 'Playfair Display', serif;
  772. font-size:11px;
  773. text-transform:uppercase;
  774. font-weight:bold;
  775. left:10px;
  776. bottom:10px;
  777. text-align:center;
  778. background-color:{color:container};
  779. width:20px;
  780. height:20px;
  781. padding:5px;
  782. line-height:20px;
  783. border-radius:20px;
  784. color:{color:link};
  785. display:block;
  786. -webkit-box-shadow: 0px 0px 5px 0px {color:container};
  787. -moz-box-shadow: 0px 0px 5px 0px {color:container};
  788. box-shadow: 0px 0px 5px 0px {color:container};
  789. }
  790.  
  791.  
  792. {CustomCSS}
  793.  
  794. </style>
  795. </head>
  796. <body>
  797.  
  798.  
  799. <div class="container">
  800.  
  801. <!---- start of header ---->
  802.  
  803. <div class="header">
  804.  
  805. <div class="headertitle">
  806. <a href="/">
  807. <h1>{text:big title}</h1>
  808. </a>
  809. <h2>{text:small title}</h2>
  810. </div>
  811.  
  812. </div>
  813.  
  814. <!---- start of sidebar ---->
  815.  
  816. <div class="sidebar">
  817.  
  818. <a href="/">
  819. <div class="icon"></div>
  820. </a>
  821.  
  822. <div class="nav">
  823. <a href="/" title="{text:home title}"></a>
  824. <a href="{text:ask url}" title="{text:ask title}"></a>
  825. {block:ifLink1URL}<a href="{text:link 1 url}" title="{text:link 1 title}"></a>{/block:ifLink1URL}
  826. {block:ifLink2URL}<a href="{text:link 2 url}" title="{text:link 2 title}"></a>{/block:ifLink2URL}
  827. {block:ifLink3URL}<a href="{text:link 3 url}" title="{text:link 3 title}"></a>{/block:ifLink3URL}
  828. </div>
  829.  
  830. <div class="description">{Description}</div>
  831.  
  832. <div class="sidetitle">
  833. <h1>{text:side title}</h1>
  834. </div>
  835.  
  836. </div>
  837.  
  838. {block:Pagination}
  839. <div class="pagination">
  840. {block:PreviousPage}
  841. <a href="{PreviousPage}">back</a>
  842. {/block:PreviousPage}
  843.  
  844. {block:NextPage}
  845. <a href="{NextPage}">next</a>
  846. {/block:NextPage}
  847. </div>
  848. {/block:Pagination}
  849.  
  850. <!---- start of posts ---->
  851.  
  852. <div class="entries">
  853.  
  854. {block:Posts}
  855. <div class="post" id="{PostID}">
  856.  
  857.  
  858. {block:Quote}
  859. <div class="quote"><b>&ldquo;</b>{Quote}<b>&rdquo;</b></div>
  860. {block:Source}
  861. <div class="source">&mdash; {Source}</div>
  862. {/block:Source}
  863. {/block:Quote}
  864.  
  865.  
  866. {block:Text}
  867. {block:Title}
  868. <div class="title">{Title}</div>
  869. {/block:Title}
  870.  
  871. {Body}
  872.  
  873. {block:More}
  874. <div class="more">
  875. <a href="{Permalink}">continue reading...</a>
  876. </div>
  877. {/block:More}
  878. {/block:Text}
  879.  
  880. {block:Link}
  881. <div class="title">
  882. <a href="{URL}">{Name}</a>
  883. </div>
  884.  
  885. {block:Description}{Description}{/block:Description}
  886. {/block:Link}
  887.  
  888. {block:Chat}
  889. {block:Title}
  890. <div class="title">{Title}</div>
  891. {/block:Title}
  892.  
  893. <ul class="convo">
  894. {block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  895. {Line}</li>{/block:Lines}
  896. </ul>
  897. {/block:Chat}
  898.  
  899. {block:Photo}
  900. {LinkOpenTag}
  901. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  902. {LinkCloseTag}
  903. {block:Caption}{Caption}{/block:Caption}
  904. {/block:Photo}
  905.  
  906. {block:Photoset}
  907. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  908. {block:Photos}
  909. <div class="photo-data">
  910. <div class="pxu-photo">
  911. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  912. </div>
  913.  
  914. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  915. </div>
  916. {/block:Photos}
  917. </div>
  918. {block:Caption}{Caption}{/block:Caption}
  919. {/block:Photoset}
  920.  
  921. {block:Video}
  922. {Video-500}
  923. {block:Caption}{Caption}{/block:Caption}
  924. {/block:Video}
  925.  
  926. {block:Audio}
  927. <div class="audio">
  928. {block:AlbumArt}
  929. <div class="cover">
  930. <img src="{AlbumArtURL}">
  931. </div>
  932. {/block:AlbumArt}
  933.  
  934. {block:AudioPlayer}
  935. <div class="play">{AudioPlayerWhite}</div>
  936. {/block:AudioPlayer}
  937. </div>
  938.  
  939. <div class="au">
  940. <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  941. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  942. <b>Plays:</b> {FormattedPlayCount}
  943. </div>
  944.  
  945. {block:Caption}{Caption}{/block:Caption}
  946. {/block:Audio}
  947.  
  948. {block:Answer}
  949. <div class="asker">{Asker}</div>
  950. <div class="question">
  951. {Question}
  952. </div>
  953. {Answer}
  954. {/block:Answer}
  955.  
  956. {block:Date}
  957. <div class="permalink">
  958. posted <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  959.  
  960. {block:PermalinkPage}
  961. {block:RebloggedFrom}<br>
  962. <a href="{ReblogParentURL}">reblogged from {ReblogParentName}</a>
  963.  
  964. {block:ContentSource}<br>
  965. <a href="{ReblogRootURL}">originally from {ReblogRootName}</a>
  966. {/block:ContentSource}
  967. {/block:RebloggedFrom}
  968. {/block:PermalinkPage}
  969.  
  970. {block:HasTags}
  971. <div class="tags">
  972. {block:Tags}
  973. <a href="{TagUrl}">#{Tag}</a>
  974. {/block:Tags}
  975. </div>
  976. {/block:HasTags}
  977.  
  978. </div>
  979.  
  980. {/block:Date}
  981.  
  982.  
  983.  
  984. </div> <!---- end of .post ---->
  985.  
  986.  
  987. {block:PostNotes}
  988. <div class="pagenotes">
  989. {PostNotes}
  990. </div>
  991. {/block:PostNotes}
  992.  
  993.  
  994. {/block:Posts}
  995.  
  996. </div> <!---- end of .entries ---->
  997.  
  998. </div> <!---- end of .container ---->
  999.  
  1000.  
  1001.  
  1002. {block:ContentSource}
  1003. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1004. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1005. {/block:SourceLogo}
  1006. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1007. {/block:ContentSource}
  1008.  
  1009. {block:RebloggedFrom}
  1010. <!--<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1011.  
  1012. {block:ContentSource}
  1013. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1014. {/block:ContentSource}
  1015.  
  1016. <a href="{ReblogURL}">reblog</a> -->
  1017. {/block:RebloggedFrom}
  1018.  
  1019. <div class="credit"><a href="http://pirateskinned.tumblr.com/" title="coded by pirateskinned">ps</a></div>
  1020.  
  1021. </body></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!