API tools faq
paste
thejacketslut

[retired] Zero

thejacketslut
Feb 13th, 2015
3,284
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 28.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  4. <head>
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.                    <!--THEME BY FELINUM-->
  13.  
  14.  
  15.  
  16.                            <!--RULES:
  17.                1. DON'T CLAIM THE CODE AS YOUR OWN
  18.           2. DON'T STEAL OR REDISTRIBUTE ON OTHER SITES
  19.                   3. LEAVE THE CREDIT INTACT-->
  20.  
  21.  
  22.  
  23.     <title>{Title}</title>
  24.     <link rel="shortcut icon" href="{Favicon}">
  25.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26.     <link href='https://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'>
  27.     {block:Description}
  28.     <meta name="description" content="{MetaDescription}" />
  29.     {/block:Description}
  30.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  31.     <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  32.    
  33.     <!--CURSOR CODE-->
  34.    
  35.     {block:IfTinyCursor}
  36.     <style> body, a, a:hover{cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), auto} </style>    
  37.     {/block:IfTinyCursor}
  38.    
  39.     <!--END CURSOR CODE-->
  40.    
  41.      
  42.      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43.     <script src="http://static.tumblr.com/0cdn90j/glvnidntk/jquery.style-my-tooltips.js"></script>
  44.     <script>
  45.      (function($){
  46.          $(document).ready(function(){
  47.              $("[title]").style_my_tooltips({
  48.     tip_follows_cursor:true,
  49.     tip_delay_time:300,
  50.     tip_fade_speed:300,
  51.     attribute:"title"
  52. });
  53.          });
  54.      })(jQuery);
  55.  </script>
  56.  
  57.  
  58.        
  59.     <meta name="image:Background Image" content=""/>
  60.     <meta name="image:Header" content=""/>
  61.     <meta name="image:Sidebar Image" content=""/>
  62.     <meta name="color:Background" content="#fff"/>
  63.     <meta name="color:Text" content="#6f6f6f"/>
  64.     <meta name="color:Link" content="#a8b1b7"/>
  65.     <meta name="color:Link Hover" content="#fff"/>
  66.     <meta name="color:Italic" content="#939393"/>
  67.     <meta name="color:Bold" content="#6f7782"/>
  68.     <meta name="color:Bold BG" content="#e4e6ec"/>
  69.     <meta name="color:Posts BG" content="#fff"/>
  70.    
  71.     <meta name="color:Sup Title" content="#6f6f6f"/>
  72.     <meta name="color:Title" content="#a6a6a6"/>
  73.     <meta name="color:Sub Title" content="#a6a6a6"/>
  74.    
  75.     <meta name="color:PostInfo Date Bg" content="#e4e6ec"/>
  76.     <meta name="color:PostInfo Date Links" content="#989898"/>
  77.     <meta name="color:PostInfo Date Links Hover" content="#fff"/>
  78.     <meta name="color:PostInfo Links" content="#989898"/>
  79.     <meta name="color:PostInfo Links Hover" content="#fff"/>
  80.     <meta name="color:Tags" content="#a4a4a4"/>
  81.     <meta name="color:Tags Hover" content="#c6dce1"/>
  82.    
  83.     <meta name="color:Blockquote" content="#e4e6ec"/>
  84.     <meta name="color:Quote" content="#94a7c3"/>
  85.     <meta name="color:Chat1" content="#75a1e2"/>
  86.     <meta name="color:Chat2" content="#97c5e0"/>
  87.     <meta name="color:Chat Border" content="#f5f5f5"/>
  88.     <meta name="color:Question Border" content="#e4e6ec"/>
  89.     <meta name="color:Asker Link" content="#8ca6b7"/>
  90.     <meta name="color:Asker Link Hover" content="#fff"/>
  91.     <meta name="color:Post Title" content="#fff"/>
  92.     <meta name="color:Post Title Background" content="#e9eaf1"/>
  93.     <meta name="color:Link Title" content="#989898"/>
  94.     <meta name="color:Link Title Hover" content="#bad0f1"/>
  95.     <meta name="color:Link Title Bg" content="#ebecf4"/>
  96.     <meta name="color:Audio Background" content="#fff"/>
  97.     <meta name="color:Track Details" content="#c5c5c5"/>
  98.    
  99.     <meta name="color:Nav Links" content="#808080"/>
  100.     <meta name="color:Nav Links BG" content="#cbd3e6"/>
  101.     <meta name="color:Updates Tab Text" content="#6f6f6f"/>
  102.     <meta name="color:Updates Tab Borders" content="#e4e6ec"/>
  103.  
  104.     <meta name="color:ScrollBar Bg" content="#75b1d6"/>
  105.     <meta name="color:ScrollBar" content="##5d5d5d"/>
  106.     <meta name="color:Tooltip Text" content="#fff"/>
  107.     <meta name="color:Tooltip Bg" content="#000"/>
  108.    
  109.     <meta name="if:500px Posts" content="0"/>
  110.     <meta name="if:400px Posts" content="1"/>
  111.     <meta name="if:250px Posts" content="0"/>
  112.     <meta name="if:Header Image" content="1"/>
  113.     <meta name="if:Updates Tabs" content="1"/>
  114.     <meta name="if:show Caption" content="1"/>
  115.     <meta name="if:Tags on Hover" content="1"/>
  116.     <meta name="if:Tiny Cursor" content="1"/>
  117.     <meta name="if:Infinite Scrolling" content="0"/>
  118.  
  119.     <meta name="text:Sup Title" content="Text 1"/>
  120.     <meta name="text:Sub Title" content="Text 2"/>
  121.  
  122.     <meta name="text:Link 1 URL" content="" />
  123.     <meta name="text:Link 1" content="link 1" />
  124.     <meta name="text:Link 2 URL" content="" />
  125.     <meta name="text:Link 2" content="link 2" />
  126.     <meta name="text:Link 3 URL" content="" />
  127.     <meta name="text:Link 3" content="link 3" />
  128.     <meta name="text:Link 4 URL" content="" />
  129.     <meta name="text:Link 4" content="link 4" />
  130.     <meta name="text:Link 5 URL" content="" />
  131.     <meta name="text:Link 5" content="link 5" />
  132.     <meta name="text:Link 6 URL" content="" />
  133.     <meta name="text:Link 6" content="link 6" />
  134.     <meta name="text:Link 7 URL" content="" />
  135.     <meta name="text:Link 7" content="link 7" />
  136.  
  137.     <meta name="text:Title I" content="Title I"/>
  138.     <meta name="text:Content I" content="Content I"/>
  139.     <meta name="text:Title II" content="Title II"/>
  140.     <meta name="text:Content II" content="Content II"/>
  141.     <meta name="text:Title III" content="Title III"/>
  142.     <meta name="text:Content III" content="Content III"/>
  143.  
  144.     <style type="text/css">
  145.    
  146.      
  147.     iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  148.  
  149.     iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  150.    
  151.     ::-webkit-scrollbar-thumb {
  152.         height: auto;
  153.         background-color: {color:ScrollBar Bg};
  154.     }
  155.      
  156.     ::-webkit-scrollbar {
  157.         height: 4px;
  158.         width: 3px;
  159.         padding-right: 2px;
  160.         background-color: {color:ScrollBar};
  161.     }
  162.    
  163.     #s-m-t-tooltip {
  164.         max-width: 300px;
  165.         padding: 5px 5px 5px 6px;
  166.         margin: 20px 0px 0px 20px;
  167.         background-color: {color:Tooltip Bg};
  168.         color: {color:Tooltip Text};
  169.         font-size: 8px;
  170.         letter-spacing: 1px;
  171.         text-transform: uppercase;
  172.         z-index: 999999999999999999999999999999999999;
  173.     }
  174.  
  175.     body {
  176.         font-size: 10px;
  177.         font-family: calibri, arial, sans-serif;
  178.         color: {color:Text};
  179.         background: {color:Background} url('{image:Background Image}') no-repeat fixed left;
  180.     }
  181.    
  182.     a:link, a:visited, a:active {
  183.         color: {color:Link};
  184.         text-decoration: none;
  185.         -moz-transition-duration: 0.7s;
  186.         -o-transition-duration: 0.7s;
  187.         -webkit-transition-duration: 0.7s;
  188.         transition-duration: 0.7s;
  189.         border: none;
  190.     }
  191.    
  192.     a:hover {
  193.         color: {color:Link Hover};
  194.         text-decoration: none;
  195.         -moz-transition-duration: 0.7s;
  196.         -o-transition-duration: 0.7s;
  197.         -webkit-transition-duration: 0.7s;
  198.         transition-duration: 0.7s;
  199.     }
  200.    
  201.     i, em {color: {color:Italic}; font-style: none;}
  202.    
  203.     b, strong {background-color: {color:Bold BG}; padding: 2px;}
  204.    
  205.     pre {
  206.         white-space: pre-wrap;      
  207.         white-space: -moz-pre-wrap;  
  208.         white-space: -pre-wrap;    
  209.         white-space: -o-pre-wrap;    
  210.         word-wrap: break-word;      
  211.     }
  212.    
  213.     .header {
  214.         position:absolute;
  215.         width:100%;
  216.         height:150px;
  217.         max-height:150px;
  218.         max-width:100%;
  219.         top:0;
  220.         left:0;
  221.         background: #fff url('{image:Header}') repeat fixed top left;
  222.     }
  223.    
  224.     .topbar {
  225.          width: 100%;
  226.          max-width:100%;
  227.          text-align: center;
  228.          z-index: 1000;
  229.          top: 0px;
  230.          left: 0px;
  231.          text-transform: uppercase;
  232.          font-size: 10px;
  233.          font-family: 'Lato', calibri, arial, sans-serif;
  234.          position: fixed;
  235.          padding: 5px;
  236.          background: rgb(180,206,217); /*fallback for browsers without rgba support*/
  237.          background: rgba(180,206,217,.4);
  238.          color: {color:Sup Title};
  239.      }
  240.    
  241.     .titlebar {
  242.         width: 100%;
  243.         max-width:100%;
  244.         height: 70px;
  245.         z-index: 100;
  246.         position: fixed;
  247.         top: 0px;
  248.         left: 0px;
  249.         padding-top: 40px;
  250.         background: rgb(255,255,255); /*fallback for browsers without rgba support*/
  251.         background-color: rgba(255,255,255,.6);
  252.         text-align: center;
  253.         font-family: 'Lato', calibri, arial, sans-serif;
  254.         text-transform: uppercase;
  255.         font-size: 18px;
  256.         color: {color:Title};
  257.     }
  258.        
  259.     .postcontainer {
  260.         {block:If500pxPosts}width: 500px;{/block:if500pxPosts}
  261.         {block:If400pxPosts}width: 400px;{/block:if400pxPosts}
  262.         {block:If250pxPosts}width: 250px;{/block:if250pxPosts}
  263.         margin: auto;
  264.         margin-top: 270px;
  265.     }
  266.  
  267.     .posts {
  268.         {block:If500pxPosts}width: 500px;{/block:if500pxPosts}
  269.         {block:If400pxPosts}width: 400px;{/block:if400pxPosts}
  270.         {block:If250pxPosts}width: 250px;{/block:if250pxPosts}
  271.         position: relative;
  272.         margin-left: 0px;
  273.         margin-bottom: -60px;
  274.         background-color: {color:Posts BG};
  275.         padding-bottom: 0px;
  276.     }
  277.    
  278.     .posts img, posts.li {max-width: 100%;}
  279.    
  280.     .posts blockquote {
  281.         border-left: 5px solid {color:Blockquote};
  282.         margin-left: 0px; padding: 0px 6px;
  283.         width:90%;
  284.     }
  285.  
  286.     .caption {padding-left: 10px; padding-bottom: 10px;}
  287.    
  288.     .text {padding: 10px 10px 20px 10px; text-align: justify;}
  289.  
  290.     .posttitle {
  291.         padding: 10px 10px;
  292.         background-color: {color:Post Title Background};
  293.         color: {color:Link Title};
  294.         font-size: 16px;
  295.         text-transform: uppercase;
  296.         text-align: center;
  297.         font-family: 'Lato', calibri, arial, sans-serif;
  298.     }
  299.    
  300.     .quote {
  301.         padding: 5px;
  302.         color: {color:Quote};
  303.         font-family: 'Lato', calibri, arial, sans-serif;
  304.         font-size: 14px;
  305.         text-align: center;
  306.     }
  307.    
  308.     .source {
  309.         text-align: center;
  310.         font-size: 12px;
  311.         padding-top: 13px;
  312.     }
  313.    
  314.     .linktitle {
  315.         padding: 20px;
  316.         background-color: {color:Link Title Bg};
  317.         text-align: center;
  318.         font-size: 18px;
  319.         text-transform: uppercase;
  320.         font-family: 'Lato', calibri, arial, sans-serif;
  321.     }
  322.        
  323.     .linktitle a {color: {color:Link Title};}
  324.        
  325.     .linktitle a:hover {color: {color:Link Title Hover};}
  326.      
  327.     .convo {padding: 10px 20px 20px 20px;}
  328.    
  329.     .convo li {list-style: none; border-bottom: 1px solid {color:Chat Border};}
  330.  
  331.     .convo .label {text-transform: uppercase;}
  332.  
  333.     .line_odd .label {color: {color:Chat2};}
  334.    
  335.     .line_even .label {color: {color:Chat1};}  
  336.        
  337.     .quest {
  338.         text-align: justify;
  339.         font-family: 'Lato', calibri, arial, sans-serif;
  340.         font-size: 13px;
  341.         border-bottom: 1px solid {color:Question Border};
  342.     }
  343.    
  344.     .qtext {padding: 10px;}
  345.    
  346.     .qtext a {border:none; color: {color:Asker Link};}
  347.    
  348.     .qtext a:hover {color: {color:Asker Link Hover};}
  349.        
  350.     .answer {
  351.         text-align: justify;
  352.         font-family: 'Lato', calibri, arial, sans-serif;
  353.         font-size: 12px;
  354.         padding: 0px 10px 10px 10px;
  355.     }
  356.    
  357.     .playerbuttonbg {
  358.         position: absolute;
  359.         {block:If500pxPosts}left: 52px; top: 52px;{/block:if500pxPosts}
  360.         {block:If400pxPosts}left: 52px; top: 52px;{/block:if400pxPosts}
  361.         {block:If250pxPosts}left: 26px; top: 26px;{/block:if250pxPosts}
  362.         width: 19px;
  363.         height: 19px;
  364.         background-color: #fff;
  365.         padding: 10px;
  366.         opacity: 0.6;
  367.         filter: alpha(opacity=40);
  368.         -moz-opacity: 0.4;
  369.         -khtml-opacity: 0.4;
  370.         transition: opacity .7s ease-in-out;
  371.         -moz-transition: opacity .7s ease-in-out;
  372.         -webkit-transition: opacity .7s ease-in-out;
  373.     }
  374.            
  375.     .playerbuttonbg:hover {
  376.         opacity: .6;
  377.         filter: alpha(opacity=40);
  378.         -moz-opacity: .6;
  379.         -khtml-opacity: .6;
  380.     }
  381.        
  382.     .newplayerbutton {
  383.         position: relative;
  384.         width: 19px;
  385.         height: 19px;
  386.         overflow: hidden;
  387.     }
  388.            
  389.     .playerbuttonhug {
  390.         position: absolute;
  391.         top: -20px;
  392.         left: -6px;
  393.     }
  394.        
  395.     .tumblr_audio_player {
  396.         height: 100px;
  397.         width: 270px;
  398.         -moz-transform: scale(0.60, 0.60);
  399.         -webkit-transform: scale(0.60, 0.60);
  400.         -o-transform: scale(0.60, 0.60);
  401.         -ms-transform: scale(0.60, 0.60);
  402.         transform: scale(0.60, 0.60);
  403.         -moz-transform-origin: top left;
  404.         -webkit-transform-origin: top left;
  405.         -o-transform-origin: top left;
  406.         -ms-transform-origin: top left;
  407.         transform-origin: top left;
  408.     }
  409.            
  410.     .audioimgwrapper {
  411.         position: absolute;
  412.         left: 0px;
  413.         top: 0px;
  414.         overflow: hidden;
  415.         {block:If500pxPosts}width:140px;height:140px;{/block:if500pxPosts}
  416.         {block:If400pxPosts}width:140px;height:140px;{/block:if400pxPosts}
  417.         {block:If250pxPosts}width:90px;height:90px;{/block:if250pxPosts}
  418.     }
  419.            
  420.     .audioimgwrapper img {
  421.         width: 100%;
  422.         {block:If500pxPosts}width:140px;height:140px;{/block:if500pxPosts}
  423.         {block:If400pxPosts}width:140px;height:140px;{/block:if400pxPosts}
  424.         {block:If250pxPosts}width:90px;height:90px;{/block:if250pxPosts}
  425.     }
  426.            
  427.     .trackdetails {
  428.         width: auto;
  429.         text-align: right;
  430.         display: inline-block;
  431.         {block:If500pxPosts}margin-left: 230px;min-height: 120px;padding: 20px 20px 0px 20px;font-size: 12px;line-height: 20px;{/block:if500pxPosts}
  432.         {block:If400pxPosts}margin-left: 200px;min-height: 120px;padding: 20px 20px 0px 20px;font-size: 12px;line-height: 20px;{/block:if400pxPosts}
  433.         {block:If250pxPosts}margin-left: 100px;min-height: 90px;padding: 5px 0px 0px 0px;font-size: 10px;line-height: 14px;{/block:if250pxPosts}
  434.        
  435.        
  436.         color: {color:Track Details};
  437.         font-family: 'Lato', calibri, arial, sans-serif;
  438.     }
  439.            
  440.     .audiowrapper {
  441.         position: relative;
  442.         display: inline-block;
  443.         background-color: {color:Audio Background};
  444.         {block:If500pxPosts}width: 500px;{/block:if500pxPosts}
  445.         {block:If400pxPosts}width: 400px;{/block:if400pxPosts}
  446.         {block:If250pxPosts}width: 250px;{/block:if250pxPosts}
  447.     }
  448.  
  449.     .pp {
  450.         position: absolute;
  451.         top: 10px;
  452.         min-width: 100px;
  453.         {block:If500pxPosts}left: 510px;{/block:if500pxPosts}
  454.         {block:If400pxPosts}left: 410px;{/block:if400pxPosts}
  455.         {block:If250pxPosts}left: 260px;{/block:if250pxPosts}
  456.         text-align: center;
  457.         font-family: 'Lato', calibri, arial, sans-serif;
  458.     }
  459.    
  460.     .date {
  461.         margin: 5px 0px;
  462.         text-transform: uppercase;
  463.         font-size: 12px;
  464.         line-height: 10px;
  465.     }
  466.    
  467.     .date a {
  468.         color: {color:PostInfo Date Links};
  469.         background: {color:PostInfo Date Bg};
  470.         padding: 5px 5px;
  471.         transition-duration: 0.8s;  
  472.         -moz-transition-duration: 0.8s;
  473.         -webkit-transition-duration: 0.8s;  
  474.         -o-transition-duration: 0.8s;
  475.     }
  476.    
  477.     .date a:hover {
  478.         color: {color:PostInfo Date Links Hover};
  479.         transition-duration: 0.8s;  
  480.         -moz-transition-duration: 0.8s;
  481.         -webkit-transition-duration: 0.8s;  
  482.         -o-transition-duration: 0.8s;
  483.     }
  484.    
  485.     .notes {padding-top: 5px;}
  486.    
  487.     .notes a {text-align: center; color: {color:PostInfo Links};}
  488.    
  489.     .notes a:hover {color: {color:PostInfo Links Hover};}
  490.    
  491.     .reblogged a {text-transform: uppercase; color: {color:PostInfo Links};}
  492.    
  493.     .reblogged a:hover {color: {color:PostInfo Links Hover};}
  494.    
  495.     .tags {
  496.         display: inline;
  497.         padding-left: 4px;
  498.         text-transform: lowercase;
  499.         font-size: 10px;
  500.         color: {color:Tags};
  501.         {block:IfTagsonHover}
  502.         opacity: 0;    
  503.         {/block:IfTagsonHover}
  504.         transition-duration: 0.8s;  
  505.         -moz-transition-duration: 0.8s;
  506.         -webkit-transition-duration: 0.8s;  
  507.         -o-transition-duration: 0.8s;
  508.     }  
  509.    
  510.     .tags a {color: {color:Tags Color};}
  511.    
  512.     .tags a:hover {color: {color:Tags Hover};}
  513.    
  514.     .posts:hover .tags {
  515.         opacity: 1;      
  516.         transition-duration: 0.8s;  
  517.         -moz-transition-duration: 0.8s;
  518.         -webkit-transition-duration: 0.8s;  
  519.         -o-transition-duration: 0.8s;
  520.     }
  521.    
  522.     .notecontainer {
  523.         margin: 20px auto;
  524.         {block:If500pxPosts}width: 500px;{/block:if500pxPosts}
  525.         {block:If400pxPosts}width: 400px;{/block:if400pxPosts}
  526.         {block:If250pxPosts}width: 250px;{/block:if250pxPosts}
  527.         height: 200px;
  528.         margin-top:70px;
  529.         overflow: auto;
  530.         font-family: 'Lato', calibri, arial, sans-serif;
  531.         text-align: left;
  532.     }
  533.  
  534.     .notecontainer ol.notes {
  535.         list-style-type: none;
  536.         margin: 0;
  537.         padding: 0;
  538.     }
  539.  
  540.     .notecontainer img.avatar {
  541.         margin-right: 10px;
  542.         width: 16px;
  543.         height: 16px;
  544.     }
  545.  
  546.     .navigation {
  547.         height: 40px;
  548.         background: rgb(255,255,255); /*fallback for browsers without rgba support*/
  549.         background: rgba(255,255,255,.4);
  550.         width: 100%;
  551.         position: fixed;
  552.         bottom: 0px;
  553.     left: 0px;
  554.         z-index: 999999999999999999999999999999999999999999999999999999999;
  555.         text-align: center;
  556.     }
  557.    
  558.     .links {margin-top: 14px;}
  559.    
  560.     .link {
  561.         display: inline;
  562.         text-transform: lowercase;
  563.         font-size: 10px;
  564.         padding: 5px 10px;
  565.         background-color: {color:Nav Links BG};
  566.         margin-left: 6px;
  567.         transition-duration: 0.4s;  
  568.         -moz-transition-duration: 0.4s;
  569.         -webkit-transition-duration: 0.4s;  
  570.         -o-transition-duration: 0.4s;
  571.     }    
  572.    
  573.     .link:hover {
  574.         background: transparent;
  575.         transition-duration: 0.8s;  
  576.         -moz-transition-duration: 0.8s;
  577.         -webkit-transition-duration: 0.8s;  
  578.         -o-transition-duration: 0.8s;
  579.     }
  580.    
  581.     .link a {
  582.         color: {color:Nav Links};
  583.         transition-duration: 0.8s;  
  584.         -moz-transition-duration: 0.8s;
  585.         -webkit-transition-duration: 0.8s;  
  586.         -o-transition-duration: 0.8s;
  587.     }
  588.    
  589.     .link a:hover {
  590.         text-shadow: 1px 1px white;
  591.         transition-duration: 0.8s;  
  592.         -moz-transition-duration: 0.8s;
  593.         -webkit-transition-duration: 0.8s;  
  594.         -o-transition-duration: 0.8s;
  595.     }
  596.    
  597.     .sidebar {
  598.         position: fixed;
  599.         left: 100px;
  600.         bottom: 30px;
  601.         width: 300px;
  602.         height: 160px;
  603.         z-index: 999999999999999999999999999999999999999999999999999999999999999999999;
  604.     }
  605.    
  606.     @media (max-width:1280px) {.sidebar {left:30px; width:230px;}}
  607.    
  608.     .sidebar img {
  609.         max-width: 85px;
  610.         max-height: 85px;
  611.         float: left;
  612.         margin-top: 0px;
  613.         padding: 0px 5px 1px 0px;
  614.     }
  615.    
  616.     .sbr1, .sbr2, .sbr3, .sbr4, .sbr5 {
  617.         text-align: center;
  618.         min-width: 60px;
  619.         position: fixed;
  620.         right: 30px;
  621.         color: {color:Updates Tab Text};
  622.         padding: 5px;
  623.         text-transform: uppercase;
  624.     }
  625.    
  626.     .sbr1 {
  627.         bottom: 80px;
  628.         border-top: 1px solid {color:Updates Tab Borders};
  629.     }
  630.    
  631.     .sbr2 {
  632.         bottom: 105px;
  633.         border-top: 1px solid {color:Updates Tab Borders};
  634.     }
  635.    
  636.     .sbr3 {
  637.         bottom: 130px;
  638.         border-top: 1px solid {color:Updates Tab Borders};
  639.     }
  640.    
  641.     .sbr4 {
  642.         bottom: 55px;
  643.         border-top: 1px solid {color:Updates Tab Borders};
  644.     }
  645.    
  646.     .sbr5 {
  647.         bottom: 155px;
  648.         {block:IfNotUpdatesTabs}bottom: 80px; right: 32px;{/block:IfNotUpdatesTabs}
  649.         font-size: 14px;
  650.     }
  651.    
  652.     .sbr11, .sbr22, .sbr33, .sbr44 {
  653.         position: fixed;
  654.         right: 110px;
  655.         min-width: 90px;
  656.         text-align: left;
  657.         opacity: 0;
  658.         transition-duration: 0.5s;  
  659.         -moz-transition-duration: 0.5s;
  660.         -webkit-transition-duration: 0.5s;  
  661.         -o-transition-duration: 0.5s;
  662.     }
  663.    
  664.     .sbr11 {bottom: 85px;}
  665.  
  666.     .sbr1:hover .sbr11 {opacity: 1;}
  667.    
  668.     .sbr22 {bottom: 110px;}
  669.  
  670.     .sbr2:hover .sbr22 {opacity: 1;}
  671.    
  672.     .sbr33 {bottom: 135px;}
  673.  
  674.     .sbr3:hover .sbr33 {opacity: 1;}
  675.    
  676.     .sbr44 {bottom: 60px;}
  677.  
  678.     .sbr4:hover .sbr44 {opacity: 1;}
  679.      
  680.     .previous, .next {display: inline; padding: 0px 3px;}
  681.    
  682.    
  683.    
  684.     </style>
  685.    
  686.     {block:IfInfiniteScrolling}
  687.     <script type="text/javascript"
  688. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  689.     {/block:IfInfiniteScrolling}
  690.  
  691.     {block:IfHeaderImage}
  692.     <script type="text/javascript">
  693.        $(document).ready(function() {
  694.        var menu = $('.topbar, .titlebar');
  695.        var windowH = '150';
  696.        var stickToBot = windowH - menu.outerHeight(true);
  697.        menu.css('top', stickToBot + 'px');
  698.        
  699.        $(window).scroll(function() {
  700.          var scrollVal = $(this).scrollTop();
  701.          if (scrollVal > stickToBot) {
  702.            menu.css({top: '0px', position: 'fixed'});
  703.          }
  704.          else {
  705.            menu.css({top: stickToBot + 'px', position: 'absolute'});
  706.          }
  707.        });
  708.      });
  709.     </script>
  710.     {/block:IfHeaderImage}
  711.    
  712. </head>
  713.  
  714. <body>
  715.  
  716. {block:IfHeaderImage}
  717. <div class="header"></div>
  718. {/block:IfHeaderImage}
  719.  
  720. <div class="sbr5">
  721. {block:Pagination}
  722. <div class="previous">{block:PreviousPage}<a href="{PreviousPage}" title="Previous Page">-</a>{/block:PreviousPage}</div>
  723. <div class="next">{block:NextPage}<a href="{NextPage}" title="Next Page">+</a>{/block:NextPage}</div>
  724. {/block:Pagination}
  725. </div>
  726.  
  727.  
  728. <div class="sbr4">©
  729. <div class="sbr44">
  730. theme by <a href="http://felinum.tumblr.com">felinum</a>
  731. </div>
  732. </div>
  733.  
  734. {block:IfUpdatesTabs}
  735. <div class="sbr3">{text:Title III}
  736. <div class="sbr33">{text:Content III}</div>
  737. </div>
  738.  
  739. <div class="sbr2">{text:Title II}
  740. <div class="sbr22">{text:Content II}</div>
  741. </div>
  742.  
  743. <div class="sbr1">{text:Title I}
  744. <div class="sbr11">{text:Content I}</div>
  745. </div>
  746. {/block:IfUpdatesTabs}
  747.  
  748. <div class="sidebar">
  749. <img src="{image:Sidebar Image}">
  750. {description}
  751. </div>
  752.  
  753.  
  754. <div class="topbar">{text:Sup Title}</div>
  755.  
  756.  
  757. <div class="titlebar">
  758. {Title}
  759. <div style="font-size:10px; color:{color:Sub Title};">{text:Sub Title}</div>
  760. </div>
  761.  
  762.  
  763. <div class="navigation">
  764. <div class="links">  
  765.  
  766.     <div class="link">
  767.         <a href="{text:Link 1 URL}">{text:Link 1}</a>
  768.     </div>
  769.    
  770.     <div class="link">
  771.         <a href="{text:Link 2 URL}">{text:Link 2}</a>
  772.     </div>
  773.    
  774.     <div class="link">
  775.         <a href="{text:Link 3 URL}">{text:Link 3}</a>
  776.     </div>
  777.    
  778.     <div class="link">
  779.         <a href="{text:Link 4 URL}">{text:Link 4}</a>
  780.     </div>
  781.    
  782.     <div class="link">
  783.         <a href="{text:Link 5 URL}">{text:Link 5}</a>
  784.     </div>
  785.    
  786.     <div class="link">
  787.         <a href="{text:Link 6 URL}">{text:Link 6}</a>
  788.     </div>
  789.    
  790.     <div class="link">
  791.         <a href="{text:Link 7 URL}">{text:Link 7}</a>
  792.     </div>
  793.  
  794. </div>
  795. </div>
  796.  
  797.  
  798. <div class="postcontainer">
  799.  
  800.  
  801. {block:IfInfiniteScrolling}
  802. <div class="autopagerize_page_element">
  803. {/block:IfInfiniteScrolling}
  804.  
  805.  
  806. {block:Posts}
  807. <div class="posts">
  808.  
  809.  
  810. {block:Text}
  811. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  812. <div class="text" >{Body}</div>
  813. {/block:Text}
  814.  
  815.  
  816. {block:Answer}
  817. <div class="quest">
  818. <div class="qtext">
  819. <span style="text-transform:uppercase;">{Asker}</span>: {Question}
  820. </div>
  821. </div>
  822. <div class="answer">{Answer}</div>
  823. {/block:Answer}
  824.  
  825.  
  826. {block:Quote}
  827. <div class="quote">
  828. "{Quote}"
  829. {block:Source}<div class="source">{Source}</div>{/block:Source}
  830. </div>
  831. {/block:Quote}
  832.  
  833.  
  834. {block:Link}
  835. <div class="linktitle"><a href="{URL}">{Name}</a></div>
  836. <div class="text">{block:Description}{Description}{/block:Description} </div>  
  837. {/block:Link}
  838.  
  839.  
  840. {block:Chat}
  841. {block:Title}<h2>{Title}</h2>{/block:Title}
  842. <ul class="convo">{block:Lines}<br>
  843. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  844. <br>{Line}</li>{/block:Lines}</ul>
  845. {/block:Chat}
  846.  
  847.  
  848. {block:Photo}
  849.  {LinkOpenTag}
  850. {block:If500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:If500pxPosts}
  851. {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxPosts}
  852. {block:If250pxPosts}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:if250pxPosts}
  853. {LinkCloseTag}
  854. {block:IfShowCaption}
  855. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  856. {/block:IfShowCaption}
  857. {/block:Photo}
  858.  
  859.  
  860. {block:Photoset}
  861. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  862. {block:If400pxPosts}{Photoset-400}{/block:if400pxPosts}
  863. {block:If250pxPosts}{Photoset-250}{/block:if250pxPosts}
  864. {block:IfShowCaption}
  865. {block:Caption}<div class="caption">{Caption}</div> {/block:Caption}
  866. {/block:IfShowCaption}
  867. {/block:Photoset}
  868.    
  869.  
  870. {block:AudioPlayer}
  871. <div class="audiowrapper">
  872. {block:AlbumArt}
  873. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  874. {/block:AlbumArt}
  875. <div class="playerbuttonbg">
  876. <div class="newplayerbutton">
  877. <div class="playerbuttonhug">
  878. {AudioPlayerBlack}
  879. </div>
  880. </div>
  881. </div>
  882. <div class="trackdetails">
  883. <div style="border-bottom:1px solid #f5f5f5;">{block:TrackName}{TrackName}{/block:TrackName}</div>
  884. <div style="border-bottom:1px solid #f5f5f5;">{block:Artist}Artist: {Artist}{/block:Artist}</div>
  885. <div style="border-bottom:1px solid #f5f5f5;">{block:Album}Album: {Album}{/block:Album}</div>
  886. <div style="border-bottom:1px solid #f5f5f5;">{PlayCountWithLabel}</div>
  887. </div>
  888. </div>
  889. {block:IfShowCaption}
  890. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  891. {/block:IfShowCaption}    
  892. {/block:AudioPlayer}
  893.        
  894.  
  895. {block:Video}
  896. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  897. {block:If400pxPosts}{Video-400}{/block:if400pxPosts}
  898. {block:If250pxPosts}{Video-250}{/block:if250pxPosts}
  899. {block:IfShowCaption}
  900. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  901. {/block:IfShowCaption}
  902. {/block:Video}
  903.  
  904.  
  905. {block:Date}
  906. <div class="pp">
  907. <div class="date">
  908. <a href="{Permalink}">
  909. {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a>
  910. </div>
  911. <div class="notes">
  912. <a href="{Permalink}">
  913. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
  914. </div>
  915. <div class="reblogged">
  916. {block:RebloggedFrom}
  917. <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName} </a> ·
  918. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  919. {/block:RebloggedFrom}
  920. </div><br>
  921. </div>
  922. {/block:Date}
  923.  
  924.  
  925. {block:HasTags} {block:Tags}
  926. <div class="tags"> <a href="{TagURL}">#{Tag}</a> &nbsp;&nbsp;&nbsp;</div>
  927. {/block:Tags} {/block:HasTags}
  928.  
  929.  
  930. </div> <!-- end posts -->
  931.    
  932.    
  933. {block:ContentSource}
  934. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  935. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />  
  936. {/block:SourceLogo}
  937. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  938. {/block:ContentSource}
  939.    
  940.    
  941. <div class="notecontainer">{PostNotes}</div>
  942.  
  943.  
  944. {/block:Posts}
  945.  
  946.  
  947. </div> <!-- end posts container-->
  948.  
  949.        
  950. </body>
  951. </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!