Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

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