API tools faq
paste
thejacketslut

médiocre

thejacketslut
Nov 1st, 2015
21,064
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 46.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!--
  7.  
  8. Theme «médiocre» by felinum
  9.  
  10. Last update: 24.08.2016
  11.  
  12. Rules:
  13. 1. Don't claim any part of the code as your own.
  14. 2. Don't redistribute it on other sites.
  15. 3. Don't implement parts of my code into your themes w/o permission.
  16. 4. Leave the credit intact and visible (don't move it to secondary pages).
  17. 5. You may edit the theme, but not beyond recognition.
  18.  
  19.  
  20. Credits:
  21.  - Infinite Scroll: Paul Irish (https://github.com/infinite-scroll/infinite-scroll)
  22.  - Video Resizing: @ shythemes (http://shythemes.tumblr.com/post/134536748863/)
  23.  - Photo Lightbox: @ shythemes (http://shythemes.tumblr.com/post/140444996328/)
  24.  - Styled Tooltips: Manos Malihutsakis (http://manos.malihu.gr/tuts/style-my-tooltips.html)
  25.  
  26. -->              
  27.                    
  28.  
  29.     <title>{Title}</title>
  30.     <link rel="shortcut icon" href="{Favicon}">
  31.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32.     {block:Description}
  33.     <meta name="description" content="{MetaDescription}" />
  34.     {/block:Description}
  35.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  36.     <style> body, a, a:hover{cursor:url({select:Tiny Cursor}), auto} </style>
  37.     <link href='https://fonts.googleapis.com/css?family=Quicksand:300,400,700|Source+Sans+Pro|Karla|Muli:400,400italic|Roboto:400,400italic,500,500italic|Inconsolata' rel='stylesheet' type='text/css'>
  38.     <link rel="stylesheet" href="http://static.tumblr.com/0cdn90j/kzooc2pd7/icomoon.css">
  39.      <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  40.  
  41.  
  42.  
  43.     <!--META TAGS-->
  44.  
  45.     <meta name="image:Sidebar" content=""/>
  46.     <meta name="color:Background" content="#fff"/>
  47.     <meta name="color:Text" content="#6b6b6b"/>
  48.     <meta name="color:Italic" content="#ced6df"/>
  49.     <meta name="color:Bold" content="#6f7f82"/>
  50.     <meta name="color:Link" content="#a5b5c1"/>
  51.     <meta name="color:Link Hover" content="#ccc"/>
  52.     <meta name="color:Blockquote Border" content="#ededed"/>
  53.    
  54.     <meta name="color:Container BG" content="#fff"/>
  55.     <meta name="color:Container Borders" content="#ededed"/>
  56.     <meta name="color:Navigation Links" content="#000"/>
  57.     <meta name="color:Navigation Links Hover" content="#c4c4c4"/>
  58.     <meta name="color:Search" content="#949494"/>
  59.     <meta name="color:Title" content="#2b2b2b"/>
  60.     <meta name="color:1st Title Letter" content="#3aa0b6"/>
  61.     <meta name="color:Current Page" content="#000"/>
  62.     <meta name="color:Jump Page" content="#c4c4c4"/>
  63.     <meta name="color:Jump Page Hover" content="#eef1f3"/>
  64.     <meta name="color:Post Info" content="#c1c1c1"/>
  65.     <meta name="color:Post Info Hover" content="#000"/>
  66.     <meta name="color:Chat Label" content="#99b4b6"/>
  67.     <meta name="color:Question BG" content="#f5f7f8"/>
  68.     <meta name="color:Track Info" content="#979797"/>
  69.     <meta name="color:Description Title" content="#fff"/>
  70.     <meta name="color:Description Title BG" content="#ccc"/>
  71.     <meta name="color:TopTags Title" content="#fff"/>
  72.     <meta name="color:TopTags Title BG" content="#b4d3dc"/>
  73.     <meta name="color:TopTags Links" content="#91b6c1"/>
  74.     <meta name="color:TopTags Links Hover" content="#e6e9ea"/>
  75.     <meta name="color:Updates Button Title" content="#000"/>
  76.     <meta name="color:Updates Button Title Hover" content="#fff"/>
  77.     <meta name="color:Updates Button BG Hover" content="#cad7d9"/>
  78.     <meta name="color:Updates Tab Titles" content="#cad7d9"/>
  79.     <meta name="color:Updates Tab Titles Hover" content="#b8b8b8"/>
  80.     <meta name="color:Updates Tab Content" content="#c9c9c9"/>
  81.     <meta name="color:Back to Top Icon" content="#979797"/>
  82.     <meta name="color:Selection BG" content="#dfe5e7"/>
  83.     <meta name="color:Selection Text" content="#000"/>
  84.     <meta name="color:Tooltip Text" content="#979797"/>
  85.     <meta name="color:Tooltip BG" content="#fff"/>
  86.     <meta name="color:Tooltip Border" content="#f5f5f5"/>
  87.    
  88.     <meta name="select:Post Size" content="540" title="540px"/>
  89.     <meta name="select:Post Size" content="500" title="500px"/>
  90.     <meta name="select:Post Size" content="450" title="450px"/>
  91.     <meta name="select:Post Size" content="400" title="400px"/>
  92.    
  93.     <meta name="select:Permalink Post Size" content="540" title="540px"/>
  94.     <meta name="select:Permalink Post Size" content="500" title="500px"/>
  95.     <meta name="select:Permalink Post Size" content="450" title="450px"/>
  96.     <meta name="select:Permalink Post Size" content="400" title="400px"/>
  97.    
  98.     <meta name="select:Body Font Size" content="10" title="10px"/>
  99.     <meta name="select:Body Font Size" content="11" title="11px"/>
  100.     <meta name="select:Body Font Size" content="12" title="12px"/>
  101.    
  102.     <meta name="select:Body Font Family" content="Lao Ui" title="Lao Ui"/>
  103.     <meta name="select:Body Font Family" content="Muli" title="Muli"/>
  104.     <meta name="select:Body Font Family" content="Roboto" title="Roboto"/>
  105.     <meta name="select:Body Font Family" content="Karla" title="Karla">
  106.     <meta name="select:Body Font Family" content="Inconsolata" title="Inconsolata"/>
  107.     <meta name="select:Body Font Family" content="Source Sans Pro" title="Source Sans Pro"/>
  108.    
  109.     <meta name="select:Title Font Weight" content="700" title="bold"/>
  110.     <meta name="select:Title Font Weight" content="400" title="regular"/>
  111.     <meta name="select:Title Font Weight" content="300" title="light"/>
  112.    
  113.     <meta name="select:Photoset Gutter" content="2" title="2px"/>
  114.     <meta name="select:Photoset Gutter" content="1" title="1px"/>
  115.     <meta name="select:Photoset Gutter" content="3" title="3px"/>
  116.     <meta name="select:Photoset Gutter" content="4" title="4px"/>
  117.    
  118.     <meta name="select:Controls" content=".3" title="gray"/>
  119.     <meta name="select:Controls" content="1" title="black"/>
  120.    
  121.     <meta name="select:Tiny Cursor" content="http://cur.cursors-4u.net/cursors/cur-9/cur817.cur" title="white"/>
  122.     <meta name="select:Tiny Cursor" content="http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png" title="black"/>
  123.    
  124.     <meta name="if:Infinite Scroll" content="0"/>
  125.     <meta name="if:Fade In On Refresh" content="1"/>
  126.     <meta name="if:Search Bar" content="1"/>
  127.     <meta name="if:Updates Tab" content="1"/>
  128.     <meta name="if:SubMenu" content="1"/>
  129.     <meta name="if:Sidebar Image" content="1"/>
  130.     <meta name="if:Rounded Sidebar Img Corners" content="0"/>
  131.     <meta name="if:Top Tags" content="1"/>
  132.     <meta name="if:Audio Player White" content="1"/>
  133.     <meta name="if:Audio Player Black" content="0"/>
  134.     <meta name="if:Show Caption" content="1"/>
  135.    
  136.     <meta name="if:Link Four" content="1"/>
  137.     <meta name="if:Link Five" content="1"/>
  138.     <meta name="if:Link Six" content="1"/>
  139.     <meta name="if:Link Seven" content="1"/>
  140.    
  141.     <meta name="if:SubMenu Link One" content="1"/>
  142.     <meta name="if:SubMenu Link Two" content="1"/>
  143.     <meta name="if:SubMenu Link Three" content="1"/>
  144.     <meta name="if:SubMenu Link Four" content="1"/>
  145.     <meta name="if:SubMenu Link Five" content="1"/>
  146.     <meta name="if:SubMenu Link Six" content="1"/>
  147.     <meta name="if:SubMenu Link Seven" content="1"/>
  148.     <meta name="if:SubMenu Link Eight" content="1"/>
  149.    
  150.     <meta name="text:Search Label" content="search..."/>
  151.     <meta name="text:Title Font Size" content="24"/>
  152.    
  153.     <meta name="text:Link 4 URL" content="Link 4 URL; make sure not to leave any of these url areas blank;"/>
  154.     <meta name="text:Link 4" content="Link 4"/>
  155.     <meta name="text:Link 5 URL" content="Link 5 URL"/>
  156.     <meta name="text:Link 5" content="Link 5"/>
  157.     <meta name="text:Link 6 URL" content="Link 6 URL"/>
  158.     <meta name="text:Link 6" content="Link 6"/>
  159.     <meta name="text:Link 7 URL" content="Link 7 URL; the Submenu appears under this link"/>
  160.     <meta name="text:Link 7" content="Link 7"/>
  161.    
  162.     <meta name="text:SubMenu Link 1 URL" content="http://"/>
  163.     <meta name="text:SubMenu Link 1" content="SubMenu Link 1"/>
  164.     <meta name="text:SubMenu Link 2 URL" content="http://"/>
  165.     <meta name="text:SubMenu Link 2" content="SubMenu Link 2"/>
  166.     <meta name="text:SubMenu Link 3 URL" content="http://"/>
  167.     <meta name="text:SubMenu Link 3" content="SubMenu Link 3"/>
  168.     <meta name="text:SubMenu Link 4 URL" content="http://"/>
  169.     <meta name="text:SubMenu Link 4" content="SubMenu Link 4"/>
  170.     <meta name="text:SubMenu Link 5 URL" content="http://"/>
  171.     <meta name="text:SubMenu Link 5" content="SubMenu Link 5"/>
  172.     <meta name="text:SubMenu Link 6 URL" content="http://"/>
  173.     <meta name="text:SubMenu Link 6" content="SubMenu Link 6"/>
  174.     <meta name="text:SubMenu Link 7 URL" content="http://"/>
  175.     <meta name="text:SubMenu Link 7" content="SubMenu Link 7"/>
  176.     <meta name="text:SubMenu Link 8 URL" content="http://"/>
  177.     <meta name="text:SubMenu Link 8" content="SubMenu Link 8"/>
  178.    
  179.     <meta name="text:Top Tag 1 URL" content="/tagged/tag 1"/>
  180.     <meta name="text:Top Tag 1" content="tag 1"/>
  181.     <meta name="text:Top Tag 2 URL" content="/tagged/tag 2"/>
  182.     <meta name="text:Top Tag 2" content="tag 2"/>
  183.     <meta name="text:Top Tag 3 URL" content="/tagged/tag 3"/>
  184.     <meta name="text:Top Tag 3" content="tag 3"/>
  185.     <meta name="text:Top Tag 4 URL" content="/tagged/tag 4"/>
  186.     <meta name="text:Top Tag 4" content="tag 4"/>
  187.    
  188.     <meta name="text:Updates Section 1 Title" content="Title I"/>
  189.     <meta name="text:Updates Section 1" content="Section I Content"/>
  190.     <meta name="text:Updates Section 2 Title" content="Title II"/>
  191.     <meta name="text:Updates Section 2" content="Section II Content"/>
  192.     <meta name="text:Updates Section 3 Title" content="Title III"/>
  193.     <meta name="text:Updates Section 3" content="Section III Content"/>
  194.     <meta name="text:Updates Section 4 Title" content="Title IV"/>
  195.     <meta name="text:Updates Section 4" content="Section IV Content"/>
  196.  
  197.     <style type="text/css">
  198.    
  199.     ::-webkit-scrollbar {width:11px; height:11px;}
  200.    
  201.     ::-webkit-scrollbar-thumb {
  202.         border:5px solid rgba(0, 0, 0, 0);
  203.         background-clip:padding-box;
  204.         background-color:rgba(0, 0, 0, 1);
  205.     }
  206.    
  207.     ::-webkit-scrollbar-track {border:5px solid {color:Background}; background-color:#eee;}
  208.  
  209.     #s-m-t-tooltip {
  210.         max-width:300px;
  211.         margin:13px 18px 7px 8px;
  212.         padding:5px;
  213.         z-index:999999999999999999999999999999999999999999999999;
  214.         text-transform:uppercase;
  215.         letter-spacing:1px;
  216.         font:8px calibri;
  217.         color:{color:Tooltip Text};
  218.         background:{color:Tooltip BG};
  219.         border:1px solid {color:Tooltip Border};
  220.     }
  221.    
  222.     #toTop {
  223.         position:fixed;
  224.         bottom:40px;
  225.         right:14px;
  226.         cursor:pointer;
  227.         color:{color:Back to Top Icon};
  228.     }
  229.    
  230.     .tmblr-iframe {
  231.         position:relative;
  232.         top:5px;
  233.         right:-20px;
  234.         z-index:90000000000000000000000000000000000;
  235.         opacity:{select:Controls};
  236.          -webkit-filter: invert(100%);
  237.             -moz-filter: invert(100%);
  238.               -o-filter: invert(100%);
  239.              -ms-filter: invert(100%);
  240.                  filter: invert(100%);
  241.      }
  242.      
  243.      .tmblr-iframe:hover {opacity:.7;}
  244.      
  245.      ::selection {background:{color:Selection BG}; color:{color:Selection Text};}
  246.    
  247.      ::-moz-selection {background:{color:Selection BG}; color:{color:Selection Text};}
  248.    
  249.     /*    general    */
  250.  
  251.     body {
  252.         opacity:1;
  253.         transition:.5s opacity;
  254.         font:{select:Body Font Size}px {select:Body Font Family}, calibri, sans-serif;
  255.         color:{color:Text};
  256.         background:{color:Background};
  257.         overflow-wrap:break-word;  
  258.         word-wrap:break-word;
  259.     }
  260.    
  261.     body.fade-out {opacity:0; transition:none;}
  262.  
  263.     i, em {color:{color:Italic};}
  264.     b, strong {color:{color:Bold};}
  265.     pre {
  266.         font-family:inherit !important;
  267.         white-space:pre-wrap;      
  268.         white-space:-moz-pre-wrap;  
  269.         white-space:-pre-wrap;      
  270.         white-space:-o-pre-wrap;  
  271.         word-wrap:break-word;      
  272.     }
  273.    
  274.     h6, small, big, sup, sub {font-size:1em;}
  275.     h4, h5, h6 {margin:6px 0;}
  276.     h5 {font-size:1.1em;}
  277.     h4 {font-size:1.2em;}
  278.     h3 {font-size:1.3em;}
  279.     h2 {font-size:1.4em;}
  280.     h1 {font-size:1.5em;}
  281.    
  282.     blockquote {
  283.         margin:0;
  284.         padding:0 10px;
  285.         border-left:1px solid {color:Blockquote Border};
  286.     }
  287.    
  288.     ul:not(.not) {margin:0 0 0 -35px; list-style-type:none;}
  289.     ol {margin-left:-25px;}
  290.     ul li:not(.not):before {
  291.         content:'—';
  292.         display:inline-block;
  293.         margin-right:5px;
  294.     }
  295.    
  296.     img {max-width:100%; height:auto;}
  297.    
  298.     hr {border:1px solid {color:Blockquote Border};}
  299.    
  300.     *:not(#s-m-t-tooltip):not(a):not(.tmblr-iframe), *:not(#s-m-t-tooltip):not(a):not(.tmblr-iframe):hover, a, a:hover, .tmblr-iframe, .tmblr-iframe:hover {transition-duration:.5s;}
  301.    
  302.     a {text-decoration:none;}
  303.     a:link, a:visited {color:{color:Link};}
  304.     a:hover {color:{color:Link Hover};}
  305.     a:active {color:{color:Link};}
  306.  
  307.     /*    container    */
  308.  
  309.     #curtain {
  310.         position:fixed;
  311.         width:100%;
  312.         height:193px;
  313.         margin:0 auto;
  314.         top:0;
  315.         left:0;
  316.         right:0;
  317.         z-index:1;
  318.         background-color:{color:Background};
  319.     }
  320.    
  321.     #container, #menu_container, #navigation_container, #subnav_container, #updates_wrapper, #updates_sections_wrapper {
  322.         {block:IndexPage}width:calc({select:Post Size}px + 240px);{block:IndexPage}
  323.         {block:Permalink}width:calc({select:Permalink Post Size}px + 240px);{block:Permalink}
  324.     }
  325.    
  326.     #container, #menu_container, #subnav_container, #updates_wrapper, #postscontainer, #sidebar {background-color:{color:Container BG};}
  327.    
  328.     #container, #subnav_container, #updates_sections_wrapper, #sidebar, #sidebar_image, #postscontainer {border:1px solid {color:Container Borders};}
  329.     #description, #toptags_container, .vertebrae {border-top:1px solid {color:Container Borders};}
  330.     #title_wrapper {border-right:1px solid {color:Container Borders};}
  331.     #navigation_container {border-bottom:1px solid {color:Container Borders};}
  332.     #updates_button, .sections, #top_tags {border-left:1px solid {color:Container Borders};}
  333.        
  334.     #container {
  335.         position:fixed;
  336.         margin:0 auto;
  337.         top:106px;
  338.         left:0;
  339.         right:0;
  340.         z-index:99;
  341.         border-top-right-radius:1em;
  342.         border-top-left-radius:1em;
  343.     }  
  344.    
  345.     #navigation_container {
  346.         height:40px;
  347.         z-index:99;
  348.         text-transform:uppercase;
  349.         font-family:'source sans pro';
  350.     }  
  351.    
  352.     #navigation {
  353.         float:left;
  354.         width:500px;
  355.         letter-spacing:1px;
  356.         font-size:11px;
  357.     }
  358.  
  359.     #navigation li {display:inline-block; padding:3px 12px 2px 12px;}
  360.  
  361.     #navigation a {
  362.         padding-bottom:11px;
  363.         border-bottom:2px solid transparent;
  364.         color:{color:Navigation Links};
  365.     }
  366.    
  367.     #navigation a:hover {border-bottom:2px solid {color:Navigation Links Hover}; color:{color:Navigation Links Hover};}
  368.     #navigation a.current {border-bottom:2px solid {color:Navigation Links}; color:{color:Navigation Links};}
  369.    
  370.     /*    submenu    */
  371.    
  372.     #navigation li ul {display:none; position:absolute;}
  373.    
  374.     #navigation li:hover ul {
  375.         display:block;
  376.         height:auto;
  377.         max-width:170px;
  378.         margin:-5px 0 0 -25px;
  379.         padding:0 15px 5px 15px;
  380.         background-color:{color:Container BG};
  381.     }
  382.    
  383.     #navigation li:hover ul li {
  384.         width:60px;
  385.         padding:10px;
  386.         border-bottom:1px solid #f5f5f5;
  387.         font-size:9px;
  388.     }
  389.    
  390.     #navigation li:hover ul li a {border:none; color:{color:Navigation Links};}
  391.     #navigation li:hover ul li a:hover {border:none; color:{color:Navigation Links Hover};}
  392.    
  393.     /*    search bar    */
  394.    
  395.     #search {float:right; margin-top:15px;}
  396.    
  397.     form {width:80px;}
  398.     form span {vertical-align:middle;}
  399.  
  400.     #sfm input {
  401.         width:50px;
  402.         border:none;
  403.         outline:none;
  404.         padding-left:5px;
  405.         text-transform:uppercase;
  406.         letter-spacing:1px;
  407.         font:9px 'source sans pro';
  408.         color:{color:Search};
  409.         background:{color:Container BG};
  410.     }
  411.    
  412.     ::-webkit-input-placeholder {color:{color:Search};}
  413.     :-moz-placeholder {color:{color:Search}; opacity:1;}
  414.     ::-moz-placeholder {color:{color:Search}; opacity:1;}
  415.     :-ms-input-placeholder {color:{color:Search};}
  416.    
  417.     /*    title    */
  418.    
  419.     #subnav_container {
  420.         position:fixed;
  421.         height:51px;
  422.         margin-left:-1px;
  423.         text-align:center;
  424.         z-index:-999;
  425.         border-top:none;
  426.     }
  427.    
  428.     #title_wrapper {
  429.         float:left;
  430.         width:229px;
  431.         height:51px;
  432.         overflow-y:hidden;
  433.     }
  434.    
  435.     #title::first-letter {color:{color:1st Title Letter};}
  436.     #title {
  437.         position:relative;
  438.         top:50%;
  439.         text-transform:lowercase;
  440.         padding:0 5px;
  441.         font:{select:Title Font Weight} {text:Title Font Size}px quicksand;
  442.         color:{color:Title};
  443.         -webkit-transform: translateY(-50%);
  444.             -ms-transform: translateY(-50%);
  445.                 transform: translateY(-50%);
  446.     }
  447.    
  448.     #title_wrapper:hover #title {color:{color:1st Title Letter};}
  449.    
  450.     /*    pagination    */
  451.  
  452.     #pagination_container {
  453.         float:left;
  454.         width:calc(100% - 232px);
  455.         {block:ifUpdatesTab}width:calc(100% - 342px);{/block:ifUpdatesTab}
  456.     }
  457.    
  458.     #pagination {margin-top:20px; font:12px 'source sans pro';}
  459.  
  460.     .current_page {
  461.         padding:8px 8px 14px 8px;
  462.         color:{color:Current Page};
  463.         border-bottom:2px solid {color:Current Page};
  464.     }
  465.    
  466.     .jump_page a {padding:8px 8px 16px 8px; color:{color:Jump Page};}
  467.     .jump_page a:hover {color:{color:Jump Page Hover};}
  468.    
  469.     /*    updates button    */
  470.    
  471.     #updates_button_wrapper {float:right;}
  472.    
  473.     #updates_button {
  474.         display:table-cell;
  475.         width:110px;
  476.         height:51px;
  477.         vertical-align:middle;
  478.         text-transform:uppercase;
  479.         letter-spacing:1px;
  480.         font:10px muli;
  481.         color:{color:Updates Button Title};
  482.     }
  483.    
  484.     #updates_button:hover {background-color:{color:Updates Button BG Hover}; color:{color:Updates Button Title Hover};}
  485.  
  486.     #updates_wrapper {
  487.         position:absolute;
  488.         margin:0 auto;
  489.         top:-249px;
  490.         right:1px;
  491.         height:107px;
  492.         z-index:2;
  493.         opacity:0;
  494.         -webkit-transition-duration: 1.5s;
  495.            -moz-transition-duration: 1.5s;
  496.              -o-transition-duration: 1.5s;
  497.                 transition-duration: 1.5s;
  498.     }
  499.    
  500.     #updates_button:hover #updates_wrapper {top:-149px; opacity:1;}
  501.    
  502.     #updates_wrapper:hover {top:-49px;}
  503.        
  504.     #updates_sections_wrapper {
  505.         height:93px;
  506.         padding:10px 0;
  507.         border-bottom:none;
  508.     }
  509.    
  510.     #updates_button, #updates_button_title, #updates_wrapper {
  511.         -webkit-transition-delay: 2s;
  512.            -moz-transition-delay: 2s;
  513.              -o-transition-delay: 2s;
  514.                 transition-delay: 2s;
  515.     }
  516.    
  517.     #updates_button:hover, #updates_button:hover #updates_button_title, #updates_button:hover #updates_wrapper, #posts:hover #tags_container {
  518.         -webkit-transition-delay: 0ms;
  519.            -moz-transition-delay: 0ms;
  520.              -o-transition-delay: 0ms;
  521.                 transition-delay: 0ms;
  522.     }
  523.    
  524.     .sections {
  525.         float:left;
  526.         {block:IndexPage}width:calc(({select:Post Size}px + 210px) / 4);{/block:IndexPage}
  527.         {block:Permalink}width:calc(({select:Permalink Post Size}px + 210px) / 4);{/block:Permalink}
  528.         height:90px;
  529.         padding:0 3px 3px 3px;
  530.         overflow-y:hidden;
  531.     }
  532.    
  533.     .sections:hover {overflow-y:auto;}
  534.    
  535.     .title {
  536.         padding-bottom:7px;
  537.         font:11px karla;
  538.         color:{color:Updates Tab Titles};
  539.     }
  540.    
  541.     #updates_sections_wrapper:hover .title {color:{color:Updates Tab Titles Hover};}
  542.    
  543.     .content {
  544.         line-height:11px;
  545.         font:8px calibri;
  546.         color:{color:Updates Tab Content};
  547.     }
  548.    
  549.     /*    sidebar    */
  550.    
  551.     #sidebar {
  552.         position:fixed;
  553.         width:229px;
  554.         height:100%;
  555.         margin:0 auto;
  556.         top:200px;
  557.         bottom:0;
  558.         {block:IndexPage}left:calc(1px - {select:Post Size}px - 12px);{/block:IndexPage}
  559.         {block:Permalink}left:calc(1px - {select:Permalink Post Size}px - 12px);{/block:Permalink}
  560.         right:0;
  561.         padding:20px 0;
  562.         border-top:none;
  563.     }
  564.    
  565.     #sidebar_image {
  566.         width:200px;
  567.         margin:auto;
  568.         margin-top:10px;
  569.         margin-bottom:10px;
  570.         {block:ifRoundedCornersSidebarImg}
  571.         -webkit-border-radius:4px;
  572.            -moz-border-radius:4px;
  573.                 border-radius:4px;
  574.         {/block:ifRoundedCornersSidebarImg}
  575.     }
  576.    
  577.     #sidebar_image img {
  578.         width:180px;
  579.         padding:10px;
  580.         opacity:1;
  581.         {block:ifRoundedCornersSidebarImg}
  582.         -webkit-border-radius:14px;
  583.            -moz-border-radius:14px;
  584.                 border-radius:14px;
  585.         {/block:ifRoundedCornersSidebarImg}
  586.     }
  587.    
  588.     #sidebar_image:hover {opacity:.7;}
  589.    
  590.     #description_title_container, #toptags_title_container {width:175px; margin-left:25px;}
  591.    
  592.     #description_title, #toptags_title {
  593.         padding:2px 4px;
  594.         text-transform:uppercase;
  595.         font:bold 9px quicksand;
  596.     }
  597.    
  598.     #description_title {background:{color:Description Title BG}; color:{color:Description Title};}
  599.    
  600.     #toptags_title {background:{color:TopTags Title BG}; color:{color:TopTags Title};}
  601.    
  602.     #description_container {
  603.         width:175px;
  604.         margin:auto;
  605.         padding-bottom:10px;
  606.     }
  607.    
  608.     #description {padding-top:5px; text-align:justify;}
  609.    
  610.     #toptags_container {
  611.         width:180px;
  612.         margin:auto;
  613.         padding:6px 0px;
  614.         text-transform:uppercase;
  615.         font:10px calibri;
  616.         color:{color:Container Borders};
  617.     }
  618.  
  619.     #toptags_container a {
  620.         padding:0 10px;
  621.         color:{color:TopTags Links};
  622.         border-left:1px solid transparent;
  623.     }
  624.    
  625.     #toptags_container a:hover {
  626.         margin-right:3px;
  627.         color:{color:TopTags Links Hover};
  628.         border-left:1px solid {color:TopTags Links};
  629.     }
  630.    
  631.     /*    posts    */
  632.    
  633.     #postscontainer {
  634.         position:relative;
  635.         {block:Permalink}width:calc({select:Permalink Post Size}px + 10px);{/block:Permalink}
  636.         {block:IndexPage}width:calc({select:Post Size}px + 10px);{/block:IndexPage}
  637.         margin:auto;
  638.         margin-top:193px;
  639.         padding-top:50px;
  640.         left:115px;
  641.         z-index:0;
  642.         border-top:none;
  643.     }
  644.  
  645.     #posts {position:relative; margin-bottom:90px;}
  646.    
  647.     .vertebrae {
  648.         margin:auto;
  649.         overflow:hidden;
  650.         margin-top:-10px;
  651.         padding-top:8px;
  652.         {block:Permalink}width:calc({select:Permalink Post Size}px - 4px);{/block:Permalink}
  653.         {block:IndexPage}width:calc({select:Post Size}px - 4px);{/block:IndexPage}
  654.     }
  655.    
  656.     .photo-slideshow .count-1, .pancake {
  657.         {block:Permalink}width:{select:Permalink Post Size}px;{/block:Permalink}
  658.         {block:IndexPage}width:{select:Post Size}px;{/block:IndexPage}
  659.     }
  660.    
  661.     .photo-slideshow {position:relative;}
  662.     .photo-slideshow .count-3 {max-width:177px; margin-bottom:calc({select:Photoset Gutter}px + 2px);}
  663.     .photo-slideshow .row:last-of-type .count-3 {margin-bottom:0 !important;}
  664.     .photo-slideshow .count-3:last-child {float:right;}
  665.     .photo-slideshow .count-3:nth-child(2) {
  666.         max-width:178px;
  667.         position:absolute;
  668.         left:50%;
  669.         transform: translateX(-50%);
  670.         -webkit-transform: translateX(-50%)
  671.     }
  672.    
  673.     /*    photoset lightbox    */
  674.    
  675.     .vignette, #vignette {opacity:0;}
  676.    
  677.     .lightbox-image, #tumblr_lightbox img {box-shadow:none !important; max-width:none;}
  678.    
  679.     .tmblr-lightbox, #tumblr_lightbox {background-color:rgba(255,255,255,.8) !important;} /*you can change the lightbox bg color by pasting a new rgb color code over 255, 255, 255*/
  680.    
  681.     /*    post info    */
  682.    
  683.     #postinfo {
  684.         position:absolute;
  685.         top:-15px;
  686.         right:7px;
  687.         text-transform:uppercase;
  688.         letter-spacing:1px;
  689.         font:8px calibri;
  690.     }
  691.    
  692.     #postinfo a:link, #postinfo a:visited {
  693.         padding-bottom:5px;
  694.         color:{color:Post Info};
  695.         border-bottom:1px solid transparent;
  696.     }
  697.        
  698.     #postinfo a:hover {color:{color:Post Info Hover}; border-bottom:1px solid {color:Post Info Hover};}
  699.    
  700.     #tags_container {
  701.         position:absolute;
  702.         right:-120px;
  703.         top:-15px;
  704.         width:100px;
  705.         height:auto;
  706.         text-transform:uppercase;
  707.         letter-spacing:1px;
  708.         font:8px calibri;
  709.         opacity:0;
  710.         -webkit-transition-delay: 500ms;
  711.            -moz-transition-delay: 500ms;
  712.              -o-transition-delay: 500ms;
  713.                 transition-delay: 500ms;
  714.     }
  715.    
  716.     #tags_container a:link, #tags_container a:visited {letter-spacing:1px; color:{color:Post Info};}
  717.    
  718.     #tags_container a:hover {color:{color:Post Info Hover};}
  719.    
  720.     #posts:hover #tags_container {opacity:1;}
  721.    
  722.     #tagged_under {
  723.         padding:4px;
  724.         text-transform:uppercase;
  725.         font-style:italic;
  726.         border-bottom:1px solid {color:Container Borders};
  727.     }
  728.    
  729.     /*    text    */
  730.    
  731.     .text, .text_post_title {padding:0 10px}
  732.     .text_post_title {
  733.         margin-bottom:5px;
  734.         text-transform:uppercase;
  735.         font-size:12px;
  736.     }
  737.    
  738.     .text_post_title a:link {border-left:1px solid transparent;}
  739.     .text_post_title a:hover {
  740.         margin-left:10px;
  741.         padding-left:10px;
  742.         border-left:1px solid {color:Link};
  743.     }
  744.    
  745.     /*    chat    */
  746.    
  747.     #chat {margin:10px 10px 0 -30px;}
  748.     #chat li {padding-top:5px;}
  749.     #label {text-transform:uppercase; font-weight:bold; color:{color:Chat Label};}
  750.    
  751.     /*    quote    */
  752.    
  753.     #quote {text-align:center; font-size:12px; margin:5px 20px;}
  754.    
  755.     #source {font-size:10px;}
  756.    
  757.     /*    question    */
  758.    
  759.     #que {margin-bottom:5px;}
  760.    
  761.     #asker_portrait {float:left; padding-right:20px;}
  762.     #asker_portrait img {
  763.         {block:ifRoundedCornersSidebarImg}
  764.         -webkit-border-radius:3px;
  765.            -moz-border-radius:3px;
  766.                 border-radius:3px;
  767.         {/block:ifRoundedCornersSidebarImg}
  768.     }
  769.    
  770.     #asker {
  771.         text-transform:uppercase;
  772.         letter-spacing:1px;
  773.         font-weight:bold;
  774.         font-size:8px;
  775.     }
  776.    
  777.     #question {
  778.         margin-left:50px;
  779.         padding:10px;
  780.         min-height:20px;
  781.         background-color:{color:Question BG};
  782.     }
  783.    
  784.     #question:before {
  785.         content:' ';
  786.         position:absolute;
  787.         width:0;
  788.         height:0;
  789.         left:51px;
  790.         top:22px;
  791.         border-top:6px solid transparent;
  792.         border-bottom:6px solid transparent;
  793.         border-right:6px solid {color:Question BG};
  794.     }
  795.    
  796.     #answer img {height:auto;}
  797.     #answer {
  798.         margin-left:50px;
  799.         padding:1px 10px;
  800.         background-color:{color:Question BG};
  801.     }
  802.    
  803.     /*    audio player    */
  804.    
  805.     #art {
  806.         width:60px;
  807.         height:60px;
  808.         z-index:0;
  809.     }
  810.    
  811.     #art img {border-radius:4px;}
  812.    
  813.     #p {
  814.         position:absolute;
  815.         width:58px;
  816.         height:58px;
  817.         margin-top:-59px;
  818.         margin-left:1px;
  819.         z-index:1;
  820.         overflow:hidden;
  821.         opacity:0;
  822.         background:#fff;
  823.         border-radius:4px;
  824.     }
  825.    
  826.     #audio_player:hover #p {opacity:1;}
  827.    
  828.     #player {margin-top:19px;}
  829.    
  830.     .tumblr_audio_player {
  831.         height:130px;
  832.         width:1000px;
  833.         -moz-transform:scale(0.70, 0.70);
  834.         -webkit-transform:scale(0.70, 0.70);
  835.         -o-transform:scale(0.70, 0.70);
  836.         -ms-transform:scale(0.70, 0.70);
  837.         transform:scale(0.70, 0.70);
  838.         -moz-transform-origin:top left;
  839.         -webkit-transform-origin:top left;
  840.         -o-transform-origin:top left;
  841.         -ms-transform-origin:top left;
  842.         transform-origin:top left;
  843.     }
  844.    
  845.     #det_container {
  846.         position:absolute;
  847.         display:table;
  848.         min-height:60px;
  849.         top:9px;
  850.         left:70px;
  851.         padding-left:10px;
  852.         line-height:12px;
  853.         color:{color:Track Info};
  854.     }
  855.    
  856.     #details {display:table-cell; vertical-align:middle;}
  857.    
  858.     /*    post notes    */
  859.    
  860.     #notecontainer .notes {
  861.         margin-bottom:30px;
  862.         max-height:400px;
  863.         overflow-y:auto;
  864.         overflow-wrap:break-word;  
  865.         word-wrap:break-word;
  866.     }
  867.  
  868.     #notecontainer ol {
  869.         list-style-type:none;
  870.         margin:70px 0 0 0;
  871.         padding:10px;
  872.     }
  873.    
  874.     #notecontainer li {padding:8px 5px;}
  875.    
  876.     .retags {padding-left:25px;}
  877.     .retags a {
  878.         font-weight:bold;
  879.         font-size:7px;
  880.         text-transform:uppercase;
  881.         letter-spacing:2px;
  882.     }
  883.    
  884.     #notecontainer .retags.error {color:{color:Italic} !important;}
  885.    
  886.     #notecontainer a:hover, #notecontainer .retags a:hover {color:{color:Link Hover} !important;}
  887.    
  888.     #notecontainer .answer_content {font-style:italic; color:{color:Italic};}
  889.  
  890.     #notecontainer blockquote {
  891.         border-color:transparent;
  892.         margin:10px 5px 10px 20px;
  893.         font-style:italic;
  894.     }
  895.    
  896.     #notecontainer img.avatar {
  897.         margin-right:10px;
  898.         width:16px;
  899.         height:16px;
  900.         vertical-align:middle;
  901.         -webkit-border-radius:8px;
  902.            -moz-border-radius:8px;
  903.                 border-radius:8px;
  904.     }
  905.    
  906.     #c img {height:100%; opacity:1;}
  907.     #c img:hover {opacity:.6;}
  908.     #c {
  909.         position:fixed;
  910.         z-index:9999999999999999999999999999;
  911.         bottom:7px;
  912.         right:7px;
  913.         height:24px;
  914.     }
  915.    
  916.     [data-icon='\e901']:hover {opacity:.5;}
  917.     [data-icon='\e900'] {color:{color:Search};}
  918.    
  919.     </style>
  920.  
  921. </head>
  922.  
  923. <body>
  924.  
  925. {block:ifFadeInOnRefresh}<script>document.body.className += ' fade-out';</script>{/block:ifFadeInOnRefresh}
  926.  
  927. <div id="curtain"></div>
  928.  
  929. <div id="container">
  930.     <div id="menu_container">
  931.         <div id="navigation_container">
  932.             <!-------navigation------->
  933.             <div id="navigation">
  934.                 <ul class="not maybe">
  935.                     <li class="not"><a href="/">home</a></li>
  936.                     <li class="not"><a href="/ask">ask</a></li>
  937.                     <li class="not"><a href="/archive">map</a></li>
  938.                     {block:ifLinkFour}<li class="not"><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:ifLinkFour}
  939.                     {block:ifLinkFive}<li class="not"><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:ifLinkFive}
  940.                     {block:ifLinkSix}<li class="not"><a href="{text:Link 6 URL}" style="z-index:9999999;">{text:Link 6}</a></li>{/block:ifLinkSix}
  941.                     {block:ifLinkSeven}<li class="not"><a href="{text:Link 7 URL}" style="z-index:9;">{text:Link 7}</a>
  942.                         <!-------submenu------->
  943.                         {block:IfSubMenu}
  944.                         <ul style="padding-top:25px; z-index:-9;">
  945.                             {block:ifSubmenuLinkOne}<li class="not"><a href="{text:SubMenu Link 1 URL}">{text:SubMenu Link 1}</a></li>{/block:ifSubmenuLinkOne}
  946.                             {block:ifSubmenuLinkTwo}<li class="not"><a href="{text:SubMenu Link 2 URL}">{text:SubMenu Link 2}</a></li>{/block:ifSubmenuLinkTwo}
  947.                             {block:ifSubmenuLinkThree}<li class="not"><a href="{text:SubMenu Link 3 URL}">{text:SubMenu Link 3}</a></li>{/block:ifSubmenuLinkThree}
  948.                             {block:ifSubmenuLinkFour}<li class="not"><a href="{text:SubMenu Link 4 URL}">{text:SubMenu Link 4}</a></li>{/block:ifSubmenuLinkFour}
  949.                             {block:ifSubmenuLinkFive}<li class="not"><a href="{text:SubMenu Link 5 URL}">{text:SubMenu Link 5}</a></li>{/block:ifSubmenuLinkFive}
  950.                             {block:ifSubmenuLinkSix}<li class="not"><a href="{text:SubMenu Link 6 URL}">{text:SubMenu Link 6}</a></li>{/block:ifSubmenuLinkSix}
  951.                             {block:ifSubmenuLinkSeven}<li class="not"><a href="{text:SubMenu Link 7 URL}">{text:SubMenu Link 7}</a></li>{/block:ifSubmenuLinkSeven}
  952.                             {block:ifSubmenuLinkEight}<li class="not"><a href="{text:SubMenu Link 8 URL}">{text:SubMenu Link 8}</a></li>{/block:ifSubmenuLinkEight}
  953.                         </ul>
  954.                         {/block:IfSubMenu}
  955.                     </li>{/block:ifLinkSeven}
  956.                 </ul>
  957.             </div>
  958.        
  959.             <!-------search bar------->
  960.             {block:ifSearchBar}
  961.             <div id="search">
  962.                 <script language="javascript">function send(){document.searchf.submit()}</script>
  963.                 <form action="/search" method="get" id="sfm" name="searchf">
  964.                     <span aria-hidden="true" data-icon="&#xe900;"></span>
  965.                     <input type="text" placeholder="{text:Search Label}" name="q" value=""/>
  966.                 </form>
  967.             </div>
  968.             {/block:ifSearchBar}
  969.         </div>
  970.    
  971.         <div id="subnav_container">
  972.             <!-------title------->
  973.             <div id="title_wrapper">
  974.                 <div id="title">
  975.                     {Title}
  976.                 </div>
  977.             </div>
  978.            
  979.             <!-------pagination------->
  980.             {block:ifNotInfiniteScroll}
  981.             <div id="pagination_container">
  982.                 {block:Pagination}
  983.                 <div id="pagination">
  984.                     {block:JumpPagination length="4"}
  985.                     {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  986.                     {block:JumpPage}<span class="jump_page"><a href="{URL}">{PageNumber}</a></span>{/block:JumpPage}
  987.                     {/block:JumpPagination}
  988.                 </div>
  989.                 {/block:Pagination}
  990.             </div>
  991.             {/block:ifNotInfiniteScroll}
  992.            
  993.             {block:ifUpdatesTab}
  994.             <div id="updates_button_wrapper">
  995.                 <div id="updates_button">updates
  996.                     <!-------updates tab------->
  997.                     <div id="updates_wrapper">
  998.                         <div id="updates_sections_wrapper">
  999.                             <div class="sections" style="border:none;">
  1000.                                 <div class="title">{text:Updates Section 1 Title}</div>
  1001.                                 <div class="content">
  1002.                                     {text:Updates Section 1}
  1003.                                 </div>
  1004.                             </div>
  1005.                             <div class="sections">
  1006.                                 <div class="title">{text:Updates Section 2 Title}</div>
  1007.                                 <div class="content">
  1008.                                     {text:Updates Section 2}
  1009.                                 </div>
  1010.                             </div>
  1011.                             <div class="sections">
  1012.                                 <div class="title">{text:Updates Section 3 Title}</div>
  1013.                                 <div class="content">
  1014.                                     {text:Updates Section 3}
  1015.                                 </div>
  1016.                             </div>
  1017.                             <div class="sections">
  1018.                                 <div class="title">{text:Updates Section 4 Title}</div>                    
  1019.                                 <div class="content">
  1020.                                     {text:Updates Section 4}
  1021.                                 </div><!--class="content"-->
  1022.                             </div><!--class="sections"-->
  1023.                         </div><!--id="updates_section_wrapper"-->
  1024.                     </div><!--id="updates_wrapper"-->
  1025.                 </div><!--id="updates_button"-->
  1026.             </div><!--id="updates_button_wrapper"-->  
  1027.             {/block:ifUpdatesTab}
  1028.            
  1029.         </div><!--id="subnav_container"-->
  1030.     </div><!--id="menu_container"-->
  1031. </div><!--id="container"-->
  1032.  
  1033.    
  1034. <!-------sidebar, blog description, top tags------->  
  1035. <div id="sidebar">
  1036.     {block:ifSidebarImage}<div id="sidebar_image"><img src="{image:Sidebar}"></div>{/block:ifSidebarImage}
  1037.     <div id="description_title_container">
  1038.         <span id="description_title">
  1039.             {Title}
  1040.         </span>
  1041.     </div>
  1042.     <div id="description_container">
  1043.         <div id="description">
  1044.             {Description}
  1045.         </div>
  1046.     </div>
  1047.     {block:ifTopTags}
  1048.     <span id="toptags_title_container">
  1049.         <span id="toptags_title">
  1050.             top tags
  1051.         </span>
  1052.     </span>
  1053.     <div id="toptags_container">
  1054.         <div id="top_tags">
  1055.             <a href="{text:Top Tag 1 URL}">#&nbsp;{text:Top Tag 1}</a><br>
  1056.             <a href="{text:Top Tag 2 URL}">#&nbsp;{text:Top Tag 2}</a><br>
  1057.             <a href="{text:Top Tag 3 URL}">#&nbsp;{text:Top Tag 3}</a><br>
  1058.             <a href="{text:Top Tag 4 URL}">#&nbsp;{text:Top Tag 4}</a>
  1059.         </div>
  1060.     </div>
  1061.     {/block:ifTopTags}
  1062. </div>
  1063.  
  1064. <a href="#" id="toTop"><span aria-hidden="true" data-icon="&#xe901;"></span></a>
  1065.  
  1066.  
  1067. {block:ifInfiniteScroll}
  1068. <div class="navigation" id="navigation">
  1069.     {block:Pagination}
  1070.     {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1071.     {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}
  1072.     {/block:Pagination}
  1073. </div>
  1074. {/block:IfInfiniteScroll}
  1075.  
  1076.    
  1077. <!-------posts container------->
  1078. <div id="postscontainer">  
  1079.     {block:Posts}
  1080.     <div id="posts">
  1081.  
  1082.         <!-------post info------->
  1083.         {block:Date}
  1084.         <div id="postinfo">
  1085.             <a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>&nbsp;&nbsp;
  1086.             <a href="{Permalink}">{TimeAgo}</a>&nbsp;
  1087.             {block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1088.         </div>
  1089.         {/block:Date}
  1090.  
  1091.         <!-------text post------->
  1092.         {block:Text}
  1093.         <div class="vertebrae">
  1094.             <div class="text">{block:Title}<div class="text_post_title"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}</div>
  1095.         </div>
  1096.         {/block:Text}
  1097.        
  1098.         <!-------link post------->
  1099.         {block:Link}
  1100.         <div class="vertebrae">
  1101.             <div class="text_post_title"><a href="{URL}">{Name}</a></div>
  1102.             {block:Description}<div class="text">{Description}</div>{/block:Description}
  1103.         </div>
  1104.         {/block:Link}
  1105.  
  1106.         <!-------question post------->
  1107.         {block:Answer}
  1108.         <div class="vertebrae">
  1109.             <div id="que">
  1110.                 <div id="asker_portrait"><img src="{AskerPortraitURL-40}"></div>
  1111.                 <div id="question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  1112.             </div>
  1113.             <div id="answer">{Answer}</div>
  1114.         </div>
  1115.         {/block:Answer}
  1116.        
  1117.         <!-------quote post------->
  1118.         {block:Quote}
  1119.         <div class="vertebrae">
  1120.             <div id="quote">
  1121.                 {Quote}<br><br>
  1122.                 {block:Source}<div id="source">{Source}</div>{/block:Source}             </div>
  1123.         </div>
  1124.         {/block:Quote}
  1125.        
  1126.         <!-------chat post------->
  1127.         {block:Chat}
  1128.         <div class="vertebrae">
  1129.             <a href="{Permalink}" class="text_post_title">{Title}</a>
  1130.             <ul id="chat">
  1131.                 {block:Lines}<li>{block:Label}<span id="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}
  1132.             </ul>
  1133.         </div>
  1134.         {/block:Chat}
  1135.  
  1136.         <!-------audio post------->
  1137.         {block:AudioPlayer}
  1138.         <div class="vertebrae">
  1139.             <div id="audio_player">
  1140.                 <div id="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1141.                 <div id="p"><div id="player">{AudioPlayer}</div></div>
  1142.             </div>
  1143.             <div id="det_container">
  1144.                 <div id="details">
  1145.                     {block:TrackName}{TrackName}{/block:TrackName}<br>
  1146.                     {block:Artist}{Artist}{/block:Artist}<br>
  1147.                     {block:Album}{Album}{/block:Album}<br>
  1148.                     {PlayCountWithLabel}
  1149.                 </div>
  1150.             </div>
  1151.             {block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}  
  1152.         </div>
  1153.         {/block:AudioPlayer}
  1154.  
  1155.         <!-------photo post------->
  1156.         {block:Photo}
  1157.         <div class="vertebrae">
  1158.             <div class="pancake">
  1159.                 {LinkOpenTag}<a href="#" style="margin:0 !important; height:0 !important;" 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>{LinkCloseTag}
  1160.                 {block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  1161.             </div>
  1162.         </div>
  1163.         {/block:Photo}
  1164.  
  1165.         <!-------photoset post------->
  1166.         {block:Photoset}
  1167.         <div class="vertebrae">
  1168.             <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1169.                 {block:Photos}
  1170.                 <div class="photo-data">
  1171.                     <div class="pxu-photo">
  1172.                         <img src="{PhotoURL-500}"  width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1173.                     </div>
  1174.                     <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1175.                 </div>
  1176.                 {/block:Photos}
  1177.             </div>
  1178.             {block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div> {/block:Caption}{/block:IfShowCaption}
  1179.         </div>
  1180.         {/block:Photoset}
  1181.    
  1182.         <!-------video post------->
  1183.         {block:Video}
  1184.         <div class="vertebrae">
  1185.             <div class="video">{Video-500}</div>
  1186.             {block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  1187.         </div>
  1188.         {/block:Video}
  1189.  
  1190.         <!-------tags------->
  1191.         {block:HasTags}
  1192.         <div id="tags_container">
  1193.             <span id="tagged_under">Tagged under:</span><br><br>
  1194.             {block:Tags}<a href="{TagURL}">{Tag}</a><br>{/block:Tags}
  1195.         </div>
  1196.         {/block:HasTags}
  1197.    
  1198.     </div>
  1199.            
  1200.     <div id="notecontainer">{PostNotes}</div>
  1201.  
  1202.     {/block:Posts}
  1203.  
  1204.     {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1205. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1206. {/block:ContentSource}<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1207.  
  1208. </div>
  1209. <!-------end posts container------->
  1210.  
  1211. <!-------------scripts------------->
  1212. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  1213. <script>
  1214. $(function(){
  1215.   $('a').each(function() {
  1216.     if ($(this).prop('href') == window.location.href) {
  1217.       $(this).addClass('current');
  1218.     }
  1219.   });
  1220. });
  1221. </script>
  1222. <div id="c"><a href="http://felinum.tumblr.com" title="theme by felinum"><img src="http://static.tumblr.com/0cdn90j/ZjQobhv98/snowshoe-cat.png"></a></div> <!--DO NOT REMOVE THIS--><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script><script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>{block:IndexPage}{block:ifInfiniteScroll}<script src="http://static.tumblr.com/0cdn90j/vsOo9wcfa/infinitescroll.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.1.8/imagesloaded.pkgd.min.js"></script>{/block:ifInfiniteScroll}{/block:IndexPage}
  1223. <script>
  1224. jQuery(document).ready(function($){
  1225.     $('.photo-slideshow').pxuPhotoset({
  1226.         lightbox:true,
  1227.         rounded:false,
  1228.         gutter:'{select:Photoset Gutter}px',
  1229.         borderRadius:'0px',
  1230.         photoset:'.photo-slideshow',
  1231.         photoWrap:'.photo-data',
  1232.         photo:'.pxu-photo'
  1233.     });
  1234.     {block:IndexPage}
  1235.     var $container = $('#postscontainer');
  1236.     {block:ifInfiniteScroll}
  1237.     $container.infinitescroll({
  1238.         navSelector:'.navigation',
  1239.         nextSelector:'.navigation a',
  1240.         itemSelector:'#posts',
  1241.         loadingImg:'',
  1242.         loadingText:'<em></em>',
  1243.         bufferPx:2000
  1244.     },
  1245.         function(newElements){
  1246.             var $newElems = $(newElements).css('opacity', 0);
  1247.             resizeVideos();
  1248.             $newElems.find('.photo-slideshow').pxuPhotoset({
  1249.                 lightbox:true,
  1250.                 rounded:false,
  1251.                 gutter:'{select:Photoset Gutter}px',
  1252.                 photoset:'.photo-slideshow',
  1253.                 photoWrap:'.photo-data',
  1254.                 photo:'.pxu-photo'
  1255.             });
  1256.             $newElems.imagesLoaded(function(){
  1257.                 $newElems.animate({opacity: 1});
  1258.             });
  1259.         }
  1260.     );
  1261.     {/block:ifInfiniteScroll}
  1262.     {/block:IndexPage}
  1263. });
  1264. </script>
  1265. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/Qqfkzalyi/jquery.scroll.pack.js"></script><script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/7xukzalz8/jquery.easing.js"></script>
  1266. <script type="text/javascript">
  1267.     $(function() {
  1268.         $("#toTop").scrollToTop({speed:1000,start:700});
  1269.     });
  1270. </script>
  1271. <script src="http://static.tumblr.com/0cdn90j/glvnidntk/jquery.style-my-tooltips.js"></script>
  1272. <script>
  1273.     (function($){
  1274.         $(document).ready(function(){
  1275.             $("[title]").style_my_tooltips({
  1276.                 tip_follows_cursor:true,
  1277.                 tip_delay_time:0,
  1278.                 tip_fade_speed:300,
  1279.                 attribute:"title"
  1280.             });
  1281.         });
  1282.     })(jQuery);
  1283. </script>
  1284. <script>
  1285.     $(function() {
  1286.         $('body').removeClass('fade-out');
  1287.     });
  1288. </script>
  1289.  
  1290. </body>
  1291. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!