API tools faq
paste
Advertisement
swarley

Untitled

swarley
Jul 24th, 2014
246
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 57.52 KB | None | 0 0
raw download clone embed print report
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7.  
  8.  
  9. <title>{Title}</title>
  10.  <link rel="shortcut icon" href="{image:Favicon}" />
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14.  
  15.  
  16.    
  17.    
  18. <meta name="select:Font" content="Arial" title="Arial">
  19. <meta name="select:Font" content="Consolas" title="Consolas">
  20. <meta name="select:Font" content="Lucida Sans" title="Lucida Sans">
  21. <meta name="select:Font" content="Calibri" title="Calibri">
  22. <meta name="select:Font" content="Verdana" title="Verdana">  
  23. <meta name="select:Font" content="Corbel" title="Corbel">
  24. <meta name="select:Font" content="Franklin Gothic Book" title="Franklin">  
  25.    
  26.  
  27.  
  28. <meta name="image:Sidebar" content="http://static.tumblr.com/97f18c5633fef53957534c372179f0aa/dkpvapy/o7Qn39lah/tumblr_static_advent_23_light_periwinkle.gif"/>
  29. <meta name="color:Background" content="#fff"/>
  30. <meta name="color:Text" content="#666"/>
  31. <meta name="color:Blockquote" content="#c0c0c0"/>
  32. <meta name="color:Link" content="#7a7a7a"/>
  33. <meta name="color:LinkBG" content="#efeefc"/>
  34. <meta name="color:LinkBorder" content="#a0a4d7"/>
  35. <meta name="color:Border" content="#cec2e4"/>
  36.  
  37. <meta name="color:SidebarBorder" content="#cec2e4"/>
  38.  
  39.  
  40. <meta name="color:Nav" content="#f3f8ff"/>
  41. <meta name="color:NavBorder" content="#cdd7e2"/>
  42. <meta name="color:NavText" content="#4f4f4f"/>
  43.  
  44. <meta name="color:Search" content="#fff899"/>
  45. <meta name="color:SearchBorder" content="#ccc55d"/>
  46. <meta name="color:SearchText" content="#6c6c6c"/>
  47.  
  48.  
  49. <meta name="color:ScrollbarBorder" content="#88acb1"/>
  50. <meta name="color:Scrollbar" content="#b1fff9"/>
  51.  
  52.  
  53. <meta name="color:Selection" content="#c6fcfb"/>
  54. <meta name="color:SelectionText" content="#3fa4a4"/>
  55. <meta name="color:SelectionBorder" content="#81c4c2"/>
  56.  
  57.  
  58. <meta name="color:BigBorder" content="#e8c9ff"/>
  59.  
  60.  
  61.  
  62. <meta name="color:ToolTip" content="#d7ffff"/>
  63. <meta name="color:ToolTipBorder" content="#95e3e0"/>
  64. <meta name="color:ToolTipText" content="#669597"/>
  65.  
  66.  
  67.  
  68. <meta name="color:Footer" content="#eff3ff"/>
  69. <meta name="color:FooterBorder" content="#a5abd1"/>
  70. <meta name="color:FooterText" content="#717171"/>
  71.  
  72.  
  73. <meta name="color:AccentImgBorder" content="#b7a1db"/>
  74.  
  75. <meta name="color:Accent" content="#f1f1fa"/>
  76. <meta name="color:AccentBorder" content="#b5b8d3"/>
  77. <meta name="color:AccentText" content="#767676"/>
  78.  
  79.  
  80.  <meta name="image:Background" content="" />
  81.  
  82.  <meta name="image:Header" content="" />
  83.  
  84.  
  85.  <meta name="image:PermalinkSprite" content="" />
  86.  
  87. <meta name="image:Bottom" content=""/>
  88. <meta name="image:Favicon" content="http://media.tumblr.com/cf7bbef9d9cc138a64de9089e42427e7/tumblr_inline_mkc8dla48m1rul1ji.gif" />
  89.  
  90. <meta name="if:PostBorders" content="1"/>
  91. <meta name="if:SidebarBorder" content="1"/>
  92.  
  93.  
  94. <meta name="if:Header" content="0"/>
  95. <meta name="if:ImageHeader" content="0"/>
  96.  
  97.  
  98. <meta name="if:InfiniteScroll" content="0"/>
  99. <meta name="if:ShowCaptions" content="1"/>
  100.  
  101. <meta name="if:ShowTags" content="1"/>
  102.  
  103. <meta name="if:ShowSidebarImage" content="1"/>
  104.  
  105. <meta name="if:ShowSearchBox" content="1"/>
  106.  
  107.  
  108.  
  109. <meta name="if:BigBorders" content="0"/>
  110.  
  111.  
  112. <meta name="if:FrameOnly" content="0"/>
  113.  
  114. <meta name="if:SlidingPosts" content="0"/>
  115. <meta name="if:LikeReblog" content="0"/>
  116.  
  117. <meta name="if:WhiteLikeReblog" content="0"/>
  118. <meta name="if:600px" content="0"/>
  119. <meta name="if:500px" content="0"/>
  120. <meta name="if:400px" content="1"/>
  121. <meta name="if:250px" content="0"/>
  122.  
  123.  
  124.  
  125. <meta name="if:Shadow" content="0"/>
  126. <meta name="if:SidebarShadow" content="0"/>
  127.  
  128. <meta name="if:HideFooters" content="0"/>
  129. <meta name="if:FancyFooter" content="0"/>
  130. <meta name="if:Rounded" content="1"/>
  131. <meta name="if:NavButtons" content="0"/>
  132. <meta name="if:SlidingNav" content="1"/>
  133. <meta name="if:NavMenu" content="0"/>
  134. <meta name="if:MaximizedBackground" content="0"/>  
  135. <meta name="if:BodyLeft" content="0"/>  
  136. <meta name="if:DescriptivePagination" content="0"/>  
  137. <meta name="if:FadedImages" content="0"/>  
  138. <meta name="if:Grayscale" content="0"/>  
  139.  
  140.  
  141.  
  142.   <meta name="select:BodyTransparency" content="1" title="opaque">
  143.     <meta name="select:BodyTransparency" content=".9" title=".9">
  144.     <meta name="select:BodyTransparency" content=".8" title=".8">
  145.     <meta name="select:BodyTransparency" content=".7" title=".7">
  146.     <meta name="select:BodyTransparency" content=".6" title=".6">
  147.     <meta name="select:BodyTransparency" content=".5" title="semi-transparent">
  148.     <meta name="select:BodyTransparency" content=".4" title=".4">
  149.     <meta name="select:BodyTransparency" content=".3" title=".3">
  150.     <meta name="select:BodyTransparency" content=".2" title=".2">
  151.     <meta name="select:BodyTransparency" content=".1" title=".1">
  152.     <meta name="select:BodyTransparency" content=".0" title="transparent">
  153.    
  154.      <meta name="select:BodyColor" content="255,255,255" title="white">
  155.     <meta name="select:BodyColor" content="255,191,238" title="pink">  
  156.     <meta name="select:BodyColor" content="193,191,255" title="indigo">
  157.     <meta name="select:BodyColor" content="212,227,255" title="blue">
  158.     <meta name="select:BodyColor" content="255,253,184" title="yellow">
  159.     <meta name="select:BodyColor" content="197,255,143" title="green">    
  160.     <meta name="select:BodyColor" content="222,222,222" title="gray">  
  161.     <meta name="select:BodyColor" content="252,93,93" title="red">
  162.     <meta name="select:BodyColor" content="181,251,255" title="cyan">
  163.     <meta name="select:BodyColor" content="0,0,0" title="black">
  164.    
  165.     <meta name="select:SidebarTransparency" content="1" title="opaque">
  166.     <meta name="select:SidebarTransparency" content=".9" title=".9">
  167.     <meta name="select:SidebarTransparency" content=".8" title=".8">
  168.     <meta name="select:SidebarTransparency" content=".7" title=".7">
  169.     <meta name="select:SidebarTransparency" content=".6" title=".6">
  170.     <meta name="select:SidebarTransparency" content=".5" title="semi-transparent">
  171.     <meta name="select:SidebarTransparency" content=".4" title=".4">
  172.     <meta name="select:SidebarTransparency" content=".3" title=".3">
  173.     <meta name="select:SidebarTransparency" content=".2" title=".2">
  174.     <meta name="select:SidebarTransparency" content=".1" title=".1">
  175.     <meta name="select:SidebarTransparency" content=".0" title="transparent">
  176.    
  177.      <meta name="select:SidebarColor" content="255,255,255" title="white">
  178.     <meta name="select:SidebarColor" content="255,191,238" title="pink">  
  179.     <meta name="select:SidebarColor" content="193,191,255" title="indigo">
  180.     <meta name="select:SidebarColor" content="212,227,255" title="blue">
  181.     <meta name="select:SidebarColor" content="255,253,184" title="yellow">
  182.     <meta name="select:SidebarColor" content="197,255,143" title="green">    
  183.     <meta name="select:SidebarColor" content="222,222,222" title="gray">  
  184.     <meta name="select:SidebarColor" content="252,93,93" title="red">
  185.     <meta name="select:SidebarColor" content="181,251,255" title="cyan">
  186.     <meta name="select:SidebarColor" content="0,0,0" title="black">
  187.    
  188.   <meta name="text:FontSize" content="11" />
  189.    
  190.   <meta name="text:BigBorderThickness" content="22" />
  191.   <meta name="text:DistanceBetweenPosts" content="30" />
  192.      
  193.      
  194.   <meta name="text:SidebarLeftPosition" content="-170" />
  195.   <meta name="text:SidebarTopPosition" content="120" />
  196.   <meta name="text:SidebarWidth" content="120" />
  197.   <meta name="text:SearchButtonText" content="Go!" />
  198.   <meta name="text:MenuTitle" content="links" />
  199.     <meta name="text:link 1 url" content="/" />
  200.     <meta name="text:link 1" content="refresh" />
  201.     <meta name="text:link 2 url" content="/ask" />
  202.     <meta name="text:link 2" content="ask" />
  203.     <meta name="text:link 3 url" content="/archive" />  
  204.     <meta name="text:link 3" content="archive" />
  205.     <meta name="text:link 4 url" content="" />  
  206.     <meta name="text:link 4" content="" />
  207.     <meta name="text:link 5 url" content="" />
  208.     <meta name="text:link 5" content="" />
  209.     <meta name="text:link 6 url" content="" />  
  210.     <meta name="text:link 6" content="" />  
  211.     <meta name="text:link 7 url" content="" />
  212.     <meta name="text:link 7" content="" />
  213.     <meta name="text:link 8 url" content="" />  
  214.     <meta name="text:link 8" content="" />
  215.    
  216.     <meta name="text:ViaSymbol" content="♡" />  
  217.     <meta name="text:SourceSymbol" content="©" />
  218.     <meta name="text:NotesSymbol" content="☆" />
  219.     <meta name="text:TaggedSymbol" content="+" />
  220.    
  221.     <meta name="text:BottomImageLeft" content="50" />  
  222.     <meta name="text:BottomImageTop" content="50" />
  223.    
  224.    
  225.  
  226.   {block:ifInfiniteScroll}
  227.  
  228.   <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>  
  229.  {/block:ifInfiniteScroll}
  230.  
  231. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>
  232.  
  233. <style type="text/css">
  234.  
  235. /*  body { cursor:url('http://media.tumblr.com/tumblr_m2uleinPRc1qfamg6.gif'), auto }
  236.  
  237.  
  238.  a, a:hover { cursor:url('http://media.tumblr.com/tumblr_m2ulel9Dyq1qfamg6.gif'), auto }
  239.  
  240. */
  241.  
  242.  ::selection {  
  243.     background: {color:Selection};
  244.     color: {color:SelectionText};
  245.     }
  246.    
  247. ::-moz-selection {  
  248.       background: {color:Selection};
  249.     color: {color:SelectionText};
  250.     }
  251.    
  252. ::-webkit-selection {  
  253.       background: {color:Selection};
  254.     color: {color:SelectionText};
  255.     }
  256.  
  257. ::-webkit-scrollbar{  
  258.      width: 9px;
  259.       background:rgba(0,0,0,0);  
  260.      
  261.      
  262.      }
  263.      
  264. ::-webkit-scrollbar-track{  
  265.     background:rgba(0,0,0,0);
  266.     }
  267.    
  268. ::-webkit-scrollbar-thumb{  
  269.     {block:ifrounded} border-radius:3px;
  270.     -webkit-border-radius:3px;
  271.     -moz-border-radius:3px;  {/block:ifrounded}
  272.     background: {color:Scrollbar};
  273.     border: 1px solid {color:scrollbarborder};
  274.     }
  275.    
  276. ::-webkit-scrollbar-corner{  background:rgba(0,0,0,0);
  277.     }
  278. .clear { clear: both; height: 0px; overflow: hidden; }
  279.   #s-m-t-tooltip {
  280.      
  281.      
  282.        {block:ifnotrounded}
  283.    -moz-border-radius: 0px;
  284.     -webkit-border-radius: 0px;
  285.     border-radius: 0px;  {/block:ifnotrounded}
  286.    
  287.      {block:ifrounded}
  288.    -moz-border-radius: 3px;
  289.     -webkit-border-radius: 3px;
  290.     border-radius: 3px;  {/block:ifrounded}
  291.    
  292.    
  293.        box-shadow:rgba(0,0,0,0.05)3px 3px;
  294.     text-align:center;
  295.     max-width:320px;
  296.     z-index:9999999999999;
  297.     background: {color:ToolTip};
  298.     font-size: {select:fontsize}px;  
  299.     word-wrap:break-word;
  300.     padding: 1px 5px;
  301.     font-family: {select:font};
  302.     display: block;  
  303.     margin-left:28px;
  304.     margin-top:20px;
  305.     border: 1px solid {color:ToolTipBorder};
  306.     color: {color:ToolTipText};
  307.     transition: .2s ease-in-out;
  308.     -moz-transition: .2s ease-in-out;
  309.     -webkit-transition: .2s ease-in-out;  
  310.     }  
  311.  
  312.    
  313.    
  314. body {
  315.      
  316.    
  317.     {block:ifMaximizedBackground}
  318.     background:{color:Background} url('{image:Background}') no-repeat center fixed;
  319.     -webkit-background-size: cover;
  320.     -moz-background-size: cover;
  321.     -o-background-size: cover;
  322.     background-size: cover; {/block:ifMaximizedBackground}
  323.     {block:ifnotMaximizedBackground} background:{color:background} url('{image:Background}') top left fixed repeat; {/block:ifnotMaximizedBackground}
  324.     font-family: {select:Font};
  325.      
  326.     font-size: {text:fontsize}px;
  327.     color: {color:Text};
  328. }
  329.  
  330. blockquote {    
  331.  
  332.  
  333. {block:if250px}width:82% ; {/block:if250px}
  334.     {block:if400px}width: 91%;{/block:if400px}
  335.      {block:if500px}width:93%  ;{/block:if500px}
  336.      
  337.      {block:if600px}width:93%  ;{/block:if600px}
  338.     margin-top:5px;
  339.     margin-left:15px;
  340.     padding-left:8px;
  341.     border-left:2px solid {color:blockquote};
  342. }
  343.  
  344. a {
  345.     text-decoration: none;
  346.     color: {color:Link};
  347. }
  348.  
  349.  .idiot{width:100%; height:0px; position:fixed; z-index:9999999999;bottom:0px;border-bottom:{text:BigBorderThickness}px solid {color:BigBorder}; background:rgba(255,255,255,.4);
  350.  }
  351.  
  352.  
  353.  .idiot2{width:110%; height:0px; margin-left:-10px; position:fixed; z-index:9999999999;top:0px;border-bottom:{text:BigBorderThickness}px solid {color:BigBorder}; background:rgba(255,255,255,.4);
  354.  }
  355.  
  356.  
  357.  .idiot3{height:100%; width:0px; position:fixed; z-index:9999999999;left:0px;border-left:{text:BigBorderThickness}px solid {color:BigBorder}; background:rgba(255,255,255,.4);
  358.  }
  359.  
  360.  
  361.  .idiot4{height:100%;width:0px; position:fixed; z-index:9999999999; right:0px;border-right:{text:BigBorderThickness}px solid {color:BigBorder}; background:rgba(255,255,255,.4);
  362.  }
  363. #tukutcredit{
  364.    
  365.    
  366.  
  367.     /*height:auto;  */
  368.  
  369.    
  370.    
  371.     z-index: 1; /* Fix the image showing over in fullscreen */
  372.     position:absolute;
  373.    
  374.     {block:ifbigborders}
  375.      top:{text:BigBorderthickness}px;
  376.     border-left: {text:BigBorderThickness}px solid {color:BigBorder} ;  padding-bottom:{text:BigBorderThickness}px;
  377.      
  378.      
  379.        {/block:ifbigborders}
  380.        
  381.        
  382.        {block:ifframeonly}
  383.         top:{text:BigBorderthickness}px;
  384.        padding-bottom:{text:BigBorderThickness}px;
  385.         {/block:ifframeonly}
  386.    
  387.    
  388.     padding-top:{text:distancebetweenposts}px;
  389.    
  390.    
  391.        overflow:hidden;
  392.      
  393.      
  394.      
  395.    padding-left:40px;  
  396.    
  397.    
  398.    
  399.    padding-right:40px;
  400.    
  401.    {block:if250px}width:325px ;   {/block:if250px}  
  402.     {block:if400px}width:475px;{/block:if400px}
  403.      {block:if500px}width:575px  ;{/block:if500px}
  404.      
  405.      {block:if600px}width:675px  ;{/block:if600px}
  406.      
  407. }
  408.      
  409.  #container {  
  410.  
  411.  
  412.      overflow:hidden;
  413.      
  414.      
  415.  /*  height:auto;  */
  416.        {block:ifnotBodyLeft} margin: 0px  auto;  {/block:ifnotBodyLeft}
  417.        {block:ifBodyLeft}  margin-left:-10px;margin-top:0px; {/block:ifBodyLeft}
  418.    
  419.    
  420.     {block:if250px}width:290px ;   {/block:if250px}  
  421.     {block:if400px}width:440px;{/block:if400px}
  422.      {block:if500px}width:540px  ;{/block:if500px}
  423.      
  424.      {block:if600px}width:640px  ;{/block:if600px}    
  425.      
  426. }
  427.  
  428.  
  429. #sidebar{
  430.        z-index:999999999;
  431.    
  432.     position:fixed; text-align:center;width:{text:SidebarWidth}px;
  433.    
  434.     margin-left:{text:SidebarLeftPosition}px;  
  435.     margin-top:{text:SidebarTopPosition}px;
  436.  
  437.         }
  438.  
  439.  
  440.    
  441.  
  442. .desc a{  transition: .2s ease-in-out;
  443.     -moz-transition: .2s ease-in-out;
  444.     -webkit-transition: .2s ease-in-out;
  445.         border-bottom:1px solid {color:linkborder};
  446.          
  447.         color: {color:link};
  448.        
  449.         background: {color:linkBG};  
  450.         margin-right:1px;
  451.          padding:0px 4px;
  452.          
  453.     }
  454.    .desc a:hover{
  455.        border-bottom:1px solid {color:SelectionBorder};
  456.        background: {color:selection}; color:{color:selectiontext};
  457.        }
  458.  
  459.  
  460.  
  461.    
  462.    
  463.    
  464.    
  465. #sidebar img{
  466.    
  467.  
  468.    
  469.     max-width:100%}
  470.  
  471. .yep {
  472.    
  473.      {block:ifrounded} border-radius:8px;
  474.     -webkit-border-radius:8px;
  475.     -moz-border-radius:8px;  {/block:ifrounded}
  476.    
  477.     padding:20px;
  478.    
  479.      {block:ifsidebarshadow}
  480.    
  481.     box-shadow:rgba(0,0,0,0.06)3px 3px;
  482.     -moz-shadow:rgba(0,0,0,0.06)3px 3px;
  483.      -webkit-shadow:rgba(0,0,0,0.06)3px 3px; {/block:ifsidebarshadow}
  484.      
  485.      background: rgba({select:sidebarcolor},{select:SidebarTransparency});
  486.      
  487.      {block:ifsidebarborder}border:1px solid {color:sidebarborder};
  488.      {block:ifsidebarborder}}
  489.      
  490.    
  491.      
  492.        
  493.      
  494.      
  495.   .search {  
  496.       height:22px;
  497.     background: {color:Search};
  498.     border: 1px solid {color:SearchBorder};
  499.  
  500.   {block:ifnotrounded}
  501.    -moz-border-radius: 0px;
  502.     -webkit-border-radius: 0px;
  503.     border-radius: 0px;  {/block:ifnotrounded}
  504.    
  505.      {block:ifrounded}
  506.    -moz-border-radius: 5px;
  507.     -webkit-border-radius: 5px;
  508.     border-radius: 5px;  {/block:ifrounded}
  509.     }
  510.    
  511. .search form {
  512.     margin: 0;
  513.     }
  514.    
  515. .search form .query {
  516.     padding: 2px;
  517.     font-family:{select:font};
  518.     border: none;
  519.     background: transparent;
  520.     outline: none;
  521.     float: left;
  522.     width: 95%;
  523.     color: {color:SearchText};
  524.     }
  525.    
  526. .search form .submit {
  527.     background: rgba(0,0,0,0) ;
  528.      color: {color:SearchText};
  529.     visibility: hidden;
  530.     font-family:{select:font};
  531.     border:none;
  532.     padding: 2px 4px;
  533.     font-size:{text:fontsize}px;
  534.     margin: 3px 3px 2px 0;
  535.     float: right;
  536.     -moz-border-radius: 0px;
  537.     -webkit-border-radius: 0px;
  538.     border-radius: 0px;
  539.     cursor: pointer;
  540.     }
  541.  
  542. #topcontrol img {
  543.   z-index: -1;
  544. }
  545.    
  546.    
  547. .nav {  
  548.        
  549.     transition: .2s ease-in-out;
  550.     -moz-transition: .2s ease-in-out;
  551.     -webkit-transition: .2s ease-in-out;
  552.     text-align: center;
  553.     width: 100%;
  554.     margin-top:7px;
  555.     margin-bottom:0px;
  556.    font-size:{text:fontsize}px;
  557.     line-height: 22px;
  558.     }
  559.    
  560. .nav a{  
  561.      {block:ifnotrounded}
  562.    -moz-border-radius: 0px;
  563.     -webkit-border-radius: 0px;
  564.     border-radius: 0px;  {/block:ifnotrounded}
  565.    
  566.      {block:ifrounded}
  567.    -moz-border-radius: 3px;
  568.     -webkit-border-radius: 3px;
  569.     border-radius: 3px;  {/block:ifrounded}
  570.        
  571.     transition: .2s ease-in-out;
  572.     -moz-transition: .2s ease-in-out;
  573.     -webkit-transition: .2s ease-in-out;
  574.     color: {color:NavText};
  575.     background: {color:Nav};
  576.    
  577.     border: 1px solid {color:NavBorder};
  578.     margin-right: 2px;
  579.      
  580.     padding: 1px 5px!important;  
  581.     }  
  582.    
  583. .nav a:hover{  
  584.      
  585.       background: {color:selection}; color:{color:selectiontext};  border:1px solid {color:SelectionBorder};
  586.     }
  587.    
  588.   #pagi{
  589.            
  590.       margin-bottom:-5px;
  591.        
  592.        
  593.     transition: .2s ease-in-out;
  594.     -moz-transition: .2s ease-in-out;
  595.     -webkit-transition: .2s ease-in-out;
  596.     font-size:{text:fontsize}px;
  597.     text-align:center;  
  598.     letter-spacing:0px;
  599.      
  600.      line-height: 22px;
  601.     }
  602.  
  603.  
  604. .posts {
  605.     border:1 auto rgba(0,0,0,0);
  606.    {block:if250px}width:250px ; {/block:if250px}
  607.     {block:if400px}width:400px;{/block:if400px}
  608.      {block:if500px}width:500px  ;{/block:if500px}
  609.      {block:if600px}width:600px  ;{/block:if600px}
  610.     /* displ  */
  611.    
  612.    
  613.    
  614.     display:none;}
  615.  
  616.  
  617. .contents{
  618.    
  619.      
  620.    display:block;
  621.    margin:0 auto;
  622. }
  623.  
  624.  
  625. #pagi a{
  626.    
  627.     {block:ifrounded} border-radius:3px;
  628.     -webkit-border-radius:3px;
  629.     -moz-border-radius:3px;  {/block:ifrounded}
  630.    
  631.    
  632.     {block:ifsidebarshadow} box-shadow:rgba(0,0,0,0.05)2px 2px;
  633.     -moz-shadow:rgba(0,0,0,0.05)2px 2px;
  634.      -webkit-shadow:rgba(0,0,0,0.05)2px 2px;{/block:ifsidebarshadow}
  635.     color:{color:text};
  636.    background: rgba({select:sidebarcolor},{select:sidebarTransparency});  
  637.     {block:ifsidebarborder}border:1px solid  {color:sidebarborder}; {/block:ifsidebarborder}
  638.    
  639.     {block:ifnotsidebarborder}border:1px solid  rgba(0,0,0,0); {/block:ifnotsidebarborder}
  640.     padding:1px 5px;
  641.     margin-left:3px;
  642.     margin-right:3px; transition: .2s ease-in-out;
  643.     -moz-transition: .2s ease-in-out;
  644.     -webkit-transition: .2s ease-in-out;
  645.     }
  646.    
  647. #pagi a:hover{
  648.       background: {color:selection}; color:{color:selectiontext};  border:1px solid {color:SelectionBorder};
  649.     }  
  650.    
  651. #tukut {  {block:ifrounded} border-radius:8px; -webkit-border-radius:8px;
  652.     -moz-border-radius:8px;  {/block:ifrounded}margin-bottom:{text:distancebetweenposts}px;{block:ifshadow} box-shadow:rgba(0,0,0,0.06)3px 3px;
  653.     -moz-shadow:rgba(0,0,0,0.06)3px 3px;
  654.      -webkit-shadow:rgba(0,0,0,0.06)3px 3px; {/block:ifshadow}
  655.      word-wrap:break-word;{block:ifpostborders}border:1px solid {color:Border} ;
  656.     {/block:ifpostborders}
  657.       transition: .2s ease-in-out;
  658.     -moz-transition: .2s ease-in-out;
  659.     -webkit-transition: .2s ease-in-out;  
  660.     background: rgba({select:bodycolor},{select:BodyTransparency});
  661.     float:left;  
  662.     position: relative; {block:if250px}width:250px ; {/block:if250px}
  663.      
  664.     {block:if400px}width:400px;{/block:if400px}
  665.      {block:if500px}width:500px  ;{/block:if500px}
  666.      
  667.      {block:if600px}width:600px  ;{/block:if600px}
  668.     padding: 15px; /*margin-bottom:25px;*/
  669.    
  670. }#tukut:hover{ {block:ifslidingposts} transition: .2s ease-in-out;
  671.     -moz-transition: .2s ease-in-out;
  672.     -webkit-transition: .2s ease-in-out;
  673.          {block:indexpage} margin-left:15px;  {/block:indexpage} {/block:ifslidingposts}}.med { transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; {block:iffadedimages} opacity:.8; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); {/block:ifgrayscale} text-align:center; float:center;} .med:hover { {block:iffadedimages} opacity:1; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); {/block:ifgrayscale} } .text{ {block:ifShowCaptions} margin-top:-2px; {block:ifHideFooters} margin-bottom:-7px; {/block:ifHideFooters} {/block:ifShowCaptions} border-left:2px solid rgba(0,0,0,0); border-right:2px solid rgba(0,0,0,0); word-wrap:break-word; padding-left: 0px; padding-right:0px; width:99%; text-align:left; padding-bottom:0px;} .text a{ transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; border-bottom:1px solid {color:linkborder}; color: {color:link}; background: {color:linkBG}; margin-right:1px; padding:0px 4px; } .text a:hover{ background: {color:selection}; color:{color:selectiontext}; border-bottom:1px solid {color:SelectionBorder}; } .text .img {max-width:100%; } pre{ font-family:calibri; padding:5px; background:rgba(0,0,0,.03); font-size:11px; text-transform:uppercase; letter-spacing:1px; word-wrap:break-word;} img { transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; {block:iffadedimages} opacity:.8; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); {/block:ifgrayscale} max-width: 100%; } img:hover{ {block:iffadedimages} opacity:1; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); {/block:ifgrayscale} } h1{ {block:ifrounded} border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; {/block:ifrounded} text-align: center; font-size:{text:fontsize}px; border:1px solid {color:AccentBorder}; background: {color:Accent}; color: {color:AccentText}; }
  674.          
  675.          .title{ color:{color:accenttext};
  676.              {block:ifrounded} border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; {/block:ifrounded} padding:3px 15px; background:{color:Accent}; text-align:center; letter-spacing:1px; font-size:1.1em; line-height:1.5em; margin-bottom:10px; border:1px solid {color:AccentBorder}; }
  677.              .linkie { {block:ifrounded} border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; {/block:ifrounded} padding:3px; line-height:1.5em; text-align:center; letter-spacing:1px; font-size:1.1em; margin-bottom:10px; border:1px solid {color:linkborder} ;background: {color:linkBG}; } .linkie a{color: {color:link}; } .linkie:active { border:1px solid {color:SelectionBorder}; background: {color:selection}; color:{color:selectiontext} } .qwrapper{ min-height:15px; padding:20px; position:relative; } .question { box-shadow:rgba(0,0,0,0.04)3px 3px; margin-top:-20px; margin-left:41px; position:relative; margin-bottom:10px; {block:if250px}width:78%; {/block:if250px} {block:if400px}width:87%; {/block:if400px} {block:if500px}width:89%;{/block:if500px} {block:if600px}width:91%;{/block:if600px} /* width:410px; */ float:left; text-align:justify; color: {color:AccentText}; background: {color:Accent}; border:1px solid {color:AccentBorder}; padding: 12px 12px; overflow:hidden; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } .question a{ letter-spacing:0px; color:{color:Accenttext}; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } .question:hover a{ color:{color:accenttext}; } #tukut:hover .question { }
  678.        .jihoon { overflow:hidden; width:48px; height:48px; background:{color:Accent}; border:1px solid {color:AccentImgBorder}; padding:3px; float:left; position:absolute; overflow:hidden; margin-top:-22px; margin-left:-24px; -moz-border-radius: 38px; -webkit-border-radius: 38px; border-radius: 38px; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } .qarrowleft { z-index:9999999; margin-top:0px; margin-left:47px; position:absolute; width: 0; height: 0; border-top: 15px {color:AccentBorder}; border-bottom: 15px solid transparent; border-right:15px solid {color:AccentBorder}; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } #tukut:hover .jihoon{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .jihoon img { width:48px; -moz-border-radius: 28px; -webkit-border-radius: 28px; border-radius: 28px; } #asswipe{ padding:4px; margin:8px; float:left; width:76px; background: {color:Accent}; border:2px solid {color:AccentImgBorder}; height:76px; overflow:hidden; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; } #asswipe img{ -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; } #tukut:hover #asswipe{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } #audiobud{ position:relative; width:100%; height:110px; margin-top:0px; } #audiobud #rapmon{ position:relative; float:left; width:110%; background-color:#fff; overflow-x:hidden; overflow-y:hidden; -moz-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; -webkit-transition: all .9s ease; color:{color:Text}; margin-top:-10px; margin-left:-5px; } .arrow-left { margin-top:34px; margin-left:84px; position:absolute; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 17px solid transparent; border-right:21px solid {color:AccentBorder}; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } #yonggu { box-shadow:rgba(0,0,0,0.05)3px 3px; -moz-box-shadow:rgba(0,0,0,0.05)3px 3px; -webkit-box-shadow:rgba(0,0,0,0.05)3px 3px; position:absolute; margin-left:105px; border:5px solid {color:AccentBorder}; font-size:11px; font-family:calibri; text-transform: none; float:right; margin-top:34px; padding:5px; padding-top:8px; overflow:hidden; color: {color:AccentText}; background: {color:Accent}; /* width:260px; */ {block:if500px} width:72%; {/block:if500px} {block:if600px} width:77%; {/block:if600px} {block:if250px} width:48%; {/block:if250px} {block:if400px} width:66%; {/block:if400px} height:12px; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } #tukut:hover #yonggu{ position:absolute; margin-top:12px; height:60px; } #tukut:hover .arrow-left { margin-top:12px; } .chatw{ padding:1px 25px;} .chat { box-shadow:rgba(0,0,0,0.05)3px 3px; margin-top:2px; color:{color:AccentText}; background:{color:Accent}; outline:1px solid {color:AccentBorder}; border-left:21px solid {color:AccentBorder}; border-right:21px solid {color:AccentBorder}; margin-bottom:12px; padding:10px 15px; }
  679. #container #tukut .permalink { {block:ifHideFooters} {block:indexpage}display:none;{/block:indexpage}{/block:ifHideFooters} {block:ifnotShowCaptions}margin-top:12px; {/block:ifnotShowCaptions} transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; text-transform: ; background: {color:footer}; border:1px solid {color:FooterBorder}; margin-bottom:0px; {block:ifFancyFooter} {block:if250px} width:250px;{block:if250px} {block:if500px} width:500px;{block:if500px} {block:if400px} width:400px;{block:if400px} {block:if600px} width:600px;{block:if600px} margin-left:-26px; padding:3px 25px; box-shadow:rgba(0,0,0,0.04)0px 3px 3px; -moz-shadow:rgba(0,0,0,0.04)0px 3px 3px; -webkit-shadow:rgba(0,0,0,0.04)0px 3px 3px; {/block:ifFancyFooter} {block:ifnotFancyFooter} {block:ifrounded} border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; {/block:ifrounded} padding:3px 6px; {/block:ifnotFancyFooter} color:{color:FooterText}; } #tukut .permalink .arrowie { {block:ifnotFancyFooter} display:none; {/block:ifnotFancyFooter} margin-top:-13px; margin-left:-25px; position:absolute; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 0px solid transparent; border-right:9px solid {color:FooterBorder}; } #tukut .permalink .arroway { {block:ifnotFancyFooter} display:none; {/block:ifnotFancyFooter} margin-top:-13px; right:-10px; position:absolute; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 0px solid transparent; border-left:9px solid {color:FooterBorder}; } #container #tukut .permalink a {color: {color:FooterText};} #container #tukut .permalink #perminfo { float:left; text-align:left; width:50%; } #container #tukut .permalink #date { float:right; width:50%; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; text-transform:lowercase; text-align: right; } #container #tukut .permalink .tags { {block:ifnotshowtags} {block:indexpage} display:none; {/block:indexpage}{/block:ifnotshowtags} margin-top:2px; padding-top:2px; border-top:1px dashed {color:FooterBorder}; word-wrap:break-word; } .tags a{ } .tags a:active{ font-weight:bold } ol.notes { max-height:300px; overflow-y:auto; overflow-x:hidden; padding: 0px; margin-top: 15px; margin-left:1px; margin-right:1px; margin-bottom:0px; list-style-type: none; } ol.notes a{ color: {color:text}; } ol.notes li.note { padding: 5px; } ol.notes li.note img.avatar { -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } ol.notes li.note span.action { font-weight: normal; } ol.notes li.note .answer_content { font-weight: normal; } ol.notes li.note blockquote { border-color: #c0c0c0; padding: 4px 10px; margin: 10px 0px 0px 25px; } ol.notes li.note blockquote a { text-decoration: none; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } .booty { {block:ifnotbigborders}display:none;{/block:ifnotbigborders} {block:ifbigborders} {block:ifnotpostborders} display:none; {/block:ifnotpostborders}{/block:ifbigborders} position:absolute; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; z-index:0; margin-left:-61px; background: rgba(0,0,0,0); margin-top:10px; height:10px; border-left:2px solid {color:BigBorder}; width:43px; }
  680. #tukut:hover .booty { {block:indexpage} margin-left:-76px; width:1px; border-left:60px solid {color:BigBorder}; {/block:indexpage} } .younglo{ {block:ifnotLikeReblog}display:none; {block:ifnotLikeReblog} {block:permalinkpage}display:none;{/block:permalinkpage} padding-left:5px;padding-top:5px; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; position:absolute; opacity:0; {block:ifbigborders} {block:ifslidingposts} {block:ifpostborders} margin-left:-71px;margin-top:20px; width:50px;height:70px; {/block:ifpostborders} {block:ifnotpostborders}margin-left:-51px;margin-top:0px;width:30px;height:100px;{/block:ifnotpostborders} {/block:ifslidingposts} {block:ifnotslidingposts}margin-left:-51px;margin-top:20px;width:30px;height:100px; {/block:ifnotslidingposts} {/block:ifbigborders} {block:ifnotbigborders} margin-left:-51px;margin-top:-10px;width:30px;height:100px;{/block:ifnotbigborders} } .younglo .r{float:right; {block:ifbigborders} {block:ifnotslidingposts}width:100%;{/block:ifnotslidingposts} {block:ifslidingposts} {block:ifpostborders} width:50%; {/block:ifpostborders} {block:ifnotpostborders} width:100%; {/block:ifnotpostborders} {/block:ifslidingposts} {/block:ifbigborders} {block:ifnotbigborders} width:100%; {/block:ifnotbigborders} } .younglo .l{float:left; {block:ifbigborders} {block:ifnotslidingposts}width:100%;{/block:ifnotslidingposts} {block:ifslidingposts} width:50%; {/block:ifslidingposts} {/block:ifbigborders} {block:ifnotbigborders}width:100%;{/block:ifnotbigborders} } #tukut:hover .younglo {opacity:1; } .ricky{ {block:permalinkpage}display:none; {/block:permalinkpage} transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out;opacity:0; position:absolute; margin-top:0px; right:-55px; width:50px; height:90%; padding-left:18px; float:left; z-index:99999999999; } .ricky img{ max-width:100%; } #tukut:hover .ricky{ opacity:1; } .postw{ z-index:99999999999999999999999999999999999999; transition: .18s ease-in-out; -moz-transition: .18s ease-in-out; -webkit-transition: .18s ease-in-out; background:white; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; padding:5px 7px; width:15px; text-align:center; position:fixed; bottom:15px; right:15px; font-size:14px; color:#666; border:1px solid #c0c0c0; }
  681.        .postw:hover{  } .postw a{color:#666;} .postw img{width:20px; opacity:.7; text-align:center; ; } .imgonnapassout{ {block:ifnotshowtags} {block:ifnothidefooters}display:none; {/block:ifnothidefooters}
  682.        {block:ifhidefooters}display:none;{/block:ifhidefooters}
  683.        
  684.        
  685.        {/block:ifnotshowtags}
  686.        {block:ifshowtags} {block:ifnothidefooters}display:none; {/block:ifnothidefooters} {/block:ifshowtags} } .imgonnapassout a{color:{color:text}; } #buttt{ {block:ifrounded} border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; {/block:ifrounded} display:block; margin-top:6px; border:1px solid {color:navborder}; color:{color:navtext}; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; text-align:center; background:{color:nav}; margin-left:-1px; width:100%; } #buttt a{ transition: .7s ease-in-out; -moz-transition: .7s ease-in-out; -webkit-transition: .7s ease-in-out; border:1px solid {color:nav}; margin-bottom:3px; text-decoration:none; display:block; padding:1px 3px; } #buttt a:hover{ transition: .1s ease-in-out; -moz-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; background: {color:selection}; color: {color:selectiontext}; border:1px solid {color:selectionborder}; } #buttt .linkss { padding:0px 5px; transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out; max-height:0px; overflow:hidden; } #buttt:hover .linkss { max-height:230px;overflow:hidden} #buttt .menun {padding:4px; } .pnav{margin-top:3px;width:auto; height:1.2em; border-bottom:1px dashed {color:border}; padding:3px 1px; text-align:center; {block:indexpage}display:none;{/block:indexpage}} .pnav .pr{float:right; text-align:right;width:50%;} .pnav .pl{float:left; text-align:left;width:50%;} .pnav a{color:{color:text};}
  687.        
  688. img:hover {
  689.   -webkit-transition: all 0.5s;
  690.   -webkit-transform: rotate(360deg);
  691. }
  692.  
  693. img {
  694.   -webkit-transition: all 0.5s;
  695.   -webkit-transform: rotate(-360deg);
  696. }
  697.  
  698. svg {
  699.   -webkit-transition: all 3s;
  700.   -webkit-transform: rotate(-360deg);
  701. }
  702.  
  703. svg:hover {
  704.   -webkit-transition: all 3s;
  705.   -webkit-transform: rotate(360deg);
  706. }
  707.  
  708. </style>
  709.  
  710. <!-- BEGIN AUDIO PLUGIN
  711.  Author: Swarley
  712. -->
  713. <script type="text/javascript">
  714.   $(document).ready(function() {
  715.     $('body').append('<input type="range" min="0" max="1" id="volume_slider" name="volume" step="0.01" style="position:fixed;">');
  716.  
  717.     $('#volume_slider').change(function() {
  718.       var index;
  719.       var array = $('.tumblr_audio_player');
  720.       for(index = 0; index < array.length; index++) {
  721.        var ele = array[index];
  722.        ele.contentDocument.getElementsByTagName("audio")[0].volume = this.value;
  723.      }
  724.    });
  725.  });
  726.  
  727. </script>
  728. <!-- END AUDIO PLUGIN -->
  729.  
  730. </head>
  731.  
  732. <body>
  733.  
  734.    {block:ifbigborders}
  735.  
  736.  <div class="idiot"></div>
  737.  <div class="idiot2"></div>
  738.  
  739.  <div class="idiot3"></div>
  740.  
  741.  <div class="idiot4"></div>    {/block:ifbigborders}
  742.  
  743.  
  744.  {block:ifframeonly}
  745.  
  746.  <div class="idiot"></div>
  747.  <div class="idiot2"></div>
  748.  
  749.  <div class="idiot3"></div>
  750.  
  751.  <div class="idiot4"></div>    {/block:ifframeonly}
  752.  
  753.  
  754.  
  755.  
  756.  
  757. <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  758. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  759. //** v1.1 (April 7th, 10'):
  760. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  761. //** 2) Fixes scroll animation not working in Opera.
  762.  
  763.  
  764. var scrolltotop={
  765.         setting: {startline:0, scrollto: 0, scrollduration:900, fadeduration:[500, 100]},
  766.         controlHTML: '<img src="{image:Bottom}" style="max-width:240px;" width="" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  767.         controlattrs: {offsetx:{text:BottomImageLeft}, offsety:{text:BottomImageTop}}, //offset of control relative to right/ bottom of window corner    
  768.         anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  769.  
  770.         state: {isvisible:false, shouldvisible:false},
  771.  
  772.         scrollup:function(){
  773.                 if (!this.cssfixedsupport) //if control is positioned using JavaScript
  774.                         this.$control.css({opacity:0}) //hide control immediately after clicking it
  775.                 var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  776.                 if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  777.                       dest=jQuery('#'+dest).offset().top
  778.               else
  779.                       dest=0
  780.               this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  781.         },
  782.  
  783.         keepfixed:function(){
  784.                 var $window=jQuery(window)
  785.                 var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  786.                 var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  787.                 this.$control.css({left:controlx+'px', bottom:controly+'px'})
  788.         },
  789.  
  790.         togglecontrol:function(){
  791.                 var scrolltop=jQuery(window).scrollTop()
  792.                 if (!this.cssfixedsupport)
  793.                         this.keepfixed()
  794.                 this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  795.                 if (this.state.shouldvisible && !this.state.isvisible){
  796.                       this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  797.                       this.state.isvisible=true
  798.               }
  799.               else if (this.state.shouldvisible==false && this.state.isvisible){
  800.                       this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  801.                       this.state.isvisible=false
  802.               }
  803.       },
  804.    
  805.       init:function(){
  806.               jQuery(document).ready(function($){
  807.                       var mainobj=scrolltotop
  808.                       var iebrws=document.all
  809.                       mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  810.                       mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  811.                       mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  812.                               .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, left:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  813.                               .attr({title:'scroll to top'})
  814.                               .click(function(){mainobj.scrollup(); return false})
  815.                                 .appendTo('body')
  816.                         if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  817.                               mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  818.                       mainobj.togglecontrol()
  819.                       $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  820.                               mainobj.scrollup()
  821.                               return false
  822.                       })
  823.                       $(window).bind('scroll resize', function(e){
  824.                               mainobj.togglecontrol()
  825.                       })
  826.               })
  827.       }
  828. }
  829.  
  830. scrolltotop.init()</script>
  831.  
  832.  
  833.  
  834.  
  835. <div id="container">    
  836.  
  837. <div id="sidebar">
  838.  
  839. {block:ifShowSidebarImage}
  840. <div class="yep">
  841. <a href="/" title="{title}" ><img src="{image:Sidebar}" style="max-width:100%;
  842.    
  843.  
  844.    
  845.      
  846.      {block:ifrounded} border-radius:4px;
  847.     -webkit-border-radius:4px;
  848.     -moz-border-radius:4px;  {/block:ifrounded}
  849.  
  850.  
  851.  "></a></div><br>{/block:ifShowSidebarImage}<div class="yep">
  852.  
  853.  
  854.  <div class="desc">{Description}</div>
  855.  
  856.  
  857.  
  858.  
  859.  
  860.  
  861.  
  862.  {block:ifslidingnav}
  863.  
  864. <div id="buttt">
  865.    
  866.     <div class="menun">{text:MenuTitle}</div>
  867.      <div class="linkss">
  868.      
  869.      <div style="height:1px; border-top:1px solid {color:navborder};"></div>
  870.          <div style="height:5px;"></div>
  871.         {block:haspages}
  872.                  {block:pages} <a href="{url}" onclick="clicksound.playclip()" >{label}</a> {/block:pages} {/block:haspages}
  873.                  {block:iflink1}<a href="{text:link 1 url}" onclick="clicksound.playclip()">{text:link 1}</a>{/block:iflink1}
  874.                  {block:iflink2}<a href="{text:link 2 url}"onclick="clicksound.playclip()" >{text:link 2}</a>{/block:iflink2}
  875.                  {block:iflink3}<a href="{text:link 3 url}"onclick="clicksound.playclip()" >{text:link 3}</a>{/block:iflink3}
  876.                  {block:iflink4}<a href="{text:link 4 url}"onclick="clicksound.playclip()" >{text:link 4}</a>{/block:iflink4}
  877.                  {block:iflink5}<a href="{text:link 5 url}"onclick="clicksound.playclip()" >{text:link 5}</a>{/block:iflink5}
  878.                  {block:iflink6}<a href="{text:link 6 url}"onclick="clicksound.playclip()" >{text:link 6}</a>{/block:iflink6}
  879.                  {block:iflink7}<a href="{text:link 7 url}"onclick="clicksound.playclip()" >{text:link 7}</a>{/block:iflink7}
  880.                  {block:iflink8}<a href="{text:link 8 url}"onclick="clicksound.playclip()" >{text:link 8}</a>{/block:iflink8}  
  881.      <div style="height:5px;"></div>
  882.    
  883.    
  884.      </div>    
  885.  </div>
  886.  
  887.  {/block:ifslidingnav}
  888.  
  889.  
  890.  
  891.  
  892.  
  893.  {block:ifNavButtons}
  894.  <div class="nav">
  895.                  {block:haspages}
  896.                  {block:pages} <a href="{url}" onclick="clicksound.playclip()" >{label}</a> {/block:pages} {/block:haspages}
  897.                  {block:iflink1}<a href="{text:link 1 url}" onclick="clicksound.playclip()">{text:link 1}</a>{/block:iflink1}
  898.                  {block:iflink2}<a href="{text:link 2 url}"onclick="clicksound.playclip()" >{text:link 2}</a>{/block:iflink2}
  899.                  {block:iflink3}<a href="{text:link 3 url}"onclick="clicksound.playclip()" >{text:link 3}</a>{/block:iflink3}
  900.                  {block:iflink4}<a href="{text:link 4 url}"onclick="clicksound.playclip()" >{text:link 4}</a>{/block:iflink4}
  901.                  {block:iflink5}<a href="{text:link 5 url}"onclick="clicksound.playclip()" >{text:link 5}</a>{/block:iflink5}
  902.                  {block:iflink6}<a href="{text:link 6 url}"onclick="clicksound.playclip()" >{text:link 6}</a>{/block:iflink6}
  903.                  {block:iflink7}<a href="{text:link 7 url}"onclick="clicksound.playclip()" >{text:link 7}</a>{/block:iflink7}
  904.                  {block:iflink8}<a href="{text:link 8 url}"onclick="clicksound.playclip()" >{text:link 8}</a>{/block:iflink8}  
  905.                  </div>
  906.                  {/block:ifNavButtons}{block:ifNavMenu}<select onChange="location=this.options[this.selectedIndex].value;" style="
  907.               font-family:{select:font};
  908.                cursor:pointer;
  909.                font-size: {text:fontsize}px;
  910.                color:{color:NavText};
  911.                
  912.                 max-width:100%;
  913.                padding:0px 2px;
  914.              
  915.              
  916.              
  917.    {block:ifrounded} border-radius:4px;
  918.   -webkit-border-radius:4px;
  919.   -moz-border-radius:4px;  {/block:ifrounded}
  920.  
  921.   {block:ifnotrounded}
  922.                  -moz-border-radius: 0px;
  923.   -webkit-border-radius: 0px;
  924.   border-radius: 0px; {/block:ifnotrounded}
  925.              
  926.                border: 1px solid  {color:NavBorder};
  927.                background-color: {color:Nav};
  928.                margin-bottom:0px;
  929.                -webkit-appearance: none;
  930.                text-align:center;
  931.                margin-top:5px;   "><option value="">{text:MenuTitle}</option><!-- <option value="/ask">ask</option><option value="/submit">submit</option>-->{block:haspages}{block:pages}<option value="{url}">{label}</option>{/block:pages}{/block:haspages}{block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}{block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}{block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}{block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}{block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}{block:iflink6}<option value="{text:link 6 url}">{text:link 6}</option>{/block:iflink6}{block:iflink7}<option value="{text:link 7 url}">{text:link 7}</option>{/block:iflink7}{block:iflink8}<option value="{text:link 8 url}">{text:link 8}</option>{/block:iflink8}</select></form>
  932.                  {/block:ifNavMenu}            
  933.                  
  934.                  </div><br>
  935.  
  936. {block:ifshowsearchbox}<div class="yep">
  937.            
  938. <div class="search"><form action="/search" method="get" class="search-form"><input type="hidden" name="t" value="{Name}" /><input type="text" name="q" class="query" value="{SearchQuery}" placeholder="Search" /><input type="submit" value="{text:searchbuttontext}" class="submit" /><div class="clear"></div></form></div> <!--{block:SearchPage}<div style="line-height:3px;"><br></div>[{block:SearchResults}{lang:SearchResultCount results for SearchQuery 2}{/block:SearchResults}{block:NoSearchResults}{lang:No search results for SearchQuery 2}{/block:NoSearchResults}] {/block:SearchPage}
  939. -->
  940. </div>{/block:ifshowsearchbox}
  941.  
  942. {block:indexpage}
  943. {block:ifnotInfiniteScroll}
  944.  {block:ifDescriptivePagination}
  945.  
  946. {block:Pagination}{block:ifshowsearchbox}<br>{/block:ifshowsearchbox}
  947.  <div class="yep">
  948.  
  949. {block:PreviousPage}<a href="{PreviousPage}" style="color:{color:text};" title="{lang:Previous page}">&larr;</a>{/block:PreviousPage}
  950.  
  951. page {CurrentPage} / {TotalPages}
  952.  
  953. {block:NextPage}<a href="{NextPage}" style="color:{color:text};" title="{lang:Next page}">&rarr;</a>{/block:NextPage}
  954.  
  955.  </div>
  956.  {/block:Pagination}{/block:ifDescriptivePagination}{/block:ifnotInfiniteScroll}{/block:indexpage}
  957.  
  958.  
  959.  
  960.  
  961.                  
  962.                 {block:ifnotInfiniteScroll}
  963.         {block:ifnotDescriptivePagination}          
  964.  {block:Pagination}
  965.  
  966.  {block:ifshowsearchbox}
  967.  <br> {/block:ifshowsearchbox}
  968.  
  969.  <div id="pagi">
  970. {block:PreviousPage}<a href="{PreviousPage}" title="{lang:Previous page}">&larr;</a>{/block:PreviousPage}{block:JumpPagination length="0"}{block:CurrentPage}<span class="current_page"> {PageNumber} </span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" title="{lang:Next page}">&rarr;</a>{/block:NextPage}
  971. </div>{/block:Pagination}{/block:ifnotDescriptivePagination}
  972.              
  973.               {/block:ifnotInfiniteScroll}
  974.              
  975.            </div>
  976.            
  977.            
  978.            <div id="tukutcredit">
  979.             <a href="http://www.tukut.tumblr.com/" title="theme by tukut"><div class="postw">✖</div></a>   <div>
  980.                
  981.             </div>
  982.            
  983.            
  984.            {block:ifHeader}<div id="tukut"><div class="booty"></div>{block:ifnotimageHeader}  
  985.            <div class="title" style="font-size:1.2em;margin-bottom:0px;">    <div style="width:100%; display:block"><a href="/" style="color:{color:text};" title="Home">{Title}</a> </div> </div>{/block:ifnotimageHeader}
  986.                    
  987.         {block:ifimageheader}<center><a href="/" title="{Title}"><img src="{image:Header}" style="text-align:center; margin-top:0px;margin-bottom:0px; max-width:100%"></a></center>{/block:ifimageheader}
  988.                
  989.                
  990.            
  991.                
  992.            
  993.             </div>{/block:ifHeader}
  994.            
  995.       {block:SearchPage}    
  996.        <div id="tukut">
  997.            
  998.          
  999.            
  1000.            <div class="title" style="margin-bottom:0px;"> {block:SearchResults}{lang:SearchResultCount results for SearchQuery 2}{/block:SearchResults}{block:NoSearchResults}{lang:No search results for SearchQuery 2}{/block:NoSearchResults} </div>
  1001.            
  1002.            
  1003.            </div>{/block:SearchPage}    
  1004.            {block:ifInfiniteScroll}<div class="autopagerize_page_element">
  1005.     {/block:ifInfiniteScroll}
  1006.            
  1007.            {block:Posts}
  1008. <div class="posts">
  1009.    
  1010.    
  1011.    
  1012.     <!-- credit   -->
  1013.    
  1014.    
  1015. </div>
  1016. <div id="tukut">    <div>
  1017. </div>
  1018.  
  1019. <!-- credit  -->
  1020.  
  1021.  
  1022.  <div class="ricky">  <a href="{Permalink}" target="_blank"    title="Permalink">   <img src="{image:permalinksprite}"> </a></div>
  1023.  
  1024.  
  1025.  <div class="booty"></div>
  1026.  
  1027.  
  1028.  
  1029.  
  1030. <div class="younglo">
  1031.  
  1032.  
  1033.  <div class="l">
  1034.  
  1035.  {block:ifWhiteLikeReblog} {likebutton color="white"}{/block:ifWhiteLikeReblog}
  1036.  
  1037.  {block:ifnotWhiteLikeReblog}{likebutton}{/block:ifnotWhiteLikeReblog}
  1038.      
  1039.      
  1040.  </div>     <div class="r"> {block:ifWhiteLikeReblog} {reblogbutton color="white"}{/block:ifWhiteLikeReblog}
  1041.  
  1042.  {block:ifnotWhiteLikeReblog}{reblogbutton}{/block:ifnotWhiteLikeReblog}</div>
  1043.  </div>
  1044.  
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050. {block:Text}
  1051. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1052. <div class="text">{Body}</div>
  1053. {/block:Text}
  1054.  
  1055. {block:Photo}<div class="med">
  1056.  {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="max-width:100%;" />{LinkCloseTag} </div>
  1057.  
  1058.  {block:ifShowCaptions}
  1059.  {block:Caption}<div class="text">{Caption}</div>{/block:Caption} {/block:ifShowCaptions}
  1060.  
  1061.  {block:ifnotShowCaptions}
  1062. {block:permalinkpage} {block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage} {/block:ifnotShowCaptions}
  1063.  
  1064.  
  1065.  
  1066. {/block:Photo}
  1067.  
  1068. {block:Photoset}<div class="med">
  1069. <div style="max-width:100%">{LinkOpenTag}{Photoset}{LinkCloseTag}</div></div>
  1070. {block:ifShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption} {/block:ifShowCaptions}
  1071.  
  1072. {block:ifnotShowCaptions}
  1073. {block:permalinkpage} {block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage} {/block:ifnotShowCaptions}
  1074.  
  1075. {/block:Photoset}
  1076.  
  1077. {block:Quote}<div class="title">{Quote}</div>
  1078.  
  1079. <div class="text">
  1080. {block:Source}<div style="text-align:right; padding-right:15px;">{Source} &larr;</div>{/block:Source} <div style="line-height:8px;"><br></div></div>
  1081.  
  1082. {/block:Quote}
  1083.  
  1084. {block:Link} <div class="linkie">
  1085.  <a href="{URL}" {Target}>  {Name} &raquo; </a> </div>    
  1086. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1087. {/block:Link}
  1088.  
  1089. {block:Chat}
  1090.                  {block:Title}<div class="title">{Title}</div> {/block:Title}  
  1091.                    
  1092.                 <div class="chatw">  <div class="chat">
  1093.                  
  1094.                  {block:Lines}
  1095. {block:Label}
  1096.  
  1097.  <b>{Label}</b>{/block:Label} {Line}<br>  
  1098.  {/block:Lines} </div>  </div>
  1099.                  
  1100.  
  1101.                  <div class="clear"></div>  {/block:Chat}
  1102.  
  1103.  {block:Audio}
  1104.            {block:AudioPlayer}  
  1105.              
  1106.           <div id="audiobud">    
  1107.                 <div id="asswipe">{block:AlbumArt}
  1108.                
  1109.                 <img width="80px" style="margin-bottom:10px;" src="{AlbumArtURL}"/>
  1110.                
  1111.                
  1112.                 {/block:AlbumArt}
  1113.                    
  1114.                    
  1115.                    
  1116.                      <img  width="80px" src="https://31.media.tumblr.com/3910f8926357af1a290dbf60938ca9db/tumblr_inline_n3548jw14l1s1hslp.png"/>
  1117.                      
  1118.                      
  1119.                 </div>
  1120.                
  1121.                  
  1122. <div class="arrow-left"></div>
  1123.                  
  1124.                 <div id="yonggu">
  1125.                   <div id="rapmon">{AudioPlayerWhite} </div>
  1126.                
  1127.                 <span style="">
  1128.                
  1129.                
  1130.                 <div style="line-height:10px"><br></div><br>
  1131.                
  1132.                <div style="height:40px; overflow-y:auto;">
  1133.                 {block:TrackName}<b>Track:</b>  {TrackName}{/block:TrackName}{block:ExternalAudio}<a href="{ExternalAudioURL}" title="{lang:Download}"> +</a>{/block:ExternalAudio}</span><br>{block:Artist}<b>Artist:</b>  {Artist}{/block:Artist}<br>{block:Album}<b>Album:</b>  {Album}{/block:Album}</div></div>
  1134.                  
  1135.                
  1136.             </div>
  1137.                
  1138.                <div class="clear"></div>    {/block:AudioPlayer}  
  1139.                
  1140.                
  1141.                
  1142.              {block:AudioEmbed}<div class="med"> {block:if250px} {AudioEmbed-250} {/block:if250px}
  1143.     {block:if400px}{AudioEmbed-400}{/block:if400px}
  1144.      {block:if500px}{AudioEmbed-500}{/block:if500px}
  1145.      
  1146.      {block:if600px}{AudioEmbed-500}  {/block:if600px}</div> {/block:AudioEmbed}
  1147.   {block:ifShowCaptions}  {block:Caption}<div class="text">{Caption}</div>{/block:Caption}  {/block:ifShowCaptions}  
  1148.  
  1149.   {block:ifnotShowCaptions}
  1150. {block:permalinkpage} {block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage} {/block:ifnotShowCaptions}
  1151.  
  1152.                 {/block:Audio}
  1153.                
  1154.                
  1155.                
  1156.  
  1157. {block:Video} <div class="med">
  1158.   {block:if250px} {VideoEmbed-250} {/block:if250px}
  1159.    
  1160.     {block:if400px}{VideoEmbed-400}{/block:if400px}
  1161.      {block:if500px}{VideoEmbed-500}{/block:if500px}
  1162.      
  1163.      {block:if600px}{VideoEmbed-500}  {/block:if600px}</div>
  1164. {block:ifShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption} {/block:ifShowCaptions}
  1165.  
  1166. {block:ifnotShowCaptions}
  1167. {block:permalinkpage} {block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage} {/block:ifnotShowCaptions}
  1168.  
  1169.  
  1170. {/block:Video}
  1171.  
  1172. {block:Answer}
  1173.  
  1174.    <div class="qarrowleft"></div>
  1175.     <div class="qwrapper">
  1176.    
  1177.  
  1178.    <div class="jihoon">
  1179.     <img src="{AskerPortraitURL-64}">  
  1180.     </div>
  1181.    
  1182.    
  1183.    
  1184.    <div class="question">
  1185.    
  1186.    
  1187.  
  1188.  
  1189.  
  1190.   <b>{asker}</b> asked: {Question}</div> </div>
  1191.  
  1192.   <div class="clear"></div>
  1193.   <div class="text"> {Answer}</div>
  1194.   {/block:Answer}
  1195.   {block:indexpage}  
  1196.   <div class="imgonnapassout">
  1197.    
  1198.   {block:HasTags} <div style="height:2px;"></div><div class="tags">tagged:&nbsp;{block:Tags}<a href="{TagURL}">{text:TaggedSymbol}{Tag}</a>&nbsp; {/block:Tags}</div>{/block:HasTags}  
  1199.  </div>{/block:indexpage}
  1200.  
  1201.  
  1202.  {block:Date}
  1203.   <div class="permalink">
  1204.  
  1205.  
  1206.  
  1207. <div class="arrowie"></div>
  1208. <div class="arroway"></div>
  1209.  
  1210.  
  1211.                
  1212.          <div id="perminfo">     <a href="{Permalink}" target="_blank"    title="{TimeAgo}">  
  1213.          {TimeAgo}  <!--
  1214.       {DayOfMonth}.{MonthNumber}.{ShortYear} --> </a>
  1215.  
  1216.  
  1217.  
  1218. {block:Reblog} ( <a href="{ReblogParentURL}" title="Reblogged from {ReblogParentName}">{text:viasymbol}</a>  
  1219.                
  1220.                {block:ContentSource}/ <a href="{SourceURL}" title="{lang:Originally from ReblogRootName}">{text:sourcesymbol}</a>{/block:ContentSource} )
  1221.                {/block:Reblog}  </div>  
  1222.                
  1223.              <div id="date">
  1224.  
  1225.                
  1226.                
  1227.  
  1228.  
  1229.   <a href="{Permalink}" title="{NoteCountwithLabel}">
  1230. {NoteCount}</a> {text:notessymbol} <a href="{ReblogURL}" title="Reblog">reblog</a>
  1231.    
  1232.  
  1233.  </div>      <div class="clear"></div>
  1234.                
  1235.                
  1236.                
  1237.                
  1238.  
  1239.  {block:HasTags} <div class="tags">tagged:&nbsp;{block:Tags}<a href="{TagURL}">{text:TaggedSymbol}{Tag}</a>&nbsp; {/block:Tags}</div>{/block:HasTags}</div>
  1240.  
  1241.  
  1242.  {block:PermalinkPagination}  <div class="pnav">
  1243.  
  1244.    <div class="pl"> {block:PreviousPost}
  1245.         <a href="{PreviousPost}">&larr; Previous Post</a>
  1246.     {/block:PreviousPost}</div>
  1247.    <div class="pr">  
  1248.     {block:NextPost}
  1249.         <a href="{NextPost}">Next Post &rarr;</a>
  1250.     {/block:NextPost} </div> </div>
  1251.    
  1252.      <div class="clear"></div>
  1253. {/block:PermalinkPagination}  
  1254.  
  1255. {block:permalinkpage}
  1256. <div style="margin-top:3px; padding:0px 5px; text-align:center;  height:1.2em; width:auto;">
  1257.  [Posted {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12Hour}:{Minutes} {CapitalAmPm}]
  1258.  </div>
  1259. {/block:permalinkpage}
  1260.  
  1261.  
  1262.  {/block:Date} {block:permalinkpage}  {PostNotes}      {/block:permalinkpage}
  1263. </div>  
  1264.  
  1265. {/block:Posts} {block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}</div></div>
  1266.  
  1267. </body>
  1268.  
  1269. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!