shittierthemes

dazzle theme

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