API tools faq
paste
tukut

Sunny Theme by Tukut

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