API tools faq
paste
Advertisement
Laighlin

#13: Moonburst

Laighlin
Feb 18th, 2017
4,932
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <script type="text/javascript" src="https://secure.static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  5. <head><title>{Title}{block:PostSummary} // {PostSummary}{/block:PostSummary}</title>
  6. {block:ifNotCustomFavicon}
  7. <link rel="shortcut icon" href="{Favicon}">
  8. {/block:ifNotCustomFavicon}{block:ifCustomFavicon}
  9. <link rel="shortcut icon" href="{image:favicon}">
  10. {/block:ifCustomFavicon}
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. <link href="https://fonts.googleapis.com/css?family=Alegreya+SC:400,400i,700,700i" rel="stylesheet">
  13. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  14. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i" rel="stylesheet">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <!--
  18.  
  19. Moonburst by Laighlin
  20.  
  21. -  Do not redistribute this theme or claim as your own.
  22. -  Let me know if you need help with further customization
  23.   or encounter a bug!
  24.  
  25. Credits:
  26. 1. Sunless Skies is © 2017 and ™ Failbetter Games Limited:
  27.   http://www.failbettergames.com/sunless-skies
  28.   This is an unofficial fan work.
  29. 2. The unnesting plugin for post captions was created by
  30.   @magnusthemes and @neothm.
  31.  
  32. -->
  33.  
  34. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  35. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  36. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  37.  
  38. <script>
  39. $(document).ready(function() {
  40.     $("[title]").style_my_tooltips({
  41.         tip_follows_cursor:true,
  42.         tip_delay_time:100,
  43.         tip_fade_speed:300
  44.     });
  45.     $('.post').unnest({
  46.      yourCaption: ".caption",
  47.      wrapName: ".tumblr_parent",
  48.      originalPostCaptionUsername: false,
  49.      tumblrAvatars: false,
  50.      tumblrAvatarClass: ".tumblr_avatar",
  51.      usernameColon: false,
  52. });
  53. });
  54. </script>
  55.  
  56. <meta name="color:Background color" content="#1a050b"/>
  57. <meta name="color:Borders" content="#73505b"/>
  58. <meta name="image:Background" content="http://static.tumblr.com/xwoxjom/sBgolip2z/galaxie.jpg"/>
  59. <meta name="image:Favicon" content="http://static.tumblr.com/xwoxjom/emRolioz5/pink_star_icon.png"/>
  60. <meta name="image:Icon" content=""/>
  61. <meta name="if:500px posts" content="0"/>
  62. <meta name="if:Gradient backgrounds" content="1"/>
  63. <meta name="if:Custom favicon" content="1"/>
  64. <meta name="if:Icon" content="0"/>
  65. <meta name="if:Search bar" content="1"/>
  66.  
  67. <meta name="select:Description shape" title="circular" content="
  68. height:160px;padding:45px 30px 25px 30px;border-radius:50%
  69. "/>
  70. <meta name="select:Description shape" title="rectangular" content="
  71. padding:20px 30px 12px;border-radius:10px
  72. "/>
  73.  
  74. <meta name="select:Background size" title="cover" content="no-repeat;background-size:cover"/>
  75. <meta name="select:Background size" title="tiled" content="repeat"/>
  76.  
  77. <meta name="color:Title" content="#fff"/>
  78. <meta name="color:Fade undertone" content="#170b20"/>
  79. <meta name="color:Description text" content="#ddd"/>
  80. <meta name="color:Description background" content="#791c3b"/>
  81. <meta name="color:Post background" content="#1a0d1a"/>
  82. <meta name="color:Post text" content="#ccc"/>
  83. <meta name="color:Bold" content="#ffa579"/>
  84. <meta name="color:Italic" content="#bea0ba"/>
  85. <meta name="color:Link" content="#ff7a75"/>
  86. <meta name="color:Link hover" content="#ff7a75"/>
  87. <meta name="color:Selection text" content="#fff"/>
  88. <meta name="color:Selection background" content="#a82b4c"/>
  89. <meta name="color:Scrollbar" content="#a82b4c"/>
  90. <meta name="color:Navigation links" content="#1d0b20">
  91. <meta name="color:Tags" content="#ffe092"/>
  92. <meta name="color:Tags hover" content="#c685ba"/>
  93.  
  94. <!-- text fields -->
  95. <meta name="text:Body font" content="open sans"/>
  96. <meta name="text:Body font size" content="13px"/>
  97. <meta name="text:Description font size" content="12px"/>
  98.  
  99. <style type="text/css">
  100.  
  101. body {
  102.     margin:0px;
  103.     background:{color:background color};
  104.     color:{color:post text};
  105.     font-family:'{text:body font}', karla, 'open sans', sans-serif;
  106.     font-size:{text:body font size};
  107.     overflow:hidden;
  108.     word-wrap:break-word;
  109.     -webkit-font-smoothing:antialiased;
  110. }
  111.  
  112. .fa {
  113.     font-family:'fontawesome'!important;
  114. }
  115.  
  116. #bgholder {
  117.     background:url({image:background}) fixed {select:background size};
  118.     content:'';
  119.     height:100%;
  120.     width:100%;
  121.     position:fixed;
  122.     z-index:-999;
  123. }
  124.  
  125. #yeehaw {
  126.     position:absolute;
  127.     z-index:-10;
  128.     margin:auto;
  129.     width:100%;
  130.     height:100%;
  131.     overflow:auto;
  132. }
  133.  
  134. a, .links, .tags {
  135.     transition:.3s ease-in-out;
  136. }
  137.  
  138.  
  139. b, strong {
  140.     color:{color:bold};
  141. }
  142.  
  143.  
  144. i, em {
  145.     color:{color:italic};
  146. }
  147.  
  148. a {
  149.     text-decoration:none;
  150. }
  151.  
  152. .caption a, .info a, #desc a, #corner a, #note a {
  153.     text-decoration:none;
  154.     outline:none;
  155.     -moz-outline-style:none;
  156.     color:{color:link};
  157. }
  158.  
  159. .caption a:hover, #desc a:hover, #note a:hover {
  160.     background:{color:link hover};
  161.     color:{color:post background};
  162. }
  163.  
  164. img {
  165.     max-width:100%;
  166.     display:inline;
  167.     padding:none;
  168. }
  169.  
  170. blockquote, blockquote blockquote {
  171.     padding-left:7px;
  172.     margin-left:7px;
  173.     border-left:1px solid {color:borders};
  174.     margin-right:0px;
  175. }
  176.  
  177. .tumblr_parent {
  178.     margin:5px 0 0;
  179.     border:none;
  180.     padding:7px 3px 0 10px;
  181. }
  182.  
  183. .tumblr_parent:nth-child(even) {
  184.    
  185. }
  186.  
  187. .tumblr_parent a {
  188.    
  189. }
  190.  
  191. .tumblr_parent a.tumblr_blog {
  192.     color:{color:link};
  193.     font:small-caps 130% karla;
  194. }
  195.  
  196. a.tumblr_blog:after {
  197.     content:" \00BB";
  198. }
  199.  
  200. h1 {
  201.     font-size:130%;
  202. }
  203.  
  204. ::selection {
  205.   background: {color:selection background};
  206.   color: {color:selection text};
  207. }
  208.  
  209. ::-moz-selection {
  210.   background: {color:selection background};
  211.   color: {color:selection text};
  212. }
  213.  
  214. ::-webkit-scrollbar {
  215.     width:7px;
  216.     height:7px;
  217. }
  218.  
  219. ::-webkit-scrollbar-thumb {
  220.     background:{color:scrollbar};
  221.     border:1px solid transparent;
  222.     background-clip:padding-box;
  223.     border-radius:5px;
  224. }
  225.  
  226. ::-webkit-scrollbar-track {
  227.     background:transparent;
  228.     background-clip:padding-box;
  229. }
  230.  
  231. ::-webkit-scrollbar-track-horizontal { border-right:none; }
  232.  
  233. ::-webkit-scrollbar-track-vertical { border-bottom:none; }
  234.  
  235. ::-webkit-scrollbar-corner {
  236.     background:{color:scrollbar};
  237.     border-radius:50%;
  238.     margin:2px;
  239. }
  240.  
  241. #cred {
  242.     position:absolute;
  243.     height:20px;
  244.     width:20px;
  245.     background:{color:post background};
  246.     padding:5px;
  247.     color:{color:link};
  248.     font-size:20px;
  249.     border-radius:50%;
  250.     border:4px solid {color:borders};
  251.     line-height:20px;
  252. }
  253.  
  254. #textbox {
  255.     transition:.2s all ease;
  256.     position:relative;
  257.     font:12px karla;
  258.     visibility:hidden;
  259.     opacity:0;
  260.     margin-top:-48px;
  261.     left:50px;
  262.     padding:5px;
  263.     width:230px;
  264.     text-align:center;
  265.     background:{color:post background};
  266.     border-radius:6px;
  267. }
  268.  
  269. #textbox:before {
  270.     position:absolute;
  271.     content:'';
  272.     height:0;
  273.     width:0;
  274.     border-top: 10px solid transparent;
  275.     border-bottom: 10px solid transparent;
  276.     border-right:10px solid {color:post background};
  277.     bottom:10px;
  278.     left:-10px;
  279. }
  280.  
  281. svg#laigh {
  282.     fill:{color:link};
  283. }
  284.  
  285. #corner {
  286.     height:30px;
  287.     width:100px;
  288.     position:fixed;
  289.     bottom:20px;
  290.     left:20px;
  291.     z-index:99;
  292. }
  293.  
  294. #corner:hover #textbox {
  295.     visibility:visible;
  296.     margin-top:-42px;
  297.     opacity:1;
  298. }
  299.  
  300. #cred:hover svg#laigh {
  301.     fill:{color:bold};
  302. }
  303.  
  304. #s-m-t-tooltip {
  305.     margin:0 15px;
  306.     background:{color:description background};
  307.     color:{color:description text};
  308.     padding:3px 5px;
  309.     font:italic 13px karla;
  310.     border-radius:4px;
  311.     pointer-events:none;
  312. }
  313.  
  314. .rlbuttons {  
  315.     height:24px;
  316.     line-height:0;
  317.     position:absolute;
  318.     right:20px;
  319. }
  320.  
  321. .rlbuttons .like, .reblog-button {
  322.     display:inline-block;
  323.     height:24px;
  324.     width:24px;
  325.     box-sizing:border-box;
  326.     text-align:center;
  327.     position:absolute;
  328. }
  329.  
  330. .rlbuttons .like {
  331.     border-radius:50%;
  332.     background:{color:borders};
  333. }
  334.  
  335. .reblog-button {
  336.     right:5px;
  337.     line-height:12px;
  338.     display:inline-block;
  339.     font-size:16px;
  340.     color:{color:post background};
  341. }
  342.  
  343. .like svg {
  344.     margin-top:2px;
  345.     padding-top:3px;
  346.     padding-left:1px;
  347. }
  348.  
  349. .like svg path {
  350.     fill: {color:navigation links};
  351. }
  352.  
  353. .like .like_button {
  354.     position: absolute;
  355.     margin-top: -15px;
  356.     margin-left:5px;
  357.     opacity:0;
  358.     transition:.2s all ease;
  359. }
  360.  
  361. .like .like_button.liked {
  362.     opacity: 1;;
  363.     transition:.2s all ease;
  364. }
  365.  
  366. .tagcont {
  367.     display:block;
  368.     color:{color:tags};
  369. }
  370.  
  371. .tagcont a {
  372.     text-decoration:none;
  373.     color:{color:tags};
  374. }
  375.  
  376. .tagcont a:hover {
  377.     background:{color:tags hover};
  378.     color:{color:post background};
  379. }
  380.  
  381. .tags {
  382.     padding:0 2px;
  383.     margin-right:2px;
  384. }
  385.  
  386. #title {
  387.     margin-bottom:15px;
  388.     color:{color:title};
  389.     max-width:210px;
  390.     font:20px 'alegreya sc';
  391.     {block:ifIcon}
  392.     padding:8px 15px 7px 30px;
  393.     {/block:ifIcon}
  394.     {block:ifNotIcon}
  395.     padding:8px 15px;
  396.     {/block:ifNotIcon}
  397.     position:relative;
  398.     border-radius:0 40px 0 0;
  399.     border:4px solid {color:borders};
  400.     border-bottom:none;
  401. }
  402.  
  403. {block:ifIcon} #title:before, {/block:ifIcon} #title:after {
  404.     content:'';
  405.     position:absolute;
  406.     border:4px solid {color:borders};
  407.     background:{color:borders};
  408.     border-radius:100%;
  409. }
  410.  
  411. {block:ifIcon}
  412. #title:before {
  413.     height:60px;
  414.     width:60px;
  415.     background-image:url('{image:Icon}');
  416.     background-size:cover;
  417.     margin-top:-45px;
  418.     margin-left:-65px;
  419.     z-index:5;
  420. }
  421. {/block:ifIcon}
  422.  
  423. #title:after {
  424.     top:2px;
  425.     right:2px;
  426.     height:7px;
  427.     width:7px;
  428.     position:absolute;
  429. }
  430.  
  431. #lefthand {
  432.     position:fixed;
  433.     text-align:center;
  434.     width:300px;
  435.     top:50%;
  436.     bottom:50%;
  437.     {block:ifnot500pxposts}
  438.     margin-left:calc(50% - 450px);
  439.     {/block:ifnot500pxposts}
  440.     {block:if500pxposts}
  441.     margin-left:calc(50% - 480px);
  442.     {/block:if500pxposts}
  443.     z-index:20;
  444.     display:flex;
  445.     flex-flow:column nowrap;
  446.     align-items:center;
  447.     justify-content:center;
  448. }
  449.  
  450. #desc {
  451.     position:relative;
  452.     width:170px;
  453.     {select:description shape};
  454.     display:flex;
  455.     flex-flow:column nowrap;
  456.     flex-shrink:0;
  457.     align-items:center;
  458.     justify-content:center;
  459.     line-height:120%;
  460.     color:{color:description text};
  461.     font-size:{text:description font size};
  462. }
  463.  
  464. #desc, .links {
  465.     color:{color:description text};
  466.     background:{color:description background};
  467.     {block:ifGradientBackgrounds}
  468.     background:linear-gradient(to right, {color:description background}, rgba({RGBcolor:description background},.6));
  469.     background-color:{color:fade undertone};
  470.     {/block:ifGradientBackgrounds}
  471. }
  472.  
  473. #desc:before {
  474.     content:'';
  475.     position:absolute;
  476.     border:4px solid {color:borders};
  477.     top:-16px;
  478.     left:-20px;
  479.     right:-20px;
  480.     bottom:50%;
  481.     z-index:-1;
  482. }
  483.  
  484. #desc:after {
  485.     content:'';
  486.     position:absolute;
  487.     background:{color:borders};
  488.     height:15px;
  489.     width:15px;
  490.     border-radius:50%;
  491.     bottom:110px;
  492.     left:-26px;
  493. }
  494.  
  495. #postcont {
  496.     z-index:10;
  497.     top:0;
  498.     bottom:0;
  499.     {block:HasPages}bottom:55px;{/block:HasPages}
  500.     position:absolute;
  501.     overflow-y:auto;
  502.     width:100%;
  503. }
  504.  
  505. #entries {
  506.     position:relative;
  507.     z-index:1;
  508.     {block:if500pxposts}
  509.     width:520px;
  510.     margin-left:calc(50% - 120px);
  511.     {/block:if500pxposts}
  512.     {block:ifNot500pxposts}
  513.     margin-left:calc(50% - 100px);
  514.     width:420px;
  515.     {/block:ifNot500pxposts}
  516. }
  517.  
  518. .post_wrapper {
  519.     position:relative;
  520.     border-radius:10px;
  521.     margin:70px auto;
  522.     {block:PermalinkPage}
  523.     margin-bottom:30px;
  524.     {/block:PermalinkPage}
  525.     background-color:{color:post background};
  526.     {block:ifGradientBackgrounds}
  527.     background:linear-gradient(to right, {color:post background}, rgba({RGBcolor:post background},.8));
  528.     background-color:{color:fade undertone};
  529.     {/block:ifGradientBackgrounds}
  530. }
  531.  
  532. .post_wrapper:first-child {
  533.     margin-top:30px;
  534. }
  535.  
  536. .post ul {
  537.     list-style-type:circle;
  538. }
  539.  
  540. .post li {
  541.     margin-left:-10px;
  542. }
  543.  
  544. .tit {
  545.     position:relative;
  546.     display:block;
  547.     background:{color:description background};
  548.     {block:ifGradientBackgrounds}
  549.     background:{color:fade undertone};
  550.     background-image:linear-gradient(to right, {color:description background}, rgba({RGBcolor:description background},.8));
  551.     {/block:ifGradientBackgrounds}
  552.     width:100%;
  553.     left:-10px;
  554.     padding:10px;
  555.     border-radius:10px 10px 0 0;
  556.     top:-10px;
  557.     font:130% 'alegreya sc';
  558.     color:{color:description text};
  559.     text-align:center;
  560. }
  561.  
  562. a.tit:hover, .links:hover, .links:nth-child(even):hover {
  563.     background:{color:link hover};
  564.     {block:ifGradientBackgrounds}
  565.     background:{color:fade undertone};
  566.     background-image:linear-gradient(to right, {color:link hover}, rgba({RGBcolor:link hover},.6));
  567.     {/block:ifGradientBackgrounds}
  568.     color:{color:post background};
  569. }
  570.  
  571. .tit .fa-external-link {
  572.     font-size:80%;
  573.     margin-right:1px;
  574. }
  575.  
  576. .quote {
  577.     font:italic 120% karla;
  578.     color:{color:bold};
  579. }
  580.  
  581. .quote .fa-quote-left {
  582.     font-size:200%;
  583.     float:left;
  584.     padding-right:5px;
  585.     color:rgba({RGBcolor:italic},.5)
  586. }
  587.  
  588. .askr {
  589.     font-size:120%;
  590.     text-transform:uppercase;
  591.     text-align:center;
  592. }
  593.  
  594. .askr a {
  595.     color:{color:link};
  596. }
  597.  
  598. .answer {
  599.     padding:4px 10px;
  600.     font:italic 110% karla;
  601.     color:{color:bold};
  602.    
  603. }
  604.  
  605. .post {
  606.     width:inherit;
  607.     padding:10px;
  608.     position:relative;
  609.     border-radius:3px;
  610.     z-index:3;
  611. }
  612.  
  613. .info {
  614.     z-index:-5;
  615.     top:23px;
  616.     position:absolute;
  617.     bottom:-15px;
  618.     left:-8px;
  619.     right:-8px;
  620.     border:4px solid {color:borders};
  621.     text-transform:uppercase;
  622.     font:13px karla;
  623.     line-height:13px;
  624. }
  625.  
  626. .info a.fa {
  627.     position:relative;
  628.     margin-right:5px;
  629.     border-radius:50%;
  630.     padding:3px;
  631.     font-size:16px;
  632.     height:18px;
  633.     width:18px;
  634.     display:inline-block;
  635.     background:{color:borders};
  636.     color:{color:navigation links};
  637. }
  638.  
  639. .info a.fa-clock-o {
  640.     font-size:19px;
  641.     text-align:center;
  642. }
  643.  
  644. .inf_line {
  645.     position:absolute;
  646.     bottom:-15px;
  647.     left:-14px;
  648.     right:-10px;
  649.     z-index:3;
  650.     display:flex;
  651.     align-items:center;
  652. }
  653.  
  654. .note_lbl {
  655.     top:-1px;
  656.     display:inline-block;
  657.     height:18px;
  658.     line-height:15px;
  659.     padding:3px 5px;
  660.     border-radius:9px;
  661.     background:{color:borders};
  662.     color:{color:navigation links};
  663. }
  664.  
  665. #note {
  666.     overflow-x:hidden;
  667.     overflow-y:auto;
  668.     text-align:center;
  669.     font:90% {text:body font};
  670.     margin-bottom:30px;
  671.     max-height:400px;
  672. }
  673.  
  674. #note ol.notes {
  675.     list-style-type:none;
  676.     margin:5px;
  677.     padding:5px;
  678. }
  679.  
  680. #note ol.notes img.avatar {
  681.     margin-right: 5px;
  682.     margin-bottom:-3px;
  683.     width: 16px;
  684.     height: 16px;
  685.     border-radius:50%;
  686. }
  687.  
  688. #note ol.notes li {
  689.     padding:3px;
  690. }
  691.  
  692.  
  693. #asker {
  694.     float:left;
  695.     margin-right:5px;
  696. }
  697.  
  698.  
  699. .aud {
  700.     height:30px;
  701.     width:23px;
  702.     overflow:hidden;
  703.     position:relative;
  704.     margin-top:16px;
  705.     margin-left:14px;
  706. }
  707.  
  708. .audholder {
  709.     position:absolute;
  710.     z-index:30;
  711.     background:#f3f3f3;
  712.     margin-top:11px;
  713.     margin-left:11px;
  714.     width:60px;
  715.     height:60px;
  716.     opacity:.5;
  717.     border-radius:50%;
  718. }
  719.  
  720. #song {
  721.     height:51px;
  722.     padding:20px 15px 15px;
  723.     background:transparent;
  724.     font:small-caps 100% {text:body font};
  725. }
  726.  
  727. #cover {
  728.     margin-right:5px;
  729.     border-radius:3px;
  730.     width:81px;
  731.     height:81px;
  732.     float:left;
  733.     background-size:cover;
  734.     z-index:1;
  735. }
  736.  
  737. #cover img { border-radius:50%; }
  738.  
  739. .chat {
  740.     padding:1px 0 2px;
  741. }
  742.  
  743. .chat:nth-child(even) {
  744.     padding-left:5px;
  745. }
  746.  
  747. #navcont {
  748.     position:relative;
  749.     background:{color:borders};
  750.     height:4px;
  751.     width:290px;
  752.     margin-top:20px;
  753. }
  754.  
  755. #navcont:after, #navcont:before {
  756.     content:'';
  757.     position:absolute;
  758.     height:14px;
  759.     width:14px;
  760.     border-radius:50%;
  761.     top:-5px;
  762.     background:{color:borders};
  763.     z-index:-1;
  764. }
  765.  
  766. #navcont:after {
  767.     right:0;
  768. }
  769.  
  770. #navcont:before {
  771.     left:0;
  772. }
  773.  
  774. .nav.fa-chevron-right {
  775.     float:right;
  776.     margin-right:-5px;
  777.     padding:3px;
  778.     padding-left:5px;
  779. }
  780.  
  781. .nav.fa-chevron-left {
  782.     float:left;
  783.     margin-left:-5px;
  784.     padding:3px;
  785.     padding-right:5px;
  786. }
  787.  
  788. .nav {
  789.     font-size:15px;
  790.     height:25px;
  791.     width:25px;
  792.     box-sizing:border-box;
  793.     border-radius:50%;
  794.     padding:2px;
  795.     background:{color:borders};
  796.     color:{color:navigation links};
  797.     margin:0 3px;
  798.     top:-10px;
  799.     position:relative;
  800.     line-height:20px;
  801.     text-align:center;
  802. }
  803.  
  804. a.fa-home {
  805.     top:-11px;
  806.     font-size:20px;
  807. }
  808.  
  809. .nav:hover {
  810.     color:{color:borders};
  811.     background:{color:navigation links};
  812. }
  813.  
  814. #searchbar {
  815.     margin-top:25px;
  816.     position:relative;
  817. }
  818.  
  819. #searchbox input#main {
  820.     background:{color:description background};
  821.     border:none;
  822.     outline:none;
  823.     padding:4px 19px 4px 6px;
  824.     border-radius:7px;
  825.     color:{color:description text};
  826.     font:110% karla;
  827.     text-align:right;
  828. }
  829.  
  830. #searchbox input#btn {
  831.     height:50px;
  832.     width:50px;
  833.     border:none;
  834.     border-radius:50%;
  835.     outline:none;
  836.     background:{color:borders};
  837.     margin-left:-19px;
  838.     cursor:pointer;
  839. }
  840.  
  841. #searchbar #search_lbl {
  842.     color:{color:navigation links};
  843.     font-size:30px;
  844.     line-height:0;
  845.     position:absolute;
  846.     top:22px;
  847.     right:13px;
  848.     pointer-events:none;
  849. }
  850.  
  851. #linkcont {
  852.     position:fixed;
  853.     bottom:0;
  854.     right:calc(50% - 380px);
  855.     padding-left:20px;
  856.     border-top-left-radius:30px;
  857.     border:4px solid {color:borders};
  858.     border-bottom:none;
  859.     z-index:15;
  860.     height:30px;
  861.     display:block;
  862.     counter-reset:linx;
  863.     line-height:0;
  864. }
  865.  
  866. #linkcont:before {
  867.     position:absolute;
  868.     content:'';
  869.     height:13px;
  870.     width:13px;
  871.     background:{color:borders};
  872.     border-radius:50%;
  873.     left:0;
  874. }
  875.  
  876. .links:before {
  877.     content:"0"counter(linx, decimal-leading-zero)".";
  878.     counter-increment:linx;
  879.     line-height:12px;
  880. }
  881.  
  882. .links {
  883.     font:small-caps italic 15px karla;
  884.     letter-spacing:1px;
  885.     text-align:center;
  886.     line-height:15px;
  887.     border-radius:6px;
  888.     top:-20px;
  889.     height:15px;
  890.     margin:0 7px;
  891.     padding:10px 7px;
  892.     display:inline-block;
  893.     position:relative;
  894.     transition:.2s all ease;
  895. }
  896.  
  897. .links:nth-child(even) {
  898.     background:{color:post background};
  899.     {block:ifGradientBackgrounds}
  900.     background:{color:fade undertone};
  901.     background-image:linear-gradient(to right, {color:post background}, rgba({RGBcolor:post background},.7));
  902.     {/block:ifGradientBackgrounds}
  903.     color:{color:post text};
  904. }
  905.  
  906. .photoset { border-radius:4px; overflow:hidden; }
  907.  
  908. {CustomCSS}</style></head><body>
  909. <div id="bgholder"></div><div id="yeehaw">
  910. <a href="http://linthm.tumblr.com/tagged/thm">
  911. <div id="corner">
  912.   <div id="cred">
  913.         <svg id="laigh" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 399.69 399.69"><title>Laighlin</title><rect x="131.87" y="21.19" width="136.42" height="136.42" rx="17.42" ry="17.42" transform="translate(120.98 -115.45) rotate(45)"/><rect x="131.87" y="242.39" width="136.42" height="136.42" rx="17.42" ry="17.42" transform="translate(277.39 -50.66) rotate(45)"/><rect x="243.08" y="131.18" width="136.42" height="136.42" rx="17.42" ry="17.42" transform="translate(231.32 -161.87) rotate(45)"/><rect x="21.88" y="131.18" width="136.42" height="136.42" rx="17.42" ry="17.42" transform="translate(166.54 -5.46) rotate(45)"/></svg>
  914.     </div></a>
  915.     <div id="textbox">
  916.         <i>Moonburst</i> is an unofficial fanwork created by Laighlin that draws inspiration from <i>Sunless Skies</i>, property of Failbetter Games Limited: <a href="http://www.failbettergames.com/sunless-skies/">www.failbettergames.com/sunless-skies</a>.
  917.     </div>
  918. </div>
  919. <div id="lefthand">
  920.   <a href="/">
  921.     <div id="title">
  922.       {Title}
  923.     </div></a>
  924. <div id="desc">
  925.       {Description}
  926. </div><div id="descwire"></div>
  927. <div id="navcont">
  928.  
  929.   {block:Pagination}{block:PreviousPage}<a class="nav fa fa-chevron-left" title="previous" href="{PreviousPage}"></a> {/block:PreviousPage}{/block:Pagination}
  930.     <a class="nav fa fa-home fa-lg" title="index" href="/"></a>
  931.     {block:AskEnabled}<a class="nav fa fa-pencil" title="ask" href="/ask"></a>{/block:AskEnabled}
  932.     {block:SubmissionsEnabled}<a class="nav fa fa-envelope" title="submit" href="/submit"></a>{/block:SubmissionsEnabled}
  933.     <a class="nav fa fa-calendar" title="archive" href="/archive"></a>
  934.  
  935.   {block:Pagination}{block:NextPage}<a class="nav fa fa-chevron-right" title="next" href="{NextPage}"></a> {/block:NextPage} {/block:Pagination}
  936. </div>
  937.     {block:ifSearchBar}
  938. <div id="searchbar">
  939. <form id="searchbox" onsubmit="return tagSearch(this)">
  940.     <input id="main" type="text" name="tag" value="search" onfocus="if (this.value == 'search') {this.value=''}" onblur="if (this.value == '') {this.value='search'}" />
  941.     <input id="btn" type="submit" value=" "/>
  942. </form>
  943.     <span id="search_lbl" class="fa fa-search" aria-hidden="true"></span>
  944. </div>
  945.     {/block:ifSearchBar}
  946. </div>
  947.  
  948.   {block:HasPages}
  949.   <div id="linkcont">
  950.     {block:Pages}<a href="{URL}" class="links"> <span class="lbl">{Label}</span></a>{/block:Pages}
  951.   </div>
  952.   {/block:HasPages}
  953.  
  954. <div id="postcont">
  955.   <div id="entries">
  956.     {block:Posts}
  957. <div class="post_wrapper"><div class="post">
  958.       {block:Text}
  959.     {block:Title}<div class="tit">{Title}</div>{/block:Title}
  960.       <div class="caption" style="margin-top:-5px">
  961.       {Body}</div>{/block:Text}
  962.      
  963.       {block:Photo} <div class="photoset">{LinkOpenTag} {block:if500pxposts} <img src="{PhotoURL-500}"> {/block:if500pxposts} {block:ifNot500pxposts} <img src="{PhotoURL-400}"> {/block:ifNot500pxposts} {LinkCloseTag}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:Photo}
  964.      
  965.       {block:Photoset}
  966.       <div class="photoset">
  967.     {block:if500pxposts}{Photoset-500}{/block:if500pxposts}{block:ifNot500pxposts}{Photoset-400}{/block:ifnot500pxposts}
  968.       </div> {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  969.       {/block:Photoset} {block:Quote}<div class="quote"><span class="fa fa-quote-left"></span>{Quote}</div>
  970.  
  971.       {block:Source}<div class="caption" style="text-align:right;padding-top:11px"> —{Source}</div>{/block:Source}
  972.       {/block:Quote} {block:Link}
  973.  
  974.       <a class="tit" href="{URL}">
  975.     <span class="fa fa-external-link"></span> {Name}</a>
  976.       {block:Description}{Description}{/block:Description}{/block:Link} {block:Chat}{block:Title}
  977.       <div class="tit">{Title}</div>
  978.       {/block:Title}<div class="ch" style="padding-bottom:4px">{block:Lines}<div class="chat">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat} {block:Audio}
  979.  
  980.       <div id="cover">
  981.         {block:AlbumArt} <img src="{AlbumArtURL}"> {/block:AlbumArt}
  982.       </div>
  983.  
  984.       <div class="audholder">
  985.         <div class="aud">
  986.           {AudioPlayerBlack}
  987.         </div>
  988.       </div>
  989.  
  990.       <div id="song">
  991.         {block:Artist}<b>Artist:</b> {Artist}<br>
  992.         {/block:Artist} {block:TrackName}<b>Title:</b> {TrackName}
  993.  
  994.         <p>{/block:TrackName}</p>
  995.       </div>
  996.       {block:Caption}<div class="caption">
  997. {Caption}</div>{/block:Caption} {/block:Audio}
  998.  
  999. {block:Video} {block:if500pxposts} {Video-500} {/block:if500pxposts} {block:ifNot500pxposts} {Video-400} {/block:ifNot500pxposts} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  1000.  
  1001. {block:Answer}
  1002.       <div class="askr"><span class="fa fa-comment"></span>&nbsp;&nbsp;{Asker}</div>
  1003.       <div class="answer">{Question}</div>
  1004.       <div class="caption">
  1005.       {Replies}
  1006.       </div>{/block:Answer}
  1007.      
  1008.       {block:HasTags}
  1009.  
  1010. <div class="tagcont">
  1011.       {block:Tags}
  1012.       <span class="fa fa-tag"></span> <a href="{TagURL}" class="tags">
  1013.         {Tag}</a>
  1014.       {/block:Tags}
  1015. </div>{/block:HasTags}
  1016.     </div>
  1017.     {block:Date}
  1018.  
  1019.     <div class="info">
  1020.     <div class="inf_line">
  1021.       <a class="fa fa-clock-o" href="{Permalink}" title="{TimeAgo}"></a>
  1022.      {block:RebloggedFrom}<a class="fa fa-mail-reply" href="{ReblogParentURL}" title="reblogged from {ReblogParentName}"></a>
  1023.       <a class="fa fa-mail-reply-all" href="{ReblogRootURL}" title="originally posted by {ReblogRootName}"></a>
  1024.       {/block:RebloggedFrom}
  1025.       {block:NoteCount}<div class="note_lbl">{NoteCountWithLabel}</div>{/block:NoteCount}
  1026.  
  1027. <div class="rlbuttons">
  1028.  
  1029. <div class="reblog-button"><a href="{ReblogUrl}" title="reblog" class="fa fa-refresh" aria-hidden="true"></a></div>
  1030.  
  1031. <div class="like">
  1032. <svg width="15" height="15" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>
  1033. {LikeButton size="15"}
  1034. </div>
  1035.  
  1036. </div> </div></div>
  1037.       {/block:Date} </div>{block:PostNotes}
  1038.       <div id="note">
  1039.         {PostNotes}
  1040.       </div>
  1041.       {/block:PostNotes}
  1042.    
  1043.     {/block:Posts}
  1044.   </div></div>
  1045. </div>
  1046. </body>
  1047. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!