API tools faq
paste
rollyjogered

theme twenty-nine: orange juice

rollyjogered
Jan 25th, 2020 (edited)
8,550
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. theme twenty-nine: orange juice 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. image wrapping inspired by iniziare.tumblr.com
  18. tumblr controls styling by cyantists.tumblr.com
  19. icon font by suiomi.com/font
  20.  
  21. -->
  22.  
  23. <title>{Title}</title>
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <!-- meta tags -->
  30.  
  31. <meta name="image:background" content=""/>
  32. <meta name="image:header" content=""/>
  33. <meta name="image:sidebar" content=""/>
  34.  
  35. <meta name="color:background" content="#ffffff"/>
  36. <meta name="color:container" content="#fafafa"/>
  37. <meta name="color:posts" content="#ffffff"/>
  38. <meta name="color:border" content="#eeeeee"/>
  39. <meta name="color:text" content="#4f4e4e"/>
  40. <meta name="color:link" content="#d79e73"/>
  41. <meta name="color:accent" content="#e2d3b3"/>
  42.  
  43. <meta name="if:background pattern" content="0"/>
  44. <meta name="if:image wrap" content="1"/>
  45. <meta name="if:500px posts" content="0"/>
  46.  
  47. <meta name="select:fontsize" content="10px" title="10px">
  48. <meta name="select:fontsize" content="11px" title="11px">
  49. <meta name="select:fontsize" content="12px" title="12px">
  50. <meta name="select:fontsize" content="13px" title="13px">
  51. <meta name="select:fontsize" content="14px" title="14px">
  52. <meta name="select:fontsize" content="15px" title="15px">
  53.  
  54. <meta name="text:link 1 url" content="/" />
  55. <meta name="text:link 1 title" content="link one" />
  56. <meta name="text:link 2 url" content="/" />
  57. <meta name="text:link 2 title" content="link two" />
  58. <meta name="text:link 3 url" content="/" />
  59. <meta name="text:link 3 title" content="link three" />
  60. <meta name="text:link 4 url" content="/" />
  61. <meta name="text:link 4 title" content="link four" />
  62. <meta name="text:link 5 url" content="/" />
  63. <meta name="text:link 5 title" content="link five" />
  64. <meta name="text:link 6 url" content="/" />
  65. <meta name="text:link 6 title" content="link six" />
  66.  
  67. <!-- scripts -->
  68.  
  69. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  70. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  71.  
  72. <!-- fonts -->
  73.  
  74. <link href="https://fonts.googleapis.com/css?family=Karla:400,700&display=swap" rel="stylesheet">
  75.  
  76. <!-- icon font -- http://suiomi.com/font -->
  77.  
  78. <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  79.  
  80. <!-- tooltips -->
  81.  
  82. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  83.  
  84. <script>
  85. (function($){
  86. $(document).ready(function(){
  87. $("a[title], img[title]").style_my_tooltips({
  88. tip_follows_cursor:true,
  89. tip_delay_time:30,
  90. tip_fade_speed:300,
  91. attribute:"title"
  92. });
  93. });
  94. })(jQuery);
  95. </script>
  96.  
  97. <!-- photosets -->
  98.  
  99. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  100.  
  101. <script>
  102. $(document).ready(function(){
  103. $('.photo-slideshow').pxuPhotoset({
  104. lightbox: true,
  105. rounded: false,
  106. gutter: '1px',
  107. borderRadius: '0px',
  108. photoset: '.photo-slideshow',
  109. photoWrap: '.photo-data',
  110. photo: '.pxu-photo'
  111. });
  112. });
  113. </script>
  114.  
  115. <style type="text/css">
  116.  
  117. /* --- tumblr controls styling by cyantists
  118. http://cyantists.tumblr.com/tumblr_controls/hover --- */
  119.  
  120. iframe.tmblr-iframe {
  121. z-index:99999999999999!important;
  122. top:-2px!important;
  123. right:0!important;
  124. opacity:0;
  125. padding-right:38px;
  126. /* delete invert(1) from here */
  127. filter:invert(1) contrast(150%);
  128. -webkit-filter:invert(1) contrast(150%);
  129. -o-filter:invert(1) contrast(150%);
  130. -moz-filter:invert(1) contrast(150%);
  131. -ms-filter:invert(1) contrast(150%);
  132. /* to here if your blog has a dark background */
  133. transform:scale(0.65);
  134. transform-origin:100% 0;
  135. -webkit-transform:scale(0.65);
  136. -webkit-transform-origin:100% 0;
  137. -o-transform:scale(0.65);
  138. -o-transform-origin:100% 0;
  139. -moz-transform:scale(0.65);
  140. -moz-transform-origin:100% 0;
  141. -ms-transform:scale(0.65);
  142. -ms-transform-origin:100% 0;}
  143.  
  144. iframe.tmblr-iframe:hover {
  145. opacity:0.6!important;}
  146.  
  147. .hcontrols {
  148. position:fixed;
  149. top:0;
  150. right:0;
  151. z-index:999999999;}
  152.  
  153. .hcontrols svg {
  154. width:14px;
  155. height:14px;
  156. padding:9px;}
  157.  
  158. .hcontrols svg path {
  159. fill:#888888;/* change this to change the color of the icon */}
  160.  
  161. /* --- tooltips & scrollbars --- */
  162.  
  163. #s-m-t-tooltip {
  164. position:absolute;
  165. margin-top: 15px;
  166. z-index:9999;
  167. padding:3px 5px;
  168. background:{color:posts};
  169. color:{color:text};
  170. border-radius:3px;
  171. font-size:{select:fontsize};
  172. -webkit-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.5);
  173. -moz-box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.5);
  174. box-shadow: 0px 0px 5px 0px rgba({RGBcolor:posts},0.5);
  175. }
  176.  
  177. ::-webkit-scrollbar-thumb:vertical {background-color:{color:accent};}
  178. ::-webkit-scrollbar-button:horizontal {background-color:{color:accent};}
  179. ::-webkit-scrollbar {background-color:transparent; width:1px;}
  180.  
  181. /* --- basics --- */
  182.  
  183. body {
  184. background-color:{color:background};
  185. background-image:url('{image:background}');
  186. background-attachment:fixed;
  187. background-position:center center;
  188. {block:ifnotbackgroundpattern}
  189. background-repeat:no-repeat;
  190. background-size:cover;
  191. {/block:ifnotbackgroundpattern}
  192. {block:ifbackgroundpattern}
  193. background-repeat:repeat;
  194. background-size:auto;
  195. {/block:ifbackgroundpattern}
  196. color:{color:text};
  197. font-family: 'Karla', sans-serif;
  198. font-size:{select:fontsize};
  199. line-height:calc({select:fontsize} + 6px);
  200. font-weight:300;
  201. text-align:justify;
  202. margin:0;
  203. }
  204.  
  205. a {
  206. color:{color:text};
  207. text-decoration:none;
  208. -moz-transition-duration: 0.5s;
  209. -o-transition-duration: 0.5s;
  210. -webkit-transition-duration: 0.5s;
  211. transition-duration: 0.5s;
  212. }
  213.  
  214. a:hover {
  215. color:{color:text};
  216. text-decoration:none;
  217. }
  218.  
  219. p a, .description a {box-shadow:{color:link} 0px -2px 0px inset;}
  220. p a:hover, .description a:hover {box-shadow:{color:link} 0px -17px 0px inset;}
  221.  
  222. img {
  223. border:none;
  224. text-decoration:none;
  225. }
  226.  
  227. b, strong, bold {
  228. color:{color:accent};
  229. font-weight:700;
  230. }
  231.  
  232. i, em, italic {
  233. color:{color:accent};
  234. }
  235.  
  236. u {
  237. text-decoration:none;
  238. }
  239.  
  240. .firstletter, u {
  241. display:block;
  242. float:left;
  243. padding:12px 14px;
  244. background:{color:link};
  245. color:{color:posts};
  246. font-weight:700;
  247. text-transform:uppercase;
  248. font-size:calc({select:fontsize} + 4px);
  249. margin:0px 10px 0px 0px;
  250. border-radius:3px;
  251. }
  252.  
  253. s, strike {
  254. text-decoration-color:{color:accent};
  255. }
  256.  
  257. small, sub, sup, big {
  258. font-size:{select:fontsize};
  259. line-height:calc({select:fontsize} + 6px);
  260. vertical-align:baseline;
  261. }
  262.  
  263. blockquote {
  264. padding:0px 5px 0px 15px;
  265. border-left:1px solid {color:border};
  266. margin-left:5px;
  267. margin-right:0px;
  268. }
  269.  
  270. blockquote img {
  271. max-width:360px;
  272. height:auto;
  273. }
  274.  
  275. blockquote blockquote {
  276. margin-right:0px;
  277. }
  278.  
  279. blockquote blockquote img {
  280. max-width:350px;
  281. height:auto;
  282. margin-top:10px;
  283. }
  284.  
  285. pre {
  286. font-family: 'Karla', sans-serif;
  287. font-size:calc({select:fontsize} + 2px);
  288. font-weight:700;
  289. padding:10px;
  290. background-color:{color:accent};
  291. color:{color:posts};
  292. border-radius:3px;
  293. margin:0px;
  294. }
  295.  
  296. pre i, pre em, pre b, pre strong, pre a {
  297. color:{color:posts};
  298. }
  299.  
  300. ul {
  301. padding-left:15px;
  302. }
  303.  
  304. ul li {
  305. list-style-type:none;
  306. }
  307.  
  308. ul li:before {
  309. content: "— ";
  310. text-indent: -5px;
  311. }
  312.  
  313. /* --- header styles --- */
  314.  
  315. h1 {
  316. margin:0px 0px 10px 0px;
  317. font-weight:bold;
  318. color:{color:accent};
  319. text-align:left;
  320. }
  321.  
  322. h2 {
  323. font-weight:normal;
  324. color:{color:accent};
  325. text-align:left;
  326. text-transform:uppercase;
  327. font-size:calc({select:fontsize} + 2px);
  328. letter-spacing:1px;
  329. word-spacing:2px;
  330. }
  331.  
  332. h2 b, b h2, h2 i, i h2,
  333. h2 strong, strong h2, h2 em, em h2 {
  334. color:{color:accent};
  335. }
  336.  
  337. /* --- container --- */
  338.  
  339. .container {
  340. position:absolute;
  341. margin-top:-325px;
  342. top:50%;
  343. left:50%;
  344. {block:ifnot500pxposts}
  345. margin-left:-450px;
  346. width:900px;
  347. {/block:ifnot500pxposts}
  348. {block:if500pxposts}
  349. margin-left:-500px;
  350. width:1000px;
  351. {/block:if500pxposts}
  352. height:650px;
  353. background-color:{color:container};
  354. border-radius:3px;
  355. overflow:hidden;
  356. box-shadow:rgba(0,0,0,.05) 0px 0px 3px;
  357. }
  358.  
  359. /* --- header --- */
  360.  
  361. .header {
  362. position:absolute;
  363. z-index:5;
  364. top:0px;
  365. left:0px;
  366. {block:ifnot500pxposts}
  367. width:900px;
  368. {/block:ifnot500pxposts}
  369. {block:if500pxposts}
  370. width:1000px;
  371. {/block:if500pxposts}
  372. height:100px;
  373. background-color:{color:accent};
  374. box-shadow:0px 0px 3px rgba(0,0,0,.05);
  375. background-image:url('{image:header}');
  376. background-position:center center;
  377. background-repeat:no-repeat;
  378. background-size:cover;
  379. }
  380.  
  381. /* --- sidebar --- */
  382.  
  383. .sidebar {
  384. position:absolute;
  385. z-index:10;
  386. top:60px;
  387. left:60px;
  388. width:250px;
  389. height:530px;
  390. box-shadow:0px 0px 3px rgba(0,0,0,.05);
  391. border-radius:3px;
  392. overflow:hidden;
  393. }
  394.  
  395. .side-title {
  396. position:relative;
  397. height:40px;
  398. width:250px;
  399. text-align:center;
  400. line-height:40px;
  401. font-weight:700;
  402. text-transform:uppercase;
  403. background-color:rgba({RGBcolor:accent},0.95);
  404. letter-spacing:1px;
  405. word-spacing:2px;
  406. }
  407.  
  408. .side-title a {
  409. color:{color:posts};
  410. }
  411.  
  412. .description {
  413. position:relative;
  414. height:150px;
  415. width:250px;
  416. overflow:auto;
  417. box-sizing:border-box;
  418. padding:20px;
  419. background-color:{color:posts};
  420. }
  421.  
  422. .side-img {
  423. position:relative;
  424. z-index:8;
  425. width:250px;
  426. height:340px;
  427. background-image:url('{image:sidebar}');
  428. background-position:center center;
  429. background-repeat:no-repeat;
  430. background-size:cover;
  431. border-top:1px solid {color:accent};
  432. }
  433.  
  434. .nav {
  435. position:absolute;
  436. z-index:250;
  437. bottom:10px;
  438. left:10px;
  439. height:auto;
  440. width:80px;
  441. text-align:left;
  442. box-sizing:border-box;
  443. padding:10px;
  444. }
  445.  
  446. .nav a {
  447. display:block;
  448. float:left;
  449. width:auto;
  450. height:20px;
  451. line-height:20px;
  452. margin:3px;
  453. color:{color:text};
  454. font-weight:700;
  455. }
  456.  
  457. .nav a:hover {
  458. color:{color:link};
  459. }
  460.  
  461. /* --- accents --- */
  462.  
  463. .a-left {
  464. position:absolute;
  465. z-index:1;
  466. top:150px;
  467. left:25px;
  468. height:330px;
  469. width:80px;
  470. background-color:rgba({RGBcolor:accent},0.3);
  471. clip-path: polygon(9% 0, 100% 3%, 100% 100%, 0 94%);
  472. }
  473.  
  474. .a-round {
  475. position:absolute;
  476. z-index:200;
  477. top:350px;
  478. left:35px;
  479. height:50px;
  480. width:50px;
  481. border-radius:100px;
  482. background-color:rgba({RGBcolor:link},0.95);
  483. }
  484.  
  485. .a-bottom {
  486. position:absolute;
  487. z-index:200;
  488. bottom:35px;
  489. left:80px;
  490. height:40px;
  491. width:120px;
  492. background-color:rgba({RGBcolor:accent},0.8);
  493. clip-path: polygon(8% 0%, 100% 0%, 94% 100%, 0% 100%);
  494. }
  495.  
  496. .a-right {
  497. position:absolute;
  498. z-index:200;
  499. top:65px;
  500. right:25px;
  501. height:140px;
  502. width:40px;
  503. background-color:rgba({RGBcolor:link},0.8);
  504. clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 94%);
  505. }
  506.  
  507. /* --- pagination --- */
  508.  
  509. .pagination {
  510. {block:ifnot500pxposts}
  511. width:440px;
  512. {/block:ifnot500pxposts}
  513. {block:if500pxposts}
  514. width:540px;
  515. {/block:if500pxposts}
  516. height:20px;
  517. left:0px!important;
  518. margin-top:-20px;
  519. text-align:center;
  520. padding:0px 0px 40px 0px!important;
  521. color:{color:text};
  522. }
  523.  
  524. .pagination a {
  525. color:{color:text};
  526. line-height:20px;
  527. }
  528.  
  529. .pagination .sf {
  530. font-size:7px;
  531. }
  532.  
  533. /* --- entries --- */
  534.  
  535. .entries {
  536. position:absolute;
  537. z-index:3;
  538. top:100px;
  539. right:0px;
  540. {block:ifnot500pxposts}
  541. width:600px;
  542. {/block:ifnot500pxposts}
  543. {block:if500pxposts}
  544. width:700px;
  545. {/block:if500pxposts}
  546. height:550px;
  547. overflow:auto;
  548. background-color:transparent;
  549. box-sizing:border-box;
  550. padding:75px 80px 0px 80px;
  551. }
  552.  
  553. /* --- posts --- */
  554.  
  555. .post {
  556. {block:ifnot500pxposts}
  557. width:400px;
  558. {/block:ifnot500pxposts}
  559. {block:if500pxposts}
  560. width:500px;
  561. {/block:if500pxposts}
  562. padding:20px 20px 0px 20px;
  563. {block:IndexPage}
  564. margin-bottom:75px;
  565. {/block:IndexPage}
  566. {block:PermalinkPage}
  567. margin-bottom:75px;
  568. {/block:PermalinkPage}
  569. background-color:{color:posts};
  570. overflow:hidden;
  571. border-radius:3px;
  572. box-shadow:rgba(0,0,0,.05) 0px 0px 3px;
  573. }
  574.  
  575. .post img {
  576. max-width:100%;
  577. height:auto;
  578. }
  579.  
  580. /* --- texts --- */
  581.  
  582. .title {
  583. font-weight:normal;
  584. font-size:calc({select:fontsize} + 12px);
  585. line-height:calc({select:fontsize} + 14px);
  586. color:{color:posts};
  587. text-align:center;
  588. {block:ifnot500pxposts}
  589. width:400px;
  590. {/block:ifnot500pxposts}
  591. {block:if500pxposts}
  592. width:500px;
  593. {/block:if500pxposts}
  594. margin:-20px -20px 0px -20px;
  595. padding:20px;
  596. background-color:{color:accent};
  597. text-transform:lowercase;
  598. font-weight:700;
  599. letter-spacing:1px;
  600. }
  601.  
  602. .title a {
  603. color:{color:background};
  604. }
  605.  
  606. .more a {
  607. font-size:calc({select:fontsize} + 8px);
  608. color:{color:accent};
  609. }
  610.  
  611. .txt {
  612. margin-bottom:20px;
  613. }
  614.  
  615. .txt img {
  616. border-radius:3px;
  617. {block:ifimagewrap}
  618. max-width:200px;
  619. float:left;
  620. margin-right:10px;
  621. {/block:ifimagewrap}
  622. }
  623.  
  624. .txt blockquote img {
  625. {block:ifimagewrap}
  626. float:right;
  627. margin-left:10px;
  628. margin-right:0px;
  629. {/block:ifimagewrap}
  630. }
  631.  
  632. .txt blockquote blockquote img {
  633. {block:ifimagewrap}
  634. float:left;
  635. margin-left:0px;
  636. margin-right:10px;
  637. margin-top:0px;
  638. {/block:ifimagewrap}
  639. }
  640.  
  641. /* --- photos --- */
  642.  
  643. .photo {
  644. margin:-20px -20px 0px -20px;
  645. }
  646.  
  647. .photo img {
  648. display:block;
  649. }
  650.  
  651. .photo-slideshow {
  652. margin:-20px -20px 0px -20px;
  653. }
  654.  
  655. .photo-slideshow img {
  656. border-radius:0px;
  657. }
  658.  
  659. /* --- quotes --- */
  660.  
  661. .quote {
  662. text-align:left;
  663. font-size:calc({select:fontsize} + 8px);
  664. line-height:calc({select:fontsize} + 15px);
  665. font-weight:700;
  666. }
  667.  
  668. .source {
  669. margin-top:4px;
  670. text-align:right;
  671. }
  672.  
  673. /* --- audio --- */
  674.  
  675. .audio {
  676. float:left;
  677. width:70px;
  678. height:70px;
  679. position:relative;
  680. overflow:hidden;
  681. }
  682.  
  683. .audio:hover .play {opacity:1;width:30px;}
  684. .audio:hover img {margin-left:30px;}
  685.  
  686. .cover img {
  687. width:70px;
  688. position:absolute;
  689. transition:0.5s ease;
  690. }
  691.  
  692. .play {
  693. overflow:hidden;
  694. width:0px;
  695. height:30px;
  696. background:{color:posts};
  697. position:absolute;
  698. padding:20px 0px;
  699. transition:0.5s ease;
  700. }
  701.  
  702. .au b {
  703. color:{color:accent};
  704. font-weight:700;
  705. margin-right:2px;
  706. }
  707.  
  708. .au {
  709. height:45px;
  710. overflow:hidden;
  711. padding:12px 10px;
  712. line-height:calc({select:fontsize} + 5px);
  713. margin-left:70px;
  714. text-align:left;
  715. }
  716.  
  717. /* --- asks --- */
  718.  
  719. .question {
  720. margin:-20px -20px 20px -20px;
  721. padding:20px;
  722. background-color:{color:accent};
  723. color:{color:posts};
  724. }
  725.  
  726. .asker {
  727. float:left;
  728. margin-right:2px;
  729. color:{color:posts};
  730. font-weight:700;
  731. text-transform:lowercase;
  732. }
  733.  
  734. /* --- chat --- */
  735.  
  736. .chat .txt {
  737. padding:0px;
  738. }
  739.  
  740. .chat .title {
  741. margin-bottom:20px;
  742. }
  743.  
  744. .chat ul {
  745. list-style-type:none;
  746. padding-left:0px;
  747. margin:-20px -20px -20px -20px;
  748. }
  749.  
  750. .chat ul li:before {
  751. content: none;
  752. text-indent: 0px;
  753. }
  754.  
  755. .chat ul li {
  756. box-sizing:border-box;
  757. padding:10px;
  758. background-color:{color:container};
  759. }
  760.  
  761. .chat ul li:nth-of-type(odd) {
  762. background-color:rgba({RGBcolor:posts},0.5);
  763. }
  764.  
  765. .chat .label {
  766. text-transform:uppercase;
  767. font-weight:700;
  768. }
  769.  
  770. /* --- permalinks --- */
  771.  
  772. .permalink {
  773. font-weight:700;
  774. margin:0px -20px 0px -20px;
  775. padding:10px;
  776. font-size:calc({select:fontsize} - 1px);
  777. letter-spacing:0px;
  778. text-transform:uppercase;
  779. background-color:{color:posts};
  780. color:{color:text};
  781. border-top:1px solid {color:border};
  782. }
  783.  
  784. .permalink a {
  785. display:inline-block;
  786. color:{color:text};
  787. }
  788.  
  789. .reb {
  790. display:inline-block;
  791. vertical-align:middle;
  792. float:right;
  793. font-size:{select:fontsize};
  794. }
  795.  
  796. .reb i {
  797. color:{color:text};
  798. }
  799.  
  800. /* --- tags --- */
  801.  
  802. .tags {
  803. margin-top:0px;
  804. transition-duration: 0.6s;
  805. text-align:justify;
  806. font-weight:400;
  807. }
  808.  
  809. .tags a {
  810. display:inline;
  811. text-transform:none;
  812. line-height:calc({select:fontsize} + 4px);
  813. padding-bottom:1px;
  814. margin:2px 4px 0px 0px;
  815. color:{color:text};
  816. border-bottom:1px solid transparent;
  817. }
  818.  
  819. .tags a:hover {
  820. border-bottom:1px solid {color:text};
  821. }
  822.  
  823. /* --- notes --- */
  824.  
  825. .pagenotes {
  826. {block:IndexPage}
  827. display: none!important;
  828. {/block:IndexPage}
  829. {block:ifnot500pxposts}
  830. width:400px;
  831. {/block:ifnot500pxposts}
  832. {block:if500pxposts}
  833. width:500px;
  834. {/block:if500pxposts}
  835. text-align:left;
  836. background-color:{color:posts};
  837. padding:20px;
  838. margin-bottom:75px;
  839. border-radius:3px;
  840. box-shadow:rgba(0,0,0,.05) 0px 0px 3px;
  841. }
  842.  
  843. .pagenotes img {
  844. display:none;
  845. }
  846.  
  847. .pagenotes a {
  848. color:{color:accent};
  849. font-weight:bold;
  850. }
  851.  
  852. .pagenotes ol {
  853. list-style-type:none;
  854. margin:0px;
  855. padding:0px;
  856. }
  857.  
  858. .pagenotes ol li {
  859. margin:5px;
  860. }
  861.  
  862. /* --- credit --- */
  863.  
  864. .credit a {
  865. position:fixed;
  866. font-size:14px;
  867. right:10px;
  868. bottom:10px;
  869. text-align:center;
  870. width:15px;
  871. height:15px;
  872. line-height:15px;
  873. color:{color:accent};
  874. }
  875.  
  876.  
  877. {CustomCSS}
  878.  
  879. </style>
  880. </head>
  881. <body>
  882.  
  883. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  884.  
  885.  
  886. <div class="container">
  887.  
  888. <!-- header -->
  889.  
  890. <div class="header"></div>
  891.  
  892. <!-- sidebar -->
  893.  
  894. <div class="sidebar">
  895. <div class="side-title">
  896. <a href="/">
  897. {Title}
  898. </a>
  899. </div>
  900.  
  901. <div class="description">
  902. {Description}
  903. </div>
  904.  
  905. <div class="side-img"></div>
  906.  
  907. <div class="nav">
  908. {block:iflink1url}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1url}
  909. {block:iflink2url}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2url}
  910. {block:iflink3url}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3url}
  911. {block:iflink4url}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4url}
  912. {block:iflink5url}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5url}
  913. {block:iflink6url}<a href="{text:link 6 url}">{text:link 6 title}</a>{/block:iflink6url}
  914. </div>
  915. </div>
  916.  
  917. <!-- accents -->
  918.  
  919. <div class="a-left"></div>
  920. <div class="a-round"></div>
  921. <div class="a-bottom"></div>
  922. <div class="a-right"></div>
  923.  
  924. <!-- start of posts -->
  925.  
  926. <div class="entries">
  927.  
  928. {block:Posts}
  929. <div class="post" id="{PostID}">
  930.  
  931.  
  932. {block:Quote}
  933. <div class="txt">
  934. <div class="quote">{Quote}</div>
  935. {block:Source}
  936. <div class="source"><p>&mdash; {Source}</p></div>
  937. {/block:Source}
  938. </div>
  939. {/block:Quote}
  940.  
  941.  
  942. {block:Text}
  943. {block:Title}
  944. <div class="title">{Title}</div>
  945. {/block:Title}
  946.  
  947. {block:Body}
  948. <div class="txt">
  949. {Body}
  950.  
  951. {block:More}
  952. <div class="more">
  953. <a href="{Permalink}">continue reading...</a>
  954. </div>
  955. {/block:More}
  956. </div>
  957. {/block:Body}
  958. {/block:Text}
  959.  
  960. {block:Link}
  961. <div class="title">
  962. <a href="{URL}">{Name}</a>
  963. </div>
  964.  
  965. {block:Description}
  966. <div class="txt">
  967. {Description}
  968.  
  969. {block:More}
  970. <div class="more">
  971. <a href="{Permalink}">continue reading...</a>
  972. </div>
  973. {/block:More}
  974. </div>
  975. {/block:Description}
  976. {/block:Link}
  977.  
  978. {block:Chat}
  979. {block:Title}
  980. <div class="title">{Title}</div>
  981. {/block:Title}
  982.  
  983. <div class="chat">
  984. <div class="txt">
  985. <ul>
  986. {block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}
  987. {Line}</li>{/block:Lines}
  988. </ul>
  989. </div>
  990. </div>
  991. {/block:Chat}
  992.  
  993. {block:Photo}
  994. <div class="photo">
  995. <img src="{PhotoURL-1280}" alt="{PhotoAlt}">
  996. </div>
  997. {block:Caption}
  998. <div class="txt">
  999. {Caption}
  1000.  
  1001. {block:More}
  1002. <div class="more">
  1003. <a href="{Permalink}">continue reading...</a>
  1004. </div>
  1005. {/block:More}
  1006. </div>
  1007. {/block:Caption}
  1008. {/block:Photo}
  1009.  
  1010. {block:Photoset}
  1011. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1012. {block:Photos}
  1013. <div class="photo-data">
  1014. <div class="pxu-photo">
  1015. <img src="{PhotoURL-1280}" width="{PhotoWidth-1280}" height="{PhotoHeight-1280}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1016. </div>
  1017.  
  1018. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1019. </div>
  1020. {/block:Photos}
  1021. </div>
  1022. {block:Caption}
  1023. <div class="txt">
  1024. {Caption}
  1025.  
  1026. {block:More}
  1027. <div class="more">
  1028. <a href="{Permalink}">continue reading...</a>
  1029. </div>
  1030. {/block:More}
  1031. </div>
  1032. {/block:Caption}
  1033. {/block:Photoset}
  1034.  
  1035. {block:Video}
  1036. <div class="photo">{Video-500}</div>
  1037. {block:Caption}<div class="txt">{Caption}</div>{/block:Caption}
  1038. {/block:Video}
  1039.  
  1040. {block:Audio}
  1041. <div class="txt">
  1042. <div class="audio">
  1043. {block:AlbumArt}
  1044. <div class="cover">
  1045. <img src="{AlbumArtURL}">
  1046. </div>
  1047. {/block:AlbumArt}
  1048.  
  1049. {block:AudioPlayer}
  1050. <div class="play">{AudioPlayerWhite}</div>
  1051. {/block:AudioPlayer}
  1052. </div>
  1053.  
  1054. <div class="au">
  1055. {block:TrackName}<b>Track:</b> {block:TrackName}{TrackName}<br>{/block:TrackName}
  1056. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  1057. <b>Plays:</b> {FormattedPlayCount}
  1058. </div>
  1059.  
  1060. {block:Caption}{Caption}{/block:Caption}
  1061. </div>
  1062. {/block:Audio}
  1063.  
  1064. {block:Answer}
  1065. <div class="txt">
  1066. <div class="question">
  1067. <div class="asker">{Asker}</div> said, &ldquo;{Question}&rdquo;
  1068. </div>
  1069. {Answer}
  1070.  
  1071. {block:More}
  1072. <div class="more">
  1073. <a href="{Permalink}">continue reading...</a>
  1074. </div>
  1075. {/block:More}
  1076. </div>
  1077. {/block:Answer}
  1078.  
  1079.  
  1080. {block:Date}
  1081. <div style="clear:both;"></div>
  1082.  
  1083. <div class="permalink">
  1084. <a href="{Permalink}">
  1085. posted {TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1086. </a>
  1087.  
  1088. <a class="reb" href="{ReblogURL}">
  1089. <span class="sf sf-reblog"></span>
  1090. </a>
  1091.  
  1092. {block:PermalinkPage}
  1093. {block:RebloggedFrom}
  1094. <br>
  1095. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1096. &nbsp;
  1097. {/block:RebloggedFrom}
  1098.  
  1099. {block:ContentSource}
  1100. source: <a href="{SourceURL}">{SourceTitle}</a>
  1101. {/block:ContentSource}
  1102. {/block:PermalinkPage}
  1103.  
  1104. <br>
  1105.  
  1106. {block:HasTags}
  1107. <div class="tags">
  1108. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1109. </div>
  1110. {/block:HasTags}
  1111. </div>
  1112. {/block:Date}
  1113.  
  1114.  
  1115. </div> <!-- end of .post -->
  1116.  
  1117.  
  1118. {block:PostNotes}
  1119. <div class="pagenotes">
  1120. {PostNotes}
  1121. </div>
  1122. {/block:PostNotes}
  1123.  
  1124.  
  1125. {/block:Posts}
  1126.  
  1127. {block:Pagination}
  1128. <div class="pagination">
  1129. {block:PreviousPage}
  1130. <a href="{PreviousPage}"><span class="sf sf-chevron-left"></span></a>
  1131. {/block:PreviousPage}
  1132.  
  1133. {CurrentPage} of {TotalPages}
  1134.  
  1135. {block:NextPage}
  1136. <a href="{NextPage}"><span class="sf sf-chevron-right"></span></a>
  1137. {/block:NextPage}
  1138. </div>
  1139. {/block:Pagination}
  1140.  
  1141. </div> <!-- end of .entries -->
  1142.  
  1143. </div> <!-- end of .container -->
  1144.  
  1145. <div class="credit"><a class="sf sf-boat" href="http://pirateskinned.tumblr.com/" title="coded by pirateskinned"></a></div>
  1146.  
  1147. </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!