Mephistia

Shadows Theme

Jan 14th, 2021 (edited)
4,284
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 45.77 KB | None | 0 0
  1. <!--
  2.  
  3.               SHADOWS THEME BY MEPHISTIA
  4.               mephistia-themes // mephistia-arts
  5.               2021 ⓒ Some Rights Reserved
  6.  
  7.                 -- UPDATED 02/19/21:
  8.                    - Fixed NPF posts not showing videos
  9.                    - Fixed tags not breaking correctly
  10.                
  11.               -- TERMS OF USE:
  12.                   - Don't remove/edit the credits
  13.                   - Don't use as base code
  14.                   - Don't steal parts of the code
  15.                   - Edit only for personal use
  16.                   - Don't claim as yours (you can state you made modifications)
  17.                   - Don't redistribute (original or edited)
  18.                   - Don't hesitate to send an ask if you have any questions!
  19.                  
  20.  
  21.               -- CREDITS:
  22.                   - photosets.css by @annasthms and @espoirthemes (https://annasthms.github.io/photosets)
  23.                   - Responsive iFrames by @nouvae
  24.                   - Unnest Tumblr Captions script by @neothm
  25.                   - Change color of Audio Player by @shudesigns
  26.                   - NPF images fix by @glenthemes
  27.                   - JavaScript code prettifier (github.com/googlearchive/code-prettify)
  28.                   - Jam Icons (https://jam-icons.com/)
  29.                   - Unsplash
  30.  
  31. -->
  32.  
  33.  
  34. <!DOCTYPE html>
  35. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  36. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  37. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  38.     <head>
  39.         {MobileAppHeaders}
  40.         <meta charset="utf-8">
  41.         <title>{Title}{block:TagPage} ({lang:Posts tagged Tag}){/block:TagPage}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  42.         <meta name="description" content="{MetaDescription}">
  43.        
  44.         {block:Hidden}
  45.        
  46.         <meta name="color:Text" content="#D1D1D1"/>        
  47.         <meta name="color:Background" content="#292929"/>
  48.         <meta name="color:Nav BG" content="#000000"/>
  49.         <meta name="color:Top Bar" content="#181818"/>
  50.         <meta name="color:Accent" content="#FFD881"/>
  51.  
  52.         <meta name="if:Grayscale Images" content="1">
  53.         <meta name="if:Header Layout" content="1">
  54.        
  55.         <meta name="image:Nav Tab Image" content="https://static.tumblr.com/xiit3w8/bPAqmwmzx/navbg.jpg"/>
  56.         <meta name="text:Nav Tab Text" content="&quotWe are the wounds and the great cold death of the earth.&quot">
  57.        
  58.  
  59.         <meta name="select:Post Width" content="450" title="450px">
  60.         <meta name="select:Post Width" content="500" title="500px">
  61.         <meta name="select:Post Width" content="540" title="540px">
  62.         <meta name="select:Post Width" content="600" title="600px">
  63.         <meta name="select:Post Width" content="650" title="650px">
  64.         <meta name="select:Post Width" content="700" title="700px">
  65.  
  66.        
  67.         <meta name="select:Font Size" content=".65rem" title="Tiny">
  68.         <meta name="select:Font Size" content=".8rem" title="Small">
  69.         <meta name="select:Font Size" content="1rem" title="Normal">
  70.         <meta name="select:Font Size" content="1.2rem" title="Big">
  71.         <meta name="select:Font Size" content="1.4rem" title="Huge">
  72.  
  73.         <meta name="text:Text Font" content="Roboto Slab">
  74.         <meta name="text:Title Font" content="UnifrakturCook">
  75.         <meta name="text:Headings Font" content="Grenze Gotisch">
  76.  
  77.  
  78.         {/block:Hidden}
  79.  
  80.        
  81.         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  82.         <link rel="shortcut icon" href="{Favicon}">
  83.         <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  84.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  85.        
  86.          <!--Google Fonts-->
  87.         <link rel="preconnect" href="https://fonts.gstatic.com">
  88.         <link href="https://fonts.googleapis.com/css2?family={text:Text Font}:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family={text:Title Font}:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family={text:Headings Font}:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700" rel="stylesheet">
  89.        
  90.         <!--photosets.css  -->
  91.         <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  92.        
  93.         <!-- prettify code -->
  94.         <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/xiit3w8/cXjqmkzo3/prettify.css">
  95.          <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/xiit3w8/mFIqmkzo8/desert.css">
  96.        
  97.         <!--
  98.        NPF IMAGES READJUSTMENT | @glenthemes
  99.        v2.0 [last updated: 2021-01-06]
  100.        -->
  101. <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet">
  102.  
  103.  
  104.         {PostTypographyStyles}
  105.  
  106.  
  107.         <style>
  108.             /*General Styling*/
  109.             :root {
  110.                 --NPF-Image-Spacing:.5rem;
  111.                 --NPF-Bottom-Gap-From-Captions:1em;
  112.             }
  113.            
  114.             html{
  115.                 box-sizing: border-box;
  116.             }
  117.            
  118.             body {
  119.                 background: {color:Background};
  120.                 color: {color:Text};
  121.                 font-family: {text:Text Font};
  122.                 font-size: {select:Font Size};
  123.                 line-height: 1.5rem;
  124.                 margin: 0;
  125.             }
  126.            
  127.             h1{font-family: {text:Title Font};}
  128.            
  129.             h2, h3, h4, h5, h6{
  130.                 font-family: {text:Headings Font};
  131.             }
  132.          
  133.             a {
  134.                 color: {color:Accent};
  135.                 text-decoration: none;
  136.                 transition: opacity .3s ease-in-out;
  137.                 cursor: pointer;
  138.             }
  139.            
  140.            
  141.             a:hover{
  142.                 opacity: .6;
  143.             }
  144.            
  145.    
  146.             {block:IfGrayscaleImages}
  147.             img:not(.lightbox-image), .modal-image{
  148.                 filter: grayscale(100%);
  149.                 transition: filter .3s ease-in-out;
  150.             }
  151.            
  152.             img:hover{
  153.                 filter:none;
  154.             }
  155.            
  156.             {block:IfGrayscaleImages}
  157.            
  158.             /*Containers*/
  159.            
  160.             .menu-icon svg{
  161.                 fill: {color:Text};
  162.                 position: fixed;
  163.                 top: 1.2rem;
  164.                 left: 1%;
  165.             }
  166.  
  167.             main{
  168.                 position: relative;
  169.                 flex-wrap: wrap;
  170.                 justify-content: flex-start;
  171.                 margin: 0 5%;
  172.             }
  173.  
  174.  
  175.             header{
  176.                 width: 30%;
  177.                 position: fixed;
  178.                 right: 5%;
  179.                 height: 100%;
  180.             }
  181.            
  182.             .blog-header{
  183.                 max-width: 200px;
  184.                 margin: 13rem auto 0 auto;
  185.                 text-align: center;
  186.                 padding: 3rem;
  187.                 line-height: 1rem;
  188.                 position: relative;
  189.             }
  190.            
  191.             .blog-header ul{
  192.                 list-style-type: none;
  193.                 padding: 0;
  194.                 justify-content: center;
  195.             }
  196.            
  197.             .blog-header li{
  198.                 background: {color:Nav BG};
  199.                 padding: 0.5rem;
  200.                 width: .8rem;
  201.                 height: .8rem;
  202.                 border-radius: 5px;
  203.             }
  204.            
  205.             .blog-header svg{
  206.                 fill: {color:Text};
  207.                 width: .8rem;
  208.             }
  209.            
  210.             nav a:not(:first-child){
  211.                 margin-left: 0.6rem;
  212.             }
  213.            
  214.             .tooltip-link, .tooltip-link-top {
  215.                 position: relative;
  216.             }
  217.            
  218.            
  219.             a.tooltip-link:hover, a.tooltip-link-top:hover{
  220.                 opacity: 1;
  221.             }
  222.            
  223.             .tooltip-link svg, .tooltip-link-top svg{
  224.                 transition: opacity .3s ease;
  225.             }
  226.            
  227.             .tooltip-link:hover svg, .tooltip-link-top:hover svg{
  228.                 opacity: .6;
  229.             }
  230.            
  231.             .tooltip-link [role=tooltip], .tooltip-link-top [role=tooltip]{
  232.                 font-size: 0.85em;
  233.                 margin-top: .8rem;
  234.                 opacity: 0;
  235.                 padding: .5rem 1rem;
  236.                 transition: opacity 0.3s ease;
  237.                 pointer-events: none;
  238.                 position: absolute;
  239.                 background: {color:Nav BG};
  240.                 color: {color:Text};
  241.                 left: -1.1rem;
  242.                 font-weight: bold;
  243.             }
  244.            
  245.             .tooltip-link-top [role=tooltip]{
  246.                 bottom: .5rem;
  247.                 left: -10rem;
  248.             }
  249.            
  250.             .tooltip-link [role=tooltip]:after, .tooltip-link-top [role=tooltip]:after{
  251.                 content: "";
  252.                 width: 0;
  253.                 height: 0;
  254.                 border-style: solid;
  255.                 border-width: 0 9px 9px 9px;
  256.                 border-color: transparent transparent {color:Nav BG} transparent;
  257.                 position: absolute;
  258.                 right: 50%;
  259.                 transform: translateX(50%);
  260.                 top: -0.5rem;
  261.             }
  262.            
  263.             .tooltip-link-top [role=tooltip]:after{
  264.                 border-width: 9px 0 9px 9px;
  265.                 border-color: transparent transparent transparent {color:Nav BG};
  266.                 top: 10px;
  267.                 right: -4px;
  268.                
  269.             }
  270.            
  271.             a.tooltip-link:hover [role=tooltip], a.tooltip-link:focus [role=tooltip], a.tooltip-link-top:hover [role=tooltip], a.tooltip-link-top:focus [role=tooltip] {
  272.                opacity: 1!important;
  273.                pointer-events: auto;
  274.             }
  275.            
  276.            
  277.             a.blog-name:hover{
  278.                 opacity: 1;
  279.             }
  280.            
  281.             .blog-name img, .decor-img{
  282.                 align-self: center;
  283.                 position: absolute;
  284.             }
  285.            
  286.             .blog-name img{
  287.                 border-radius: 50%;                
  288.                 max-width: 6.5rem;
  289.                 top: -5.5rem;
  290.                 border: 1px solid white;
  291.                 transform: translateX(-52%);
  292.             }
  293.            
  294.             .decor-img{
  295.                 max-width: 8.5rem;
  296.                 top: -6.5rem;                
  297.                 transform: translateX(-50%);
  298.             }
  299.  
  300.            
  301.             .blog-name{
  302.                 color: {color:Accent};
  303.                 font-size: 1.2rem;
  304.             }
  305.            
  306.             .blog-name h1{
  307.                 margin-bottom: -.1em;
  308.                 text-transform: lowercase;
  309.                 line-height: 1.5rem;
  310.             }
  311.            
  312.             #blog-desc{
  313.                 background-color: {color:Nav BG};
  314.                 padding:1rem 0 1rem 1.5rem;
  315.                 border-radius: 5px;
  316.             }
  317.            
  318.             #blog-desc p{
  319.                 margin-right: -1.2rem;
  320.                 text-align: right;
  321.                
  322.             }
  323.  
  324.  
  325.             #posts{
  326.                 width: 100%;
  327.                 margin-right: 34%;
  328.             }
  329.            
  330.            
  331.             article {
  332.                 max-width: {select:Post Width}px;
  333.                 margin: 5rem auto 0 auto;
  334.                 z-index: 1;
  335.                 position: relative;
  336.             }
  337.            
  338.             article:first-of-type:not(.permapage){
  339.                 margin-top: 2rem;
  340.             }
  341.            
  342.             article.permapage{margin-top: 7.5rem;!important}
  343.            
  344.             article img{
  345.                 display: block;
  346.                 max-width: 100%;
  347.                 height: auto;
  348.                 width: 100%;
  349.                 margin: 0 auto;
  350.             }
  351.            
  352.             .top-bar{
  353.                 height: 4rem;
  354.                 background-color: {color:Top Bar};
  355.                 width: 100%;
  356.                 position: fixed;
  357.                 z-index: 0;
  358.             }
  359.            
  360.             .post-title{font-size: 1.5rem; text-transform: lowercase;}
  361.            
  362.             /*Post Types*/
  363.            
  364.             .username{
  365.                 margin-top: 1rem;
  366.                 color: {color:Accent};
  367.                
  368.             }
  369.            
  370.             .username::before{
  371.                 content: "";
  372.                 background: {color:Text};
  373.                 width: .8rem;
  374.                 height: 1px;
  375.                 display: inline-block;
  376.                 margin: 0 .2rem .2rem 0;
  377.                
  378.             }
  379.            
  380.             .deactivated:hover::after{
  381.                 content: "deactivated";
  382.                 opacity: .5;
  383.             }
  384.            
  385.             :not(blockquote).link-desc > blockquote{
  386.                 border-left: 4px solid {color:Nav BG};
  387.                 margin-right: .5rem;
  388.                 border-radius: 5px;
  389.             }
  390.            
  391.             .link-desc blockquote{
  392.                 margin-left: .5rem;
  393.             }
  394.            
  395.             .user-info, .notes, main, .question-wrapper, nav ul{display:flex;}
  396.            
  397.            
  398.             .audio-wrapper{
  399.                 position: relative;
  400.                 background: {color:Nav BG};
  401.                 padding: 1rem;
  402.                 border-radius: 5px;
  403.             }
  404.            
  405.             .audio-track{
  406.                 font-weight: bold;
  407.             }
  408.            
  409.             .audio-info p{margin:0; line-height: 1rem;}
  410.            
  411.             .audio-info{
  412.                 position: absolute;
  413.                 top: 50%;
  414.                 left: 8rem;
  415.                 transform: translateY(-50%);
  416.                
  417.             }
  418.            
  419.             .audio-btn{
  420.                 background-color: {color:Text};
  421.                 position: absolute;
  422.                 z-index: 9;
  423.                 margin: 1.8rem;
  424.                 border-radius: 50%;
  425.             }
  426.            
  427.             .play{
  428.                 width: 2.1rem;
  429.                 margin: .3rem .2rem 0 .2rem;
  430.                 overflow: hidden;
  431.                 position: relative;
  432.                 z-index: 9;
  433.             }
  434.            
  435.             .albumart{
  436.                 max-width:6rem;
  437.                 max-height: 6rem;
  438.                 margin: -6rem 0 0;
  439.             }
  440.            
  441.             .noalbumart{
  442.                 background-color: {color:Background};
  443.                 width: 6rem;
  444.                 height: 6rem;
  445.             }
  446.            
  447.             .photo-wrapper{
  448.                 display: block;
  449.             }
  450.            
  451.             img.clickable{
  452.                 cursor: pointer;
  453.                 border-radius: 5px;
  454.             }
  455.            
  456.             [photoset-layout] {
  457.               grid-gap: 10px;
  458.             }
  459.            
  460.             figure.tmblr-embed.tmblr-full iframe {
  461.                 max-width: 100%;
  462.             }
  463.            
  464.             .npf_row_parent{margin-top: 1rem;}
  465.            
  466.             .npf_row {
  467.                  margin: 0 !important;
  468.             }
  469.            
  470.             .npf_row div:not(:last-child){
  471.                 margin-right: .5rem;
  472.             }
  473.            
  474.             .first-showing{margin-top: 0; margin-bottom: .5rem;}
  475.  
  476.             video{
  477.                 max-width: 100%;
  478.             }
  479.            
  480.             .quote-wrapper .title{
  481.                 font-family: {text:Headings Font};
  482.                 font-size: 1.2rem;
  483.                 margin-top: -1rem;
  484.             }
  485.            
  486.             .quote-wrapper {
  487.                 text-align: center;
  488.                 background: {color:Nav BG};
  489.                 padding: 2rem;
  490.                 border-radius: 5px;
  491.                 border-left: 4px solid {color:Accent};
  492.             }
  493.            
  494.             .quote-icon{
  495.                 font-size: 3rem;
  496.                 color:{color:Accent};
  497.             }
  498.  
  499.             .bubble{
  500.                 padding: 1rem;
  501.                 background-color: {color:Nav BG};
  502.                 width: 95%;
  503.                 border-radius: 5px;
  504.             }
  505.            
  506.             .asker-img{
  507.                 margin-left: 1rem;
  508.                 max-width: 4rem;
  509.             }
  510.             .asker-img img {
  511.                 border-radius: 50%;
  512.             }
  513.            
  514.             .link-info{
  515.                 border: 1px solid #777;
  516.                 padding:0 1rem;
  517.             }
  518.            
  519.             .link-info h3{
  520.                 font-family: {text:Headings Font};
  521.                 color: {color:Accent};
  522.             }
  523.            
  524.             .link-wrapper a{
  525.                 color: {color:Text};
  526.             }
  527.            
  528.             li.caption{
  529.                 list-style-type: none;
  530.             }
  531.            
  532.             blockquote.tumblr_blog{
  533.                 margin: 0;
  534.             }
  535.                        
  536.             /*Notes, Tags, Pagination etc*/
  537.            
  538.             .page a{color:{color:Accent};}
  539.            
  540.             .notes{
  541.                 align-content: center;
  542.                 padding:.2rem 0;
  543.                 flex-wrap: wrap;
  544.                 list-style-type: none;
  545.             }
  546.            
  547.             .note{width: 100%;}
  548.            
  549.             .more_notes_link_container {
  550.                 margin: 1.5rem 0;              
  551.                 text-align: left !important;
  552.             }
  553.            
  554.             .more_notes_link {
  555.                 background: black;
  556.                 padding: .5rem 1rem;
  557.                 border-radius: 5px;
  558.             }
  559.            
  560.             .post-info{
  561.                 margin-top: .5rem;
  562.                 overflow-wrap: break-word;
  563.                 word-wrap: break-word;
  564.                 -ms-word-break: break-all;
  565.                 word-break: break-word;
  566.                 -ms-hyphens: auto;
  567.                 -moz-hyphens: auto;
  568.                 -webkit-hyphens: auto;
  569.                 hyphens: auto;
  570.             }
  571.            
  572.             .post-info svg{
  573.                 fill: {color:Accent};
  574.                 width: .8rem;
  575.                 height: .8rem;
  576.                 margin-bottom: -3px;
  577.             }
  578.            
  579.             .post-info a:not(:last-child){
  580.                 margin-right: 1.2rem;
  581.             }
  582.            
  583.             .post-info a{
  584.                 border-bottom: 3px solid {color:Nav BG};
  585.                 text-decoration: {color:Nav BG} underline 4px;
  586.                 font-size: calc({select:Font Size} - .05rem);
  587.                
  588.             }
  589.            
  590.             pre.prettyprint{
  591.                 border: none;
  592.                 padding: .5rem;
  593.             }
  594.            
  595.             .pagination{
  596.                 margin: 2rem auto;
  597.                 max-width: {select:Post Width}px;
  598.                
  599.             }
  600.            
  601.             .pagination a {
  602.                 background: {color:Nav BG};
  603.                 width: 2rem;
  604.                 display: inline-block;
  605.                 padding: .2rem 0;
  606.                 text-align: center;
  607.                 border-radius: 5px;
  608.                 color: {color:Text};
  609.             }
  610.            
  611.             .pagination span:not(:last-child){
  612.                 margin-right: 10px;
  613.             }
  614.            
  615.             .pagination svg{
  616.                 fill: {color:Text};
  617.                 width: 1rem;
  618.                 height: 1rem;
  619.                 margin-bottom: -3px;
  620.             }
  621.            
  622.             .current_page a{
  623.                 color: {color:Accent};
  624.             }
  625.            
  626.             .current_page a:hover{
  627.                 opacity: 1;
  628.             }
  629.            
  630.             #tumblr_controls, .tmblr-iframe{
  631.                 opacity: .8;
  632.                 transform:scale(0.8,0.8);
  633.                 transform-origin:100% 0%;
  634.                 transition: opacity .3s ease-in-out;
  635.                 margin-top: .6rem;
  636.             }
  637.            
  638.             #tumblr_controls:hover, .tmblr-iframe:hover{
  639.                 opacity: 1;
  640.             }
  641.            
  642.             .avatar_frame{display: none;}
  643.            
  644.             footer svg{
  645.                 fill: {color:Text};
  646.                 width: 1rem;
  647.             }
  648.            
  649.             footer{
  650.                 background: {color:Nav BG};
  651.                 padding: .3rem;
  652.                 border-radius: 5px;
  653.                 width: 1rem;
  654.                 height: 1rem;
  655.                 transition: opacity .3s ease-in-out;
  656.                 position: fixed;
  657.                 right: 1rem;
  658.                 bottom: .5rem;
  659.                 font-weight: bold;
  660.                 z-index: 9;
  661.             }
  662.  
  663.            
  664.             /*Modal window / nav tab*/
  665.            
  666.             .modal{
  667.                 display:none;
  668.             }
  669.            
  670.             .modal:target{
  671.                 animation: fadeIn ease-in-out .3s;
  672.                 position: fixed;
  673.                 left: 0;
  674.                 top: 0;
  675.                 width: 100%;
  676.                 height: 100%;
  677.                 display: flex;
  678.                 align-items: center;
  679.                 justify-content: center;
  680.                 z-index: 99;
  681.             }
  682.            
  683.             @keyframes fadeIn {
  684.                 0% {opacity:0;}
  685.                 100% {opacity:1;}
  686.             }
  687.            
  688.             .modal-content{
  689.                 max-width: 65%;
  690.                 min-width: 310px;
  691.                 height: 70%;
  692.                 position: relative;
  693.                 padding: 2.5em;
  694.                 background-color: {color:Nav BG};
  695.                 display: flex;
  696.             }
  697.            
  698.             .modal-content nav {
  699.                 max-height: 100%;
  700.                 overflow: auto;
  701.                 width: 50%;
  702.                 min-width: 25vw;
  703.                 border-radius: 5px;
  704.             }
  705.            
  706.             .modal-content ul {
  707.                 display: block;
  708.                 list-style-type: none;
  709.                 font-family: {text:Headings Font};
  710.                 font-size: calc({select:Font Size} + .8rem);
  711.                 text-transform: lowercase;
  712.                 margin: 0;
  713.                 font-weight: bold;
  714.                 padding: 0;
  715.             }
  716.            
  717.             .modal-content li::before{
  718.                 content: "";
  719.                 background: {color:Text};
  720.                 width: .8rem;
  721.                 height: 2px;
  722.                 display: inline-block;
  723.                 margin: 0 .2rem .2rem 0;
  724.             }
  725.            
  726.             .modal-image{
  727.                 width: 50%;
  728.                 background: linear-gradient(to bottom, rgba({RGBcolor:Nav BG},0), rgba({RGBcolor:Nav BG}, 1)), url("{image:Nav Tab Image}");
  729.                 background-size: cover;
  730.                 background-position: center;
  731.                 min-width: 25vw;
  732.                 display: flex;
  733.                 align-items: end;
  734.             }
  735.            
  736.             .modal-image p{
  737.                 text-align: center;
  738.                 font-size: calc(.8rem - .1rem);
  739.                 margin: 0 auto;
  740.             }
  741.            
  742.             .modal .close{
  743.                 position: relative;
  744.                 display: block;
  745.             }
  746.            
  747.             .modal a.close:hover{
  748.                 opacity: initial;
  749.             }
  750.            
  751.             .modal .close::before{
  752.                 left: 0;
  753.                 top: 0;
  754.                 width: 100%;
  755.                 height: 100%;
  756.                 position: fixed;
  757.                 background-color: rgba(0,0,0,.5);
  758.                 content: "";
  759.                 cursor: default;
  760.             }
  761.  
  762.  
  763.             /*Header layout*/
  764.             {block:IfHeaderLayout}
  765.             header{
  766.                 position: initial;
  767.                 width: 100%;
  768.             }
  769.            
  770.             .blog-header{
  771.                 max-width: 285px;
  772.                 margin: 2rem auto 0 auto;
  773.                 padding-left: 9.5rem;
  774.                 text-align: left;
  775.             }
  776.            
  777.             .decor-img{
  778.                 left: 2.5rem;
  779.                 top: 4rem;
  780.                 margin-left: 1.5rem;
  781.             }
  782.            
  783.             .blog-name img{
  784.                 left: 2.5rem;
  785.                 top: 5rem;
  786.                 margin-left: 1.5rem;
  787.             }
  788.            
  789.             .blog-name h1{margin-left: 1.5rem;}
  790.            
  791.             .blog-header ul{justify-content: start;}
  792.            
  793.             #posts{margin-right: 0;}
  794.            
  795.             .top-bar{z-index: 2;}
  796.            
  797.             .menu-icon svg{z-index: 3;}
  798.            
  799.             {block:IfHeaderLayout}
  800.            
  801.            
  802.             /*Header when screen is small*/
  803.             @media screen and (max-width: 950px){
  804.                 header{
  805.                     position: initial;
  806.                     width: 100%;
  807.                 }
  808.                
  809.                 .blog-header{
  810.                     max-width: 285px;
  811.                     margin: 2rem auto 0 auto;
  812.                     padding-left: 9.5rem;
  813.                     text-align: left;
  814.                 }
  815.                
  816.                 .decor-img{
  817.                     left: 2.5rem;
  818.                     top: 4rem;
  819.                     margin-left: 1.5rem;
  820.                 }
  821.                
  822.                 .blog-name img{
  823.                     left: 2.5rem;
  824.                     top: 5rem;
  825.                     margin-left: 1.5rem;
  826.                 }
  827.                
  828.                 .blog-name h1{margin-left: 1.5rem;}
  829.                
  830.                 .blog-header ul{justify-content: start;}
  831.                
  832.                 #posts{margin-right: 0;}
  833.                
  834.                 .top-bar{z-index: 2;}
  835.            
  836.                 .menu-icon svg{z-index: 3;}
  837.                
  838.                 #tumblr_controls, .tmblr-iframe{
  839.                     transform:scale(1,1);
  840.                     margin-top: 0;
  841.                 }
  842.             }
  843.  
  844.  
  845.             /* Custom CSS */
  846.             {CustomCSS}
  847.         </style>
  848.     </head>
  849.     <body>  
  850.     <div class="top-bar"></div>
  851.     <div class="menu-icon">
  852.     <a href="#nav"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -7 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M1 0h12a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2zm0 8h12a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2zm0-4h12a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2z"></path></svg></a>
  853.     </div>
  854.  
  855.    
  856.     <main>
  857.        
  858.         <!-- sidebar -->
  859.         <header>
  860.             <div class="blog-header">
  861.             <img src="https://static.tumblr.com/xiit3w8/wMeqmusbt/decoration.png"/ class="decor-img">
  862.                  <a class="blog-name" href="{BlogURL}">
  863.                  <img src="{portraiturl-128}">
  864.                  <h1>{Title}</h1>
  865.                  </a>
  866.        
  867.                 {block:Description}
  868.                     <div id="blog-desc"><p>{Description}</p></div>
  869.                 {/block:Description}
  870.                
  871.                 <nav>
  872.                     <ul>
  873.                         <a href="/" class="tooltip-link" aria-describedby="home-tooltip"><li><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M18 18V7.132l-8-4.8-8 4.8V18h4v-2.75a4 4 0 1 1 8 0V18h4zm-6 2v-4.75a2 2 0 1 0-4 0V20H2a2 2 0 0 1-2-2V7.132a2 2 0 0 1 .971-1.715l8-4.8a2 2 0 0 1 2.058 0l8 4.8A2 2 0 0 1 20 7.132V18a2 2 0 0 1-2 2h-6z"></path></svg></li><span id="home-tooltip" role="tooltip">{lang:Home}</span></a>
  874.                         {block:AskEnabled}
  875.                         <a href="/ask" class="tooltip-link" aria-describedby="ask-tooltip"><li><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -5 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M3.598 2l5.747 5.12a1 1 0 0 0 1.33 0L16.423 2H3.598zM18 3.273l-5.994 5.341a3 3 0 0 1-3.992 0L2 3.254V12h16V3.273zM2 0h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"></path></svg></li><span id="ask-tooltip" role="tooltip">{AskLabel}</span></a>
  876.                         {/block:AskEnabled}
  877.                         <a href="/archive" class="tooltip-link" aria-describedby="archive-tooltip"><li><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M2 5h16V2H2v3zm16 2v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-1zM4 18h12V7H4v11zm4-4h4a1 1 0 0 1 0 2H8a1 1 0 0 1 0-2z"></path></svg></li><span id="archive-tooltip" role="tooltip">{lang:Archive}</span></a>
  878.                         <a href="#nav" class="tooltip-link" aria-describedby="navigation-tooltip"><li><svg xmlns="http://www.w3.org/2000/svg" viewBox="-4.5 -4.5 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M8.9 6.9v-5a1 1 0 1 0-2 0v5h-5a1 1 0 1 0 0 2h5v5a1 1 0 1 0 2 0v-5h5a1 1 0 1 0 0-2h-5z"></path></svg></li><span id="navigation-tooltip" role="tooltip">{lang:Navigate}</span></a>
  879.                     </ul>
  880.                 </nav>
  881.             </div>
  882.         </header>
  883.  
  884.         <section id="posts">
  885.        
  886.         <!-- begin posts -->
  887.         {block:Posts}
  888.             <article class="{posttype}post {block:PermalinkPage}permapage{/block:PermalinkPage}" id="{PostID}" >
  889.             {block:Text}
  890.                 <div class="text-wrapper">
  891.                     {block:Notreblog}
  892.                         <li class="caption">
  893.                            
  894.                             {block:Title}
  895.                                 <a href="{RelativePermalink}"><h2 class="post-title">{Title}</h2></a>
  896.                             {/block:Title}
  897.                             <div class="post-text">{Body}</div>
  898.                         </li>
  899.                      {/block:Notreblog}
  900.                      {block:RebloggedFrom}
  901.                         {block:Reblogs}
  902.                             <li class="caption">
  903.                                 <div class="user-info">
  904.                                     {block:IsActive}
  905.                                     <a class="username first-showing" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}target="_blank">
  906.                                         {Username}:
  907.                                     </a>
  908.                                     {/block:IsActive}
  909.                                     {block:IsDeactivated}
  910.                                     <div class="username deactivated first-showing">
  911.                                         {Username}:
  912.                                     </div>
  913.                                     {/block:IsDeactivated}
  914.                                 </div>
  915.                                 {block:Title}
  916.                                     <a href="{RelativePermalink}"><h3 class="post-title">{Title}</h3></a>
  917.                                 {/block:Title}
  918.                                 <div class="post-text">{Body}</div>
  919.                             </li>
  920.                         {/block:Reblogs}
  921.                     {/block:RebloggedFrom}
  922.                 </div>
  923.             {/block:Text}
  924.            
  925.             {block:Photo}
  926.             <div class="photo-wrapper" photoset-layout="{PhotosetLayout}">
  927.                 <div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="clickable" /></div>
  928.             </div>
  929.             {/block:Photo}
  930.            
  931.             {block:Photoset}
  932.             <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="clickable" /></div>{/block:Photos}</div>
  933.             {/block:Photoset}
  934.            
  935.             {block:Panorama}
  936.             <div class="photo-wrapper" photoset-layout="{PhotosetLayout}">
  937.                 <div class="lb-wrapper" data-width="{PhotoWidth-Panorama}" data-height="{PhotoHeight-Panorama}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" /></div>
  938.             </div>
  939.             {/block:Panorama}
  940.            
  941.             {block:Link}
  942.                 <div class="link-wrapper">
  943.                     <a href="{URL}" {Target}>
  944.                         {block:Thumbnail}
  945.                             <img src="{Thumbnail-HighRes}"/>
  946.                         {/block:Thumbnail}
  947.                         <div class="link-info">
  948.                             <h3>{Name}</h3>
  949.                             {block:Excerpt}<p class="text">{Excerpt}</p>{/block:Excerpt}
  950.                             {block:Host}<p class="src">{Host}</p>{/block:Host}
  951.                         </div>
  952.                     </a>
  953.                 </div>
  954.                 {block:Description}<div class="link-desc">{Description}</div>{/block:Description}
  955.             {/block:Link}
  956.            
  957.             {block:Answer}
  958.                 <div class="question-wrapper">
  959.                     <div class="bubble">
  960.                         <div class="asker"><strong>{Asker}</strong>:</div>
  961.                         <div class="question">{Question}</div>
  962.                     </div>
  963.                     <div class="asker-img"><img src="{AskerPortraitURL-96}" alt="{lang:Asked by Asker}"></div>
  964.  
  965.                 </div>
  966.  
  967.                <li class="caption">
  968.                     {block:Answerer}
  969.                             <div class="user-info">
  970.                                 {block:IsActive}
  971.                                 <a class="username" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}target="_blank">
  972.                                     <img src="{AnswererPortraitURL-64}" class="user-img" alt="{PhotoAlt}"/>
  973.                                     {Answerer}
  974.                                 </a>
  975.                                 {/block:IsActive}
  976.                                 {block:IsDeactivated}
  977.                                 <div class="username deactivated">
  978.                                     <img src="{AnswererPortraitURL-64}" class="user-img" alt="{PhotoAlt}"/>
  979.                                     {Answerer}
  980.                                 </div>
  981.                                 {/block:IsDeactivated}
  982.                             </div>
  983.                             <div class="post-text">{Answer}</div>
  984.                     {/block:Answerer}
  985.                     {Replies}
  986.                </li>
  987.             {/block:Answer}
  988.            
  989.              {block:Quote}
  990.                 <div class ="quote-wrapper">
  991.                     <span class="quote-icon">❝</span>
  992.                     <h3 class="title">{Quote}</h3><div class="source">{Source}</div>{/block:Source}
  993.                 </div>
  994.             {/block:Quote}
  995.            
  996.             {block:Chat}
  997.                 <div class="chat-wrapper">
  998.                     {block:Title}<h3 class="title">{Title}</h3>{/block:Title}
  999.                     <ul class="chat">
  1000.                         {block:Lines}
  1001.                         <li class="line-{Alt}">
  1002.                             {block:Label}<span class="label">{label}</span>{/block:Label}            
  1003.                             {Line}
  1004.                         </li>
  1005.                         {/block:Lines}
  1006.                     </ul>
  1007.                  </div>
  1008.             {/block:Chat}
  1009.            
  1010.             {block:Audio}
  1011.             <div class="audio-wrapper">
  1012.                 <div class="audio-btn">    
  1013.                     <div class="play">
  1014.                         {block:AudioPlayer} {AudioPlayer}  {/block:AudioPlayer}
  1015.                     </div>
  1016.                 </div>
  1017.                 <div class="noalbumart"></div>
  1018.                 {block:AlbumArt}
  1019.                 <img src="{AlbumArtURL}" class="albumart">
  1020.                 {/block:AlbumArt}
  1021.                 <div class="audio-info">
  1022.                     {block:TrackName}
  1023.                     <p class="audio-track">{TrackName}</p>
  1024.                     {/block:TrackName}
  1025.                     {block:Artist}
  1026.                     <p class="audio-artist">{Artist}</p>
  1027.                     {/block:Artist}
  1028.                 </div>
  1029.             </div>
  1030.             {/block:Audio}
  1031.            
  1032.             {block:Video}  
  1033.             <div class="video-wrapper">{Video-500}</div>
  1034.             {/block:Video}
  1035.  
  1036.             {block:Caption}                      
  1037.                 {block:Notreblog}
  1038.                     <li class="caption">
  1039.                         <div class="post-text">{Caption}</div>
  1040.                     </li>
  1041.                  {/block:Notreblog}
  1042.                  {block:RebloggedFrom}
  1043.                     {block:Reblogs}
  1044.                         <li class="caption">
  1045.                             <div class="user-info">
  1046.                                 {block:IsActive}
  1047.                                 <a class="username" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}target="_blank">
  1048.                                     {Username}:
  1049.                                 </a>
  1050.                                 {/block:IsActive}
  1051.                                 {block:IsDeactivated}
  1052.                                 <div class="username deactivated">
  1053.                                     {Username}:
  1054.                                 </div>
  1055.                                 {/block:IsDeactivated}
  1056.                             </div>
  1057.                             <div class="post-text">{Body}</div>
  1058.                         </li>
  1059.                     {/block:Reblogs}
  1060.                 {/block:RebloggedFrom}
  1061.             {/block:Caption}
  1062.            
  1063.             {block:Date}
  1064.             <div class="post-info">
  1065.                 <a href="{RelativePermalink}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -2 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M3 2a1 1 0 0 0-1 1v15l2.978-2.717a3 3 0 0 1 4.044 0L12 18V3a1 1 0 0 0-1-1H3zm0-2h8a3 3 0 0 1 3 3v15a2 2 0 0 1-3.348 1.477L7.674 16.76a1 1 0 0 0-1.348 0l-2.978 2.717A2 2 0 0 1 0 18V3a3 3 0 0 1 3-3z"></path></svg>{ShortDayOfWeek}{block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}</a>
  1066.                  {block:HasTags}
  1067.                     {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1068.             {/block:HasTags}
  1069.             </div>
  1070.             {/block:Date}
  1071.  
  1072.             {block:PostNotes}
  1073.                 {PostNotes}
  1074.             {/block:PostNotes}
  1075.             </article>
  1076.            
  1077.             {/block:Posts}
  1078.             <!-- end posts -->
  1079.  
  1080.            
  1081.         {block:Pagination}
  1082.             <div class="pagination">
  1083.                 {block:PreviousPage}    
  1084.                     <span>
  1085.                         <a href="{PreviousPage}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M3.414 7.657l3.95 3.95A1 1 0 0 1 5.95 13.02L.293 7.364a.997.997 0 0 1 0-1.414L5.95.293a1 1 0 1 1 1.414 1.414l-3.95 3.95H13a1 1 0 0 1 0 2H3.414z"></path></svg></a>
  1086.                     </span>
  1087.                 {/block:PreviousPage}
  1088.                 {block:JumpPagination length="5"}
  1089.                 {block:CurrentPage}<span class="current_page"><a>{PageNumber}</span></a>{/block:CurrentPage}
  1090.                 {block:JumpPage}<span><a href="{URL}">{PageNumber}</a></span>{/block:JumpPage}
  1091.                 {/block:JumpPagination}
  1092.                 {block:NextPage}
  1093.                     <span>
  1094.                         <a href="{NextPage}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M10.586 5.657l-3.95-3.95A1 1 0 0 1 8.05.293l5.657 5.657a.997.997 0 0 1 0 1.414L8.05 13.021a1 1 0 1 1-1.414-1.414l3.95-3.95H1a1 1 0 1 1 0-2h9.586z"></path></svg></a>
  1095.                     </span>
  1096.                 {/block:NextPage}
  1097.             </div>
  1098.         {/block:Pagination}
  1099.        
  1100.         </section>
  1101.         </main>
  1102.  
  1103.         <footer>
  1104.         <a href="https://mephistia-themes.tumblr.com" class="tooltip-link-top" aria-describedby="code-tooltip"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -4 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M12.7361611,0.063952038 C13.2551391,0.263360331 13.5227261,0.869148905 13.3338336,1.41701869 L8.54555162,15.3051026 C8.35665911,15.8529724 7.78281676,16.1354563 7.26383885,15.936048 C6.74486095,15.7366397 6.47727387,15.1308511 6.66616638,14.5829813 L11.4544484,0.694897379 C11.6433409,0.147027596 12.2171832,-0.135456255 12.7361611,0.063952038 Z M2.41421356,8.25614867 L5.94974747,11.9885083 C6.34027176,12.4007734 6.34027176,13.0691871 5.94974747,13.4814522 C5.55922318,13.8937173 4.9260582,13.8937173 4.53553391,13.4814522 L0.292893219,9.0026206 C-0.0976310729,8.59035554 -0.0976310729,7.9219418 0.292893219,7.50967674 L4.53553391,3.03084515 C4.9260582,2.61858008 5.55922318,2.61858008 5.94974747,3.03084515 C6.34027176,3.44311021 6.34027176,4.11152395 5.94974747,4.52378901 L2.41421356,8.25614867 Z M17.5857864,8.25614867 L14.0502525,4.52378901 C13.6597282,4.11152395 13.6597282,3.44311021 14.0502525,3.03084515 C14.4407768,2.61858008 15.0739418,2.61858008 15.4644661,3.03084515 L19.7071068,7.50967674 C20.0976311,7.9219418 20.0976311,8.59035554 19.7071068,9.0026206 L15.4644661,13.4814522 C15.0739418,13.8937173 14.4407768,13.8937173 14.0502525,13.4814522 C13.6597282,13.0691871 13.6597282,12.4007734 14.0502525,11.9885083 L17.5857864,8.25614867 Z"></path></svg><span id="code-tooltip" role="tooltip">Theme by Mephistia</span></a>
  1105.         </footer>
  1106.  
  1107.         <div class="modal" id="nav" >
  1108.           <a href="#!" class="close"></a>
  1109.           <div class="modal-content">
  1110.               <nav>
  1111.                   <ul>
  1112.                    
  1113.                     <a href="/"><li>{lang:Home}</li></a>
  1114.                     {block:AskEnabled}
  1115.                     <a href="/ask"><li>{AskLabel}</li></a>
  1116.                     {/block:AskEnabled}
  1117.                     <a href="/archive"><li>{lang:Archive}</li></a>
  1118.                     {block:SubmissionsEnabled}
  1119.                     <a href="/submit"><li>{SubmitLabel}</li></a>
  1120.                     {/block:SubmissionsEnabled}
  1121.                     {block:HasPages}
  1122.                     {block:Pages}
  1123.                     <a href="{URL}"><li>{Label}</li></a>
  1124.                     {/block:Pages}
  1125.                     {/block:HasPages}
  1126.                   </ul>
  1127.               </nav>
  1128.               <div class="modal-image">
  1129.                   <p>{text:Nav Tab Text}</p>
  1130.               </div>
  1131.           </div>
  1132.         </div>
  1133.    
  1134.         <!--jQuery-->
  1135.         <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  1136.  
  1137.  
  1138.         <!-- Responsive iFrames-->
  1139.         <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  1140.  
  1141.            
  1142.         <!-- Unnest captions -->
  1143.         <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1144.  
  1145.         <!-- photosets -->
  1146.         <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  1147.        
  1148.         <!-- prettify code -->
  1149.         <script src="https://static.tumblr.com/xiit3w8/zxtqmkzo0/prettify.js"></script>
  1150.        
  1151.         <!-- NPF fix -->
  1152.         <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script>
  1153.         <!--script src="//dl.dropbox.com/s/aqo7pinjzfub4tn/npf-legacy.js"></script> -->
  1154.  
  1155.  
  1156.        
  1157.         <script type="text/javascript">
  1158.         initPhotosets();
  1159.  
  1160.         function flexFrame() {
  1161.            $(".caption").each(function() {
  1162.                 $(this).find("iframe").wrap("<div class='capframe'></div>");
  1163.                 flexibleFrames($(".capframe"));
  1164.             });
  1165.             flexibleFrames($(".video-wrapper"));
  1166.         }
  1167.        
  1168.         $(document).ready(function() {    
  1169.             flexFrame();
  1170.  
  1171.             $('.read_more').html('{lang:Continue reading}');
  1172.  
  1173.             $('iframe.tumblr_audio_player').load(function(){
  1174.                 $(this).contents().find('head').append(
  1175.                     '<style type="text/css">' +
  1176.                     '.audio-player{background:transparent!important;}' +
  1177.                     '.icon.icon_play{ color: {color:Background}!important}' +
  1178.                     '.audio-player .progress{background:transparent!important}' +
  1179.                     '</style>'
  1180.                     );
  1181.             });
  1182.            
  1183.             // my own npf lightbox
  1184.             $('figure.tmblr-full:has(img)').each(function(){
  1185.                 let img = $(this).find('img').addClass('clickable');
  1186.                 let div = img.wrap('<div></div>').parent();
  1187.                 let wrapper = div.wrap('<div class="photo-wrapper initialized_photoset" photoset-layout=""></div>').parent();
  1188.                 let url = img.attr('src');
  1189.                 div.attr('data-width', $(this).attr('data-orig-width'));
  1190.                 div.attr('data-height', $(this).attr('data-orig-height'));
  1191.                 div.attr('data-highres', url);
  1192.                 div.attr('data-lowres', url);
  1193.                 div.attr('onclick', 'lightbox(this)');
  1194.                 img.removeAttr('data-orig-width data-orig-height width height');
  1195.                 var wholediv = $(this).find('div');
  1196.                 $(this).replaceWith(div);
  1197.             });
  1198.            
  1199.  
  1200.  
  1201.             $('pre').addClass('prettyprint');
  1202.             $('code').addClass('prettyprint');
  1203.        
  1204.             $(function(){  
  1205.                 $('article').unnest({
  1206.                     yourCaption: ".post-text",
  1207.                     wrapName: ".tumblr_blog",
  1208.                     newCaptionUsername: true,
  1209.                     originalPostCaptionUsername: false,
  1210.                     tumblrAvatars: false,
  1211.                     usernameColon: false
  1212.                 });
  1213.            
  1214.             });
  1215.         });
  1216.        
  1217.         window.onload = function(){
  1218.             prettyPrint();
  1219.         };
  1220.        
  1221.         </script>
  1222.     </body>
  1223. </html>
  1224.  
Advertisement
Add Comment
Please, Sign In to add comment