API tools faq
paste
Advertisement
tukut

Wrap Redux by Tukut

tukut
Jul 28th, 2013
89,590
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 70.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4. wrap redux edit by steph tukut
  5. (tukut.tumblr.com)
  6. do not remove credit or redistribute thank u ~
  7.  
  8. -->
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <head>
  11.  
  12.  
  13.  
  14.  
  15.     <!-- DEFAULT VARIABLES -->
  16.     <meta name="color:Background" content="#fff" />
  17.     <meta name="color:navigation" content="#b4f5ff" />
  18.     <meta name="color:Body" content="#0e0d0d" />
  19.     <meta name="color:navtext" content="#5770ff" />
  20.     <meta name="color:navborder" content="#bdf1ff" />
  21.     <meta name="color:link" content="#9100ff" />
  22.     <meta name="color:post" content="#b3e7fd" />
  23.     <meta name="color:footertext" content="#4a79c2" />
  24.     <meta name="color:linkhover" content="#080809" />
  25.     <meta name="color:footerborder" content="#464646" />
  26.     <meta name="color:postborder" content="#454546" />
  27.     <meta name="color:footer" content="#d8f8ff" />
  28.     <meta name="color:sidebar" content="#baacfd" />
  29.     <meta name="color:question" content="#beefff" />
  30.    
  31.     <meta name="color:blockquote" content="#acacac" />
  32.     <meta name="color:questionborder" content="#525151" />
  33.    
  34.    
  35.     <meta name="color:sidebarborder" content="#747475" />
  36.    
  37.     <meta name="font:Body" content="Arial" />
  38.     <meta name="font:Accent" content="Lucida Sans" />
  39.    
  40.    
  41.    
  42.    
  43.    
  44.     <meta name="if:Show Tags" content="1" />
  45.     <meta name="if:musicbox" content="0" />
  46.     <meta name="if:navmenu" content="1" />
  47.     <meta name="if:Show Album Art on Audio Posts" content="1" />
  48.     <meta name="if:bgcover" content="0" />
  49.     <meta name="if:rounded" content="1" />
  50.     <meta name="if:questionborder" content="1" />
  51.     <meta name="if:solidcolorposts" content="1" />
  52.     <meta name="if:solidcolorsidebar" content="1" />
  53.     <meta name="if:showfloaties" content="1" />
  54.     <meta name="if:transparentfooters" content="0" />
  55.     <meta name="if:dark" content="0" />
  56.     <meta name="if:light" content="0" />
  57.     <meta name="if:glow1" content="0" />
  58.     <meta name="if:glow2" content="0" />
  59.     <meta name="if:glow3" content="0" />
  60.     <meta name="if:glow4" content="0" />
  61.     <meta name="if:glow5" content="0" />
  62.     <meta name="if:glow6" content="0" />
  63.     <meta name="if:glowsidebar" content="1" />
  64.     <meta name="if:showcaptions" content="1" />
  65.     <meta name="if:glow7" content="0" />
  66.     <meta name="if:postshadow" content="1" />
  67.     <meta name="if:sidebarshadow" content="1" />
  68.     <meta name="if:customfont" content="1" />
  69.     <meta name="if:footerborder" content="0" />
  70.     <meta name="if:postborder" content="1" />
  71.    
  72.     <meta name="if:500px" content="0" />
  73.     <meta name="if:400px" content="0" />
  74.    
  75.     <meta name="if:450px" content="0" />
  76.     <meta name="if:250px" content="1" />
  77.     <meta name="if:navbutton" content="0" />
  78.     <meta name="if:fadedimages" content="1" />
  79.    
  80.     <meta name="if:sidebarborder" content="1" />
  81.  
  82.   <meta name="if:infinitescroll" content="0"/>
  83.    
  84.    
  85.    
  86.     <meta name="image:SidebarImage" content="" />
  87.     <meta name="image:Background" content="" />
  88.     <meta name="image:BottomImage" content="" />
  89.     <meta name="image:Favicon" content="" />
  90.     <meta name="image:floatie1" content="" />
  91. <meta name="image:floatie2" content="" />
  92. <meta name="image:floatie3" content="" />
  93. <meta name="image:floatie4" content="" />
  94. <meta name="image:floatie5" content="" />
  95.    
  96.     <!------------------------------------------------------
  97.     -->
  98.     <meta name="text:ImgLeft" content="50" />
  99.     <meta name="text:ImgTop" content="-65" />
  100.     <meta name="text:musicboxposition" content="-100" />
  101.     <meta name="text:link 1 url" content="" />
  102. <meta name="text:link 2 url" content="" />
  103. <meta name="text:link 3 url" content="" />
  104. <meta name="text:link 4 url" content="" />
  105. <meta name="text:link 5 url" content="" />
  106. <meta name="text:link 1" content="" />
  107. <meta name="text:link 2" content="" />
  108. <meta name="text:link 3" content="" />
  109. <meta name="text:link 4" content="" />
  110. <meta name="text:link 5" content="" />
  111. <meta name="text:music code" content="" />
  112. <meta name="text:nav title" content="navigation" />
  113. <meta name="text:sidebaropacity" content=".56" />
  114. <meta name="text:postopacity" content=".56" />
  115. <meta name="text:fontsize" content="10" />
  116. <meta name="text:bottomImgX" content="10" />
  117. <meta name="text:bottomImgY" content="10" />
  118. <meta name="text:openbutton" content="open" />
  119. <meta name="text:closebutton" content="close" />
  120. <meta name="text:sidebarheight" content="200" />
  121.  
  122.  {block:ifinfinitescroll}
  123.  
  124.  <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  125. {/block:ifinfinitescroll}
  126.  
  127.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  128.     <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  129.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  130.     <link rel="shortcut icon" href="{image:Favicon}" />
  131.     <link rel="apple-touch-icon" href="{image:Favicon}"/>
  132.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  133.     <style type="text/css">
  134.    
  135.    
  136.    
  137.  
  138.    
  139.      {block:iffadedimages}
  140.    .post img{
  141. -webkit-transition: opacity 0.3s linear;
  142. opacity: 0.60;
  143. }
  144. .post img:hover{
  145. -webkit-transition: opacity 0.3s linear;
  146. opacity: 1;
  147. }
  148.  
  149.  
  150. {/block:iffadedimages}
  151.  
  152.    
  153.    
  154.     @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  155.  
  156.  
  157.  
  158.  
  159.  
  160.         body {
  161.             background: {color:Background} url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;
  162.         -webkit-background-size: cover;
  163.         -moz-background-size: cover;
  164.         -o-background-size: cover;
  165.         background-size: cover; {/block:ifbgcover}
  166.        
  167.        
  168.         {block:ifnotbgcover} top left fixed repeat {block:ifnotbgcover};
  169.             margin: 0;
  170.             margin-left: -280px;
  171.             padding: 0;
  172.             font-family: {font:Body};
  173.         }
  174.        
  175.        
  176.        
  177.  
  178.  
  179.         .clear {
  180.             clear: both;
  181.             height: 0px;
  182.             overflow: hidden;
  183.         }
  184.        
  185.         a img {
  186.            
  187.          
  188.         }
  189.        
  190.         #wrapper {
  191.            
  192.             {block:if500px} width: 820px; {/block:if500px}
  193.             {block:if400px} width: 720px;  {/block:if400px}
  194.             {block:if450px} width: 770px;  {/block:if450px}
  195.             {block:if250px} width: 550px; {/block:if250px}
  196.             margin: 0 auto;
  197.         }
  198.        
  199.             #wrapper #title {
  200.                 margin: 30px 260px;
  201.                 color: {color:body};
  202.                 font-size: 50px;
  203.                 font-weight: bold;
  204.                 font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:body}{/block:ifnotcustomfont};
  205.                 text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  206.                 letter-spacing: -1px;
  207.             }
  208.            
  209.                 #wrapper #title a {
  210.                    color: {color:body};
  211.                     text-decoration: none;
  212.                 }
  213.            
  214.             #wrapper #content {
  215.                {block:if400px} width: 420px;   {/block:if400px}
  216.                 {block:if450px} width: 470px;   {/block:if450px}
  217.                
  218.                {block:if500px} width: 520px;  {/block:if500px}
  219.                {block:if250px} width: 270px;   {/block:if250px}
  220.                 float: right;
  221.             }
  222.            
  223.                 #wrapper #content .post {
  224.                    
  225.                 {block:ifpostshadow}    
  226.                   box-shadow:rgba(0,0,0,0.1)6px 6px; {/block:ifpostshadow}
  227.                  {block:ifrounded}  
  228.                       -moz-border-radius:7px;-webkit-border-radius: 7px;border-radius: 7px;   {/block:ifrounded}
  229.                    
  230.            
  231.          -webkit-transition: all .2s ease-in-out;
  232. -moz-transition: all .2s ease-in-out;
  233. -o-transition: all .2s ease-in-out;
  234.          
  235.          
  236.        /*
  237.          
  238.           {block:ifdark}        border: 1px solid rgba(0,0,0, 0.2); {/block:ifdark}
  239.            
  240.            
  241.             {block:iflight}        border: 1px solid rgba(255,255,255, 0.2); {/block:iflight}*/
  242.            
  243.             {block:ifpostborder} border: 1px solid {color:postborder}; {/block:ifpostborder}
  244.                    
  245.                    
  246.                    
  247.               {block:ifnotsolidcolorposts}      
  248.                    
  249.                    
  250.                 {block:ifdark}      background: rgba(0,0,0, {text:postopacity}); {/block:ifdark} {block:iflight}        background: rgba(255,255,255, {text:postopacity}); {/block:iflight}
  251.                
  252.                 {/block:ifnotsolidcolorposts}
  253.                
  254.                 {block:ifsolidcolorposts}
  255.                 background: {color:post};
  256.                 {/block:ifsolidcolorposts}
  257.                
  258.                
  259.                {block:if500px}left:40px;  {/block:if500px}
  260.                
  261.                  margin-top: 50px;
  262.                     font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:body}{/block:ifnotcustomfont};
  263.                
  264.                
  265.                
  266.                     padding: 8px;
  267.                     position: relative;
  268.                    
  269.     {block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  270.     -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  271.     -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1);  {/block:ifglow1}
  272.    
  273.     {block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  274.     -webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  275.     -moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1);  {/block:ifglow2}
  276.    
  277.     {block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  278.     -webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  279.     -moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1);  {/block:ifglow3}
  280.    
  281.     {block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  282.     -webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  283.     -moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1);  {/block:ifglow4}
  284.    
  285.     {block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  286.     -webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  287.     -moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1);  {/block:ifglow5}
  288.    
  289.     {block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  290.     -webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  291.     -moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1);  {/block:ifglow6}
  292.    
  293.     {block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  294.     -webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  295.     -moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
  296.                 }
  297.                    
  298.                  
  299.                #wrapper #content .post:hover {    
  300.                  
  301. }
  302.                  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313.  
  314. #wrapper #content .post .media {
  315.                         text-align: center;
  316.                         margin-bottom: 10px;
  317.                     }
  318.                    
  319.                     #wrapper #content .post .quotebg {
  320.                         font-family: georgia, serif;
  321.                         font-size: 60px;
  322.                         color: white;
  323.                         opacity: 0.2;
  324.                         filter: alpha(opacity=20);
  325.                         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  326.                         position: absolute;
  327.                         top: 26px;
  328.                         left: 10px;
  329.                     }
  330.                    
  331.                     #wrapper #content .post .quote {
  332.                        
  333.              
  334.                        
  335.                        
  336.                    
  337.  
  338.  
  339.  
  340.                    {block:ifrounded}  
  341.                       -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;   {/block:ifrounded}
  342.                        /* background: #eaeaea; */
  343.                    
  344.                         float: center;
  345.                         color: {color:body};
  346.                         padding: 5px 5px 5px 25px;
  347.                     }
  348.                    
  349.                     #wrapper #content .post .quote.short { font-size: 12px;
  350.                         line-height: 14px;
  351.                     }
  352.                    
  353.                     #wrapper #content .post .quote.medium { font-size: 12px;
  354.                         line-height: 14px;
  355.                     }
  356.                    
  357.                     #wrapper #content .post .quote.long {
  358.                         font-size: 14px;
  359.                         line-height: 20px;
  360.                     }
  361.                                        
  362.                         #wrapper #content .post .quote_source *:first-child {
  363.                             margin-top: 0px;
  364.                         }
  365.                        
  366.                         #wrapper #content .post .quote_source *:last-child {
  367.                             margin-bottom: 0px;
  368.                         }
  369.                        
  370.                         #wrapper #content .post .quote *:first-child {
  371.                             margin-top: 0px;
  372.                         }
  373.                        
  374.                         #wrapper #content .post .quote *:last-child {
  375.                             margin-bottom: 0px;
  376.                         }
  377.                        
  378.                     #wrapper #content .post .copy {
  379.                         margin-top: -10px;
  380.                         color: {color:body};
  381.                         padding: 10px;
  382.                         font-size: {text:fontsize}px;
  383.                         line-height: 15px;
  384.                     }
  385.                        
  386.                         #wrapper #content .post .copy a {
  387.                             color: {color:link};
  388.                             -webkit-transition: all .2s ease-in-out;
  389. -moz-transition: all .2s ease-in-out;
  390. -o-transition: all .2s ease-in-out;
  391.                             text-decoration: none;
  392.                         }#wrapper #content .post .copy a:hover {
  393.                             color: {color:linkhover};
  394.                            text-decoration: underline;
  395.                           -webkit-transition: all .2s ease-in-out;
  396. -moz-transition: all .2s ease-in-out;
  397. -o-transition: all .2s ease-in-out;
  398.                         }
  399.                        
  400.                         #wrapper #content .post .copy p {
  401.                             margin: 10px 0 0 0;
  402.                             padding: 0;
  403.                         }
  404.                        
  405.                         #wrapper #content .post .copy pre {
  406.                             margin: 10px 0px 10px 0px;
  407.                             padding: 10px;
  408.                             background-color: {color:body};
  409.                             font: normal 11px Courier, monospace;
  410.                             overflow: auto;
  411.                         }
  412.                        
  413.                         #wrapper #content .post .copy > p:first-child {
  414.                             margin-top: 0;
  415.                         }
  416.                        
  417.                         #wrapper #content .post .copy img {
  418.                             max-width: 100%;
  419.                              
  420.                         }
  421.                    
  422.                     #wrapper #content .post .audio { {block:ifrounded}  
  423.                       -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;   {/block:ifrounded}
  424.              {block:ifnotsolidcolorposts}     {block:ifdark}  background: rgba(0,0,0, 0.2);
  425.                        /* background: #eaeaea; */
  426.                          border: 1px solid rgba(0,0,0, 0.2);  {/block:ifdark}
  427.                          
  428.                          
  429.                          {block:iflight}  background: rgba(255,255,255, 0.2);
  430.                          
  431.                          
  432.                          
  433.                          
  434.                          
  435.                        /* background: #eaeaea; */
  436.                          border: 1px solid rgba(255,255,255, 0.2);  {/block:iflight}
  437.                          {/block:ifnotsolidcolorposts}
  438.                          
  439.                          
  440.                          
  441.                            {block:ifsolidcolorposts}
  442.                            background: rgba(255,255,255, 0.2);
  443.                          
  444.                          
  445.                          
  446.                        /* background: #eaeaea; */
  447.                          border: 1px solid rgba(255,255,255, 0.2);
  448.                          
  449.                            
  450.                    {/block:ifsolidcolorposts}
  451.                            
  452.                            
  453.                         float: center;
  454.                         padding: 7px;
  455.                         margin-bottom: 10px;
  456.                     }
  457.                                                        
  458.                         #wrapper #content .post .audio .player {
  459.                             float: center;
  460.                              opacity: .7;
  461.                            
  462.                         }
  463.                        
  464.                             #wrapper #content .post .audio .player .audio_player embed {
  465.                                  border: 1px solid rgba(0,0,0, 0.2);
  466.                                 float:center;
  467.                             }
  468.                            
  469.                            
  470.                            
  471.                         #wrapper #content .post .audio .meta {
  472.                             padding: 8px 13px;
  473.                             height: 13px;
  474.                             float: center;
  475.                             color:{color:body};
  476.                            font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:accent}{/block:ifnotcustomfont};
  477.                             font-size: 10px;
  478.                             text-transform: lowercase;
  479.                         }
  480.                        
  481.                             #wrapper #content .post .audio .meta a {
  482.                                 color: {color:body};
  483.                                 text-decoration: none;
  484.                             }
  485.                    
  486.                     #wrapper #content .post .album_art {
  487.                         text-align: center;
  488.                     }
  489.                    
  490.                     #wrapper #content .post .question {
  491. color: {color:body};
  492. font-size: 11px;
  493. {block:ifquestionborder} border: 1px solid {color:questionborder}; {/block:ifquestionborder}
  494. background: {color:Question};  {block:ifrounded}
  495. -moz-border-radius: 7px;
  496. -webkit-border-radius: 7px;
  497. border-radius: 7px;    {/block:ifrounded}
  498.  
  499. padding: 10px 10px;
  500. position: relative;
  501.  
  502. }
  503.                        
  504.                        
  505.                     #wrapper #content .post .asker_container {
  506.                         margin: 0 0 20px 10px;
  507.                     }
  508.                    
  509.                         #wrapper #content .post .asker_container img {
  510.    margin-left: 9px;
  511.    margin-top: 3px;
  512.    margin-right: 5px;
  513.    margin-bottom: -8px;
  514.    font-size: 10px;
  515.    {block:ifquestionborder}
  516.  
  517.    
  518.     border: 1px solid {color:questionborder};   {/block:ifquestionborder}
  519. }
  520.                        
  521.                         #wrapper #content .post .asker_container a.asker {
  522.                            color: {color:Body};
  523.                              font-size: 11px;
  524.                         }
  525.                    
  526.                     #wrapper #content .post .title {
  527.                         color: {color:body};
  528.                         font-size: 16px;
  529.                         font-weight: bold;
  530.                         padding: 10px 10px 0 10px;
  531.                     }
  532.                    
  533.                     #wrapper #content .post img {
  534.                       max-width: 100%;
  535.                        
  536.            /* border: 1px solid rgba(255,255,255, 0.4);     */
  537.              {block:ifrounded}  
  538.                       -moz-border-radius:7px;-webkit-border-radius: 7px;border-radius: 7px;   {/block:ifrounded}
  539.                     }
  540.                                        
  541.                     #wrapper #content .post .chat {
  542.                        
  543.                      
  544.                         {block:ifrounded}  
  545.                       -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;   {/block:ifrounded}
  546.                
  547.                       /*  border-left: 5px solid #dedddd;
  548.                         margin: 10px 10px 0 10px;   */
  549.                         font-size: 12px;
  550.                     }
  551.                                        
  552.                         #wrapper #content .post .chat .lines {
  553.                             margin-left: 1px;
  554.                         }
  555.                        
  556.                             #wrapper #content .post .chat .lines .line {
  557.                                /* background-color: #eaeaea;*/
  558.                                 color: {color:body};
  559.                                 margin-bottom: 1px;
  560.                                 padding: 3px 5px;
  561.                             }
  562.                            
  563.                             #wrapper #content .post .chat .lines .line.even {
  564.                              /*  background-color: gray; */
  565.                             }
  566.                        
  567.                         #wrapper #content .post .link {
  568.                             margin: 4px 0 2px 0;
  569.                             font-size: 14px;
  570.                             line-height: 25px;
  571.                         }
  572.                            
  573.                             #wrapper #content .post .link a {
  574.                        
  575.                    
  576.                    
  577.                        /* background: #eaeaea; */
  578.                        
  579.                                 color: {color:link};
  580.                                 padding: 5px 7px;
  581.                             }
  582.                            
  583.                             #wrapper #content .post .link a:hover {
  584.                                 opacity: 0.9;
  585.                                 filter: alpha(opacity=90);
  586.                                 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  587.                             }
  588.                                      
  589.                            
  590.                    
  591.                     #wrapper #content .post .footer {
  592.                      
  593.                       -webkit-transition: all .2s ease-in-out;
  594. -moz-transition: all .2s ease-in-out;
  595. -o-transition: all .2s ease-in-out;
  596.                            {block:ifrounded}  
  597.                       -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;   {/block:ifrounded}
  598.                     {block:iffooterborder}       border: 1px solid {color:footerborder};  {/block:iffooterborder}
  599.                
  600.              {block:ifnottransparentfooters}  
  601.                
  602.  
  603.                  
  604.              
  605.                  background-color: {color:footer};
  606.                  
  607.                  
  608.                  
  609.                   {/block:ifnottransparentfooters}
  610.                  
  611.                         font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:accent}{/block:ifnotcustomfont};
  612.                         font-size: 10px;
  613.                         color: {color:footertext};
  614.                         padding: 1px 3px;
  615.                         margin-top: 3px;
  616.                     }
  617.                    
  618.                    
  619.                    
  620.                     #wrapper #content .post .footer:hover {
  621.                      
  622.                      
  623.                      margin-left: 15px;
  624.                      
  625.                       -webkit-transition: all .2s ease-in-out;
  626. -moz-transition: all .2s ease-in-out;
  627. -o-transition: all .2s ease-in-out;
  628.                     }
  629.                        
  630.                         #wrapper #content .post .footer.for_permalink:hover {
  631.                             opacity: 0.9;
  632.                             filter: alpha(opacity=90);
  633.                             -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  634.                         }
  635.                        
  636.                         #wrapper #content .post .footer .date {
  637.                             width: 67%;
  638.                             float: left;
  639.                            color: {color:footertext};
  640.                         }
  641.                        
  642.                         #wrapper #content .post .footer .notes {
  643.                             width: 33%;
  644.                             float: right;
  645.                             text-align: right;
  646.                             color: {color:footertext};
  647.                         }
  648.                            
  649.                             #wrapper #content .post .footer .notes a {
  650.                                 ccolor: {color:footertext};
  651.                             }
  652.                            
  653.                             #wrapper #content .post .footer .tags a {
  654.                                 color: {color:footertext};
  655.                                 text-decoration: none;
  656.                             }
  657.                              
  658.                                 text-decoration: underline;
  659.                             }
  660.                            
  661.                                 #wrapper #content .post .footer .tags .tag-commas:last-child {
  662.                                     display: none;
  663.                                 }
  664.                            
  665.                             #wrapper #content .post .footer.with_source_url .tags {
  666.                                 max-width: 330px;
  667.                                 float: left;
  668.                             }
  669.                            
  670.                             #wrapper #content .post .footer.with_source_url .source_url {color: {color:footertext};
  671.                                 float: right;
  672.                                 max-width: 160px;
  673.                                 overflow: hidden;
  674.                                 white-space: nowrap;
  675.                                
  676.                             }
  677.                            
  678.                                 #wrapper #content .post .footer.with_source_url .source_url img {
  679.                                     vertical-align: top;
  680.                                     -moz-opacity: 0.5;
  681.                                     opacity: 0.5;
  682.                                 }
  683.                                
  684.                                 #wrapper #content .post .footer.with_source_url .source_url:hover img {
  685.                                     -moz-opacity: 0.7;
  686.                                     opacity: 0.7;
  687.                                 }
  688.                                              
  689.                        
  690.                         #wrapper #content .post a {
  691.                             color: #6e7173;
  692.                             text-decoration: none;
  693.                         }
  694.                        
  695.                             #wrapper #content .post .copy blockquote {
  696.                                 margin: 7px 0px 7px 7px;
  697.                                 padding-left: 9px;
  698.                                
  699.                    border-left: solid 2px {color:blockquote};  
  700.                             }
  701.                            
  702.                                 #wrapper #content .post .copy blockquote blockquote {
  703.                                 border-left: solid 2px {color:blockquote};  
  704.                                
  705.                                 }
  706.                                
  707.                                     #wrapper #content .post .copy blockquote blockquote blockquote { border-left: solid 2px {color:blockquote};  
  708.                                     }
  709.                                    
  710.                                         #wrapper #content .post .copy blockquote blockquote blockquote blockquote { border-left: solid 2px {color:blockquote};  
  711.                                         }
  712.                                        
  713.                                             #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote { border-left: solid 2px {color:blockquote};  
  714.                                             }
  715.                                            
  716.                                                 #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  717.                                                    border-left: solid 2px {color:blockquote};  
  718.                                                 }
  719.                        
  720.                        #wrapper #content .bottom {
  721.                           /*  background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
  722.                             width: 513px;  */
  723.                             height: 0px;
  724.                             margin: 0 auto;
  725.                         }
  726.          /*jonas brothers*/              
  727.                         #wrapper #content #navigation {
  728.                        
  729.                             text-align: right;
  730.                             margin-top: 30px;
  731.                             padding-bottom: 35px;
  732.                             text-transform: lowercase;
  733.                         }
  734.                        
  735.                             #wrapper #content #navigation a {
  736.                                 border: 1px solid {color:postborder};
  737.                        {block:ifrounded}  
  738.                       -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;   {/block:ifrounded}
  739.                      
  740.                      
  741.                      {block:ifnotsolidcolorposts} {block:ifdark}
  742.                       background-color: rgba(0,0,0,{text:postopacity});
  743.                         {/block:ifdark}
  744.                        
  745.                         {block:iflight}
  746.                         background-color: rgba(255,255,255, {text:postopacity}); {/block:iflight}
  747.                         {/block:ifnotsolidcolorposts}
  748.                        
  749.                         {block:ifsolidcolorposts}
  750.                        
  751.                         background-color: {color:post};
  752.                        
  753.                         {/block:ifsolidcolorposts}
  754.                    
  755.                                 color: {color:link};
  756.                                 padding: 5px 10px;
  757.                                 text-decoration: none;
  758.                                 margin-left: 20px;
  759.                             }
  760.                            
  761.                             #wrapper #content #navigation a:hover {
  762.                                 opacity: 0.9;
  763.                                 filter: alpha(opacity=90);
  764.                                 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  765.                             }
  766.                            
  767.                         #wrapper #content #navigation.jump_pagination {}
  768.                            
  769.                             #wrapper #content #navigation.jump_pagination a {
  770.                                 margin: 0 0 0 4px;
  771.                             }
  772.                            
  773.                             #wrapper #content #navigation.jump_pagination .current_page {
  774.                                 color: {color:body};
  775.                                 background-color: rgba(255,255,255, {text:postopacity});
  776.                                 border: 2px solid #fff;
  777.                                 padding: 3px 8px;
  778.                                 margin: 0 0 0 4px;
  779.                                 cursor: default;
  780.                             }
  781.                            
  782.                             #wrapper #content #navigation.jump_pagination .jump_page {}
  783.                            
  784.                             #wrapper #content .post .notecontainer {
  785.                                 background: ;
  786.                                 -moz-border-radius: 4px;
  787.                                 -webkit-border-radius: 4px;
  788.                                 border-radius: 4px;
  789.                                font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:accent}{/block:ifnotcustomfont};
  790.                                 font-size: 11px;
  791.                                 color: {color:body};
  792.                                 margin-top: 10px;
  793.                                 margin-bottom: -10px;
  794.                             }
  795.                            
  796.                                     #wrapper #content .post .notecontainer a {
  797.                                         color: {color:link};
  798.                                         text-decoration: underline;
  799.                                     }
  800.                                    
  801.                                     #wrapper #content .post .notecontainer ol.notes {
  802.                                         padding: 0px 0 10px 0;
  803.                                         list-style-type: none;
  804.                                         font-size: 11px;
  805.                                     }
  806.                                    
  807.                                         #wrapper #content .post .notecontainer ol.notes li.note {
  808.                                             padding: 10px 10px 0 10px;
  809.                                         }
  810.                                        
  811.                                             #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  812.                                                 vertical-align: -4px;
  813.                                                 margin-right: 10px;
  814.                                                 width: 16px;
  815.                                                 height: 16px;
  816.                                             }
  817.                                            
  818.                                             #wrapper #content .post .notecontainer ol.notes li.note span.action {
  819.                                                 font-weight: normal;
  820.                                             }
  821.                                            
  822.                                             #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  823.                                                 font-weight: normal;
  824.                                             }
  825.                                            
  826.                                             #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  827.                                                 border-left: 2px solid #fff;
  828.                                                 padding: 4px 10px;
  829.                                                 margin: 10px 0px 0px 25px;
  830.                                             }
  831.                                            
  832.                                                 #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  833.                                                     text-decoration: none;
  834.                                                 }
  835.                
  836.                 #wrapper #content #searchresults {
  837.                     color: #fff;
  838.                     margin: 0 0 15px 0;
  839.                     text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  840.                     font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:body}{/block:ifnotcustomfont};
  841.                     font-size: 20px;
  842.                 }
  843.                
  844.                     #wrapper #content #searchresults .search_query {
  845.                         font-weight: bold;
  846.                     }
  847.                    
  848.                     #wrapper #content #searchresults .search_query:before {
  849.                         content:'“';
  850.                     }
  851.                    
  852.                     #wrapper #content #searchresults .search_query:after {
  853.                         content:'”';
  854.                     }
  855.            
  856.             #wrapper #sidebar {
  857.                
  858.              
  859.                
  860.                 margin-top: {text:sidebarheight}px;
  861.                 position:fixed;
  862.                 width: 160px;
  863.                 float: left;
  864.                
  865.                  
  866.                {block:if500px}  margin-left: 100px; {/block:if500px}
  867.                 color: {color:body};
  868.                 font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:Accent}{/block:ifnotcustomfont};
  869.             }
  870.            
  871.                 #wrapper #sidebar a {
  872.                     color: {color:Background};
  873.                 }
  874.                
  875.                 #wrapper #sidebar #top {
  876.                    
  877.  
  878.                    
  879. {block:ifsidebarborder}  border: 1px solid {color:sidebarborder}; {/block:ifsidebarborder}
  880.                    
  881.                    
  882.                    margin-top: 3px;
  883.                   {block:ifsidebarshadow}
  884.                   box-shadow:rgba(0,0,0,0.1)6px 6px;   {/block:ifsidebarshadow}
  885.              
  886.                 {block:ifrounded}  
  887.                       -moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;   {/block:ifrounded}
  888.                
  889.             /*butternut*/
  890.            {block:ifnotsolidcolorsidebar} {block:ifdark}
  891.                   background: rgba(0,0,0, {text:sidebaropacity});
  892.                       {/block:ifdark}
  893.                       {block:iflight}
  894.                   background: rgba(255,255,255, {text:sidebaropacity});
  895.                      {/block:iflight}
  896.                      
  897.                      
  898.                      {/block:ifnotsolidcolorsidebar}
  899.                      
  900.                      {block:ifsolidcolorsidebar} background: {color:sidebar}; {/block:ifsolidcolorsidebar}
  901.                      
  902.                
  903.                      
  904.                     padding: 7px 7px 0px 7px;
  905.                    
  906.                    {block:ifglowsidebar}
  907.                    
  908.                    {block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  909.     -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  910.     -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1);  {/block:ifglow1}
  911.    
  912.     {block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  913.     -webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  914.     -moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1);  {/block:ifglow2}
  915.    
  916.     {block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  917.     -webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  918.     -moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1);  {/block:ifglow3}
  919.    
  920.     {block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  921.     -webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  922.     -moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1);  {/block:ifglow4}
  923.    
  924.     {block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  925.     -webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  926.     -moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1);  {/block:ifglow5}
  927.    
  928.     {block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  929.     -webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  930.     -moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1);  {/block:ifglow6}
  931.    
  932.     {block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  933.     -webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  934.     -moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
  935.    
  936.      {/block:ifglowsidebar}
  937.              
  938.               -webkit-transition: all .2s ease-in-out;
  939. -moz-transition: all .2s ease-in-out;
  940. -o-transition: all .2s ease-in-out;}
  941.                
  942.                 #wrapper #sidebar #top:hover{    
  943.                
  944.  
  945.  
  946. }
  947.                    
  948.                     #wrapper #sidebar #top #pages {
  949.                         margin-bottom: 15px;
  950.                         font-size: 12px;
  951.                     }
  952.                    
  953.                         #wrapper #sidebar #top #pages.ask_and_submit {
  954.                             display: none;
  955.                             {block:AskEnabled}display: block;{/block:AskEnabled}
  956.                             {block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}
  957.                         }
  958.                    
  959.                         #wrapper #sidebar #top #pages a.page {
  960.                             border: 1px solid #696969;
  961.                     background: rgba(0,0,0, 0.07);
  962.                             display: block;
  963.                             float: left;
  964.                             color: {color:body};
  965.                             padding: 4px 5px;
  966.                             margin: 0 5px 5px 0;
  967.                             }
  968.                        
  969.                         #wrapper #sidebar #top #pages a.page:last-child {
  970.                             margin-right: 0;
  971.                         }
  972.                        
  973.                         #wrapper #sidebar #top #pages a.page:hover {
  974.                             opacity: 0.9;
  975.                             filter: alpha(opacity=90);
  976.                             -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  977.                         }
  978.                        
  979.                     #wrapper #sidebar #top #description {
  980.                         z-index: 999999999999;
  981.                         font-size: {text:fontsize}px;
  982.                         position: relative;
  983.                        
  984.                         line-height: 14px;
  985.                     }
  986.                    
  987.                         #wrapper #sidebar #top #description a {
  988.                             color: {color:link};
  989.                            
  990.                         }
  991.                        
  992.                         #wrapper #sidebar #top #description a:hover {
  993.                             color: {color:linkhover};
  994.                             text-decoration: underline;
  995.                              -webkit-transition: all 0.2s ease-out;
  996. -moz-transition: all 0.2s ease-out;
  997. transition: all 0.2s ease-out;
  998.                         }
  999.                    
  1000.                  
  1001.                    
  1002.                     #wrapper #sidebar #top .content {
  1003.                         margin-top: 2px;
  1004.                         padding: 7px 10px;
  1005.                         background: #eaeaea;
  1006.                         color: #fff;
  1007.                         font-size: 11px;
  1008.                         overflow: hidden;
  1009.                     }
  1010.                    
  1011.                         #wrapper #sidebar #top a {
  1012.                             text-decoration: none;
  1013.                         }
  1014.                    
  1015.                         #wrapper #sidebar #top #following-avatars.content {
  1016.                             padding: 4px;
  1017.                         }
  1018.                    
  1019.                                 #wrapper #sidebar #top #following-avatars.content a img {
  1020.                                     margin: 5px;
  1021.                                 }
  1022.                                
  1023.                         #wrapper #sidebar #top #buttons {
  1024.                             padding: 20px 0 0 0;
  1025.                         }
  1026.                        
  1027.                             #wrapper #sidebar #top #buttons .button {
  1028.                                 width: 35%;
  1029.                                 height: 21px;
  1030.                                 float: left;
  1031.                                 background: left center no-repeat transparent;
  1032.                                 padding: 2px 0 0 30px;
  1033.                                 font-size: 14px;
  1034.                             }
  1035.                            
  1036.                                 #wrapper #sidebar #top #buttons a {
  1037.                                     color: {color:Background};
  1038.                                     text-decoration: none;
  1039.                                 }
  1040.                            
  1041.                                 #wrapper #sidebar #top #buttons div {
  1042.                                     padding-bottom: 10px;
  1043.                                 }
  1044.                            
  1045.                             #wrapper #sidebar #top #buttons .button#button-rss {
  1046.                                 background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');
  1047.                                 text-transform: capitalize;
  1048.                             }
  1049.                            
  1050.                             #wrapper #sidebar #top #buttons .button#button-random {
  1051.                                 background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2');
  1052.                             }
  1053.                            
  1054.                             #wrapper #sidebar #top #buttons .button#button-archive {
  1055.                                 background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');
  1056.                             }
  1057.                            
  1058.                             #wrapper #sidebar #top #buttons .button#button-mobile {
  1059.                                 background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');
  1060.                             }
  1061.                
  1062.                   #wrapper #sidebar #bottom {
  1063.                     }  
  1064.                    
  1065.                     #wrapper #sidebar #copyright {
  1066.                         text-align: center;
  1067.                         color: #fff;
  1068.                         font-size: 12px;
  1069.                         margin-bottom: 10px;
  1070.                     }
  1071.                    
  1072.                         #wrapper #sidebar #copyright a {
  1073.                             color: #fff;
  1074.                             margin-left: 15px;
  1075.                         }
  1076.                        
  1077.                        
  1078.                                
  1079. /* --------------------SIDEBAR 2 -----------------*/
  1080.  
  1081.  
  1082.    #wrapper #sidebar2 {
  1083.                
  1084.              
  1085.                
  1086.                 margin-top: -30px;
  1087.                 margin-left: {text:musicboxposition}px;
  1088.                 line-height: 15px;
  1089.            
  1090.                 position:fixed;
  1091.                 width: 58px;
  1092.                 float: left;
  1093.                 color: {color:body};
  1094.                 font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:Accent}{/block:ifnotcustomfont};
  1095.             }
  1096.            
  1097.                
  1098.                 #wrapper #sidebar2 #top {
  1099.                    
  1100.  
  1101.                    
  1102. {block:ifsidebarborder}  border: 1px solid {color:sidebarborder}; {/block:ifsidebarborder}
  1103.                    
  1104.                    
  1105.                    margin-top: 3px;
  1106.                   {block:ifsidebarshadow}
  1107.                   box-shadow:rgba(0,0,0,0.1)5px 5px;   {/block:ifsidebarshadow}
  1108.              
  1109.                 {block:ifrounded}  
  1110.                       -moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;   {/block:ifrounded}
  1111.                
  1112.             /*butternut*/
  1113.            {block:ifnotsolidcolorsidebar} {block:ifdark}
  1114.                   background: rgba(0,0,0, {text:sidebaropacity});
  1115.                       {/block:ifdark}
  1116.                       {block:iflight}
  1117.                   background: rgba(255,255,255, {text:sidebaropacity});
  1118.                      {/block:iflight}
  1119.                      
  1120.                      
  1121.                      {/block:ifnotsolidcolorsidebar}
  1122.                      
  1123.                      {block:ifsolidcolorsidebar} background: {color:sidebar}; {/block:ifsolidcolorsidebar}
  1124.                      
  1125.                
  1126.                      
  1127.                     padding: 7px 7px 0px 0;
  1128.                    
  1129.                    {block:ifglowsidebar}
  1130.                    
  1131.                    {block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  1132.     -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  1133.     -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1);  {/block:ifglow1}
  1134.    
  1135.     {block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  1136.     -webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  1137.     -moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1);  {/block:ifglow2}
  1138.    
  1139.     {block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  1140.     -webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  1141.     -moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1);  {/block:ifglow3}
  1142.    
  1143.     {block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  1144.     -webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  1145.     -moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1);  {/block:ifglow4}
  1146.    
  1147.     {block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  1148.     -webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  1149.     -moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1);  {/block:ifglow5}
  1150.    
  1151.     {block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  1152.     -webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  1153.     -moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1);  {/block:ifglow6}
  1154.    
  1155.     {block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  1156.     -webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  1157.     -moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
  1158.    
  1159.      {/block:ifglowsidebar}
  1160.              
  1161.               -webkit-transition: all .2s ease-in-out;
  1162. -moz-transition: all .2s ease-in-out;
  1163. -o-transition: all .2s ease-in-out;}
  1164.                
  1165.                 #wrapper #sidebar2 #top:hover{    
  1166.                  
  1167.                    
  1168.  
  1169. }
  1170.                    
  1171.                    
  1172.                    
  1173.                      
  1174.                        
  1175.                    
  1176.                        
  1177.                    
  1178.                  
  1179.                    
  1180.                     #wrapper #sidebar2 #top .content {
  1181.                         margin-top: 0px;
  1182.                         padding: 7px 10px;
  1183.                         font-size: 11px;
  1184.                         overflow: hidden;
  1185.                     }
  1186.                    
  1187.                         #wrapper #sidebar2 #top a {
  1188.                             text-decoration: none;
  1189.                         }
  1190.  
  1191.  
  1192.    
  1193.     </style>
  1194.     <!--[if lt IE 7.]>
  1195.         <style type="text/css">
  1196.             #wrapper #sidebar #bottom {
  1197.                 background: transparent;
  1198.             }
  1199.            
  1200.             #wrapper #sidebar #top #avatar {
  1201.                 background: none;
  1202.             }
  1203.            
  1204.             #wrapper #sidebar #top #avatar img {
  1205.                 border: 5px solid #f1f1f1;
  1206.             }
  1207.            
  1208.             #wrapper #sidebar #top .heading#followontumblr {
  1209.                 background-image: none;
  1210.                 text-indent: 0;
  1211.             }
  1212.        
  1213.             #wrapper #sidebar #top .heading#twitter {
  1214.                 background-image: none;
  1215.             }
  1216.        
  1217.             #wrapper #sidebar #top .heading#following {
  1218.                 background-image: none;
  1219.             }
  1220.  
  1221.             #wrapper #content .post .audio .player {
  1222.                 float: none;
  1223.             }
  1224.            
  1225.             #wrapper #content .post .audio .meta {
  1226.                 display: none;
  1227.                 float: none;
  1228.             }
  1229.         </style>
  1230.     <![endif]-->
  1231.    
  1232.     <!--[if lt IE 8.]>
  1233.         <style type="text/css">
  1234.             #wrapper #content .bottom {
  1235.                 background: transparent;
  1236.             }
  1237.            
  1238.             #wrapper #content .post .footer {
  1239.                 background: transparent;
  1240.                 color: #000;
  1241.             }
  1242.            
  1243.             #wrapper #content .post .audio {
  1244.                 float: none;
  1245.                 background: transparent;
  1246.             }
  1247.            
  1248.             #wrapper #content .post .notecontainer .notes {
  1249.                 padding: 0;
  1250.                 margin: 0;
  1251.             }
  1252.         </style>
  1253.     <![endif]-->
  1254.     <style type="text/css">{CustomCSS}</style>
  1255.    
  1256.  
  1257. </head>
  1258.  
  1259.  
  1260.  
  1261. <body>
  1262.  
  1263.  
  1264.  
  1265.  
  1266.  
  1267. {block:ifshowfloaties}
  1268.  
  1269.  <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  1270. <script type="text/javascript">
  1271.  
  1272. /***********************************************
  1273. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  1274. * Modified by Dynamic Drive for various improvements
  1275. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  1276. * Using CSB or Trellix:  use an INSERT HTML box to hold your script and put your js and images into web components (webgem in Trellix).  Then you MUST change each gEMDIR to GEMDIR before using code!
  1277. ***********************************************/
  1278.  
  1279. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  1280. var flyimage1, flyimage2, flyimage3, flyimage4, flyimage5
  1281.  
  1282. function pagestart(){
  1283. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  1284.  flyimage1=new Chip("flyimage1",40,62);
  1285.  flyimage2=new Chip("flyimage2",40,62);
  1286.  flyimage3=new Chip("flyimage3",40,62);
  1287.  flyimage4=new Chip("flyimage4",40,62);
  1288.  flyimage5=new Chip("flyimage5",40,62);
  1289.  
  1290.  
  1291. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  1292. movechip("flyimage1");
  1293. movechip("flyimage2");
  1294. movechip("flyimage3");
  1295. movechip("flyimage4");
  1296. movechip("flyimage5");
  1297.  
  1298. }
  1299.  
  1300. if (window.addEventListener)
  1301. window.addEventListener("load", pagestart, false)
  1302. else if (window.attachEvent)
  1303. window.attachEvent("onload", pagestart)
  1304. else if (document.getElementById)
  1305. window.onload=pagestart
  1306.  
  1307. </script>
  1308.  
  1309. <!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->
  1310.  
  1311.  
  1312. <div id="flyimage1" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  1313. <img src="{image:floatie1}">
  1314. </div>
  1315.  
  1316. <div id="flyimage2" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  1317. <img src="{image:floatie2}">
  1318. </div>
  1319.  
  1320. <div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  1321. <img src="{image:floatie3}">
  1322. </div>
  1323.  
  1324. <div id="flyimage4" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  1325. <img src="{image:floatie4}">
  1326. </div>
  1327.  
  1328. <div id="flyimage5" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  1329. <img src="{image:floatie5}">
  1330. </div>
  1331.  
  1332. </div>
  1333.  
  1334.  
  1335. {/block:ifshowfloaties}
  1336.    <div id="wrapper">
  1337.       <!-- <div id="title">
  1338.            <a href="/">
  1339.                {block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
  1340.                {block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
  1341.            </a>
  1342.        </div>-->
  1343.        
  1344.        <div id="content">
  1345.            
  1346.            {block:SearchPage}
  1347.                {block:SearchResults}
  1348.                    <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  1349.                {/block:SearchResults}
  1350.                
  1351.                {block:NoSearchResults}
  1352.                    <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  1353.                {/block:NoSearchResults}
  1354.            {/block:SearchPage}
  1355.      
  1356. {block:ifinfinitescroll}  <div class="autopagerize_page_element">{/block:ifinfinitescroll}    
  1357.            {block:Posts}
  1358.            
  1359.            
  1360.            
  1361.  
  1362.  
  1363. {block:ContentSource}
  1364.  
  1365. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1366.  
  1367. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1368.  
  1369. {/block:SourceLogo}
  1370.  
  1371. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1372.  
  1373. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1374.  
  1375.  
  1376.                <div class="post">
  1377.                    
  1378.                    {block:Photo}
  1379.                        
  1380.                        <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="max-width:100%;" />{LinkCloseTag}</div>
  1381.                        
  1382.                         {block:ifshowcaptions}  {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}   {/block:ifshowcaptions}
  1383.                    {/block:Photo}
  1384.                    
  1385.                    {block:Video}
  1386.                        <div class="media">{block:if400px}{Video-400}{/block:if400px}
  1387.                        
  1388.                        {block:if450px}{Video-400}{/block:if450px}
  1389.                    {block:if500px}{Video-500}{/block:if500px}    
  1390.                        {block:if250px}{Video-250}{/block:if250px}</div>
  1391.               {block:ifshowcaptions}         {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}   {/block:ifshowcaptions}
  1392.                    {/block:Video}
  1393.                    
  1394.                    {block:Audio}
  1395.                        
  1396.                        {block:AudioEmbed}
  1397.                            {AudioEmbed}
  1398.                        {/block:AudioEmbed}
  1399.                        
  1400.                        {block:AudioPlayer}
  1401.                            {block:IfShowAlbumArtOnAudioPosts}
  1402.                                {block:AlbumArt}
  1403.                                    <div class="album_art">
  1404.                                        <img src="{AlbumArtURL}" style="width: 200px;" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  1405.                                    </div>
  1406.                                {/block:AlbumArt}
  1407.                            {/block:IfShowAlbumArtOnAudioPosts}
  1408.                        
  1409.                            <div class="audio">
  1410.                                <div class="player">{AudioPlayerWhite}</div>
  1411.                                <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  1412.                                <div class="clear"></div>
  1413.                            </div>
  1414.                        {/block:AudioPlayer}
  1415.                        
  1416.                        <div class="clear"></div>
  1417.                        
  1418.                      {block:ifshowcaptions}     {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}   {/block:ifshowcaptions}
  1419.                        
  1420.                    {/block:Audio}
  1421.                    
  1422.                    {block:Quote}
  1423.                        <div class="quote {Length}">{Quote}</div>
  1424.                        <div class="copy">
  1425.                            <div class="quotebg">“</div>
  1426.                            {block:Source}
  1427.                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1428.                                    <tr>
  1429.                                        <td valign="top" style="width:20px;">&mdash;</td>
  1430.                                        <td valign="top" class="quote_source">
  1431.                                            {Source}
  1432.                                        </td>
  1433.                                    </tr>
  1434.                                </table>
  1435.                            {/block:Source}
  1436.                        </div>
  1437.                    {/block:Quote}
  1438.                        
  1439.                    {block:Text}
  1440.                        {block:Title}<div class="title">{Title}</div>{/block:Title}
  1441.                        <div class="copy">{Body}</div>
  1442.                    {/block:Text}
  1443.                    
  1444.                    {block:Answer}
  1445.                        <div class="question">
  1446.                            <div class="nipple"></div>
  1447.                            {Question}
  1448.                        </div>
  1449.                        <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1450.                        <div class="copy">{Answer}</div>
  1451.                    {/block:Answer}
  1452.                    
  1453.                    {block:Chat}
  1454.                        {block:Title}<div class="title">{Title}</div>{/block:Title}
  1455.                        <div class="chat">
  1456.                            <div class="lines">
  1457.                                {block:Lines}
  1458.                                    <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1459.                                {/block:Lines}
  1460.                            </div>
  1461.                        </div>
  1462.                        <div class="clear"></div>
  1463.                        <div style="height:10px;"></div>
  1464.                    {/block:Chat}
  1465.                    
  1466.                    {block:Link}
  1467.                        <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1468.                        {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1469.                    {/block:Link}
  1470.                    
  1471.                    {block:Date}
  1472.                        <a href="{Permalink}">
  1473.                            <div class="footer for_permalink">
  1474.                                <div class="date">
  1475.                                    {block:Reblog}
  1476.                                        {TimeAgo} {block:RebloggedFromReblog}{/block:RebloggedFromReblog}
  1477.                                    {/block:Reblog}
  1478.                                    
  1479.                                    {block:NotReblog}
  1480.                                        {TimeAgo}
  1481.                                    {/block:NotReblog}
  1482.                                </div>
  1483.                                <div class="notes">{block:NoteCount}{NoteCount} ♥{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
  1484.                                <div class="clear"></div>
  1485.                            </div>
  1486.                        </a>
  1487.                    {/block:Date}
  1488.                    
  1489.                    <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  1490.                        display:none;
  1491.                        {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  1492.                        {block:ContentSource}display:block;{/block:ContentSource}
  1493.                    ">
  1494.                        {block:IfShowTags}
  1495.                            {block:HasTags}<div class="tags"> {block:Tags}#<a href="{TagURL}">{Tag}</a><span class="tag-commas"> </span>{/block:Tags}</div>{/block:HasTags}
  1496.                        {/block:IfShowTags}
  1497.                        
  1498.                        {block:ContentSource}
  1499.                            <a href="{SourceURL}" class="source_url">
  1500.                                {lang:Source}:
  1501.                                {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1502.                                {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  1503.                            </a>
  1504.                        {/block:ContentSource}
  1505.                        
  1506.                        <div class="clear"></div>
  1507.                    </div>
  1508.                    
  1509.                    {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1510.                    
  1511.                    {block:IfDisqusShortname}
  1512.                        {block:Permalink}
  1513.                            <div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
  1514.                                <div id="disqus_thread"></div>
  1515.                                <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1516.                                <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  1517.                            </div>
  1518.                            <div style="text-align:right; margin-top:5px;">
  1519.                                {lang:Blog comments powered by Disqus 2}
  1520.                            </div>
  1521.                        {/block:Permalink}
  1522.                    {/block:IfDisqusShortname}
  1523.                    
  1524.                </div>
  1525.                <div class="bottom"></div>
  1526.            {/block:Posts}
  1527.            
  1528.  
  1529. {block:ifinfinitescroll} </div>{/block:ifinfinitescroll}
  1530.           {block:ifnotinfinitescroll}
  1531.  {block:Pagination}
  1532.                <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  1533.                    {block:PreviousPage}<a href="{PreviousPage}">&larr; </a>{/block:PreviousPage}
  1534.                    
  1535.                    {block:IfEnableJumpPagination}
  1536.                        {block:JumpPagination length="5"}
  1537.                            {block:CurrentPage}
  1538.                                <span class="current_page">{PageNumber}</span>
  1539.                            {/block:CurrentPage}
  1540.                            
  1541.                            {block:JumpPage}
  1542.                                <a class="jump_page" href="{URL}">{PageNumber}</a>
  1543.                            {/block:JumpPage}
  1544.                            
  1545.                        {/block:JumpPagination}
  1546.                    {/block:IfEnableJumpPagination}
  1547.                    
  1548.                    {block:NextPage}<a href="{NextPage}"> &rarr;</a>{/block:NextPage}
  1549.                </div>
  1550.            {/block:Pagination}{/block:ifnotinfinitescroll}
  1551.  
  1552.            
  1553.        </div>
  1554.        
  1555.     {block:ifmusicbox}  
  1556.         <div id="sidebar2">
  1557.        
  1558.          <div id="top">
  1559.          <br><br>
  1560.        
  1561.        {text:music code}
  1562.          
  1563.       <br>   <br></div>  </div>    {/block:ifmusicbox}
  1564.        
  1565.        <div id="sidebar">
  1566.      
  1567.        
  1568.    
  1569.      
  1570.  
  1571. <div style="position:absolute; left:{text:ImgLeft}px; top:{text:ImgTop}px; z-index: 999;">
  1572.  
  1573. <a href="/">
  1574.  
  1575. <img style="border: 0;" src="{image:SidebarImage}" title="{title}" />
  1576.    
  1577.  </a>
  1578.    
  1579.    
  1580.    
  1581. </div>
  1582.  
  1583.  
  1584.        
  1585.         <div id="top">
  1586.        
  1587.        
  1588.                
  1589.                <div id="description"><center>{Description}
  1590.                    
  1591.                    
  1592.                    
  1593.                     {block:ifnavbutton}
  1594.  
  1595.  <center>
  1596. <div style="margin-top: 10px; margin-left: 0px; margin-bottom:-10px;
  1597.  
  1598. font-size: 10px;
  1599. font-family:    {block:ifcustomfont}bitxmap{/block:ifcustomfont}{block:ifnotcustomfont}{font:accent} {/block:ifnotcustomfont};
  1600.  
  1601.  
  1602. color:{color:link};
  1603.  
  1604.  
  1605. text-decoration:none;
  1606.  
  1607. "><div style=""><button type="button" class="button" onmouseover="this.sv=this.style.backgroundColor; this.style.backgroundColor='#f4f4f4';" onmouseout="if(this.sv)this.style.backgroundColor=this.sv; else this.style.backgroundColor='';" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none'; return false;" style="">{text:openbutton}</button></div><div class="spoiler" style="display: none;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.parentNode.childNodes[0].style.display = ''; this.parentNode.parentNode.style.display = 'none'; return false;">{text:closebutton}</button></div>
  1608. <div class="num"><a href="/">home</a> <br>
  1609.  <div class="num"><a href="/ask">ask</a> <br>
  1610. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}<br></a>{/block:iflink1}
  1611. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}<br></a>{/block:iflink2}
  1612. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}<br></a>{/block:iflink3}
  1613. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}<br></a>{/block:iflink4}
  1614.    
  1615.    {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a><br>{/block:iflink5}
  1616.   <a href="http://tukut.tumblr.com/">credit</a>
  1617.    
  1618. </div>
  1619.  </td>
  1620.  </tr>
  1621. </div></div>
  1622. </center>
  1623.  
  1624. {/block:ifnavbutton}   <center>
  1625.          {block:ifnavmenu}<br>
  1626.        
  1627.        <select onChange="location=this.options[this.selectedIndex].value;" style="font:10px
  1628.        
  1629.         {block:ifcustomfont}bitxmap{/block:ifcustomfont}{block:ifnotcustomfont}{font:accent} {/block:ifnotcustomfont}
  1630.        
  1631.         ;
  1632.         margin-right: 0px;
  1633.         margin-bottom: -10px;
  1634.         color:{color:navtext};
  1635.       border: 1px solid {color:navborder};
  1636.       float:center;
  1637.      
  1638.      
  1639.      
  1640.      background-color: {color:navigation};
  1641.        
  1642.      
  1643.          {block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  1644.    -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  1645.    -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1);  {/block:ifglow1}
  1646.    
  1647.    {block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  1648.    -webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  1649.    -moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1);  {/block:ifglow2}
  1650.    
  1651.    {block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  1652.    -webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  1653.    -moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1);  {/block:ifglow3}
  1654.    
  1655.    {block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  1656.    -webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  1657.    -moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1);  {/block:ifglow4}
  1658.    
  1659.    {block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  1660.    -webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  1661.    -moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1);  {/block:ifglow5}
  1662.    
  1663.    {block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  1664.    -webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  1665.    -moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1);  {/block:ifglow6}
  1666.    
  1667.    {block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  1668.    -webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  1669.    -moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
  1670.    
  1671.    
  1672.        
  1673.         -webkit-appearance: none;text-align:center;margin-top:2px;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;">
  1674. <option value="">{text:nav title}</option><option value="/">home</option>{/block:iflink1}
  1675. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
  1676. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
  1677. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
  1678. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
  1679. {block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}<option value="http://tukut.tumblr.com/">theme</option>
  1680. </select>
  1681. </form>
  1682.           </center>
  1683.           {/block:ifnavmenu}
  1684.            
  1685.                    
  1686.                    
  1687.                </center></div>
  1688. <br>
  1689.                <center>
  1690.                
  1691.                
  1692.                
  1693.                
  1694.              
  1695.      
  1696.  
  1697.  
  1698.              
  1699.              
  1700.              
  1701.           </center>  
  1702.          </div>  
  1703.          
  1704.          
  1705.  
  1706.  
  1707.  
  1708.  
  1709.            
  1710.          <div id="bottom">
  1711.              
  1712.              
  1713.              
  1714.            
  1715.          </div>  
  1716.            
  1717.        
  1718.            
  1719.            
  1720.        
  1721.    </div>
  1722.    
  1723.    
  1724.    
  1725.    
  1726.    
  1727.  
  1728. <div style="position:fixed; right:{text:bottomimgX}px; bottom:{text:bottomimgY}px; z-index: -1;">
  1729.  
  1730.  
  1731.  
  1732. <img src="{image:BottomImage}">
  1733.    
  1734.  </a>
  1735.    
  1736.    
  1737.    
  1738. </div>
  1739.  
  1740.  
  1741.  
  1742.    
  1743.    
  1744. </body>
  1745. </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!