API tools faq
paste
sashatheme

THE DUNES THEME

sashatheme
Aug 11th, 2022
408
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8.  
  9. <!--CREDIT EEEK-->
  10.  
  11. <style>
  12.  
  13. #credit {
  14.  
  15. position: fixed;
  16.  
  17. left: 12px;
  18.  
  19. bottom: 6px;
  20.  
  21. font-size: 14px;
  22.  
  23. }
  24.  
  25. </style>
  26.  
  27. <!--METAS-->
  28.  
  29. <!--BODY METAS-->
  30.  
  31. <meta name="image:background" contents="" />
  32.  
  33. <meta name="color:background" contents="" />
  34.  
  35. <meta name="text:font" contents="" />
  36.  
  37. <meta name="color:font" contents="" />
  38.  
  39. <meta name="color:description font" contents="" />
  40.  
  41. <!--ICON METAS-->
  42.  
  43. <meta name="image:icon" contents="" />
  44.  
  45. <meta name="color:icon border" contents="" />
  46.  
  47. <meta name="color:icon shadow" contents="" />
  48.  
  49. <meta name="if:show icon" contents="" />
  50.  
  51. <meta name="if:show header" contents="" />
  52.  
  53. <meta name="if:icon shadow" contents="" />
  54.  
  55. <meta name="select:icon border" content="solid" />
  56.  
  57. <meta name="select:icon border" content="dashed" />
  58.  
  59. <meta name="select:icon border" content="dotted" />
  60.  
  61. <meta name="select:icon border" content="double" />
  62.  
  63. <meta name="select:icon border" content="groove" />
  64.  
  65. <meta name="select:icon border" content="ridge" />
  66.  
  67. <meta name="select:icon border" content="inset" />
  68.  
  69. <meta name="select:icon border" content="outset" />
  70.  
  71. <!--HEADER METAS-->
  72.  
  73. <meta name="image:header" contents="" />
  74.  
  75. <meta name="color:header border" contents="" />
  76.  
  77. <meta name="color:header shadow" contents="" />
  78.  
  79. <meta name="if:header shadow" contents="" />
  80.  
  81. <meta name="select:header border" content="solid" />
  82.  
  83. <meta name="select:header border" content="dashed" />
  84.  
  85. <meta name="select:header border" content="dotted" />
  86.  
  87. <meta name="select:header border" content="double" />
  88.  
  89. <meta name="select:header border" content="groove" />
  90.  
  91. <meta name="select:header border" content="ridge" />
  92.  
  93. <meta name="select:header border" content="inset" />
  94.  
  95. <meta name="select:header border" content="outset" />
  96.  
  97. <!--POST METAS-->
  98.  
  99. <meta name="color:post background" contents="#fff" />
  100.  
  101. <meta name="color:post border" contents="" />
  102.  
  103. <meta name="color:post shadow" contents=""/>
  104.  
  105. <meta name="color:footer outline" contents="" />
  106.  
  107. <meta name="if:post shadow" contents="" />
  108.  
  109. <meta name="select:post border" content="solid" />
  110.  
  111. <meta name="select:post border" content="dashed" />
  112.  
  113. <meta name="select:post border" content="dotted" />
  114.  
  115. <meta name="select:post border" content="double" />
  116.  
  117. <meta name="select:post border" content="groove" />
  118.  
  119. <meta name="select:post border" content="ridge" />
  120.  
  121. <meta name="select:post border" content="inset" />
  122.  
  123. <meta name="select:post border" content="outset" />
  124.  
  125.  
  126. <!--DESCRIPTION METAS-->
  127.  
  128. <meta name="color:description font" contents="" />
  129.  
  130. <meta name="color:description outline" contents="" />
  131.  
  132. <meta name="text:description" contents="" />
  133.  
  134.  
  135. <!--MISC METAS-->
  136.  
  137. <meta name="color:tags" contents="" />
  138.  
  139. <meta name="color:tags outline" contents="" />
  140.  
  141. <meta name="color:links" contents="" />
  142.  
  143.  
  144. <!--PAGINATION METAS-->
  145.  
  146. <meta name="image:next page" contents="" />
  147.  
  148. <meta name="image:prev page" contents="" />
  149.  
  150. <meta name="color:pagination" contents="" />
  151.  
  152. <meta name="color:pagination outline" contents="" />
  153.  
  154. <meta name="text:next page" contents="" />
  155.  
  156. <meta name="text:prev page" contents="" />
  157.  
  158. <!--SCRIPT-->
  159.  
  160. <script>
  161.  
  162. $('#tagmove').click(function(){
  163. if($(this).attr("trigger")==="0"){
  164. $(this).animate({"left":"100px"},700);
  165. $(this).attr("trigger","1");
  166. }
  167. else{
  168. $(this).animate({"left":"0px"},700);
  169. $(this).attr("trigger","0");
  170. }
  171. });
  172.  
  173. </script>
  174.  
  175. <!--THINGS-->
  176.  
  177. <style>
  178.  
  179. body {
  180.  
  181. background-image: url('{image:background}');
  182.  
  183. background-size: cover;
  184.  
  185. background-color: {color:background};
  186.  
  187. font-family: {text:font};
  188.  
  189. color: {color:font};
  190.  
  191. overflow: auto;
  192. }
  193.  
  194. a, ahref {
  195.  
  196. color: {color:links};
  197. }
  198.  
  199. blockquote {
  200.  
  201. margin: 0px;
  202.  
  203. padding-left: 5px;
  204.  
  205. border-left: 1px dotted {color:font};
  206.  
  207. }
  208.  
  209. .npf_row {
  210.  
  211. margin: 0 !important;
  212.  
  213. }
  214.  
  215. iframe, img, embed, object, video {
  216.  
  217. max-width: 100%;
  218.  
  219. }
  220.  
  221. .photoset {
  222.  
  223. margin-top: 5px;
  224. }
  225.  
  226. .posts p, paragraph {
  227.  
  228. margin-top: 0px;
  229. }
  230.  
  231. .wrapper {
  232.  
  233. width: 700px;
  234. }
  235.  
  236. {block:ifshowicon}
  237.  
  238. .iconwrapper {
  239.  
  240. width: 190px;
  241. }
  242.  
  243. .icon {
  244.  
  245. width: 190px;
  246.  
  247. height: 190px;
  248.  
  249. background-image: url('{image:icon}');
  250.  
  251. background-size: cover;
  252.  
  253. border: 3px {select:icon border} {color:icon border};
  254.  
  255. z-index: 10;
  256.  
  257. margin-top: 20px;
  258.  
  259. position: fixed;
  260.  
  261. {block:ificonshadow}
  262.  
  263. -webkit-box-shadow:0px 0px 15px 2px {color:icon shadow};
  264.  
  265. -moz-box-shadow: 0px 0px 15px 2px {color:icon shadow};
  266.  
  267. box-shadow: 0px 0px 15px 2px {color:icon shadow};
  268.  
  269. {/block:ificonshadow}
  270. }
  271.  
  272. {/block:ifshowicon}
  273.  
  274. .headerwrapper {
  275.  
  276. width: 540px;
  277. }
  278.  
  279. {block:ifshowheader}
  280.  
  281. .header {
  282.  
  283. width: 540px;
  284.  
  285. height: 170px;
  286.  
  287. background-image: url('{image:header}');
  288.  
  289. background-size: cover;
  290.  
  291. border: 3px {select:header border} {color:header border};
  292.  
  293. margin-top: 30px;
  294.  
  295. position: fixed;
  296.  
  297. z-index: 6;
  298.  
  299. {block:ifheadershadow}
  300.  
  301. -webkit-box-shadow:0px 0px 15px 2px {color:header shadow};
  302.  
  303. -moz-box-shadow: 0px 0px 15px 2px {color:header shadow};
  304.  
  305. box-shadow: 0px 0px 15px 2px {color:header shadow};
  306.  
  307. {/block:ifheadershadow}
  308. }
  309.  
  310. {/block:ifshowheader}
  311.  
  312. .descriptionwrapper {
  313.  
  314. width: 540px;
  315. }
  316.  
  317. .description {
  318.  
  319. width: 540px;
  320.  
  321. border: 3px solid transparent;
  322.  
  323. position: fixed;
  324.  
  325. margin-top: 220px;
  326.  
  327. margin-bottom: 5px;
  328.  
  329. z-index: 5;
  330.  
  331. }
  332.  
  333. .desc {
  334.  
  335. width: 284px;
  336.  
  337. height: 35px;
  338.  
  339. padding-left: 3px;
  340.  
  341. padding-right: 3px;
  342.  
  343. overflow: scroll;
  344.  
  345. border: 3px solid transparent;
  346.  
  347. text-align: center;
  348.  
  349. position: fixed;
  350.  
  351. margin-left: 122px;
  352.  
  353. overflow-x: hidden;
  354.  
  355. z-index: 15;
  356.  
  357. color: {color:description font};
  358.  
  359. text-shadow: -1px -1px 0 {color:description outline}, 1px -1px 0 {color:description outline}, -1px 1px 0 {color:description outline}, 1px 1px 0 {color:description outline};
  360. }
  361.  
  362.  
  363. .postswrap {
  364.  
  365. background-color: transparent;
  366.  
  367. width: 734px;
  368.  
  369. position: fixed;
  370.  
  371. margin-top: 264px;
  372.  
  373. overflow-x: scroll;
  374.  
  375. overflow-y: visible;
  376.  
  377. height: 540px;
  378.  
  379. border-bottom: 3px {select:post border} {color:post border};
  380.  
  381. border-radius: 0 0 110px 110px;
  382.  
  383. padding-left: 3px;
  384.  
  385. padding-right: 3px;
  386.  
  387. padding-top: 15px;
  388.  
  389. margin-left: -20px;
  390. }
  391.  
  392. .posts {
  393.  
  394. width: 520px;
  395.  
  396. margin-left: 5px;
  397.  
  398. margin-top: 5px;
  399.  
  400. margin-bottom: 5px;
  401.  
  402. position: relative;
  403.  
  404. background-color: {color:post background};
  405.  
  406. padding: 10px;
  407.  
  408. border: 3px {select:post border} {color:post border};
  409.  
  410. text-align: justify;
  411.  
  412. {block:ifpostshadow}
  413.  
  414. -webkit-box-shadow:0px 0px 12px 3px {color:post shadow};
  415.  
  416. -moz-box-shadow: 0px 0px 12px 3px {color:post shadow};
  417.  
  418. box-shadow: 0px 0px 12px 3px {color:post shadow};
  419.  
  420. {/block:ifpostshadow}
  421. }
  422.  
  423. .spotify_audio_player {
  424.  
  425. height: 80px!important;
  426.  
  427. width: 100%!important;
  428.  
  429. }
  430.  
  431. .soundcloud_audio_player {
  432.  
  433. height: 150px!important;
  434.  
  435. width: 100%!important;
  436.  
  437. }
  438.  
  439. .trackback {
  440.  
  441. position: absolute;
  442.  
  443. left: 20px;
  444.  
  445. top: 20px;
  446.  
  447. width: 19px;
  448.  
  449. height: 19px;
  450.  
  451. background-color: #fff;
  452.  
  453. padding: 10px;
  454.  
  455. opacity: .4;
  456.  
  457. }
  458.  
  459. .pressplay {
  460.  
  461. position: relative;
  462.  
  463. width: 25px;
  464.  
  465. height: 25px;
  466.  
  467. overflow: hidden;
  468.  
  469. left: -6px;
  470.  
  471. top: -3px;
  472.  
  473. }
  474.  
  475. .albumpic {
  476.  
  477. position: absolute;
  478.  
  479. left: 0px;
  480.  
  481. top: 0px;
  482.  
  483. width: 79px;
  484.  
  485. height: 79px;
  486.  
  487. }
  488.  
  489. .albumpic img {
  490.  
  491. width: 100%;
  492.  
  493. height: auto;
  494.  
  495. border: 1px solid {color:font color};
  496.  
  497. }
  498.  
  499. .trackinfo {
  500.  
  501. width: auto;
  502.  
  503. position: relative;
  504.  
  505. display: inline-block;
  506.  
  507. margin-left: 90px;
  508.  
  509. min-height: 85px;
  510.  
  511. }
  512.  
  513. .audiowrapper {
  514.  
  515. position: relative;
  516.  
  517. display: inline-block;
  518.  
  519. margin-top: 10px;
  520.  
  521. }
  522.  
  523. </style>
  524.  
  525. <!--MOVING-->
  526.  
  527. <style>
  528.  
  529. .tags {
  530.  
  531. width: 170px;
  532.  
  533. max-height: 300px;
  534.  
  535. margin-left: 480px;
  536.  
  537. margin-top: -8px;
  538.  
  539. padding-left: 15px;
  540.  
  541. font-size: 12px;
  542.  
  543. background-color: transparent;
  544.  
  545. text-align: left;
  546.  
  547. color: {color:tags};
  548.  
  549. border: 0px;
  550.  
  551. position: absolute;
  552. }
  553.  
  554. ::-webkit-scrollbar {
  555. display: none;
  556. }
  557.  
  558.  
  559. #hvr-bubble-float-left {
  560. -webkit-transform: perspective(1px) translateZ(0);
  561. transform: perspective(1px) translateZ(0);
  562. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  563. position: relative;
  564. -webkit-transition-duration: 0.5s;
  565. transition-duration: 0.5s;
  566. -webkit-transition-property: transform;
  567. transition-property: transform;
  568. background-color: transparent;
  569. }
  570. #hvr-bubble-float-left:before {
  571. position: absolute;
  572. z-index: -1;
  573. content: '';
  574. top: calc(50% - 10px);
  575. left: 0;
  576. -webkit-transition-duration: 0.5s;
  577. transition-duration: 0.5s;
  578. -webkit-transition-property: transform;
  579. transition-property: transform;
  580. background-color: transparent;
  581. }
  582. #hvr-bubble-float-left:hover, #hvr-bubble-float-left:focus, #hvr-bubble-float-left:active {
  583. -webkit-transform: translateX(155px);
  584. transform: translateX(155px);
  585. background-color: transparent;
  586. }
  587. #hvr-bubble-float-left:hover:before, #hvr-bubble-float-left:focus:before, #hvr-bubble-float-left:active:before {
  588. -webkit-transform: translateX(-155px);
  589. transform: translateX(-155px);
  590. background-color: transparent;
  591. }
  592.  
  593. </style>
  594.  
  595. </head>
  596.  
  597. <body>
  598.  
  599. <center>
  600.  
  601. <div class="wrapper">
  602.  
  603. <div class="iconwrapper">
  604.  
  605. <div class="icon">
  606.  
  607. </div> <!--ICON CLOSE-->
  608.  
  609. </div> <!--ICON WRAPPER CLOSE-->
  610.  
  611. <div class="headerwrapper">
  612.  
  613. <div class="header"></div> <!--HEADER CLOSE-->
  614.  
  615. </div> <!--HEADER WRAPPER CLOSE-->
  616.  
  617. <div class="descriptionwrapper">
  618.  
  619. <div class="description">
  620.  
  621. <div class="desc">{text:description}</div>
  622.  
  623. </div> <!--DESC CLOSE-->
  624.  
  625. </div> <!--DESC WRAPPER CLOSE-->
  626.  
  627. <div class="postswrap">
  628.  
  629. {block:Posts}
  630.  
  631. <div class="tags" id="hvr-bubble-float-left" style="position: absolute;">
  632.  
  633. <span style="float: right; font-size: 30px; font-family: tahoma;">➥</span><br><br>
  634.  
  635. {block:HasTags}
  636.  
  637. {block:Tags}
  638.  
  639. {text:tag symbol} <a href="{TagURL}" title="{Tag}" style="text-decoration: none; color:{color:tags}; text-shadow: -1px -1px 0 {color:tags outline}, 1px -1px 0 {color:tags outline}, -1px 1px 0 {color:tags outline}, 1px 1px 0 {color:tags outline};">#{Tag}</a> <br><br>
  640. {/block:Tags}
  641.  
  642. {/block:HasTags}
  643. <br>
  644. </div>
  645.  
  646. <div class="posts">
  647.  
  648. <center>
  649.  
  650. {block:Text}
  651. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  652. {Body}
  653. {/block:Text}
  654.  
  655. {block:Quote}
  656. <div class="quote"><h2 style="margin-top: 2px; margin-bottom: 2px;"><b>"</b> <i>{Quote}</i> <b>"</b></h2></div>
  657. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  658. {/block:Quote}
  659.  
  660. {block:Link}
  661. <big><a href="{URL}">{Name}</a></big>
  662. {block:Description}{Description}{/block:Description}
  663. {/block:Link}
  664.  
  665. {block:Chat}
  666. {block:Title}{Title}{/block:Title}
  667. {block:Lines}
  668. <div class="{Alt} user_{UserNumber}">
  669. {block:Label}{Label}{/block:Label} {Line}
  670. </div>
  671. {/block:Lines}
  672. {/block:Chat}
  673.  
  674. {block:Answer}
  675. <span style="float: right;"><i>{Asker}</i></span>
  676. <div class="question"><blockquote>{Question}</blockquote></div><hr>
  677. {Answer}
  678. {/block:Answer}
  679.  
  680. {block:Photo}
  681. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{Permalink}"/>{LinkCloseTag}
  682. <hr>
  683. {block:Caption}{Caption}{/block:Caption}
  684. {/block:Photo}
  685.  
  686.  
  687. {block:Photoset}
  688. {Photoset-400}
  689. {block:Caption}<span style="text-align: justify;">{Caption}</span>{/block:Caption}
  690. {/block:Photoset}
  691.  
  692. {block:Video}
  693. {Video-400}
  694. {block:Caption}{Caption}{/block:Caption}
  695. {/block:Video}
  696.  
  697. {block:AudioPlayer}
  698. <div class="audiowrapper">
  699. {block:AlbumArt}
  700. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  701. {/block:AlbumArt}
  702. <div class="trackback">
  703. <div class="pressplay">
  704. {AudioPlayer}
  705. </div></div>
  706. <div class="trackinfo">
  707. {block:TrackName}{TrackName}{/block:TrackName}<br>
  708. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  709. {block:Album}<i>{Album}</i>{/block:Album}<br>
  710. </div></div>
  711. {block:Caption}{Caption}{/block:Caption}
  712. {/block:AudioPlayer}
  713.  
  714. </center>
  715.  
  716. {block:Date}
  717.  
  718. {block:PermalinkPage}
  719. {/block:PermalinkPage}
  720.  
  721.  
  722. {block:PermalinkPage}
  723. {block:NoteCount}
  724. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> {/block:RebloggedFrom}{block:ContentSource} x <a href="{SourceURL}" title="{SourceTitle}"> source</a>{/block:ContentSource}
  725. <br>
  726. {block:PostNotes}{PostNotes}{/block:PostNotes}
  727. {/block:NoteCount}
  728. {/block:PermalinkPage}
  729. {/block:Date}
  730.  
  731. </div>
  732.  
  733. <div class="post-footer" style="height: auto; max-width: 540px; margin-top: 3px; text-shadow: -1px -1px 0 {color:footer outline}, 1px -1px 0 {color:footer outline}, -1px 1px 0 {color:footer outline}, 1px 1px 0 {color:footer outline};">
  734.  
  735. <a href="{Permalink}" style="color:{color:post type color}; text-decoration: none; float: left;">{TimeAgo}</a>
  736.  
  737. <a href="{Permalink}" style="float: right; text-decoration: none;">{NoteCount} notes</a><br>
  738. </div>
  739.  
  740. <br>
  741.  
  742. {/block:Posts}
  743.  
  744. {block:Pagination}
  745.  
  746. {block:NextPage}<a href="{NextPage}" style="color: {color:pagination}; text-decoration: none; font-size: 18px; z-index: 5; text-shadow: -1px -1px 0 {color:pagination outline}, 1px -1px 0 {color:pagination outline}, -1px 1px 0 {color:pagination outline}, 1px 1px 0 {color:pagination outline};">{text:next page}</a>{/block:NextPage}
  747.  
  748. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  749.  
  750. {block:PreviousPage}<a href="{PreviousPage}" style="color: {color:pagination}; text-decoration: none; font-size: 18px; z-index: 5; text-shadow: -1px -1px 0 {color:pagination outline}, 1px -1px 0 {color:pagination outline}, -1px 1px 0 {color:pagination outline}, 1px 1px 0 {color:pagination outline};">{text:prev page}</a>{/block:PreviousPage}
  751.  
  752. {/block:Pagination}
  753.  
  754. <br><br>
  755.  
  756. {/block:Posts}
  757.  
  758. </div> <!--POSTS CLOSE-->
  759.  
  760. </div> <!--POSTS WRAP CLOSE-->
  761.  
  762. </div> <!--WRAPPER CLOSE-->
  763.  
  764. </center>
  765.  
  766. <!--CREEEDDDIT-->
  767. <div id="credit">
  768.  
  769. <a href="https://cod.tumblr.com/" target="_blank" title="CODED BY JOYBOY">🦩</a>
  770.  
  771. </div>
  772.  
  773. </body>
  774.  
  775. </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!