API tools faq
paste
thejacketslut

[retired] Pale Absence

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