API tools faq
paste
Advertisement
annasthms

thm 01 - remember it

annasthms
Oct 9th, 2017 (edited)
1,457
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 40.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCYTPE>
  2. <html>
  3.  
  4. <!----------------------------------------------------
  5.  
  6. credits:
  7.  
  8. - icon font by saturnthms
  9. - temporary member/affiliate icons by mendlergf
  10.  
  11. - remember it theme by annasthms (oct 1, 2017)
  12.  more info @ //annasthms.tumblr.com/more/thm/01
  13.  
  14.  change log:
  15.  added a header and scroll up button (feb 18, 2018)
  16.  
  17.  
  18. rules:
  19.  
  20. 1. don't remove the credit
  21. 2. don't steal/claim as yours
  22. 3. don't use as a base code
  23.  
  24. thank you!! ♡♡♡
  25.  
  26. ----------------------------------------------------->
  27.  
  28. <head>
  29.  
  30.   <title>{block:PostSummary}{PostSummary} | {/block:PostSummary}{block:TagPage}#{Tag} | {/block:TagPage}{block:SearchPage}{SearchQuery} | {/block:SearchPage}{block:DayPage}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} | {/block:DayPage}{Title}</title>
  31.   <link rel="shortcut icon" href="{Favicon}">
  32.   <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33.   {block:Description}
  34.   <meta name="description" content="{MetaDescription}" />
  35.   {/block:Description}
  36.  
  37.   <link href="//fonts.googleapis.com/css?family={text:google font}" rel="stylesheet">
  38.   <link href="//fonts.googleapis.com/css?family={text:monospace google font}" rel="stylesheet">
  39.   <link href="//fonts.googleapis.com/css?family={text:header title google font}" rel="stylesheet">
  40.   <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  41.  
  42.   <meta name="image:about header" content="" />
  43.   <meta name="image:header" content="" />
  44.  
  45.   <meta name="color:title" content="#2b4663" />
  46.   <meta name="color:color 1" content="#a4b7e8" />
  47.   <meta name="color:color 2" content="#657786" />
  48.   <meta name="color:font" content="#000000" />
  49.   <meta name="color:header" content="#ffffff" />
  50.   <meta name="color:header background" content="#ffffff" />
  51.   <meta name="color:header border" content="#ffffff" />
  52.   <meta name="color:header title" content="" />
  53.   <meta name="color:featured post info title" content="" />
  54.   <meta name="color:featured post background" content="#ffffff" />
  55.   <meta name="color:featured post info background" content="#ffffff" />
  56.   <meta name="color:featured post info border" content="#ffffff" />
  57.   <meta name="color:blog background" content="#efefef" />
  58.   <meta name="color:sidebar background" content="#ffffff" />
  59.   <meta name="color:post background" content="#ffffff" />
  60.   <meta name="color:header pin color a" content="#5b7a99" />
  61.   <meta name="color:header pin color b" content="#88a0b8" />
  62.   <meta name="color:sidebar pin color a" content="#5b7a99" />
  63.   <meta name="color:sidebar pin color b" content="#88a0b8" />
  64.   <meta name="color:blog pin color 1a" content="#5b7a99" />
  65.   <meta name="color:blog pin color 1b" content="#88a0b8" />
  66.   <meta name="color:blog pin color 2a" content="#5b7a99" />
  67.   <meta name="color:blog pin color 2b" content="#88a0b8" />
  68.   <meta name="color:tape" content="#aaaaaa" />
  69.  
  70.   <meta name="font:font" content="Avalon" />
  71.  
  72.   <meta name="select:header text align" content="center" title="center" />
  73.   <meta name="select:header text align" content="left" title="left" />
  74.   <meta name="select:header text align" content="right" title="right" />
  75.   <meta name="select:header text align" content="justify" title="justify" />
  76.   <meta name="select:header border" content="solid" title="solid" />
  77.   <meta name="select:header border" content="double" title="double" />
  78.   <meta name="select:header border" content="dashed" title="dashed" />
  79.   <meta name="select:header border" content="dotted" title="dotted" />
  80.   <meta name="select:header border" content="none" title="none" />
  81.   <meta name="select:featured post info border" content="solid" title="solid" />
  82.   <meta name="select:featured post info border" content="double" title="double" />
  83.   <meta name="select:featured post info border" content="dashed" title="dashed" />
  84.   <meta name="select:featured post info border" content="dotted" title="dotted" />
  85.   <meta name="select:featured post info border" content="none" title="none" />
  86.   <meta name="select:header pin type" content="pin" title="push pin">
  87.   <meta name="select:header pin type" content="one tape" title="one piece of tape">
  88.   <meta name="select:header pin type" content="" title="none">
  89.   <meta name="select:sidebar" content="nofix one" title="not fixed: one column">
  90.   <meta name="select:sidebar" content="nofix two" title="not fixed: two column">
  91.   <meta name="select:sidebar" content="fix one" title="fixed: one column">
  92.   <meta name="select:sidebar" content="fix two" title="fixed: two column">
  93.   <meta name="select:pin type" content="pin" title="push pin">
  94.   <meta name="select:pin type" content="one tape" title="one piece of tape">
  95.   <meta name="select:pin type" content="side tape" title="two pieces of tape (top/bottom)">
  96.   <meta name="select:pin type" content="two tape" title="two pieces of tape (top corners)">
  97.   <meta name="select:pin type" content="opp tape" title="two pieces of tape (opposite corners)">
  98.   <meta name="select:photos" content="" title="no filter" />
  99.   <meta name="select:photos" content="gray" title="always grayscale" />
  100.   <meta name="select:photos" content="hov gray" title="hover grayscale" />
  101.  
  102.   <meta name="if:header" content="1" />
  103.   <meta name="if:featured posts" content="1" />
  104.   <meta name="if:blog stats" content="1" />
  105.   <meta name="if:description" content="1" />
  106.   <meta name="if:official links" content="1" />
  107.   <meta name="if:members" content="1" />
  108.   <meta name="if:affiliates" content="1" />
  109.   <meta name="if:projects" content="1" />
  110.   <meta name="if:updates" content="1" />
  111.   <meta name="if:alternating pin colors" content="0" />
  112.  
  113.   <meta name="text:google font" content="" />
  114.   <meta name="text:monospace google font" content="Inconsolata" />
  115.   <meta name="text:header title google font" content="" />
  116.   <meta name="text:date blog was made" content="date" />
  117.   <meta name="text:currently online label" content="online" />
  118.   <meta name="text:currently online script" content="currently online script" />
  119.   <meta name="text:total visits label" content="visits" />
  120.   <meta name="text:total visits script" content="total hits script" />
  121.   <meta name="text:header height" content="50vh" />
  122.   <meta name="text:header title" content="header title" />
  123.   <meta name="text:header text" content="header text" />
  124.   <meta name="text:header title font size" content="1.25em" />
  125.   <meta name="text:header text font size" content="" />
  126.   <meta name="text:featured posts text font size" content="" />
  127.   <meta name="text:featured posts info font size" content="" />
  128.   <meta name="text:featured post 1 content" content="" />
  129.   <meta name="text:featured post 1 title" content="" />
  130.   <meta name="text:featured post 1 link" content="" />
  131.   <meta name="text:featured post 1 description" content="" />
  132.   <meta name="text:featured post 2 content" content="" />
  133.   <meta name="text:featured post 2 title" content="" />
  134.   <meta name="text:featured post 2 link" content="" />
  135.   <meta name="text:featured post 2 description" content="" />
  136.   <meta name="text:featured post 3 content" content="" />
  137.   <meta name="text:featured post 3 title" content="" />
  138.   <meta name="text:featured post 3 link" content="" />
  139.   <meta name="text:featured post 3 description" content="" />
  140.   <meta name="text:blog link one name" content="" />
  141.   <meta name="text:blog link one url" content="" />
  142.   <meta name="text:blog link two name" content="" />
  143.   <meta name="text:blog link two url" content="" />
  144.   <meta name="text:blog link three name" content="" />
  145.   <meta name="text:blog link three url" content="" />
  146.   <meta name="text:blog link four name" content="" />
  147.   <meta name="text:blog link four url" content="" />
  148.   <meta name="text:blog link five name" content="" />
  149.   <meta name="text:blog link five url" content="" />
  150.  
  151.   <style>
  152.   * {
  153.     position: relative;
  154.   }
  155.  
  156.   a {
  157.     text-decoration: none;
  158.     color: {color:color 1};
  159.   }
  160.   a:hover {
  161.     color: {color:color 2};
  162.   }
  163.   hr {
  164.     width: 50%;
  165.     height: 1px;
  166.     border: none;
  167.     background: {color:color 2};
  168.   }
  169.   div#desc blockquote, .post blockquote {
  170.     margin: 0;
  171.     padding: 0 0 0 2%;
  172.     border-left: 1px solid {color:color 2};
  173.   }
  174.   p:first-child {
  175.     margin-top: 0;
  176.   }
  177.   p:last-child {
  178.     margin-bottom: 0;
  179.   }
  180.   img {
  181.     max-width: 100%;
  182.     height: auto;
  183.   }
  184.  
  185.   div#desc ul, article.post ul {
  186.     padding: 0 0 0 25px;
  187.   }
  188.   div#desc li, article.post li {
  189.     list-style: none;
  190.   }
  191.   div#desc li:not(:last-child), article.post li:not(:last-child) {
  192.     margin-bottom: 5px;
  193.   }
  194.   div#desc li:before, article.post li:before {
  195.     content: '\e1e2'; /* change this if you want a different icon for lists */
  196.     font-family: 'saturnicons';
  197.     font-size: 10px;
  198.     color: {color:color 2};
  199.     position: absolute;
  200.     left: -20px;
  201.     top: 50%;
  202.     -webkit-transform: rotateY(180deg) translateY(-50%);
  203.     transform: rotateY(180deg) translateY(-50%);
  204.   }
  205.  
  206.   body {
  207.     background: {color:blog background};
  208.     font-family: {block:Ifgooglefont}'{text:google font}', {/block:Ifgooglefont}{font:font};
  209.     color: {color:font};
  210.   }
  211.  
  212.   body.one div#container, body.one header {
  213.     width: 825px;
  214.     margin: auto;
  215.   }
  216.   body.two div#container, body.two header {
  217.     width: 1140px;
  218.     margin: auto;
  219.   }
  220.  
  221.   {block:Ifheader}
  222.   header {
  223.     background: {color:header} url('{image:header}');
  224.     background-size: cover;
  225.     background-position: center;
  226.     height: {text:header height};
  227.     max-height: calc(100vh - 6em);
  228.     display: flex;
  229.     align-items: center;
  230.     margin: 3em auto !important;
  231.   }
  232.  
  233.   div#header-wrap {
  234.     width: 100%;
  235.   }
  236.  
  237.   div#header-content {
  238.     /* width: 100%; */
  239.     display: inline-block;
  240.     {block:Iffeaturedposts}margin-bottom: 5em;{/block:Iffeaturedposts}
  241.     left: 50%;
  242.     transform: translateX(-50%);
  243.     padding: 1.5em;
  244.     background: {color:header background};
  245.     text-align: {select:header text align};
  246.   }
  247.   div#header-content::before {
  248.     content: "";
  249.     position: absolute;
  250.     height: calc(100% + 1em);
  251.     width: calc(100% + 1em);
  252.     top: -1em;
  253.     left: -1em;
  254.     border: 0.5em {select:header border} {color:header border};
  255.   }
  256.   div#header-content:empty {
  257.     display: none;
  258.   }
  259.   div#header-title {
  260.     font-size: {text:header title font size};
  261.     font-weight: bold;
  262.     font-family: {block:Ifheadertitlegooglefont}'{text:header title google font}', {/block:Ifheadertitlegooglefont}{block:Ifgooglefont}'{text:google font}', {/block:Ifgooglefont}{font:font};
  263.     {block:Ifheadertext}margin-bottom: 0.5em;{/block:Ifheadertext}
  264.     letter-spacing: 0.15em;
  265.     color: {color:header title};
  266.   }
  267.   div#header-text {
  268.     font-size: {text:header text font size};
  269.   }
  270.  
  271.   {block:Iffeaturedposts}
  272.   div#featured-posts {
  273.     width: 100%;
  274.     text-align: center;
  275.   }
  276.   .featured-post {
  277.     width: 20%;
  278.     display: inline-block;
  279.     vertical-align: top;
  280.     margin: 0 3% !important;
  281.     background: {color:featured post background};
  282.     font-size: {text:featured posts text font size};
  283.   }
  284.   .featured-post-content > *:not(.featured-post-info) {
  285.     transition: 0.25s all ease-in-out;
  286.   }
  287.   .featured-post img {
  288.     display: block;
  289.   }
  290.   .featured-post-content > *:not(img) {
  291.     padding: 1em;
  292.     box-sizing: border-box;
  293.   }
  294.   .featured-post-content p:first-child {
  295.     padding-bottom: 0;
  296.   }
  297.   .featured-post-content p:nth-last-child(2) {
  298.     padding-top: 0;
  299.   }
  300.   .featured-post-content p:not(:first-child):not(:nth-last-child(2)) {
  301.     padding: 0 1em;
  302.   }
  303.   .featured-post-content p:first-child:nth-last-child(2) {
  304.     padding: 1em;
  305.   }
  306.   .featured-post-info {
  307.     position: absolute;
  308.     top: 50%;
  309.     left: 50%;
  310.     transform: translate(-50%, -50%);
  311.     max-height: calc(100% - 3em);
  312.     max-width: calc(100% - 3em);
  313.     background: {color:featured post info background};
  314.     padding: 1.5em;
  315.     text-align: center;
  316.     font-size: {text:featured posts info font size};
  317.     box-sizing: border-box;
  318.     opacity: 0;
  319.     transition: 0.25s all ease-in-out;
  320.   }
  321.   .featured-post:hover .featured-post-content > *:not(.featured-post-info) {
  322.     opacity: 0.75;
  323.   }
  324.   .featured-post:hover .featured-post-info {
  325.     opacity: 1;
  326.   }
  327.   .featured-post-content p:last-of-type {
  328.     margin-bottom: 0;
  329.   }
  330.   .featured-post-info::before {
  331.     content: "";
  332.     position: absolute;
  333.     height: calc(100% + 0.5em);
  334.     width: calc(100% + 0.5em);
  335.     top: -0.75em;
  336.     left: -0.75em;
  337.     border: 0.5em {select:featured post info border} {color:featured post info border};
  338.   }
  339.   .featured-post-info * {
  340.     display: block;
  341.   }
  342.   .featured-post-info > a {
  343.     font-size: 1.1em;
  344.     color: {color:featured post info title};
  345.   }
  346.   .featured-post-info span {
  347.     margin-top: 0.5em;
  348.   }
  349.   .featured-post.pin:before {
  350.     margin-left: -12px;
  351.     margin-top: -4px;
  352.     background: {color:header pin color a};
  353.     box-shadow: 3px 3px 0 1.5px {color:header pin color b};
  354.   }
  355.   .featured-post.pin:after {
  356.     margin-left: 1px;
  357.     margin-top: -4px;
  358.   }
  359.   {/block:Iffeaturedposts}
  360.   {/block:Ifheader}
  361.  
  362.   .pin:before {
  363.     content: "";
  364.     position: absolute;
  365.     height: 12px;
  366.     width: 12px;
  367.     background: {color:pin color 1};
  368.     box-shadow: 3px 3px 0 1.5px {color:pin color 2};
  369.     z-index: 5;
  370.     border-radius: 100%;
  371.     top: -5px;
  372.   }
  373.   .pin:after {
  374.     content: "";
  375.     position: absolute;
  376.     height: 8px;
  377.     width: 2px;
  378.     background: #aaa;
  379.     z-index: 4;
  380.     top: 6px;
  381.     -webkit-transform: rotate(-45deg);
  382.     transform: rotate(-45deg);
  383.   }
  384.   aside#blog .pin:before {
  385.     background: {color:sidebar pin color a};
  386.     box-shadow: 3px 3px 0 1.5px {color:sidebar pin color b};
  387.   }
  388.  
  389.   {block:Ifalternatingpincolors}
  390.   section#posts .pin:nth-child(odd):before {
  391.     background: {color:blog pin color 1a};
  392.     box-shadow: 3px 3px 0 1.5px {color:blog pin color 1b};
  393.     margin-left: -12px;
  394.     margin-top: -4px;
  395.   }
  396.   section#posts .pin:nth-child(even):before {
  397.     background: {color:blog pin color 2a};
  398.     box-shadow: 3px 3px 0 1.5px {color:blog pin color 2b};
  399.   }
  400.   {/block:Ifalternatingpincolors}
  401.  
  402.   {block:IfNotalternatingpincolors}
  403.   section#posts .pin:before {
  404.     background: {color:blog pin color 1a};
  405.     box-shadow: 3px 3px 0 1.5px {color:blog pin color 1b};
  406.   }
  407.   {block:IfNotalternatingpincolors}
  408.  
  409.   .one.tape:before, .side.tape:before {
  410.     content: "";
  411.     position: absolute;
  412.     z-index: 10;
  413.     height: 40px;
  414.     width: 100px;
  415.     top: -25px;
  416.     left: 50%;
  417.     background: {color:tape};
  418.     opacity: 0.125;
  419.     -webkit-transform: translateX(-50%) rotate(0deg);
  420.     transform: translateX(-50%) rotate(0deg);
  421.   }
  422.   .two.tape:before, .opp.tape:before {
  423.     content: "";
  424.     position: absolute;
  425.     z-index: 10;
  426.     height: 40px;
  427.     width: 75px;
  428.     top: -15px;
  429.     left: -22px;
  430.     background: {color:tape};
  431.     opacity: 0.125;
  432.     -webkit-transform: rotate(-35deg);
  433.     transform: rotate(-35deg);
  434.   }
  435.   .two.tape:after {
  436.     content: "";
  437.     position: absolute;
  438.     z-index: 10;
  439.     height: 40px;
  440.     width: 75px;
  441.     top: -15px;
  442.     left: calc(100% - 22px - 28px);
  443.     background: {color:tape};
  444.     opacity: 0.125;
  445.     -webkit-transform: rotate(35deg);
  446.     transform: rotate(35deg);
  447.   }
  448.   .opp.tape:after {
  449.     content: "";
  450.     position: absolute;
  451.     z-index: 10;
  452.     height: 40px;
  453.     width: 75px;
  454.     top: calc(100% - 28px + 4px);
  455.     left: calc(100% - 22px - 34px);
  456.     background: {color:tape};
  457.     opacity: 0.125;
  458.     -webkit-transform: rotate(-35deg);
  459.     transform: rotate(-35deg);
  460.   }
  461.   .side.tape:after {
  462.     content: "";
  463.     position: absolute;
  464.     z-index: 10;
  465.     height: 40px;
  466.     width: 100px;
  467.     top: calc(100% - 12px);
  468.     left: 50%;
  469.     background: {color:tape};
  470.     opacity: 0.125;
  471.     -webkit-transform: translateX(-50%);
  472.     transform: translateX(-50%);
  473.   }
  474.  
  475.   aside, section {
  476.     display: inline-block;
  477.     vertical-align: top;
  478.   }
  479.   aside#blog {
  480.     width: 290px;
  481.   }
  482.   {block:Ifheader}
  483.   body.fix aside#blog {
  484.     position: absolute;
  485.   }
  486.   {/block:Ifheader}
  487.   {block:IfNotheader}
  488.   body.fix aside#blog {
  489.     position: fixed;
  490.   }
  491.   {/block:IfNotheader}
  492.   aside#blog > div:not(#col-2), div#col-2 > div {
  493.     margin: 1em 0;
  494.     background: {color:sidebar background};
  495.   }
  496.   aside#blog > div:not(#info):not(#stats):not(#desc):not(#col-2), div#col-2> div {
  497.     padding: 12px;
  498.   }
  499.   body.two div#col-2 {
  500.     position: absolute;
  501.     left: 850px;
  502.     z-index: 10;
  503.     width: 290px;
  504.     top: 0;
  505.   }
  506.   div#stats, div#desc {
  507.     padding: 24px 12px 12px;
  508.   }
  509.   aside#blog div.pin:before {
  510.     left: 130px;
  511.   }
  512.   aside#blog div.pin:after {
  513.     left: 143px;
  514.   }
  515.   div#bground {
  516.     background: {color:color 1} url('{image:about header}');
  517.     background-size: cover;
  518.     background-position: center;
  519.     height: 95px;
  520.   }
  521.   div#basic {
  522.     margin-top: -30px;
  523.     margin-left: 6px;
  524.     padding-bottom: 12px;
  525.   }
  526.   div#basic img, div#basic div {
  527.     display: inline-block;
  528.     vertical-align: top;
  529.   }
  530.   div#basic img {
  531.     border-radius: 100%;
  532.     border: 2px solid {color:sidebar background};
  533.     height: 72px;
  534.     width: 72px;
  535.     margin-right: 8px;
  536.   }
  537.   div#basic div {
  538.     margin-top: 40px;
  539.     width: calc(100% - 100px);
  540.   }
  541.   div#basic span {
  542.     display: block;
  543.   }
  544.   a.title {
  545.     font-size: 1.15em;
  546.     font-weight: bold;
  547.     color: {color:title};
  548.   }
  549.   a.blog-url {
  550.     font-size: 0.85em;
  551.     color: {color:color 2};
  552.   }
  553.   div#stats table {
  554.     width: 100%;
  555.   }
  556.   div#stats table td {
  557.     border: none;
  558.     padding: 0;
  559.   }
  560.   div#stats span {
  561.     display: block;
  562.     font-weight: bold;
  563.     margin-bottom: 3px;
  564.     color: {color:color 2};
  565.   }
  566.   div#stats a {
  567.     color: {color:font};
  568.     font-weight: normal;
  569.   }
  570.   div#links a, div#official a {
  571.     display: inline-block;
  572.     font-size: 14px;
  573.     margin: 0 3px 0 0;
  574.   }
  575.   span.block-name {
  576.     display: block;
  577.     font-weight: bold;
  578.     color: {color:color 2};
  579.     font-family: {block:Ifgooglefont}'{text:google font}', {/block:Ifgooglefont}{font:font};
  580.   }
  581.   div#links span.block-name, div#official span.block-name {
  582.     margin-bottom: 3px;
  583.   }
  584.   div#members, div#affiliates {
  585.     font-family: 'Times New Roman', serif;
  586.   }
  587.   div#members span.block-name, div#affiliates span.block-name {
  588.     margin-bottom: 6px;
  589.   }
  590.   div#members img, div#affiliates img {
  591.     width: 49.7px;
  592.   }
  593.   div#projects ul, div#updates ul {
  594.     margin: 0;
  595.     padding: 0;
  596.     font-size: 14px;
  597.   }
  598.   div#projects li, div#updates li {
  599.     list-style: none;
  600.     padding: 0 2px 3px;
  601.     margin-top: 6px;
  602.     border-bottom: 1px dashed #dfdfdf;
  603.   }
  604.   div#projects span.date, div#updates span.date {
  605.     font-weight: bold;
  606.     font-family: "{text:monospace google font}", monospace;
  607.     color: {color:color 2};
  608.     margin-right: 10px;
  609.   }
  610.   div#search form {
  611.     margin: 6px 0 0;
  612.     padding: 0;
  613.   }
  614.   div#search input {
  615.     border: none;
  616.     outline: none;
  617.     border-bottom: 1px dashed #dfdfdf;
  618.     width: 100%;
  619.     padding: 3px 2px;
  620.   }
  621.  
  622.   body.fix section#posts {
  623.     left: 294px;
  624.   }
  625.   article, div#postnotes {
  626.     width: 500px;
  627.     -webkit-box-sizing: border-box;
  628.     box-sizing: border-box;
  629.     /*margin: 20px 0 25px 20px;*/
  630.   }
  631.   article.pin:before, div#postnotes.pin:before {
  632.     left: 235px;
  633.   }
  634.   article.pin:after, div#postnotes.pin:after {
  635.     left: 248px;
  636.   }
  637.   .audio.pin:before, .video.pin:before, .photo.pin:before, .photoset.pin:before {
  638.     top: -7px;
  639.   }
  640.   .audio.pin:after, .video.pin:after, .photo.pin:after, .photoset.pin:after {
  641.     top: 4px;
  642.   }
  643.   .text, .quote, .link, .chat, .answer, div#postnotes {
  644.     background: {color:post background};
  645.     padding: 14px;
  646.   }
  647.   article.pin, div#postnotes.pin {
  648.     margin: 30px 0 30px 30px;
  649.   }
  650.   article.tape, div#postnotes.tape, .side.tape:last-of-type {
  651.     margin: 40px 0 40px 30px;
  652.   }
  653.   article.opp.tape, div#postnotes.opp.tape {
  654.     margin: 50px 0 50px 30px;
  655.   }
  656.   article.side.tape:not(:last-of-type) {
  657.     margin: 40px 0 80px 30px;
  658.   }
  659.   div#postnotes.side.tape {
  660.     margin: 80px 0 40px 30px;
  661.   }
  662.  
  663.   article a.title {
  664.     border-bottom: 1px dashed #dfdfdf;
  665.     display: block;
  666.     text-align: center;
  667.     padding: 10px 10px 3px;
  668.     margin: 0 0 12px;
  669.   }
  670.  
  671.   .blog {
  672.     margin-bottom: 8px;
  673.   }
  674.   .reblogged:not(:last-of-type), .qna:not(:last-of-type) {
  675.     margin-bottom: 24px;
  676.   }
  677.   .blog img, .blog span {
  678.     display: inline-block;
  679.     vertical-align: middle;
  680.   }
  681.   .blog img {
  682.     height: 24px;
  683.     margin-right: 10px;
  684.     border-radius: 100%;
  685.   }
  686.   .blog a {
  687.     font-size: 14px;
  688.     color: {color:color 2};
  689.   }
  690.   .blog a:hover {
  691.     color: {color:color 1};
  692.   }
  693.   .reblogged > p:nth-child(2) {
  694.     margin-top: 0;
  695.   }
  696.  
  697.   .gray a.pic, .gray .photoset {
  698.     -webkit-filter: grayscale(50%);
  699.     filter: grayscale(50%);
  700.     -webkit-transition: 0.5s all ease-in-out;
  701.     transition: 0.5s all ease-in-out;
  702.   }
  703.   .hov a.pic:hover, .hov .photoset:hover {
  704.     -webkit-filter: none;
  705.     filter: none;
  706.   }
  707.   .tmblr-lightbox {
  708.     background: rgba(255,255,255,0.65) !important;
  709.   }
  710.   .tmblr-lightbox .vignette {
  711.     opacity: 0 !important;
  712.   }
  713.   .tmblr-lightbox .lightbox-image {
  714.     -webkit-box-shadow: none !important;
  715.     box-shadow: none !important;
  716.     border-radius: 0 !important;
  717.   }
  718.  
  719.   .words {
  720.     font-size: 1.15em;
  721.     font-weight: bold;
  722.     color: {color:title};
  723.     display: block;
  724.     text-align: center;
  725.     padding: 10px 10px 3px;
  726.   }
  727.   .source {
  728.     margin-top: 10px;
  729.     border-bottom: 1px dashed #dfdfdf;
  730.     padding-bottom: 3px;
  731.     font-size: 14px;
  732.     text-align: right;
  733.     margin: 10px 0 0;
  734.   }
  735.  
  736.   a.path {
  737.     font-size: 1.15em;
  738.     font-weight: bold;
  739.     color: {color:title};
  740.     display: block;
  741.     text-align: center;
  742.     padding: 10px 10px 3px;
  743.   }
  744.   a.path.has-desc {
  745.     border-bottom: 1px dashed #dfdfdf;
  746.     margin: 0 0 12px;
  747.   }
  748.  
  749.   .chat table {
  750.     border-collapse: collapse;
  751.   }
  752.   .chat tr {
  753.     border-bottom: 1px dashed #dfdfdf;
  754.   }
  755.   .chat tr:first-child td {
  756.     padding: 3px 12px 3px 3px;
  757.   }
  758.   .chat tr:not(:first-child) td {
  759.     padding: 6px 12px 3px 3px;
  760.   }
  761.   td.label {
  762.     font-weight: bold;
  763.     color: {color:color 2};
  764.     border-right: 3px double;
  765.   }
  766.   td.label + td {
  767.     padding-left: 12px !important;
  768.   }
  769.  
  770.   iframe.tumblr_audio_player {
  771.     height: 85px;
  772.   }
  773.   iframe.spotify_audio_player {
  774.     height: 80px;
  775.   }
  776.  
  777.   .caption {
  778.     margin-top: 10px;
  779.     padding: 14px;
  780.     background: {color:post background};
  781.   }
  782.   .caption:before, .audio *:not(.caption) + footer.post-info:before, .video *:not(.caption) + footer.post-info:before, .photo *:not(.caption) + footer.post-info:before, .photoset *:not(.caption) + footer.post-info:before {
  783.     content: "";
  784.     position: absolute;
  785.     z-index: 10;
  786.     height: 40px;
  787.     width: 100px;
  788.     top: -25px;
  789.     left: 50%;
  790.     background: {color:tape};
  791.     opacity: 0.125;
  792.     -webkit-transform: translateX(-50%) rotate(-3deg);
  793.     transform: translateX(-50%) rotate(-3deg);
  794.   }
  795.  
  796.   footer.post-info {
  797.     font-size: 14px;
  798.   }
  799.   div:not(.caption) + footer.post-info, table + footer.post-info {
  800.     margin-top: 16px;
  801.   }
  802.   .caption + footer.post-info {
  803.     background: {color:post background};
  804.     padding: 4px 12px 12px;
  805.   }
  806.   .audio *:not(.caption) + footer.post-info, .video *:not(.caption) + footer.post-info, .photo *:not(.caption) + footer.post-info, .photoset *:not(.caption) + footer.post-info {
  807.     background: {color:post background};
  808.     padding: 14px;
  809.     margin-top: 10px;
  810.   }
  811.   footer.post-info > div {
  812.     border-bottom: 1px dashed #dfdfdf;
  813.   }
  814.   .info {
  815.     padding: 0 3px 3px;
  816.   }
  817.   .buttons {
  818.     float: right;
  819.   }
  820.   .buttons.neng {
  821.     font-size: 14px;
  822.     padding-top: 2px;
  823.   }
  824.   .like-button {
  825.     cursor: pointer;
  826.     margin-right: 12px;
  827.   }
  828.   .like_button {
  829.     position: absolute;
  830.     top: 0;
  831.     left: 0;
  832.     right: 0;
  833.     bottom: 0;
  834.     width: 100%;
  835.     height: 100%;
  836.     opacity: 0;
  837.     z-index: 10;
  838.   }
  839.   .like_button iframe {
  840.     width: 100% !important;
  841.     height: 100% !important;
  842.   }
  843.   .new {
  844.     color: {color:color 1};
  845.   }
  846.   .like_button:hover + .new {
  847.     color: {color:color 2};
  848.   }
  849.   .like_button.liked + .new {
  850.     color: {color:color 2};
  851.   }
  852.   .like_button.liked + .new.eng:after {
  853.     content: "d";
  854.   }
  855.   .tags {
  856.     padding: 5px 3px 3px;
  857.   }
  858.   .tags span {
  859.     text-transform: lowercase;
  860.     color: {color:color 2};
  861.   }
  862.   .tags a:not(:last-child):after {
  863.     content: ",";
  864.   }
  865.   .rebloggedfrom {
  866.     padding: 5px 3px 3px;
  867.     text-align: right;
  868.     color: {color:color 2};
  869.   }
  870.   .rb.cont-src {
  871.     float: left;
  872.   }
  873.   .nrb.cont-src {
  874.     padding: 5px 3px 3px;
  875.   }
  876.   .cont-src span {
  877.     text-transform: lowercase;
  878.     color: {color:color 2};
  879.   }
  880.  
  881.   div#postnotes {
  882.     padding-top: 28px;
  883.   }
  884.   ol.notes {
  885.     padding: 0;
  886.     margin: 0;
  887.     list-style: none;
  888.   }
  889.   li.note {
  890.     padding: 3px;
  891.   }
  892.   li.note:not(:last-child) {
  893.     margin-bottom: 6px;
  894.     border-bottom: 1px dashed #dfdfdf;
  895.   }
  896.   a.avatar_frame {
  897.     display: none;
  898.   }
  899.   li.note blockquote {
  900.     margin: 8px 0 6px 20px;
  901.   }
  902.   li.note blockquote:before {
  903.     content: "\00BB";
  904.     position: absolute;
  905.     left: -20px;
  906.     top: 50%;
  907.     -webkit-transform: translateY(-50%);
  908.     transform: translateY(-50%);
  909.     color: {color:color 2};
  910.   }
  911.  
  912.   .pag {
  913.     margin: 0 0 15px 30px;
  914.     text-align: center;
  915.     text-transform: lowercase;
  916.     font-size: 14px;
  917.   }
  918.   .pag a, .pag span {
  919.     padding: 8px 12px;
  920.     margin: 5px;
  921.     background: {color:post background};
  922.     border: 1px solid {color:post background};
  923.   }
  924.   .pag span {
  925.     color: {color:color 2};
  926.   }
  927.   .pag a:hover, .pag span {
  928.     border-color: {color:color 2};
  929.   }
  930.  
  931.   a#scroll-up {
  932.     position: fixed;
  933.     bottom: 31px;
  934.     right: 5px;
  935.     background: #fff;
  936.     padding: 6px 2.5px 2px;
  937.     font-size: 0.8em;
  938.   }
  939.   a#cred {
  940.     position: fixed;
  941.     bottom: 5px;
  942.     right: 5px;
  943.     background: #fff;
  944.     padding: 3px 6px;
  945.     font-size: 12px;
  946.   }
  947.  
  948.   {CustomCSS}
  949.   </style>
  950.  
  951. </head>
  952. <body class="{select:sidebar}">
  953.  
  954.   {block:Ifheader}
  955.   <header>
  956.     <div id="header-wrap">
  957.       <div id="header-content">{block:Ifheadertitle}<div id="header-title">{text:header title}</div>{/block:Ifheadertitle}{block:Ifheadertext}<div id="header-text">{text:header text}</div>{/block:Ifheadertext}</div>
  958.       {block:Iffeaturedposts}
  959.       <div id="featured-posts">
  960.         {block:Iffeaturedpost1content}
  961.         <div class="featured-post {select:header pin type}">
  962.           <div class="featured-post-content">
  963.             {text:featured post 1 content}
  964.             <div class="featured-post-info">
  965.               <a href="{text:featured post 1 link}">{text:featured post 1 title}</a>
  966.               {block:Iffeaturedpost1description}<span>{text:featured post 1 description}</span>{/block:Iffeaturedpost1description}
  967.             </div>
  968.           </div>
  969.         </div>
  970.         {/block:Iffeaturedpost1content}
  971.         {block:Iffeaturedpost2content}
  972.         <div class="featured-post {select:header pin type}">
  973.           <div class="featured-post-content">
  974.             {text:featured post 2 content}
  975.             <div class="featured-post-info">
  976.               <a href="{text:featured post 2 link}">{text:featured post 2 title}</a>
  977.               {block:Iffeaturedpost2description}<span>{text:featured post 2 description}</span>{/block:Iffeaturedpost2description}
  978.             </div>
  979.           </div>
  980.         </div>
  981.         {/block:Iffeaturedpost2content}
  982.         {block:Iffeaturedpost3content}
  983.         <div class="featured-post {select:header pin type}">
  984.           <div class="featured-post-content">
  985.             {text:featured post 3 content}
  986.             <div class="featured-post-info">
  987.               <a href="{text:featured post 3 link}">{text:featured post 3 title}</a>
  988.               {block:Iffeaturedpost3description}<span>{text:featured post 3 description}</span>{/block:Iffeaturedpost3description}
  989.             </div>
  990.           </div>
  991.         </div>
  992.         {/block:Iffeaturedpost3content}
  993.       </div>
  994.       {block:Iffeaturedposts}
  995.     </div>
  996.   </header>
  997.   {/block:Ifheader}
  998.  
  999.   <div id="container">
  1000.     <aside id="blog">
  1001.  
  1002.       <div id="info" class="pin">
  1003.         <div id="bground"></div>
  1004.         <div id="basic">
  1005.           <img src="{PortraitURL-96}" />
  1006.           <div>
  1007.             <span><a href="/" class="title">{Title}</a></span>
  1008.             <span><a href="/" class="blog-url">@{Name}</a></span>
  1009.           </div>
  1010.         </div>
  1011.       </div>
  1012.  
  1013.       {block:IfBlogStats}
  1014.       <div id="stats" class="pin">
  1015.         <table>
  1016.           <td id="est"><span>est.</span>{text:date blog was made}</td>
  1017.           <td id="online"><span>{text:currently online label}</span>{text:currently online script}</td>
  1018.           <td id="visits"><span>{text:total visits label}</span>{text:total visits script}</td>
  1019.         </table>
  1020.       </div>
  1021.       {/block:IfBlogStats}
  1022.       {block:IfDescription}
  1023.       <div id="desc" class="pin">{Description}</div>
  1024.       {/block:IfDescription}
  1025.  
  1026.       <!-- if you want to add more than five links, add <a href="link url">link name</a> -->
  1027.       <div id="links" class="pin">
  1028.         <span class="block-name">blog links</span>
  1029.         <a href="/">home</a>
  1030.         {block:AskEnabled}<a href="/ask">ask</a>{/block:AskEnabled}
  1031.         <a href="/archive">archive</a>
  1032.         {block:Ifbloglinkoneurl}<a href="{text:blog link one url}">{text:blog link one name}</a>{/block:Ifbloglinkoneurl}
  1033.         {block:Ifbloglinktwourl}<a href="{text:blog link two url}">{text:blog link two name}</a>{/block:Ifbloglinktwourl}
  1034.         {block:Ifbloglinkthreeurl}<a href="{text:blog link three url}">{text:blog link three name}</a>{/block:Ifbloglinkthreeurl}
  1035.         {block:Ifbloglinkfoururl}<a href="{text:blog link four url}">{text:blog link four name}</a>{/block:Ifbloglinkfoururl}
  1036.         {block:Ifbloglinkfiveurl}<a href="{text:blog link five url}">{text:blog link five name}</a>{/block:Ifbloglinkfiveurl}
  1037.       </div>
  1038.  
  1039.       {block:IfOfficialLinks}
  1040.       <div id="official" class="pin">
  1041.         <span class="block-name">official links</span>
  1042.         <!-- add/link the official links here -->
  1043.         <!-- to add more, add <a href="link url">link name</a> -->
  1044.         <a href="url">website</a>
  1045.         <a href="//twitter.com/">twitter</a>
  1046.         <a href="//www.instagram.com/">instagram</a>
  1047.         <a href="//www.facebook.com/">facebook</a>
  1048.       </div>
  1049.       {/block:IfOfficialLinks}
  1050.  
  1051.       <div id="col-2">
  1052.         <!-- these are the blocks in the second column, if selected -->
  1053.         {block:IfMembers}
  1054.         <div id="members" class="pin">
  1055.           <span class="block-name">members</span>
  1056.           <!-- here, you can link to the members of the blog -->
  1057.           <!-- to add a member, add <a href="member's url" title="member's name"><img src="link to picture/icon for member" /></a> for each member -->
  1058.           <a href="member url" title="member"><img src="//i.imgur.com/TJwmc2Y.png" /></a>
  1059.           <a href="member url" title="member"><img src="//i.imgur.com/Qdm4veb.png" /></a>
  1060.           <a href="member url" title="member"><img src="//i.imgur.com/fQEZtul.png" /></a>
  1061.           <a href="member url" title="member"><img src="//i.imgur.com/Gz5hTh4.jpg" /></a>
  1062.           <a href="member url" title="member"><img src="//i.imgur.com/DBQIkdz.png" /></a>
  1063.         </div>
  1064.         {/block:IfMembers}
  1065.         {block:IfAffiliates}
  1066.         <div id="affiliates" class="pin">
  1067.           <span class="block-name">affiliates</span>
  1068.           <!-- here, you can link to affiliates -->
  1069.           <!-- to add an affiliate, add <a href="affiliate's url" title="affiliate's name"><img src="link to picture/icon for affiliate" /></a> for each affiliate -->
  1070.           <a href="affiliate url" title="affiliate"><img src="//i.imgur.com/TJwmc2Y.png" /></a>
  1071.           <a href="affiliate url" title="affiliate"><img src="//i.imgur.com/Qdm4veb.png" /></a>
  1072.           <a href="affiliate url" title="affiliate"><img src="//i.imgur.com/fQEZtul.png" /></a>
  1073.           <a href="affiliate url" title="affiliate"><img src="//i.imgur.com/Gz5hTh4.jpg" /></a>
  1074.           <a href="affiliate url" title="affiliate"><img src="//i.imgur.com/DBQIkdz.png" /></a>
  1075.         </div>
  1076.         {/block:IfAffiliates}
  1077.         {block:IfProjects}
  1078.         <div id="projects" class="pin">
  1079.           <span class="block-name">projects</span>
  1080.           <ul>
  1081.             <!-- here, you can add projects -->
  1082.             <!-- to add a project, add <li><span class="date">date</span><b>name of project</b> <br /> description of project</li> -->
  1083.             <!-- tip: delete old projects as you add new ones/they finish to limit the list -->
  1084.             <li><span class="date">date</span><b>name of project</b> <br /> description of project</li>
  1085.             <li><span class="date">date</span><b>name of project</b> <br /> description of project</li>
  1086.             <li><span class="date">date</span><b>name of project</b> <br /> description of project</li>
  1087.             <li><span class="date">date</span><b>name of project</b> <br /> description of project</li>
  1088.             <li><span class="date">date</span><b>name of project</b> <br /> description of project</li>
  1089.           </ul>
  1090.         </div>
  1091.         {/block:IfProjects}
  1092.         {block:IfUpdates}
  1093.         <div id="updates" class="pin">
  1094.           <span class="block-name">updates</span>
  1095.           <ul>
  1096.             <!-- here, you can add updates -->
  1097.             <!-- to add a update, add <li><span class="date">date</span>what happened</li> -->
  1098.             <!-- tip: delete old updates as you add new ones to limit the list -->
  1099.             <li><span class="date">00.00.00</span>???</li>
  1100.             <li><span class="date">date</span>what happened</li>
  1101.             <li><span class="date">date</span>what happened</li>
  1102.             <li><span class="date">date</span>what happened</li>
  1103.             <li><span class="date">date</span>what happened</li>
  1104.           </ul>
  1105.         </div>
  1106.         {/block:IfUpdates}
  1107.       </div>
  1108.  
  1109.       <div id="search" class="pin">
  1110.         <span class="block-name">search</span>
  1111.         <form action="/search" method="get"><input type="text" name="q" value="{SearchQuery}"/></form>
  1112.       </div>
  1113.  
  1114.     </aside>
  1115.  
  1116.     <section id="posts">
  1117.       {block:Posts}<article class="post {PostType} {select:pin type} {select:photos}" id="{PostID}">
  1118.  
  1119.         {block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}
  1120.  
  1121.         {block:Text}{block:NotReblog}<div class="body">{Body}</div>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog"><img src="{PortraitURL-64}" /><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}{/block:Text}
  1122.  
  1123.         {block:Photo}<a href="#" class="pic" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{/block:Photo}
  1124.  
  1125.         {block:Photoset}{Photoset}{/block:Photoset}
  1126.  
  1127.         {block:Quote}{block:Source}<div class="source">{Source}</div>{/block:Source}<div class="words">{Quote}</div>{/block:Quote}
  1128.  
  1129.         {block:Link}<a href="{URL}" class="path{block:Description} has-desc{/block:Description}" {Target}>{Name}</a>
  1130.         {block:Description}{block:NotReblog}<div class="desc">{Description}</div>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog"><img src="{PortraitURL-64}" /><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}{/block:Description}{/block:Link}
  1131.  
  1132.         {block:Chat}<table>{block:Lines}<tr><td class="label">{block:Label}<span>{Label}</span>{/block:Label}</td><td>{Line}</td></tr>{/block:Lines}</table>{/block:Chat}
  1133.  
  1134.         {block:Audio}{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}{/block:Audio}
  1135.  
  1136.         {block:Video}{VideoEmbed-500}{/block:Video}
  1137.  
  1138.         {block:Answer}<div class="qna"><div class="blog"><img src="{AskerPortraitURL-48}"/>{Asker}</div><span class="speech">{Question}</span></div>
  1139.         {block:Answerer}<div class="qna"><div class="blog"><img src="{AnswererPortraitURL-48}"/>{Answerer}</div><span class="speech">{Answer}</span></div>{block:Reblogs}<div class="qna"><div class="blog"><img src="{PortraitURL-64}" />{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}</div><span class="speech">{Body}</span></div>{/block:Reblogs}{/block:Answerer}
  1140.         {block:NotReblog}<div class="qna"><div class="blog"><img src="{PortraitURL-48}" /><a href="{Permalink}">{Name}</a></div><span class="speech">{Answer}</span></div>{/block:NotReblog}{/block:Answer}
  1141.  
  1142.         {block:Caption}<div class="caption">{block:NotReblog}{Caption}{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog"><img src="{PortraitURL-64}" /><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}</div>{/block:Caption}
  1143.  
  1144.         {block:Date}
  1145.         <footer class="post-info">
  1146.           <div class="info">
  1147.             <a href="{Permalink}" class="permalink"><span class="date">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</span>{block:NoteCount}&nbsp;<b>&middot;</b>&nbsp;<span class="notes">{NoteCount}n</span>{/block:NoteCount}</a>
  1148.             <div class="buttons">
  1149.               {block:English}<span class="like-button">{likeButton}<span class="new eng">like</span></span><span class="reblog-button"><a href="{ReblogURL}">reblog</a></span>{/block:English}{block:NotEnglish}<span class="like-button neng">{likeButton}<span class="new"><span class="sf sf-heart-2-o"></span></span></span><span class="reblog-button"><a href="{ReblogURL}"><span class="sf sf-reblog-o"></span></a></span>{/block:NotEnglish}
  1150.             </div>
  1151.           </div>
  1152.           {block:HasTags}<div class="tags"><span>{lang:Filed under}:</span>{block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1153.           {block:RebloggedFrom}<div class="rebloggedfrom">{block:ContentSource}<div class="rb cont-src"><span>{lang:Source}: </span><a href="{SourceURL}" {Target}>{SourceTitle}</a></div>{/block:ContentSource}<a href="{ReblogParentURL}" class="via" {Target}>{ReblogParentName}</a>&nbsp;&mdash;&nbsp;<a href="{ReblogRootURL}" class="src" {Target}>{ReblogRootName}</a></div>{/block:RebloggedFrom}
  1154.           {block:NotReblog}{block:ContentSource}<div class="nrb cont-src"><span>{lang:Source}: </span><a href="{SourceURL}" {Target}>{SourceTitle}</a></div>{/block:ContentSource}{/block:NotReblog}
  1155.         </footer>
  1156.         {/block:Date}
  1157.  
  1158.       </article>
  1159.  
  1160.       {block:PostNotes}
  1161.       <div id="postnotes" class="{select:pin type}">{PostNotes}</div>
  1162.       {/block:PostNotes}
  1163.       {/block:Posts}
  1164.  
  1165.       {block:Pagination}
  1166.       <div class="pag">
  1167.         {block:PreviousPage}<a href="{PreviousPage}" class="prev">{lang:Prev}</a>{/block:PreviousPage}
  1168.         {block:JumpPagination length="3"}{block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}" class="jump">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1169.         {block:NextPage}<a href="{NextPage}" class="next">{lang:Next}</a>{/block:NextPage}
  1170.       </div>
  1171.       {/block:Pagination}
  1172.  
  1173.     </section>
  1174.   </div>
  1175.   <a href="#" id="scroll-up"><span class="sf sf-arrow-up"></span></a>
  1176.   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1177.   <script>
  1178.   $(document).ready(function(){
  1179.  
  1180.     // removes colons after chat post names
  1181.     $('td.label').each(function(){
  1182.       var label = $(this).text().split(":")[0];
  1183.       $(this).text(label);
  1184.     });
  1185.  
  1186.     {block:Ifheader}
  1187.     // makes the fixed sidebars work properly with the header on
  1188.     var bodyClass = $('body').attr('class');
  1189.     if ( bodyClass.indexOf('fix') == 0 ) {
  1190.       var containerOffset = $('#container').offset().top;
  1191.       $(window).scroll(function(){
  1192.         var scrolled = $(window).scrollTop();
  1193.         if (scrolled >= containerOffset) {
  1194.           $('aside').css({'position': 'fixed', 'top': '0'});
  1195.         } else {
  1196.           $('aside').css({'position': '', 'top': ''});
  1197.         }
  1198.       });
  1199.     }
  1200.     {/block:Ifheader}
  1201.  
  1202.     // scroll up button
  1203.     $('a#scroll-up').click(function(){
  1204.       $('html, body').animate({ scrollTop: 0 }, 1500);
  1205.       return false;
  1206.     });
  1207.  
  1208.     // DO NOT REMOVE
  1209.     $('body').append('<a href="//annasthms.tumblr.com/" id="cred" title="theme by annasthms" {Target}>a</a>');
  1210.   });
  1211.   </script>
  1212. </body>
  1213. </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!