Advertisement
tukut

hamster mouth

Sep 16th, 2013
23,166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 55.57 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.                                          
  4.         .                                 .o8       oooo              
  5.       .o8                                "888       `888              
  6.    .o888oo oooo  oooo  ooo. .oo.  .oo.   888oooo.   888  oooo d8b    
  7.      888   `888  `888  `888P"Y88bP"Y88b  d88' `88b  888  `888""8P    
  8.      888    888   888   888   888   888  888   888  888   888        
  9.      888 .  888   888   888   888   888  888   888  888   888    .o.
  10.      "888"  `V88V"V8P' o888o o888o o888o `Y8bod8P' o888o d888b   Y8P
  11.  
  12. -->
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.     <!-- DEFAULT VARIABLES -->
  16.     <meta name="color:Background" content="#3b627e" />
  17.     <meta name="color:text" content="#3b627e" />
  18.     <meta name="color:link" content="#3b627e" />
  19.    
  20.     <meta name="font:Title" content="Arial" />
  21.     <meta name="font:Body" content="Arial" />
  22.     <meta name="font:Accent" content="Lucida Sans" />
  23.    
  24.     <meta name="if:Show People I Follow" content="1" />
  25.     <meta name="if:Show Tags" content="1" />
  26.     <meta name="if:400px" content="1" />
  27.    
  28.    
  29.     <meta name="if:avatar" content="1" />
  30.     <meta name="if:shadow" content="1" />
  31.     <meta name="if:bgcover" content="1" />
  32.     <meta name="if:header" content="1" />
  33.    
  34.     <meta name="if:showfloaties" content="1" />
  35.    
  36.     <meta name="if:sidebarleft" content="1" />
  37.    
  38.     <meta name="if:search" content="1" />
  39.     <meta name="if:Show Album Art on Audio Posts" content="1" />
  40.     <meta name="if:Enable Jump Pagination" content="0" />
  41.    
  42.     <meta name="text:Disqus Shortname" content="" />
  43.     <meta name="text:sidebaropacity" content="1" />
  44.      <meta name="text:postopacity" content="1" />
  45.    
  46.     <meta name="image:Header" content="" />
  47.     <meta name="image:Background" content="" />
  48.     <meta name="image:floatie1" content="http://static.tumblr.com/b3ce6375dafbe262c681e441a4a7d18a/dkpvapy/Zv0mplcau/tumblr_static_tumblr_m9pdei3mey1qid2nw.gif" />
  49. <meta name="image:floatie2" content="http://static.tumblr.com/b3ce6375dafbe262c681e441a4a7d18a/dkpvapy/Zv0mplcau/tumblr_static_tumblr_m9pdei3mey1qid2nw.gif" />
  50. <meta name="image:floatie3" content="" />
  51. <meta name="image:floatie4" content="" />
  52. <meta name="image:floatie5" content="" />
  53.    
  54.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  55.     <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  56.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  57.     <link rel="shortcut icon" href="{Favicon}" />
  58.     <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  59.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  60.     <style type="text/css">
  61.       body {
  62.             background: {color:Background} url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;
  63.         -webkit-background-size: cover;
  64.         -moz-background-size: cover;
  65.         -o-background-size: cover;
  66.         background-size: cover; {/block:ifbgcover}
  67.        
  68.        
  69.         {block:ifnotbgcover} top left fixed repeat {block:ifnotbgcover};
  70.             margin: 0;
  71.              
  72.             padding: 0;
  73.             font-family: {font:Body};
  74.         }
  75.        
  76.        
  77.         .clear {
  78.             clear: both;
  79.             height: 0px;
  80.             overflow: hidden;
  81.         }
  82.        
  83.         a img {
  84.             border: none;
  85.         }
  86.        
  87.         #wrapper {
  88.             {block:ifnot400px} width: 845px;  {/block:ifnot400px}
  89.    
  90.      {block:if400px}  width: 745px;     {/block:if400px}
  91.             margin: 0 auto;
  92.         }
  93.        
  94.             #wrapper #title {
  95.                text-align:center;
  96.                 margin: 30px 0;
  97.                 color: #fff;
  98.                 font-size: 50px;
  99.                 font-weight: bold;
  100.                 font-family: {font:Title};
  101.                 text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  102.                 letter-spacing: -1px;
  103.             }
  104.            
  105.                 #wrapper #title a {
  106.                     color: #fff;
  107.                     text-decoration: none;
  108.                 }
  109.            
  110.             #wrapper #content {
  111.                
  112.                 {block:ifnotheader} margin-top: 50px; {/block:ifnotheader}
  113.                 {block:ifnot400px} width: 520px;  {/block:ifnot400px}
  114.    
  115.      {block:if400px}  width: 420px;     {/block:if400px}
  116.            {block:ifsidebarleft}     float: right;  {/block:ifsidebarleft}
  117.            {block:ifnotsidebarleft}     float: left;  {/block:ifnotsidebarleft}
  118.             }
  119.            
  120.                 #wrapper #content .post {
  121.                   {block:ifshadow}  box-shadow:rgba(0,0,0,0.1)9px 9px; {/block:ifshadow}
  122.                    
  123.     {block:ifnot400px} width: 500px;  {/block:ifnot400px}
  124.    
  125.      {block:if400px}  width: 400px;     {/block:if400px}
  126.                     font-family: {font:Body};
  127.                     background: rgba(255,255,255,{text:postopacity});
  128.                     padding: 10px;
  129.                     position: relative;
  130.                 }
  131.                    
  132.                     #wrapper #content .post .media {
  133.                         text-align: center;
  134.                         margin-bottom: 10px;
  135.                     }
  136.                    
  137.                     #wrapper #content .post .quotebg {
  138.                         font-family: georgia, serif;
  139.                         font-size: 150px;
  140.                         color: {color:Background};
  141.                         opacity: 0.2;
  142.                         filter: alpha(opacity=20);
  143.                         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  144.                         position: absolute;
  145.                         top: 70px;
  146.                         left: 10px;
  147.                     }
  148.                    
  149.                     #wrapper #content .post .quote {
  150.                         color: {color:Background};
  151.                         font-weight: bold;
  152.                         padding: 20px 20px 5px 20px;
  153.                     }
  154.                    
  155.                     #wrapper #content .post .quote.short {
  156.                         font-size: 33px;
  157.                         line-height: 35px;
  158.                     }
  159.                    
  160.                     #wrapper #content .post .quote.medium {
  161.                         font-size: 25px;
  162.                         line-height: 28px;
  163.                     }
  164.                    
  165.                     #wrapper #content .post .quote.long {
  166.                         font-size: 18px;
  167.                         line-height: 22px;
  168.                     }
  169.                                        
  170.                         #wrapper #content .post .quote_source *:first-child {
  171.                             margin-top: 0px;
  172.                         }
  173.                        
  174.                         #wrapper #content .post .quote_source *:last-child {
  175.                             margin-bottom: 0px;
  176.                         }
  177.                        
  178.                         #wrapper #content .post .quote *:first-child {
  179.                             margin-top: 0px;
  180.                         }
  181.                        
  182.                         #wrapper #content .post .quote *:last-child {
  183.                             margin-bottom: 0px;
  184.                         }
  185.                        
  186.                     #wrapper #content .post .copy {
  187.                         color: {color:text};
  188.                         padding: 10px;
  189.                         font-size: 13px;
  190.                         line-height: 15px;
  191.                     }
  192.                        
  193.                         #wrapper #content .post .copy a {
  194.                             color: {color:link};
  195.                             text-decoration: underline;
  196.                         }
  197.                        
  198.                         #wrapper #content .post .copy p {
  199.                             margin: 10px 0 0 0;
  200.                             padding: 0;
  201.                         }
  202.                        
  203.                         #wrapper #content .post .copy pre {
  204.                             margin: 10px 0px 10px 0px;
  205.                             padding: 10px;
  206.                             background-color: #e6e6e6;
  207.                             font: normal 11px Courier, monospace;
  208.                             overflow: auto;
  209.                         }
  210.                        
  211.                         #wrapper #content .post .copy > p:first-child {
  212.                             margin-top: 0;
  213.                         }
  214.                        
  215.                         #wrapper #content .post .copy img {
  216.                             max-width: 100%;
  217.                         }
  218.                    
  219.                     #wrapper #content .post .audio {
  220.                         background: #eaeaea;
  221.                         float: left;
  222.                         padding: 7px;
  223.                         margin-bottom: 10px;
  224.                         -moz-border-radius: 4px;
  225.                         -webkit-border-radius: 4px;
  226.                         border-radius: 4px;
  227.                     }
  228.                                                        
  229.                         #wrapper #content .post .audio .player {
  230.                             float: left;
  231.                         }
  232.                        
  233.                             #wrapper #content .post .audio .player .audio_player embed {
  234.                                 border: 1px solid #c8c8c8;
  235.                             }
  236.                        
  237.                         #wrapper #content .post .audio .meta {
  238.                             padding: 8px 13px;
  239.                             height: 13px;
  240.                             float: left;
  241.                             color: #666;
  242.                             font-family: {font:Accent};
  243.                             font-size: 11px;
  244.                             text-transform: lowercase;
  245.                         }
  246.                        
  247.                             #wrapper #content .post .audio .meta a {
  248.                                 color: #666;
  249.                                 text-decoration: none;
  250.                             }
  251.                    
  252.                     #wrapper #content .post .album_art {
  253.                         text-align: center;
  254.                     }
  255.                    
  256.                     #wrapper #content .post .question {
  257.                         color: #494949;
  258.                         font-size: 16px;
  259.                         font-weight: bold;
  260.                         background: #f1f1f1;
  261.                         -moz-border-radius: 8px;
  262.                         -webkit-border-radius: 8px;
  263.                         border-radius: 8px;
  264.                         margin: 0 0 15px 0;
  265.                         padding: 15px 20px;
  266.                         position: relative;
  267.                     }
  268.                    
  269.                         #wrapper #content .post .question .nipple {
  270.                             width: 13px;
  271.                             height: 7px;
  272.                             background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  273.                             position: absolute;
  274.                             bottom: -7px;
  275.                             left: 30px;
  276.                         }
  277.                        
  278.                     #wrapper #content .post .asker_container {
  279.                         margin: 0 0 20px 24px;
  280.                     }
  281.                    
  282.                         #wrapper #content .post .asker_container img {
  283.                             margin: 0 12px -7px 0;
  284.                         }
  285.                        
  286.                         #wrapper #content .post .asker_container a.asker {
  287.                             color: {color:Body};
  288.                         }
  289.                    
  290.                     #wrapper #content .post .title {
  291.                         color: #494949;
  292.                         font-size: 16px;
  293.                         font-weight: bold;
  294.                         padding: 10px 10px 0 10px;
  295.                     }
  296.                    
  297.                     #wrapper #content .post img {
  298.                       max-width: 100%;
  299.                     }
  300.                                        
  301.                     #wrapper #content .post .chat {
  302.                         background-color: #fff;
  303.                         border-left: 5px solid #dedddd;
  304.                         margin: 10px 10px 0 10px;
  305.                         font-size: 14px;
  306.                     }
  307.                                        
  308.                         #wrapper #content .post .chat .lines {
  309.                             margin-left: 1px;
  310.                         }
  311.                        
  312.                             #wrapper #content .post .chat .lines .line {
  313.                                 background-color: #eaeaea;
  314.                                 color: #494949;
  315.                                 margin-bottom: 1px;
  316.                                 padding: 3px 5px;
  317.                             }
  318.                            
  319.                             #wrapper #content .post .chat .lines .line.even {
  320.                                 background-color: #dedddd;
  321.                             }
  322.                        
  323.                         #wrapper #content .post .link {
  324.                             margin: 4px 0 2px 0;
  325.                             font-size: 16px;
  326.                             line-height: 25px;
  327.                         }
  328.                            
  329.                             #wrapper #content .post .link a {
  330.                                 background-color: {color:link};
  331.                                 color: #fff;
  332.                                 padding: 5px 7px;
  333.                                 -moz-border-radius: 4px;
  334.                                 -webkit-border-radius: 4px;
  335.                                 border-radius: 4px;
  336.                             }
  337.                            
  338.                             #wrapper #content .post .link a:hover {
  339.                                 opacity: 0.9;
  340.                                 filter: alpha(opacity=90);
  341.                                 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  342.                             }
  343.                    
  344.                     #wrapper #content .post .footer {
  345.                         background: #eaeaea;
  346.                         -moz-border-radius: 4px;
  347.                         -webkit-border-radius: 4px;
  348.                         border-radius: 4px;
  349.                         font-family: {font:Accent};
  350.                         font-size: 11px;
  351.                         color: #666;
  352.                         padding: 5px 10px;
  353.                         margin-top: 10px;
  354.                     }
  355.                        
  356.                         #wrapper #content .post .footer.for_permalink:hover {
  357.                             opacity: 0.9;
  358.                             filter: alpha(opacity=90);
  359.                             -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  360.                         }
  361.                        
  362.                         #wrapper #content .post .footer .date {
  363.                             width: 67%;
  364.                             float: left;
  365.                             color: #666;
  366.                         }
  367.                        
  368.                         #wrapper #content .post .footer .notes {
  369.                             width: 33%;
  370.                             float: right;
  371.                             text-align: right;
  372.                             color: #666;
  373.                         }
  374.                            
  375.                             #wrapper #content .post .footer .notes a {
  376.                                 color: #666;
  377.                             }
  378.                            
  379.                             #wrapper #content .post .footer .tags a {
  380.                                 color: #4a4a51;
  381.                                 text-decoration: underline;
  382.                             }
  383.                            
  384.                                 #wrapper #content .post .footer .tags .tag-commas:last-child {
  385.                                     display: none;
  386.                                 }
  387.                            
  388.                             #wrapper #content .post .footer.with_source_url .tags {
  389.                                 max-width: 330px;
  390.                                 float: left;
  391.                             }
  392.                            
  393.                             #wrapper #content .post .footer.with_source_url .source_url {
  394.                                 float: right;
  395.                                 max-width: 160px;
  396.                                 overflow: hidden;
  397.                                 white-space: nowrap;
  398.                                
  399.                             }
  400.                            
  401.                                 #wrapper #content .post .footer.with_source_url .source_url img {
  402.                                     vertical-align: top;
  403.                                     -moz-opacity: 0.5;
  404.                                     opacity: 0.5;
  405.                                 }
  406.                                
  407.                                 #wrapper #content .post .footer.with_source_url .source_url:hover img {
  408.                                     -moz-opacity: 0.7;
  409.                                     opacity: 0.7;
  410.                                 }
  411.                        
  412.                         #wrapper #content .post a {
  413.                             color: {color:link};
  414.                             text-decoration: none;
  415.                         }
  416.                        
  417.                             #wrapper #content .post .copy blockquote {
  418.                                 margin: 10px 0px 10px 10px;
  419.                                 padding-left: 15px;
  420.                                 border-left: solid 4px #dcdcdc;
  421.                             }
  422.                            
  423.                                 #wrapper #content .post .copy blockquote blockquote {
  424.                                     border-left: solid 4px #cccccc;
  425.                                 }
  426.                                
  427.                                     #wrapper #content .post .copy blockquote blockquote blockquote {
  428.                                         border-left: solid 4px #bcbcbc;
  429.                                     }
  430.                                    
  431.                                         #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  432.                                             border-left: solid 4px #acacac;
  433.                                         }
  434.                                        
  435.                                             #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  436.                                                 border-left: solid 4px #9c9c9c;
  437.                                             }
  438.                                            
  439.                                                 #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  440.                                                     border-left: solid 4px #8c8c8c;
  441.                                                 }
  442.                        
  443.                         #wrapper #content .bottom {
  444.                            /* background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;*/
  445.                             width: 513px;
  446.                             height: 40px;
  447.                             margin: 0 auto;
  448.                         }
  449.                        
  450.                         #wrapper #content #navigation {
  451.                             text-align: right;
  452.                             padding-bottom: 35px;
  453.                             text-transform: lowercase;
  454.                         }
  455.                        
  456.                             #wrapper #content #navigation a {
  457.                                 background-color: #fff;
  458.                                 color: {color:Background};
  459.                                 padding: 5px 10px;
  460.                                 text-decoration: none;
  461.                                 margin-left: 25px;
  462.                             }
  463.                            
  464.                             #wrapper #content #navigation a:hover {
  465.                                 opacity: 0.9;
  466.                                 filter: alpha(opacity=90);
  467.                                 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  468.                             }
  469.                            
  470.                         #wrapper #content #navigation.jump_pagination {}
  471.                            
  472.                             #wrapper #content #navigation.jump_pagination a {
  473.                                 margin: 0 0 0 4px;
  474.                             }
  475.                            
  476.                             #wrapper #content #navigation.jump_pagination .current_page {
  477.                                 color: #fff;
  478.                                 background-color: rgba(255,255,255, 0.1);
  479.                                 border: 2px solid #fff;
  480.                                 padding: 3px 8px;
  481.                                 margin: 0 0 0 4px;
  482.                                 cursor: default;
  483.                             }
  484.                            
  485.                             #wrapper #content #navigation.jump_pagination .jump_page {}
  486.                            
  487.                             #wrapper #content .post .notecontainer {
  488.                                 background: #eaeaea;
  489.                                 -moz-border-radius: 4px;
  490.                                 -webkit-border-radius: 4px;
  491.                                 border-radius: 4px;
  492.                                 font-family: {font:Accent};
  493.                                 font-size: 11px;
  494.                                 color: #666;
  495.                                 margin-top: 10px;
  496.                                 margin-bottom: -10px;
  497.                             }
  498.                            
  499.                                     #wrapper #content .post .notecontainer a {
  500.                                         color: #666;
  501.                                         text-decoration: underline;
  502.                                     }
  503.                                    
  504.                                     #wrapper #content .post .notecontainer ol.notes {
  505.                                         padding: 0px 0 10px 0;
  506.                                         list-style-type: none;
  507.                                         font-size: 11px;
  508.                                     }
  509.                                    
  510.                                         #wrapper #content .post .notecontainer ol.notes li.note {
  511.                                             padding: 10px 10px 0 10px;
  512.                                         }
  513.                                        
  514.                                             #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  515.                                                 vertical-align: -4px;
  516.                                                 margin-right: 10px;
  517.                                                 width: 16px;
  518.                                                 height: 16px;
  519.                                             }
  520.                                            
  521.                                             #wrapper #content .post .notecontainer ol.notes li.note span.action {
  522.                                                 font-weight: normal;
  523.                                             }
  524.                                            
  525.                                             #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  526.                                                 font-weight: normal;
  527.                                             }
  528.                                            
  529.                                             #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  530.                                                 border-left: 2px solid #666;
  531.                                                 padding: 4px 10px;
  532.                                                 margin: 10px 0px 0px 25px;
  533.                                             }
  534.                                            
  535.                                                 #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  536.                                                     text-decoration: none;
  537.                                                 }
  538.                
  539.                 #wrapper #content #searchresults {
  540.                     color: #fff;
  541.                     margin: 0 0 15px 0;
  542.                     text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  543.                     font-family: {font:Body};
  544.                     font-size: 20px;
  545.                 }
  546.                
  547.                     #wrapper #content #searchresults .search_query {
  548.                         font-weight: bold;
  549.                     }
  550.                    
  551.                     #wrapper #content #searchresults .search_query:before {
  552.                         content:'“';
  553.                     }
  554.                    
  555.                     #wrapper #content #searchresults .search_query:after {
  556.                         content:'”';
  557.                     }
  558.            
  559.             #wrapper #sidebar {
  560.                  {block:ifnotheader} margin-top: 120px; {/block:ifnotheader}
  561.                 position: fixed;
  562.                 width: 250px;
  563.               {block:ifsidebarleft}float: left;  {/block:ifsidebarleft}
  564.               {block:ifnotsidebarleft}  
  565.               {block:ifnot400px} margin-left: 600px;{/block:ifnot400px}
  566.              
  567.              {block:if400px} margin-left:500px; {/block:if400px}
  568.              
  569.               float:right;   {/block:ifnotsidebarleft}
  570.                 color: {color:Background};
  571.                 font-family: {font:Accent}
  572.             }
  573.            
  574.                 #wrapper #sidebar a {
  575.                     color: {color:Background};
  576.                 }
  577.                
  578.                 #wrapper #sidebar #top {
  579.                     background: rgba(255,255,255,{text:sidebaropacity});
  580.                   {block:ifshadow}  box-shadow:rgba(0,0,0,0.1)9px 9px; {/block:ifshadow}
  581.                     padding: 0 20px;
  582.                    
  583.                    -webkit-border-radius: 10px;
  584.                             -moz-border-radius: 10px;
  585.                             border-radius: 10px;  
  586.                 }
  587.                
  588.                     #wrapper #sidebar #top #avatar {
  589.                         width: 146px;
  590.                         height: 146px;
  591.                         padding: 8px 0 0 9px;
  592.                         background: url('http://assets.tumblr.com/themes/redux/avatar-bg.png') top left no-repeat transparent;
  593.                         position: relative;
  594.                         top: -24px;
  595.                         left: -5px;
  596.                     }
  597.                    
  598.                     #wrapper #sidebar #top #pages {
  599.                         margin-bottom: 15px;
  600.                         font-size: 12px;
  601.                     }
  602.                    
  603.                         #wrapper #sidebar #top #pages.ask_and_submit {
  604.                             display: none;
  605.                             {block:AskEnabled}display: block;{/block:AskEnabled}
  606.                             {block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}
  607.                         }
  608.                    
  609.                         #wrapper #sidebar #top #pages a.page {
  610.                             display: block;
  611.                             float: left;
  612.                             background-color: {color:Background};
  613.                             color: #fff;
  614.                             padding: 4px 5px;
  615.                             margin: 0 5px 5px 0;
  616.                             -webkit-border-radius: 3px;
  617.                             -moz-border-radius: 3px;
  618.                             border-radius: 3px;
  619.                         }
  620.                        
  621.                         #wrapper #sidebar #top #pages a.page:last-child {
  622.                             margin-right: 0;
  623.                         }
  624.                        
  625.                         #wrapper #sidebar #top #pages a.page:hover {
  626.                             opacity: 0.9;
  627.                             filter: alpha(opacity=90);
  628.                             -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  629.                         }
  630.                        
  631.                     #wrapper #sidebar #top #description {
  632.                        color: {color:text};
  633.                        font-size: 11px;
  634.                         position: relative;
  635.                         {block:ifnotavatar} top:10px; {/block:ifnotavatar}
  636.                        {block:ifavatar} top: -18px;  {/block:ifavatar}
  637.                     }
  638.                    
  639.                         #wrapper #sidebar #top #description a {
  640.                             color: {color:link};
  641.                             text-decoration: underline;
  642.                         }
  643.                    
  644.                     #wrapper #sidebar #top #search {
  645.                         background: #fff;
  646.                         border: 1px solid {color:Background};
  647.                        
  648.                         -moz-border-radius: 4px;
  649.                         -webkit-border-radius: 4px;
  650.                         border-radius: 4px;
  651.                     }
  652.                    
  653.                     #wrapper #sidebar #top #search-scope {
  654.                         padding-top: 5px;
  655.                         font-size: 11px;
  656.                         text-align: center;
  657.                     }
  658.                    
  659.                         #wrapper #sidebar #top #search-scope input,
  660.                         #wrapper #sidebar #top #search-scope label {
  661.                             cursor: pointer;
  662.                         }
  663.                        
  664.                         #wrapper #sidebar #top #search form {
  665.                             margin: 0;
  666.                         }
  667.                            
  668.                             #wrapper #sidebar #top #search form .query {
  669.                                 padding: 5px;
  670.                                 border: none;
  671.                                 background: transparent;
  672.                                 outline: none;
  673.                                 width: 125px;
  674.                                 float: left;
  675.                                 color: {color:Background};
  676.                             }
  677.                            
  678.                             #wrapper #sidebar #top #search form .submit {
  679.                                 background: {color:Background};
  680.                                 color: #fff;
  681.                                 border: none;
  682.                                 padding: 5px 7px;
  683.                                 margin: 3px 3px 2px 0;
  684.                                 float: right;
  685.                                 -moz-border-radius: 3px;
  686.                                 -webkit-border-radius: 3px;
  687.                                 border-radius: 3px;
  688.                                 cursor: pointer;
  689.                             }
  690.                            
  691.                             #wrapper #sidebar #top #search form .submit:hover {
  692.                                 opacity: 0.9;
  693.                                 filter: alpha(opacity=90);
  694.                                 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  695.                             }
  696.                    
  697.                     #wrapper #sidebar #top .heading {
  698.                         color: #fff;
  699.                         font-family: helvetica, arial, sans-serif;
  700.                         font-size: 17px;
  701.                         margin-top: 20px;
  702.                         padding: 10px;
  703.                         background-color: {color:Background};
  704.                         -webkit-border-top-left-radius: 4px;
  705.                         -webkit-border-top-right-radius: 4px;
  706.                         -moz-border-radius-topleft: 4px;
  707.                         -moz-border-radius-topright: 4px;
  708.                         border-top-left-radius: 4px;
  709.                         border-top-right-radius: 4px;
  710.                     }
  711.                    
  712.                     #wrapper #sidebar #top a .heading {
  713.                         color: #fff;
  714.                         text-decoration: none;
  715.                     }
  716.                    
  717.                     #wrapper #sidebar #top .heading#followontumblr {
  718.                         background: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-en_US.png') center left no-repeat {color:Background};
  719.                         text-indent: -9999px;
  720.                         -moz-border-radius: 4px;
  721.                         -webkit-border-radius: 4px;
  722.                         border-radius: 4px;
  723.                        
  724.                         {block:German}
  725.                             background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-de_DE.png');
  726.                         {/block:German}
  727.                        
  728.                         {block:Japanese}
  729.                             background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-ja_JP.png');
  730.                         {/block:Japanese}
  731.                        
  732.                         {block:Italian}
  733.                             background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-it_IT.png');
  734.                         {/block:Italian}
  735.                        
  736.                         {block:French}
  737.                             background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-fr_FR.png');
  738.                         {/block:French}
  739.                     }
  740.                    
  741.                     #wrapper #sidebar #top .heading#followontumblr:hover,
  742.                     #wrapper #sidebar #top .heading#twitter:hover {
  743.                         opacity: 0.9;
  744.                         filter: alpha(opacity=90);
  745.                         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  746.                     }
  747.                    
  748.                     #wrapper #sidebar #top .heading#twitter {
  749.                         background: url('http://assets.tumblr.com/themes/redux/sidebar-twitter.png') right center no-repeat {color:Background};
  750.                     }
  751.                    
  752.                     #wrapper #sidebar #top .heading#following {
  753.                         background: url('http://assets.tumblr.com/themes/redux/sidebar-following.png') right center no-repeat {color:Background};
  754.                     }
  755.                    
  756.                     #wrapper #sidebar #top .content {
  757.                         margin-top: 2px;
  758.                         padding: 7px 10px;
  759.                         background: #eaeaea;
  760.                         color: #666;
  761.                         font-size: 11px;
  762.                         overflow: hidden;
  763.                     }
  764.                    
  765.                         #wrapper #sidebar #top a {
  766.                             text-decoration: none;
  767.                         }
  768.                    
  769.                         #wrapper #sidebar #top #following-avatars.content {
  770.                             padding: 4px;
  771.                         }
  772.                    
  773.                                 #wrapper #sidebar #top #following-avatars.content a img {
  774.                                     margin: 5px;
  775.                                 }
  776.                                
  777.                         #wrapper #sidebar #top #buttons {
  778.                             padding: 20px 0 0 0;
  779.                         }
  780.                        
  781.                             #wrapper #sidebar #top #buttons .button {
  782.                                 width: 35%;
  783.                                 height: 21px;
  784.                                 float: left;
  785.                                 background: left center no-repeat transparent;
  786.                                 padding: 2px 0 0 30px;
  787.                                 font-size: 14px;
  788.                             }
  789.                            
  790.                                 #wrapper #sidebar #top #buttons a {
  791.                                     color: {color:Background};
  792.                                     text-decoration: none;
  793.                                 }
  794.                            
  795.                                 #wrapper #sidebar #top #buttons div {
  796.                                     padding-bottom: 10px;
  797.                                 }
  798.                            
  799.                             #wrapper #sidebar #top #buttons .button#button-rss {
  800.                                 background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');
  801.                                 text-transform: capitalize;
  802.                             }
  803.                            
  804.                             #wrapper #sidebar #top #buttons .button#button-random {
  805.                                 background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2');
  806.                             }
  807.                            
  808.                             #wrapper #sidebar #top #buttons .button#button-archive {
  809.                                 background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');
  810.                             }
  811.                            
  812.                             #wrapper #sidebar #top #buttons .button#button-mobile {
  813.                                 background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');
  814.                             }
  815.                
  816.                     #wrapper #sidebar #bottom {
  817.                         background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent;
  818.                         width: 250px;
  819.                         height: 25px;
  820.                     }
  821.                    
  822.                     #wrapper #sidebar #copyright {
  823.                         text-align: center;
  824.                         color: #fff;
  825.                         font-size: 12px;
  826.                         margin-bottom: 10px;
  827.                     }
  828.                    
  829.                         #wrapper #sidebar #copyright a {
  830.                             color: #fff;
  831.                             margin-left: 15px;
  832.                         }
  833.    
  834.     </style>
  835.     <!--[if lt IE 7.]>
  836.         <style type="text/css">
  837.             #wrapper #sidebar #bottom {
  838.                 background: transparent;
  839.             }
  840.            
  841.             #wrapper #sidebar #top #avatar {
  842.                 background: none;
  843.             }
  844.            
  845.             #wrapper #sidebar #top #avatar img {
  846.                 border: 5px solid #f1f1f1;
  847.             }
  848.            
  849.             #wrapper #sidebar #top .heading#followontumblr {
  850.                 background-image: none;
  851.                 text-indent: 0;
  852.             }
  853.        
  854.             #wrapper #sidebar #top .heading#twitter {
  855.                 background-image: none;
  856.             }
  857.        
  858.             #wrapper #sidebar #top .heading#following {
  859.                 background-image: none;
  860.             }
  861.  
  862.             #wrapper #content .post .audio .player {
  863.                 float: none;
  864.             }
  865.            
  866.             #wrapper #content .post .audio .meta {
  867.                 display: none;
  868.                 float: none;
  869.             }
  870.         </style>
  871.     <![endif]-->
  872.    
  873.     <!--[if lt IE 8.]>
  874.         <style type="text/css">
  875.             #wrapper #content .bottom {
  876.                 background: transparent;
  877.             }
  878.            
  879.             #wrapper #content .post .footer {
  880.                 background: transparent;
  881.                 color: #000;
  882.             }
  883.            
  884.             #wrapper #content .post .audio {
  885.                 float: none;
  886.                 background: transparent;
  887.             }
  888.            
  889.             #wrapper #content .post .notecontainer .notes {
  890.                 padding: 0;
  891.                 margin: 0;
  892.             }
  893.         </style>
  894.     <![endif]-->
  895.     <style type="text/css">{CustomCSS}</style>
  896. </head>
  897. <body>
  898.  
  899. {block:ifshowfloaties}
  900.  
  901.  <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  902. <script type="text/javascript">
  903.  
  904. /***********************************************
  905. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  906. * Modified by Dynamic Drive for various improvements
  907. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  908. * 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!
  909. ***********************************************/
  910.  
  911. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  912. var flyimage1, flyimage2, flyimage3, flyimage4, flyimage5
  913.  
  914. function pagestart(){
  915. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  916.  flyimage1=new Chip("flyimage1",40,62);
  917.  flyimage2=new Chip("flyimage2",40,62);
  918.  flyimage3=new Chip("flyimage3",40,62);
  919.  flyimage4=new Chip("flyimage4",40,62);
  920.  flyimage5=new Chip("flyimage5",40,62);
  921.  
  922.  
  923. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  924. movechip("flyimage1");
  925. movechip("flyimage2");
  926. movechip("flyimage3");
  927. movechip("flyimage4");
  928. movechip("flyimage5");
  929.  
  930. }
  931.  
  932. if (window.addEventListener)
  933. window.addEventListener("load", pagestart, false)
  934. else if (window.attachEvent)
  935. window.attachEvent("onload", pagestart)
  936. else if (document.getElementById)
  937. window.onload=pagestart
  938.  
  939. </script>
  940.  
  941. <!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->
  942.  
  943.  
  944. <div id="flyimage1" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  945. <img src="{image:floatie1}">
  946. </div>
  947.  
  948. <div id="flyimage2" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  949. <img src="{image:floatie2}">
  950. </div>
  951.  
  952. <div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  953. <img src="{image:floatie3}">
  954. </div>
  955.  
  956. <div id="flyimage4" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  957. <img src="{image:floatie4}">
  958. </div>
  959.  
  960. <div id="flyimage5" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  961. <img src="{image:floatie5}">
  962. </div>
  963.  
  964. </div>
  965.  
  966.  
  967. {/block:ifshowfloaties}
  968.  
  969.  
  970.    <div id="wrapper">
  971.     {block:ifheader}   <div id="title">
  972.            <a href="/">
  973.                {block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
  974.                {block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
  975.            </a>
  976.        </div>
  977.        
  978.        {/block:ifheader}
  979.        
  980.        <div id="content">
  981.            
  982.            {block:SearchPage}
  983.                {block:SearchResults}
  984.                    <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  985.                {/block:SearchResults}
  986.                
  987.                {block:NoSearchResults}
  988.                    <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  989.                {/block:NoSearchResults}
  990.            {/block:SearchPage}
  991.            
  992.            {block:Posts}
  993.                <div class="post">
  994.                    
  995.                    {block:Photo}
  996.                        
  997.                        <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="max-width:100%;" />{LinkCloseTag}</div>
  998.                        
  999.                         {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}  
  1000.                    {/block:Photo}
  1001.                    
  1002.                     {block:Photoset}
  1003.                     <div class="media" style="max-width:100%">{LinkOpenTag}{Photoset}{LinkCloseTag}</div>
  1004.                     {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}  {/block:Photoset}
  1005.                    
  1006.                    
  1007.                    
  1008.                    {block:Video}
  1009.                    
  1010.                    {block:ifnot400px}
  1011.                        <div class="media">{Video-500}</div>  {/block:ifnot400px}
  1012.                        
  1013.                        {block:if400px}
  1014.                        <div class="media">{Video-400}</div>  {/block:if400px}
  1015.                        
  1016.                        
  1017.                        {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1018.                    {/block:Video}
  1019.                    
  1020.                    {block:Audio}
  1021.                        
  1022.                        {block:AudioEmbed}
  1023.                            {AudioEmbed}
  1024.                        {/block:AudioEmbed}
  1025.                        
  1026.                        {block:AudioPlayer}
  1027.                            {block:IfShowAlbumArtOnAudioPosts}
  1028.                                {block:AlbumArt}
  1029.                                    <div class="album_art">
  1030.                                        <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  1031.                                    </div>
  1032.                                {/block:AlbumArt}
  1033.                            {/block:IfShowAlbumArtOnAudioPosts}
  1034.                        
  1035.                            <div class="audio">
  1036.                                <div class="player">{AudioPlayerWhite}</div>
  1037.                                <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>
  1038.                                <div class="clear"></div>
  1039.                            </div>
  1040.                        {/block:AudioPlayer}
  1041.                        
  1042.                        <div class="clear"></div>
  1043.                        
  1044.                        {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1045.                        
  1046.                    {/block:Audio}
  1047.                    
  1048.                    {block:Quote}
  1049.                        <div class="quote {Length}">{Quote}</div>
  1050.                        <div class="copy">
  1051.                            <div class="quotebg">“</div>
  1052.                            {block:Source}
  1053.                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1054.                                    <tr>
  1055.                                        <td valign="top" style="width:20px;">&mdash;</td>
  1056.                                        <td valign="top" class="quote_source">
  1057.                                            {Source}
  1058.                                        </td>
  1059.                                    </tr>
  1060.                                </table>
  1061.                            {/block:Source}
  1062.                        </div>
  1063.                    {/block:Quote}
  1064.                        
  1065.                    {block:Text}
  1066.                        {block:Title}<div class="title">{Title}</div>{/block:Title}
  1067.                        <div class="copy">{Body}</div>
  1068.                    {/block:Text}
  1069.                    
  1070.                    {block:Answer}
  1071.                        <div class="question">
  1072.                            <div class="nipple"></div>
  1073.                            {Question}
  1074.                        </div>
  1075.                        <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1076.                        <div class="copy">{Answer}</div>
  1077.                    {/block:Answer}
  1078.                    
  1079.                    {block:Chat}
  1080.                        {block:Title}<div class="title">{Title}</div>{/block:Title}
  1081.                        <div class="chat">
  1082.                            <div class="lines">
  1083.                                {block:Lines}
  1084.                                    <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1085.                                {/block:Lines}
  1086.                            </div>
  1087.                        </div>
  1088.                        <div class="clear"></div>
  1089.                        <div style="height:10px;"></div>
  1090.                    {/block:Chat}
  1091.                    
  1092.                    {block:Link}
  1093.                        <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1094.                        {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1095.                    {/block:Link}
  1096.                    
  1097.                    {block:Date}
  1098.                        <a href="{Permalink}">
  1099.                            <div class="footer for_permalink">
  1100.                                <div class="date">
  1101.                                    {block:Reblog}
  1102.                                        {lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
  1103.                                    {/block:Reblog}
  1104.                                    
  1105.                                    {block:NotReblog}
  1106.                                        {lang:Posted TimeAgo from source}
  1107.                                    {/block:NotReblog}
  1108.                                </div>
  1109.                                <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
  1110.                                <div class="clear"></div>
  1111.                            </div>
  1112.                        </a>
  1113.                    {/block:Date}
  1114.                    
  1115.                    <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  1116.                        display:none;
  1117.                        {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  1118.                        {block:ContentSource}display:block;{/block:ContentSource}
  1119.                    ">
  1120.                        {block:IfShowTags}
  1121.                            {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  1122.                        {/block:IfShowTags}
  1123.                        
  1124.                        {block:ContentSource}
  1125.                            <a href="{SourceURL}" class="source_url">
  1126.                                {lang:Source}:
  1127.                                {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1128.                                {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  1129.                            </a>
  1130.                        {/block:ContentSource}
  1131.                        
  1132.                        <div class="clear"></div>
  1133.                    </div>
  1134.                    
  1135.                    {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1136.                    
  1137.                    {block:IfDisqusShortname}
  1138.                        {block:Permalink}
  1139.                            <div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
  1140.                                <div id="disqus_thread"></div>
  1141.                                <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1142.                                <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  1143.                            </div>
  1144.                            <div style="text-align:right; margin-top:5px;">
  1145.                                {lang:Blog comments powered by Disqus 2}
  1146.                            </div>
  1147.                        {/block:Permalink}
  1148.                    {/block:IfDisqusShortname}
  1149.                    
  1150.                </div>
  1151.                <div class="bottom"></div>
  1152.            {/block:Posts}
  1153.            
  1154.            {block:Pagination}
  1155.                <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  1156.                    {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  1157.                    
  1158.                    {block:IfEnableJumpPagination}
  1159.                        {block:JumpPagination length="5"}
  1160.                            {block:CurrentPage}
  1161.                                <span class="current_page">{PageNumber}</span>
  1162.                            {/block:CurrentPage}
  1163.                            
  1164.                            {block:JumpPage}
  1165.                                <a class="jump_page" href="{URL}">{PageNumber}</a>
  1166.                            {/block:JumpPage}
  1167.                            
  1168.                        {/block:JumpPagination}
  1169.                    {/block:IfEnableJumpPagination}
  1170.                    
  1171.                    {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  1172.                </div>
  1173.            {/block:Pagination}
  1174.            
  1175.        </div>
  1176.        
  1177.        <div id="sidebar">
  1178.            <div id="top">
  1179.            
  1180.        {block:ifavatar}    <div style="margin-left:35px;">
  1181.                <div id="avatar"><a href="/"><img src="{PortraitURL-128}" /></a></div>  </div>   {/block:ifavatar}
  1182.                <div id="description">{Description}</div>
  1183.                
  1184.     {block:ifavatar}           <div id="pages" class="ask_and_submit">
  1185.                    {block:AskEnabled}<a href="/ask" class="page">{AskLabel}</a>{/block:AskEnabled}
  1186.                    {block:SubmissionsEnabled}<a href="/submit" class="page">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  1187.                    <div class="clear"></div>
  1188.                </div>
  1189.                
  1190.                {block:HasPages}
  1191.                    <div id="pages">
  1192.                        {block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}
  1193.                        <div class="clear"></div>
  1194.                    </div>
  1195.                {/block:HasPages}
  1196.                {/block:ifavatar}
  1197.                
  1198.                {block:ifsearch}
  1199.                
  1200.                <div id="search">
  1201.                    <form action="/search" method="get" id="search-form">
  1202.                        <input type="hidden" name="t" value="{Name}" />
  1203.                        <input type="hidden" name="scope" value="all_of_tumblr" />
  1204.                        <input type="text" name="q" class="query" value="{SearchQuery}" />
  1205.                        <input type="submit" value="search" class="submit" />
  1206.                        <div class="clear"></div>
  1207.                    </form>
  1208.                </div>
  1209.              
  1210.                {/block:ifsearch}
  1211.                
  1212. <br>
  1213.          
  1214.                
  1215.                
  1216.              
  1217.                
  1218.            </div>
  1219.            
  1220.          
  1221.        </div>
  1222.        
  1223.        <div class="clear"></div>
  1224.    </div>
  1225.    
  1226.    
  1227.    
  1228.  
  1229. </body>
  1230. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement