Advertisement
Guest User

glass redux by tukut v1

a guest
Jun 30th, 2013
13,160
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 44.60 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.        glass redux edit by tukut
  5.        (tukut.tumblr.com)
  6.        do not remove credit
  7.  
  8. -->
  9.  
  10.  
  11.  
  12.  
  13.  
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.     <!-- DEFAULT VARIABLES -->
  24.     <meta name="color:Background1" content="#c8bdfd" /><meta name="color:Background2" content="#c8bdfd" />
  25.  
  26. <meta name="color:link" content="#c8bdfd" />
  27. <meta name="color:text" content="#000000" />
  28. <meta name="color:border" content="#000000" />
  29. <meta name="color:scrollbar" content="#000000" />
  30.    
  31.     <meta name="if:Show Tags" content="1" />  <meta name="if:captions" content="1" />
  32.     <meta name="if:show music box" content="0">
  33.    
  34.     <meta name="if:bgcover" content="1" />    
  35.     <meta name="if:showbuttons" content="1" />    
  36.     <meta name="if:postsleft" content="1" />  
  37.    
  38.    
  39.     <meta name="if:postborder" content="1" />  
  40.    
  41.     <meta name="if:transparentfooter" content="0" />  
  42.     <meta name="if:sidebarborder" content="1" />  
  43.    
  44.    
  45.    
  46.    
  47.       <meta name="if:sidebartop" content="1" />
  48.        <meta name="if:sidebarleft" content="1" />
  49.         <meta name="if:sidebarright" content="0" />
  50.          <meta name="if:sidebarbottom" content="0" />
  51.      
  52.      
  53.     <meta name="if:hoverglow" content="1" />
  54.     <meta name="if:Infinite Scroll" content="1" />
  55.     <meta name="if:Show Avatar" content="0" />
  56.     <meta name="if:Show Album Art on Audio Posts" content="0" />
  57.     <meta name="image:Background" content="" />
  58.     <meta name="image:Avatar" content="http://media.tumblr.com/edbebaa7deaf4ffc2f3ee66cb1ffdf10/tumblr_inline_mo369mC3Eg1qz4rgp.gif" />
  59.    
  60.    
  61.     <meta name="text:music code" content="music code">
  62.     <meta name="text:nav title" content="navigation">
  63.     <meta name="text:link 1 url" content="/" /> <meta name="text:link 2 url" content="" />
  64. <meta name="text:link 3 url" content="" />
  65. <meta name="text:link 4 url" content="" />
  66. <meta name="text:link 5 url" content="" />
  67. <meta name="text:link 6 url" content="" />
  68. <meta name="text:link 7 url" content="" />
  69. <meta name="text:link 1" content="" />
  70. <meta name="text:link 2" content="" />
  71. <meta name="text:link 3" content="" />
  72. <meta name="text:link 4" content="" />
  73. <meta name="text:link 5" content="" />
  74. <meta name="text:link 6" content="" />
  75. <meta name="text:link 7" content="" />
  76. <meta name="text:musicposition" content="530" />
  77. <meta name="text:postspositionY" content="20" />
  78. <meta name="text:postspositionX" content="20" />
  79.  
  80. <meta name="text:sidebarpositionY" content="120" />
  81. <meta name="text:sidebarpositionX" content="420" />
  82.  
  83.  
  84. <meta name="text:postopacity" content=".6" /><meta name="text:sidebaropacity" content=".6" />
  85.    
  86.    
  87.    
  88.  
  89.  
  90.  
  91.     {block:ifinfinitescroll}
  92.    
  93.  
  94. <script type="text/javascript" src="http://tumblogy.com/wp-content/uploads/2013/03/Endless-Scroll-Code.js"></script>
  95. {/block:ifinfinitescroll}
  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.         ::-webkit-scrollbar-thumb:vertical {
  106.             background-color: {color:scrollbar};
  107.             border: solid 1px {color:border};
  108.         }
  109.  
  110.         ::-webkit-scrollbar {
  111.             width: 10px;
  112.             background-color: {color:background1};
  113.             height: auto;
  114.         }
  115.  
  116. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  117.  
  118.  
  119.          body{
  120. background: {color:Background1} url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;
  121.         -webkit-background-size: cover;
  122.         -moz-background-size: cover;
  123.         -o-background-size: cover;
  124.         background-size: cover; {/block:ifbgcover}
  125.        
  126.        
  127.         {block:ifnotbgcover} top left fixed repeat {block:ifnotbgcover};
  128.        
  129.        
  130.        
  131.        
  132.             margin: 0px 0px;
  133.             padding: 0;
  134.            font: bitxmap;
  135.         }
  136.        
  137.         .clear {
  138.             clear: both;
  139.             height: 0px;
  140.             overflow: hidden;
  141.         }
  142.        
  143.         a img {
  144.             border: none;
  145.         }
  146.        
  147.         #wrapper {
  148.             width: 353px;
  149.             margin-top: 0px;
  150.             margin-left: 0px;
  151.         }
  152.        
  153.             #wrapper #title {
  154.                 margin: 0px 0;
  155.                 color: #fff;
  156.                 font-size: 50px;
  157.                 font-weight: bold;
  158.                  font: bitxmap;
  159.                 letter-spacing: -1px;
  160.             }
  161.            
  162.                 #wrapper #title a {
  163.                     color: #fff;
  164.                     text-decoration: none;
  165.                 }
  166.            
  167.             #wrapper #content {
  168.                 margin-top:0px;
  169.                 width: 250px;
  170.                
  171.                
  172.                 float: left;
  173.             }
  174.            
  175.                 #wrapper #content .post {
  176.                      background: rgba(255,255,255, {text:postopacity});
  177.                     font-family: bitxmap;
  178.                     font-size: 10px;
  179.                     padding: 0px;
  180.                     overflow: hidden;
  181.                     position: relative;
  182.                   {block:ifpostborder} border: solid 1px {color:border}; {/block:ifpostborder}
  183.                  
  184.                     top: {text:postspositionY}px;
  185.                     left: {text:postspositionX}px;
  186.                    
  187.                  
  188.                 }
  189.                
  190.                
  191.                 #wrapper #content .post:hover {
  192.                    
  193.                    {block:ifhoverglow}
  194.                    box-shadow: 0 0 21px rgba(255, 255, 255, 1);
  195.     -webkit-box-shadow: 0 0 21px rgba(255, 255, 255, 1);
  196.     -moz-box-shadow: 0 0 21px rgba(255, 255, 255, 1);
  197.                      -webkit-transition: all 0.3s linear;
  198.     -moz-transition: all 0.3s linear;
  199.     transition: all 0.3s linear;  {/block:ifhoverglow}
  200.                 }
  201.                    
  202.                     #wrapper #content .post .media {
  203.                         text-align: center;
  204.                         margin-bottom: 0px;
  205.                     }
  206.                    
  207.                     #wrapper #content .post .quotebg {
  208.                         font-family: georgia, serif;
  209.                         font-size: 135px;
  210.                         color: white;
  211.                         opacity: 0.2;
  212.                         filter: alpha(opacity=20);
  213.                         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  214.                         position: absolute;
  215.                         top: 70px;
  216.                         left: 10px;
  217.                     }
  218.                    
  219.                     #wrapper #content .post .quote {
  220.                         color: {color: text};
  221.                         padding: 20px 20px 5px 20px;
  222.                     }
  223.                    
  224.                     #wrapper #content .post .quote.short {
  225.                         font-size: 10px;
  226.                         line-height: 12px;
  227.                     }
  228.                    
  229.                     #wrapper #content .post .quote.medium {
  230.                         font-size: 10px;
  231.                         line-height: 12px;
  232.                     }
  233.                    
  234.                     #wrapper #content .post .quote.long {
  235.                         font-size: 10px;
  236.                         line-height: 12px;
  237.                     }
  238.                                        
  239.                         #wrapper #content .post .quote_source *:first-child {
  240.                             margin-top: 0px;
  241.                         }
  242.                        
  243.                         #wrapper #content .post .quote_source *:last-child {
  244.                             margin-bottom: 0px;
  245.                         }
  246.                        
  247.                         #wrapper #content .post .quote *:first-child {
  248.                             margin-top: 0px;
  249.                         }
  250.                        
  251.                         #wrapper #content .post .quote *:last-child {
  252.                             margin-bottom: 0px;
  253.                         }
  254.                        
  255.                     #wrapper #content .post .copy {
  256.                         color: {color:text};
  257.                         padding: 5px;
  258.                        
  259.                         font-size: 10px;
  260.                         line-height: 15px;
  261.                     }
  262.                        
  263.                         #wrapper #content .post .copy a {
  264.                             color: {color:link};
  265.                         }
  266.                        
  267.                         #wrapper #content .post .copy p {
  268.                             margin: 10px 0 0 0;
  269.                             padding: 0;
  270.                         }
  271.                        
  272.                         #wrapper #content .post .copy pre {
  273.                             margin: 10px 0px 10px 0px;
  274.                             padding: 10px;
  275.                             background-color: #e6e6e6;
  276.                             font: normal 11px Courier, monospace;
  277.                             overflow: auto;
  278.                         }
  279.                        
  280.                         #wrapper #content .post .copy > p:first-child {
  281.                             margin-top: 0;
  282.                         }
  283.                        
  284.                         #wrapper #content .post .copy img {
  285.                             max-width: 100%;
  286.                         }
  287.                    
  288.                     #wrapper #content .post .audio {
  289.                         background: rgba(255,255,255, 0.2);
  290.                         padding: 7px;
  291.                         margin-bottom: 10px;
  292.                        {block:ifpostborder} border-bottom: solid 1px {color:border};   {/block:ifpostborder}
  293.                     }
  294.                                                        
  295.                         #wrapper #content .post .audio .player {
  296.                             float: left;
  297.                         }
  298.                        
  299.                             #wrapper #content .post .audio .player .audio_player embed {
  300.                                
  301.                             }
  302.                        
  303.                         #wrapper #content .post .audio .meta {
  304.                             padding: 8px 13px;
  305.                             height: 13px;
  306.                             float: left;
  307.                           color: {color: text};
  308.                               font: bitxmap;
  309.                             font-size: 10px;
  310.                             text-transform: lowercase;
  311.                         }
  312.                        
  313.                             #wrapper #content .post .audio .meta a {
  314.                                 color: {color: text};
  315.                                 text-decoration: none;
  316.                             }
  317.                    
  318.                     #wrapper #content .post .album_art {
  319.                         text-align: center;
  320.                     }
  321.                    
  322.                     #wrapper #content .post .question {
  323.                         color: {color:text};
  324.                         background: rgba(255,255,255,.4);
  325.                         font-size: 11px;
  326.                         position: relative
  327.                         margin-left: 1px;
  328.                         padding: 10px 10px;
  329.                        
  330.                         {block:ifpostborder}
  331.                         border-bottom: solid 1px {color:border};
  332.                         {/block:ifpostborder}
  333.                     }
  334.                        
  335.                     #wrapper #content .post .asker_container {
  336.                         margin: 0 5px 5px 5px;
  337.                     }
  338.                    
  339.                         #wrapper #content .post .asker_container img {
  340.                             margin: 0 12px -7px 0;
  341.                        /*     border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black;  */
  342.                         }
  343.                        
  344.                         #wrapper #content .post .asker_container a.asker {
  345.                             color: {color:text};
  346.                         }
  347.                    
  348.                     #wrapper #content .post .title {
  349.                         color: {color: text};
  350.                         font-size: 16px;
  351.                         font-weight: bold;
  352.                         padding: 10px 10px 0 10px;
  353.                     }
  354.                    
  355.                     #wrapper #content .post img {
  356.                        
  357.                       max-width: 100%;
  358.                     }
  359.                                        
  360.                     #wrapper #content .post .chat {
  361.                         color: {color: text};
  362.                         {block:ifpostborder} border: 1px solid {color:border}; {/block:ifpostborder}
  363.                         background: rgba(255,255,255, 0.2);
  364.                         border-left: 5px solid #transparent;
  365.                         margin: 10px 10px 0 10px;
  366.                         font-size: 10px;
  367.                     }
  368.                                        
  369.                         #wrapper #content .post .chat .lines {
  370.                             margin-left: 1px;
  371.                         }
  372.                        
  373.                             #wrapper #content .post .chat .lines .line {
  374.                                 background-color: #transparent;
  375.                                
  376.                                 margin-bottom: 1px;
  377.                                 padding: 3px 5px;
  378.                             }
  379.                            
  380.                             #wrapper #content .post .chat .lines .line.even {
  381.                                 background-color: rgba(255,255,255, 0.6);
  382.                             }
  383.                        
  384.                         #wrapper #content .post .link {
  385.                             margin: 4px 0 2px 0;
  386.                             font-size: 10px;
  387.                             line-height: 25px;
  388.                         }
  389.                            
  390.                             #wrapper #content .post .link a {
  391.                                 margin-left: 4px;
  392.                                
  393.                                 color: {color:link};
  394.                                 padding: 5px 7px;
  395.                                 {block:ifpostborder} border: solid 1px  {color:border};   {/block:ifpostborder}
  396.                             }
  397.                            
  398.                             #wrapper #content .post .link a:hover {
  399.                                 background-color: rgba(255,255,255,.1);
  400.                                 opacity: 0.9;
  401.                                 filter: alpha(opacity=90);
  402.                                 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  403.                             }
  404.                    
  405.                     #wrapper #content .post .footer {
  406.                         margin-top: -2px;{block:ifnottransparentfooter}
  407.                         background: {color:Background2};
  408.                         {/block:ifnottransparentfooter}
  409.                          font: bitxmap;
  410.                         font-size: 10px;
  411.                         color: {color:footer};
  412.                         padding: 2px 3px;
  413.                         margin-bottom: -1px;
  414.                        
  415.                        {block:ifpostborder} border-top: solid 1px {color:border}; {/block:ifpostborder}
  416.                     }
  417.                        
  418.                         #wrapper #content .post .footer.for_permalink:hover {
  419.                            
  420.                            
  421.                             filter: alpha(opacity=90);
  422.                             -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  423.                         }
  424.                        
  425.                         #wrapper #content .post .footer .date {
  426.                             width: 67%;
  427.                             float: left;
  428.                             color: {color:text};
  429.                         }
  430.                        
  431.                         #wrapper #content .post .footer .notes {
  432.                            
  433.                             width: 33%;
  434.                             float: left;
  435.                             text-align: right;
  436.                             color: {color:text};
  437.                         }
  438.                            
  439.                             #wrapper #content .post .footer .notes a {
  440.                                                             color: {color:text};
  441.                             }
  442.                            
  443.                             #wrapper #content .post .footer .tags a {
  444.                             color: {color:text};
  445.                             }
  446.                            
  447.                                 #wrapper #content .post .footer .tags .tag-commas:last-child {
  448.                                     display: none;
  449.                                 }
  450.                            
  451.                             #wrapper #content .post .footer.with_source_url .tags {
  452.                                 max-width: 330px;
  453.                                 float: left;
  454.                             }
  455.                            
  456.                             #wrapper #content .post .footer.with_source_url .source_url {
  457.                                 float: right;
  458.                                 max-width: 160px;
  459.                                 overflow: hidden;
  460.                                 white-space: nowrap;
  461.                                
  462.                             }
  463.                            
  464.                                 #wrapper #content .post .footer.with_source_url .source_url img {
  465.                                     vertical-align: top;
  466.                                     -moz-opacity: 0.5;
  467.                                     opacity: 0.5;
  468.                                 }
  469.                                
  470.                                
  471.  #wrapper #content .post .footer:hover {
  472.      background: rgba(255,255,255, .2);
  473.     -webkit-transition: all 0.2s linear;
  474.     -moz-transition: all 0.2s linear;
  475.     transition: all 0.2s linear;  }                              
  476.                                
  477.                                
  478.                                
  479.                                 #wrapper #content .post .footer.with_source_url .source_url:hover img {
  480.                                     -moz-opacity: 0.7;
  481.                                     opacity: 0.7;
  482.                                 }
  483.                        
  484.                         #wrapper #content .post a {
  485.                             color: #6e7173;
  486.                             text-decoration: none;
  487.                         }
  488.                        
  489.                             #wrapper #content .post .copy blockquote {
  490.                                 margin: 5px 0px 5px 5px;
  491.                                 padding-left: 5px;
  492.                                border-left: solid 1px {color:border};
  493.                             }
  494.                            
  495.                                 #wrapper #content .post .copy blockquote blockquote {
  496.                                     border-left: solid 1px {color:border};
  497.                                 }
  498.                                
  499.                                     #wrapper #content .post .copy blockquote blockquote blockquote {
  500.                                         border-left: solid 1px {color:border};
  501.                                     }
  502.                                    
  503.                                         #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  504.                                             border-left: solid 1px {color:border};
  505.                                         }
  506.                                        
  507.                                             #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  508.                                                 border-left: solid 1px {color:border};
  509.                                             }
  510.                                            
  511.                                                 #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  512.                                                     border-left: solid 1px {color:border};
  513.                                                 }
  514.                        
  515.                         #wrapper #content .bottom {
  516.                             width: 53px;
  517.                             height: 14px;
  518.                             margin: 0 auto;
  519.                         }
  520.                        
  521.                         #wrapper #content #navigation { /*butt*/
  522.                            width: 50px;
  523.                            text-align: left;
  524.                             padding-bottom: 35px;
  525.                             text-transform: lowercase;
  526.                         }
  527.                        
  528.                             #wrapper #content #navigation a {
  529.                                 background-color: rgba(255,255,255,.6);
  530.                                 color: {color:link};
  531.                                 padding: 5px 10px;
  532.                                 text-decoration: none;
  533.                                 margin-left: {Text:postspositionX}px;
  534.                                 border: solid 1px {color:Border};
  535.                             }
  536.                            
  537.                             #wrapper #content #navigation a:hover {
  538.                                 opacity: 0.9;
  539.                                 filter: alpha(opacity=90);
  540.                                 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  541.                             }
  542.                            
  543.                        
  544.                            
  545.                            
  546.                             #wrapper #content .post .notecontainer {
  547.                                 background: ;
  548.                                   font: bitxmap;
  549.                                 font-size: 10px;
  550.                                
  551.                                 margin-top: 10px;
  552.                                 margin-bottom: -10px;
  553.                             }
  554.                            
  555.                                     #wrapper #content .post .notecontainer a {
  556.                                         color:{color:link};
  557.                                     }
  558.                                    
  559.                                     #wrapper #content .post .notecontainer ol.notes {
  560.                                         padding: 0px 0 10px 0;
  561.                                         list-style-type: none;
  562.                                         font-size: 10px;
  563.                                     }
  564.                                    
  565.                                         #wrapper #content .post .notecontainer ol.notes li.note {
  566.                                             padding: 10px 10px 0 10px;
  567.                                         }
  568.                                        
  569.                                             #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  570.                                                 vertical-align: -4px;
  571.                                                 margin-right: 10px;
  572.                                                 width: 16px;
  573.                                                 height: 16px;
  574.                                             }
  575.                                            
  576.                                             #wrapper #content .post .notecontainer ol.notes li.note span.action {
  577.                                                 font-weight: normal;
  578.                                             }
  579.                                            
  580.                                             #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  581.                                                 font-weight: normal;
  582.                                             }
  583.                                            
  584.                                             #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  585.                                                
  586.                                                 padding: 4px 10px;
  587.                                                 margin: 10px 0px 0px 25px;
  588.                                             }
  589.                                            
  590.                                                 #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  591.                                                     text-decoration: none;
  592.                                                 }
  593.                
  594.              
  595.            
  596.             #wrapper #sidebar {
  597.                 width: 135px;
  598.                
  599.                 float: left;
  600.                 color: {color:sidebar};
  601.                  font: bitxmap;
  602.                 font-size: 10px;
  603.                 {block:ifsidebartop}
  604.                 top: {text:sidebarpositionY}px;
  605.                
  606.                   {/block:ifsidebartop}
  607.                  
  608.              {block:ifsidebarbottom}
  609.                bottom: {text:sidebarpositionY}px;
  610.                
  611.                   {/block:ifsidebarbottom}
  612.                  
  613.                   {block:ifsidebarleft}
  614.                   left: {text:sidebarpositionX}px;
  615.                   {/block:ifsidebarleft}
  616.                  
  617.                   {block:ifsidebarright}
  618.                   right: {text:sidebarpositionX}px;
  619.                   {/block:ifsidebarright}
  620.                  
  621.                 position: fixed;
  622.                
  623.              
  624.             }
  625.            
  626.                 #wrapper #sidebar a {
  627.                     color: {color:text};
  628.                 }
  629.                
  630.                 #wrapper #sidebar #top {
  631.                     {block:ifsidebarborder}  border: solid 1px {color:border};  {/block:ifsidebarborder}
  632.                     background: rgba(255,255,255, {text:sidebaropacity});
  633.                     padding: 0 10px;
  634.                 }
  635.                  #wrapper #sidebar #top:hover {
  636.                      
  637.                      {block:ifhoverglow}
  638.                     box-shadow: 0 0 21px rgba(255, 255, 255, 1);
  639.     -webkit-box-shadow: 0 0 21px rgba(255, 255, 255, 1);
  640.     -moz-box-shadow: 0 0 21px rgba(255, 255, 255, 1);
  641.                      -webkit-transition: all 0.3s linear;
  642.     -moz-transition: all 0.3s linear;
  643.     transition: all 0.3s linear;
  644.    
  645.     {/block:ifhoverglow}
  646.                 }
  647.                
  648.                     #wrapper #sidebar #top #avatar {
  649.                         padding: 8px 0 0 9px;
  650.                         position: relative;
  651.                         top: -24px;
  652.                         left: -5px;
  653.                     }
  654.                    
  655.                     #avatar img {
  656.                         position: absolute;
  657.                      margin-left:25px;
  658.                       margin-top: -9px;
  659.                         border: solid 1px {color:border};
  660.                         background: #fff;
  661.                         width: 83px;
  662.                         height: 83px;
  663.                     }
  664.                        
  665.                     #wrapper #sidebar #top #description {
  666.                         color: {color:text};
  667.                         opacity:1;
  668.                         font-size: 10px;
  669.                         position: relative;
  670.                         padding: 10px 2px 12px 2px;
  671.                         text-align: center;
  672.                          font-family: bitxmap;
  673.                     }
  674.                    
  675.                     #links a {
  676.                         position: relative;
  677.                         color: {color:link};
  678.                         top: 8px;
  679.                         font-size: 20px;
  680.                         }
  681.                    
  682.                         #wrapper #sidebar #top #description a {
  683.                             color: {color:text};
  684.                            
  685.                         }
  686.                    
  687.                    
  688.                            
  689.                    
  690.                    
  691.                     #wrapper #sidebar #top .heading {
  692.                         color: #000;
  693.                         font-family: helvetica, arial, sans-serif;
  694.                         font-size: 17px;
  695.                         margin-top: 20px;
  696.                         padding: 10px;
  697.                         background-color: {color:Background1};
  698.                     }
  699.                    
  700.                     #wrapper #sidebar #top a .heading {
  701.                         color: #000;
  702.                         text-decoration: none;
  703.                     }
  704.                    
  705.                    
  706.                    
  707.                     #wrapper #sidebar #top .content {
  708.                         margin-top: 2px;
  709.                         padding: 7px 10px;
  710.                         background: #eaeaea;
  711.                        
  712.                         color: #666;
  713.                         font-size: 11px;
  714.                         overflow: hidden;
  715.                     }
  716.                    
  717.                         #wrapper #sidebar #top a {
  718.                             text-decoration: none;
  719.                         }
  720.                    
  721.                        
  722.                                
  723. .row {
  724.     padding: 10px;
  725. }
  726.    
  727.    
  728. #wrapper #sidebar2 {
  729.                
  730.                  /*butt12*/
  731.                 float: left;
  732.                 color: {color:sidebar};
  733.                   font: bitxmap;
  734.             }
  735.          
  736. #wrapper #sidebar2 a {
  737.                 color: {color:Background};
  738.             }
  739.  
  740. #wrapper #sidebar2 #top {
  741.    
  742.                 margin-right: 0px;
  743.                 padding: 0 3px 0px 10px;
  744.      
  745.                 overflow: hidden;
  746.                 }
  747.  
  748.                 #wrapper #sidebar2 #top #description2 {
  749.                    
  750.                 margin-top: 7px;
  751.                 margin-bottom: -2px;
  752.                
  753.                 position: relative;
  754.                 top: -6px;
  755.                 color: {color:Text};
  756.             }
  757.  
  758. #wrapper #sidebar2 #top #description2 a {
  759.                 color: {color:link};
  760.                 font-weight: normal;
  761.             }
  762.  
  763. #wrapper #sidebar2 #top #description2 a:hover {
  764.                 color: {color:link};
  765.             }  
  766.  
  767.  
  768. #wrapper #sidebar2 #top .content {
  769.                 margin-top: -10px;
  770.                 padding: 0px 2px;
  771.                 background: #eaeaea;
  772.                 color: #666;
  773.                 font-size: 10px;
  774.                 overflow: hidden;
  775.             }
  776.  
  777.     </style>
  778.     <!--[if lt IE 7.]>
  779.         <style type="text/css">
  780.             #wrapper #sidebar #bottom {
  781.                 background: transparent;
  782.             }
  783.            
  784.             #wrapper #sidebar #top #avatar {
  785.                 background: none;
  786.             }
  787.            
  788.             #wrapper #sidebar #top #avatar img {
  789.                 border: 5px solid #f1f1f1;
  790.             }
  791.            
  792.             #wrapper #sidebar #top .heading#followontumblr {
  793.                 background-image: none;
  794.                 text-indent: 0;
  795.             }
  796.        
  797.             #wrapper #sidebar #top .heading#twitter {
  798.                 background-image: none;
  799.             }
  800.        
  801.             #wrapper #sidebar #top .heading#following {
  802.                 background-image: none;
  803.             }
  804.  
  805.             #wrapper #content .post .audio .player {
  806.                 float: none;
  807.             }
  808.            
  809.             #wrapper #content .post .audio .meta {
  810.                 display: none;
  811.                 float: none;
  812.             }
  813.         </style>
  814.     <![endif]-->
  815.    
  816.     <!--[if lt IE 8.]>
  817.         <style type="text/css">
  818.             #wrapper #content .bottom {
  819.                 background: transparent;
  820.             }
  821.            
  822.             #wrapper #content .post .footer {
  823.                 background: transparent;
  824.                 color: {color:text};
  825.             }
  826.            
  827.             #wrapper #content .post .audio {
  828.                 float: none;
  829.                 background: transparent;
  830.             }
  831.            
  832.             #wrapper #content .post .notecontainer .notes {
  833.                 padding: 0;
  834.                 margin: 0;
  835.             }
  836.         </style>
  837.     <![endif]-->
  838.     <style type="text/css">
  839.  
  840.    
  841. </style>
  842.    
  843.    
  844. </head>
  845. <body>
  846.     <div id="wrapper">
  847.         <div id="title">
  848.            
  849.         </div>
  850.        
  851.         <div id="content">
  852.            
  853.            
  854.            
  855.     {block:ifinfinitescroll}     <div class="autopagerize_page_element">   {/block:ifinfinitescroll}    {block:Posts}  
  856.    
  857.    
  858.    
  859.  
  860.  
  861. {block:ContentSource}
  862.  
  863. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  864.  
  865. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  866.  
  867. {/block:SourceLogo}
  868.  
  869. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  870.  
  871. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  872.  
  873.  
  874.                 <div class="post">
  875.                    
  876.                     {block:Photo}
  877.                         <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  878.                        {block:ifcaptions} {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  879.                     {/block:Photo}
  880.                    
  881.                     {block:Video}
  882.                         <div class="media">{Video-250}</div>
  883.                      {block:ifcaptions}   {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  884.                     {/block:Video}
  885.                    
  886.                     {block:Audio}
  887.                        
  888.                         {block:AudioEmbed}
  889.                             {AudioEmbed}
  890.                         {/block:AudioEmbed}
  891.                        
  892.                         {block:AudioPlayer}
  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">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{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.                         {/block:AudioPlayer}
  907.                        
  908.                         <div class="clear"></div>
  909.                        
  910.                         {block:ifcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  911.                        
  912.                     {/block:Audio}
  913.                    
  914.                     {block:Quote}
  915.                         <div class="quote {Length}">{Quote}</div>
  916.                         <div class="copy">
  917.                             <div class="quotebg">“</div>
  918.                             {block:Source}
  919.                                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
  920.                                     <tr>
  921.                                         <td valign="top" style="width:20px;">&mdash;</td>
  922.                                         <td valign="top" class="quote_source">
  923.                                             {Source}
  924.                                         </td>
  925.                                     </tr>
  926.                                 </table>
  927.                             {/block:Source}
  928.                         </div>
  929.                     {/block:Quote}
  930.                        
  931.                     {block:Text}
  932.                         {block:Title}<div class="title">{Title}</div>{/block:Title}
  933.                         <div class="copy">{Body}</div>
  934.                     {/block:Text}
  935.                    
  936.                     {block:Answer}
  937.                         <div class="question">
  938.                             <div class="nipple"></div>
  939.                             {Question}
  940.                         </div>
  941.                         <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  942.                         <div class="copy">{Answer}</div>
  943.                     {/block:Answer}
  944.                    
  945.                     {block:Chat}
  946.                         {block:Title}<div class="title">{Title}</div>{/block:Title}
  947.                         <div class="chat">
  948.                             <div class="lines">
  949.                                 {block:Lines}
  950.                                     <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  951.                                 {/block:Lines}
  952.                             </div>
  953.                         </div>
  954.                         <div class="clear"></div>
  955.                         <div style="height:10px;"></div>
  956.                     {/block:Chat}
  957.                    
  958.                     {block:Link}
  959.                         <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  960.                       {block:Description}<div class="copy">{Description}</div>{/block:Description}
  961.                     {/block:Link}
  962.                    
  963.                    {block:Date}
  964.                         <a href="{Permalink}">
  965.                             <div class="footer for_permalink">
  966.                                 <div class="date">
  967.                                    
  968.                                    {TimeAgo}
  969.                                    
  970.                                    
  971.                                     <div class="notes"><center>{block:NoteCount}{NoteCount}&nbsp;{/block:NoteCount} </div>
  972.                                 </div>  
  973.                              <!-- <div class="notes"><center>{block:NoteCount}{NoteCount}&nbsp;{/block:NoteCount} </div> -->
  974.                                 <div class="clear"></div>
  975.                             </div>
  976.                         </a>
  977.                        
  978.                        
  979.                        
  980.                        
  981.  
  982.  
  983.  
  984.                     {/block:Date}
  985.                    
  986.                     <div class="footer" style="
  987.                        display:none;
  988.                        {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}">
  989.                         {block:IfShowTags}
  990.                             {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  991.                         {/block:IfShowTags}
  992.                        
  993.                         <div class="clear"></div>
  994.                     </div>
  995.                    
  996.                     {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  997.                    
  998.                    
  999.                    
  1000.                 </div>
  1001.                 <div class="bottom"></div>
  1002.             {/block:Posts}
  1003.             {block:ifinfinitescroll}    </div> {/block:ifinfinitescroll}  
  1004.            
  1005.          
  1006.        
  1007.              {block:ifnotinfinitescroll}  
  1008.                
  1009. <br><center>
  1010.  
  1011. {block:Pagination}
  1012.                
  1013.             {/block:Pagination}  {/block:ifnotinfinitescroll}      
  1014.          
  1015.          
  1016.          
  1017.          
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025.         </div>
  1026.            
  1027.        
  1028.        
  1029. <div id="sidebar">
  1030. {block:ifshowavatar}
  1031. <div id="avatar"><a href="/"><img src="{image:Avatar}" /></a></div>
  1032.            <bR><br><br><br> <br><br> {/block:ifshowavatar}
  1033.            
  1034.          
  1035.            
  1036.            
  1037.            <div id="top">         <div id="links">  
  1038.             <center>
  1039.               {block:ifshowbuttons}  <a href="/"><img src="http://media.tumblr.com/6aca0d764fe5e18e1167e8c6d2ebb7df/tumblr_inline_mn2m1bdRic1qz4rgp.png" alt="some_text">
  1040.                    
  1041.                    
  1042.                    
  1043.                    
  1044.                 </a>
  1045.                 <a href="/ask"><img src="http://media.tumblr.com/649f94f2f210bc510d0b67756f861eb9/tumblr_inline_mn2m2bLZts1qz4rgp.png" alt="some_text">
  1046.                    
  1047.                    
  1048.                    
  1049.                    
  1050.                 </a>
  1051.                 <div style="position:fixed; right:2px; bottom:7px;"><a href="http://tukut.tumblr.com/"><small><small>☯</small></small></a>
  1052.                      
  1053.                  </div>
  1054.                    
  1055.                    
  1056.                    
  1057.                    
  1058.                 </a>
  1059.                 <a href="/archive"><img src="http://media.tumblr.com/1e21b4526d9646dc496210d1199117b9/tumblr_inline_mn2m46JRuI1qz4rgp.png" alt="some_text">
  1060.                    
  1061.                    
  1062.                    
  1063.                    
  1064.                    
  1065.                    
  1066.                    
  1067.                    
  1068.                 </a>
  1069.                
  1070.              
  1071.                  {/block:ifshowbuttons}
  1072.                 </center>
  1073.             </div>
  1074.                 <div id="description" style=" font: bitxmap;">{Description}  
  1075.        <br>  <br>    <select onChange="location=this.options[this.selectedIndex].value;" style="
  1076.              
  1077.               font: 10px bitxmap;
  1078.         color: {color:text};
  1079.         line-height: 15px;
  1080.      
  1081.          background-color: {color:background2};
  1082.        border: 1px solid {color:border};  
  1083.      
  1084.     -webkit-appearance: none;text-align:center;margin-top:2px;
  1085.        
  1086.         ">
  1087. <option value="">{text:nav title}</option><option value="/">home</option>
  1088. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
  1089. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
  1090. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
  1091. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
  1092. {block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}
  1093. {block:iflink6}<option value="{text:link 6 url}">{text:link 6}</option>{/block:iflink6}
  1094. {block:iflink7}<option value="{text:link 7 url}">{text:link 7}</option>{/block:iflink7}<option value="http://tukut.tumblr.com/">credit</option>
  1095. </select>  <!-- don't remove credit if you're going to redistribute. IF YOU REDISTRIBUTE THIS THEME I WILL FIND OUT AND REPORT YOU.
  1096.  
  1097. you may remove the credit if you are using for personal reasons only, it would be nice if you included theme credit in a links or about page though uwu -->
  1098. </form>
  1099.             </center>  
  1100.           </div>
  1101.                
  1102.       {block:ifnotinfinitescroll}
  1103.                              
  1104.                 <center>    {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}  {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}<br><br>
  1105.                </center> <!--</div>  -->
  1106.          
  1107.            
  1108.           {/block:ifnotinfinitescroll}      
  1109.  
  1110. </center>
  1111.  
  1112.  
  1113.  
  1114.  
  1115.  
  1116.                    
  1117.                 </div>
  1118.                
  1119.             </div>
  1120.            
  1121.         </div>
  1122.        
  1123.      
  1124.        
  1125.     </div>
  1126.    
  1127.    
  1128.    
  1129.    
  1130.     {block:ifshowmusicbox}
  1131.    
  1132.      <div style="border: 1px solid {color:border}; background: rgba(255,255,255, {text:postopacity}); width: 60px; padding-top: 10px; padding-bottom: 10px; padding-left: -5px; left:{text:musicposition}px; top: -4px; position:fixed;">
  1133.             <div id="top">
  1134.             <div id="description2"> {text:music code}
  1135.             </div>
  1136.            
  1137.         {/block:ifshowmusicbox}    
  1138.            
  1139.      </div><div id="bottom"></div>  
  1140.  
  1141.  
  1142.  
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149. </body>
  1150. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement