Advertisement
Raank

Tema

Feb 24th, 2014
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 44.30 KB | None | 0 0
  1.    
  2.  
  3.     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5.     <html xmlns="http://www.w3.org/1999/xhtml">
  6.     <head>
  7.     <title>{title}</title>
  8.     <link rel="shortcut icon" href="{Favicon}">
  9.      
  10.      
  11.      
  12.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13.      
  14.      
  15.     <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  16.      
  17.     <script>
  18.      
  19.     (function($){
  20.      
  21.     $(document).ready(function(){
  22.      
  23.     $("a[title]").style_my_tooltips({
  24.      
  25.     tip_follows_cursor:true,
  26.      
  27.     tip_delay_time:90,
  28.      
  29.     tip_fade_speed:600,
  30.      
  31.     attribute:"title"
  32.      
  33.     });
  34.     });
  35.      
  36.     })(jQuery);
  37.      
  38.     </script>
  39.          <script src="http://static.tumblr.com/8jq17g7/e7bm0d3ib/ui.totop_jquery_easing.js" type="text/javascript"></script>
  40.     <script type="text/javascript">
  41.       $(document).ready(function() {
  42.        $().UItoTop({ easingType: 'easeOutQuart' });  
  43.       });
  44.     </script>
  45.      
  46.      
  47.          
  48.      <link href='http://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'>
  49.      
  50.      
  51.      
  52.      
  53.      
  54.      
  55.     <!----------- INÍCIO DAS  FONTES PERSONALIZADAS DO THEME ------------>
  56.      
  57.     <!-- c a l i b r i -->
  58.     <link href='http://fonts.googleapis.com/css?family=Calibri' rel='stylesheet' type='text/css'>
  59.      
  60.     <!-- m e g r i m -->
  61.     <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  62.     <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  63.      
  64.      
  65.     <!-- w i r e   o n e -->
  66.     <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
  67.      
  68.     <!-- s a c r a m e n t o -->
  69.     <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  70.      
  71.     <!-- r o b o t o  c o n d e n s e d -->
  72.     <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'>
  73.      
  74.     <!-- j u l i u s    s a n s     o n e -->
  75.     <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  76.      
  77.     <!-- h o m e n a j e -->
  78.     <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  79.      
  80.     <link href='http://fonts.googleapis.com/css?family=Gabriela' rel='stylesheet' type='text/css'>
  81.      
  82.     <link href='http://fonts.googleapis.com/css?family=Donegal+One' rel='stylesheet' type='text/css'>
  83.     <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  84.     <!-- p o i r e t    o n e -->
  85.     <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  86.      
  87.     <link href='http://fonts.googleapis.com/css?family=Sanchez' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'>
  88.      <!--
  89.    AQUI TEM VÁRIAS FONTES, OS NOMES ABAIXO \/
  90.    font-family: 'Sue Ellen Francisco', cursive;
  91.    font-family: 'Armata', sans-serif;
  92.    font-family: 'Schoolbell', cursive;
  93.    font-family: 'Just Me Again Down Here', cursive;
  94.    font-family: 'Indie Flower', cursive;
  95.    font-family: 'Rochester', cursive;
  96.    font-family: 'Loved by the King', cursive; -->
  97.      <link href='http://fonts.googleapis.com/css?family=Sue+Ellen+Francisco|Armata|Schoolbell|Just+Me+Again+Down+Here|Indie+Flower|Rochester|Loved+by+the+King' rel='stylesheet' type='text/css'>
  98.      
  99.       <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald" type="text/css">
  100.      <link href='http://fonts.googleapis.com/css?family=Baumans|Pacifico|Orienta' rel='stylesheet' type='text/css'>
  101.      
  102.      <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  103.      
  104.      
  105.      <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  106.      
  107.      
  108.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  109.     <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  110.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  111.     <link rel="shortcut icon" href="{Favicon}">
  112.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  113.     <!--- TEXTS --->
  114.     <meta name="text:frase" content="Forget the past" />
  115.     <meta name="text:Link1" content="/" />
  116.     <meta name="text:Link1 Title" content="Home" />
  117.     <meta name="text:Link2" content="/ask" />
  118.     <meta name="text:Link2 Title" content="Ask" />
  119.     <meta name="text:Link3" content="/" />
  120.     <meta name="text:Link3 Title" content="link3" />
  121.     <meta name="text:Link4" content="/" />
  122.     <meta name="text:Link4 Title" content="link4" />
  123.     <meta name="text:Link5" content="/" />
  124.     <meta name="text:Link5 Title" content="link5" />
  125.      
  126.      
  127.     <meta name="color:border" content="#c5c5c5" />
  128.     <meta name="color:linksidebar" content="#2f2f2f" />
  129.     <meta name="color:linksidebarhover" content="#303030" />
  130.     <meta name="color:background" content="#e3e3e3">
  131.     <meta name="color:text" content="#525252">
  132.     <meta name="color:titulo" content="#2c2c2c">
  133.     <meta name="color:post" content="#fefefe">
  134.     <meta name="color:link" content="#525252">
  135.     <meta name="color:scroll" content="#222222">
  136.     <meta name="color:description" content="#555555">
  137.      
  138.     <meta name="if:1 coluna" content="">
  139.     <meta name="if:3 colunas" content="">
  140.     <meta name="if:black and white hover" content="">
  141.     <meta name="if:follow white" content="1">
  142.     <meta name="if:To Top Button" content="1"/>
  143.     <meta name="if:Show Captions" content=""/>
  144.     <meta name="image:Background" content=""/>
  145.      
  146.      
  147.      
  148.     <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  149.     <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  150.     <script type="text/javascript" src="http://static.tumblr.com/zkivutz/Vwzmztemv/minified.js"></script>
  151.      
  152.     <style type="text/css">
  153.     body {
  154.         color:{color:text};background-color:{color:background}; background-image: url('{image:Background}');
  155.         font-family: Calibri;background-attachment:fixed;margin-left:10px;
  156.         font-size: 12px; background-size:100% 100%; }
  157.     ::-webkit-scrollbar {
  158.     width: 7px;
  159.     height: 5px;
  160.     background-color:{color:scroll};
  161.     border:3px solid {color:background};
  162.     }
  163.      
  164.     ::-webkit-scrollbar-thumb { border-radius:3px;  -webkit-border-radius:3px; -moz-border-radius:3px;
  165.     border:1px solid {color:scroll};
  166.     background-color: {color:scroll}; }
  167.      
  168.      
  169.      
  170.      
  171.      
  172.     p {margin:0 0 .75em 0} p:last-child {margin:0}
  173.     a {    color: {color:link};
  174.         text-decoration:none;
  175.     {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  176.      
  177.     blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  178.         line-height: 100%;border-left: solid 4px #EDEDED;
  179.     }
  180.      
  181.      
  182.     strong {font-weight:bold;}
  183.     /******
  184.      <!--
  185.    AQUI TEM VÁRIAS FONTES, OS NOMES ABAIXO \/
  186.    font-family: 'Sue Ellen Francisco', cursive;
  187.    font-family: 'Armata', sans-serif;
  188.    font-family: 'Schoolbell', cursive;
  189.    font-family: 'Just Me Again Down Here', cursive;
  190.    font-family: 'Indie Flower', cursive;
  191.    font-family: 'Rochester', cursive;
  192.    font-family: 'Loved by the King', cursive; --> ****/
  193.      
  194.     .frase {margin-left:420px; ;width:270px; height:32px;   margin-top:150px; position:fixed;  overflow:hidden!important;  text-align:center;padding:2px;
  195.         font-family: 'grand hotel';  z-index:99999; opacity:1;
  196.         font-size: 27px; color:{color:titulo};  
  197.           text-shadow: 1px 1px 4px {color:titulo};;  transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out}
  198.      
  199.     .frase:hover{;transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;
  200.        
  201.          
  202.         text-shadow: 0px 1px 1px {color:titulo};-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out; color:{color:titulo};}
  203.      
  204.      
  205.     h1 {
  206.         font-family: 'poiret one';text-transform:uppercase;
  207.         font-size: 30px;color:{color:titulo};
  208.          font-weight: normal;
  209.     }
  210.     ul {
  211.             margin: 0px 1.5em .65em;}
  212.     li {
  213.             margin: .75em 0;
  214.             list-style-type: square;
  215.     }
  216.     .box img {
  217.             display: block;
  218.             max-width: 100%;}.m-i {
  219.     display: block;
  220.     line-height: 1px!important;
  221.     }
  222.      
  223.       @font-face {
  224.     font-family:basket;
  225.     src: url('http://static.tumblr.com/ejm8w78/WPwlvia7a/little_days.ttf');
  226.     }
  227.      
  228.      
  229.     .ima:hover .porra {font-family: 'inconsolata'; text-align: center;font-size: 10px;text-transform:  uppercase;  ;position:fixed; ;  margin-top: 32px; margin-left:65px; width: auto;   opacity:1; z-index:999999999999999999; ;-moz-transition:all 2s; -webkit-transition:all 2s; -o-transition:all 2s; transition:all 2s; }
  230.      
  231.      .porra {font-family: 'inconsolata'; text-align: center;font-size: 10px;text-transform:  uppercase;  ;position:fixed; ;  margin-top: 319px; margin-left:65px; width: auto;   opacity:0; z-index:999999999999999999; ;-moz-transition:all 3.5s; -webkit-transition:all 3.5s; -o-transition:all 3.5s; transition:all 3.5s; }
  232.     .porra a {; opacity:0.9; padding:6px; width:148px; ;line-height:11px;  margin-right:15px;   text-align:center;display:block;background:none; text-transform:  uppercase ;    ;-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;;
  233.     ; color:{color:linksidebar}; border-bottom:1px solid {color:border}}
  234.      
  235.     .porra a:hover {padding-top:10px;   ; padding-bottom:10px; ;color:{color:linksidebarhover} ;-moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3ss; transition:all .3ss;; text-shadow: 8px 8px 1px {color:linksidebarhover} ;}
  236.      
  237.      
  238.     .post-link{
  239.     opacity:0; margin-bottom:-50px;  margin-left:-120px;  
  240.     height:0px;;-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;  }
  241.        
  242.     .post:hover .post-link{margin-left:2px; margin-bottom:2px;
  243.     opacity:1; margin-top:0px;      font-family: Verdana;
  244.             font-size: 8px; padding:2px;  text-transform:lowercase;
  245.             line-height: 12px;;-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
  246.        
  247.      p.source{text-align: center; padding:5px; border-top:1px solid {color:border} ;; line-height:15px;font-weight:bold;}
  248.      
  249.      
  250.      #s-m-t-tooltip {
  251.      
  252.     max-width:auto;
  253.     margin:22px 22px 22px 22px;
  254.     background: black;
  255.     font-family:calibri; font-weight:bold;
  256.     font-size:10px; letter-spacing:2px;
  257.      
  258.     text-transform: uppercase; border-top:3px solid #8F8F8F;
  259.     color:#fff;
  260.     padding:5px;
  261.     z-index:999999999999999999999999998999999999999999;
  262.      
  263.     }
  264.      
  265.      
  266.      
  267.      
  268.      
  269.     p.source{text-align: center;  padding:5px;margin-bottom:-4px;  ;font-family:'arial'; font-weight:bold; font-size:12px}
  270.      
  271.     h3 {line-height:28px; font-family:'baumans';
  272.             font-size: 16px; font-weight: normal; }
  273.         .tagged { text-align: center; line-height: 10px;font-size: 9px;}
  274.     .text { padding: 5px; line-height:14px; }
  275.      
  276.     p.question {
  277.         margin-bottom: .375em;
  278.     }
  279.     p.words {
  280.         padding: 2px; font-family:'baumans';
  281.      line-height:18px;
  282.      
  283.     }
  284.     .response {
  285.         background: #efefef;
  286.         padding: 5px;color#555;
  287.         margin-bottom: .75em;
  288.     }.answer {
  289.     text-align: center;
  290.     }
  291.     .post {z-index:1; ;-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s;overflow:hidden; -webkit-border-radius: 5px;
  292.     -moz-border-radius: 5px;
  293.     border-radius: 5px;
  294.             position: relative;margin-left:-120px; padding:6px; border:2px dotted {color:border};
  295.             {block:IndexPage}
  296.             width:250px;
  297.             {/block:IndexPage}
  298.             {block:PermalinkPage}
  299.             width:500px;
  300.             {/block:PermalinkPage}
  301.             float:left;
  302.     {Block:if1Coluna}width:400px;margin:2px 2px 2px 2px{/Block:if1Coluna}
  303.             background:{color:post};
  304.            
  305.             margin: 5px 5px 5px 5px;}
  306.        
  307.         .box {position: relative;overflow:hidden; ;-moz-transition:all 1.5s; -webkit-transition:all 1.5s; -o-transition:all 1.5s; transition:all 1.5s;}
  308.      
  309.       .pergunta {padding:6px; -webkit-border-radius: 4px;
  310.     -moz-border-radius: 4px;color:#222;
  311.     border-radius: 4px;;  background:#bebebe;opacity:1; text-align:center; display:block; font-family:'cambria';  overflow:auto; {block:PermalinkPage} max-width:100%;{/block:PermalinkPage} {block:IndexPage}max-width:100%{/block:IndexPage} ; font-size:12px;-webkit-border-radius: 3px;
  312.     -moz-border-radius: 3px;
  313.     border-radius: 3px; }
  314.     .pergunta img {;-webkit-border-radius: 100px;
  315.     -moz-border-radius: 100px;
  316.     border-radius: 100px; border:2px dotted #eee; width:30px;margin-left:-2px;  margin-top:-3px;}
  317.     .answer {text-align:left; overflow:hidden; padding:10px; font-size:12px; font-family:'cambria'; opacity:1;}
  318.     .answer img {max-width:100%}
  319.     #side {;
  320.     text-align: center;
  321.             margin-top: -1px;margin-left:493px;
  322.       overflow:hidden;
  323.             position:fixed;
  324.             background:none; z-index:999999;  {block:if1coluna} margin-left:633px{/block:if1coluna}
  325.     }
  326.      
  327.      .ima {width:240px; height:180px; position: fixed;   top: 157px; margin-left:420px;  opacity:1;  z-index:999; ;-moz-transition:all 1.5s; -webkit-transition:all 1.5s; -o-transition:all 1.5s; transition:all 1.5s;;}  
  328.      
  329.       .ima:hover{;-moz-transition:all 1.5s; -webkit-transition:all 1.5s; -o-transition:all 1.5s; transition:all 1.5s;}
  330.      
  331.      
  332.      #imaside {z-index:11; position: fixed;   top: 177px; margin-left:70px   ;-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s;;}
  333.        
  334.         #imaside img{ width: 150px;height: 150px;   text-decoration: none;    ; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;  
  335.        background-color:none ;   }
  336.        
  337.      
  338.      
  339.      #imaside2 {;-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s;z-index:11; position: fixed;   top: 184px; margin-left:104px   ;}
  340.        
  341.         #imaside2 img{ width: 110px;height: 135px;   text-decoration: none;    ; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; background-color:none ;   }
  342.      .ima:hover  #imaside {margin-left:0px; opacity:0;;-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s;;}
  343.        
  344.     .ima:hover #imaside2 {margin-left:154px;  opacity:0;;-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s;}
  345.      
  346.     ul {margin-bottom: .65em;}
  347.     #contain {margin-left:-430px;
  348.             width:426px;float:left;
  349.       {block:if3colunas}margin-left:-480px{/block:if3colunas}
  350.     }
  351.     #content { margin-top:50px;  
  352.             width:660px;    margin-left:260px;
  353.             float: left;{block:if3colunas}width:960px; margin-left:220px;{/block:if3colunas}
  354.     }
  355.      
  356.     {block:IfBlackAndWhiteHover}
  357.      
  358.     .post:hover img
  359.      
  360.     {-webkit-filter:grayscale(100%);-o-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-moz-transition:all 2s; -webkit-transition:all 2s; -o-transition:all 2s;    ;opacity:0.7;  transition:all 2s;}{/block:IfBlackAndWhiteHover}
  361.      
  362.     .post img{-moz-transition:all 1.5s; -webkit-transition:all 1.5s; -o-transition:all 1.5s; transition:all 1.5s;}
  363.      
  364.     .post:hover .photopermaholder2{width:247px;text-align:center;background:{color:post}; bottom:0px;  opacity:1; font-size:10px; padding:7px;;  color:{color:text}; ;right:0px; filter:alpha(opacity = 100);  ;-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s;{Block:if1Coluna}width:396px{/Block:if1Coluna}}
  365.      
  366.     .photopermaholder2{position:absolute; width:247px;  right:-105px;bottom:0px;   padding:7px; opacity:0; text-align:center; filter: alpha(opacity = 0); -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;;;background:none;}
  367.      
  368.     .photopermaholder2 a {color:{color:text}; font-family:'consolas'; text-transform:uppercase; font-size:10px;text-align:center;  }
  369.     .photopermaholder2 a:hover{ border-bottom:1px solid {color:text}; }
  370.      
  371.      
  372.     #bordleft {position:fixed; top:0px;  z-index:999; background:{color:border};padding:1px solid; height:100%; width:1px; margin-left:252px; }
  373.     #bordright {position:fixed; top:0px;  z-index:999; background:{color:border};padding:1px solid; height:100%; width:1px; margin-left:798px; }
  374.      
  375.     #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}
  376.      
  377.      
  378.      
  379.     .post-header-a{z-index:10;top:-25px;left:0px; background:{color:post}; width:100%; position:absolute;display:block;opacity:0;filter:alpha(opacity = 0);;-moz-transition:all .8s;padding:5px; ; border-bottom:2px dotted  {color:border}; -webkit-transition:all .8s; -o-transition:all .8s; transition:all .8s}
  380.      
  381.      
  382.     .post:hover .post-header-a{;-moz-transition:all .8s; -webkit-transition:all .8s; -o-transition:all .8s; transition:all .8s;opacity:1;;filter:alpha(opacity = 100);top:0px;left:0px;}
  383.      
  384.     .reblog-button:hover,.like-button:hover,.note-perma:hover{; opacity:1!important;filter:alpha(opacity = 100)!important}
  385.      
  386.      
  387.     .reblog-button{;;float:left;z-index:3333;font-weight:bold;display:inline-block;margin-left:3px; color:{color:text};padding:0px;font:11px/20px 'roboto condensed',sans-serif;;opacity:0.9;filter:alpha(opacity = 85)}
  388.      
  389.     .post-header-a2{z-index:10;bottom:-25px;left:0px; background:{color:post}; width:24px;  position:absolute;display:block;opacity:0;filter:alpha(opacity = 0);;-moz-transition:all .8s;padding:3px;border-top:2px dotted  {color:border}; border-right:2px dotted  {color:border}; -webkit-transition:all .8s; -o-transition:all .8s; transition:all .8s}
  390.      
  391.     .post:hover .post-header-a2{;-moz-transition:all .8s; -webkit-transition:all .8s; -o-transition:all .8s; transition:all .8s;opacity:1;;filter:alpha(opacity = 100);bottom:0px;left:0px;}
  392.      
  393.      
  394.     .like-button{;-;float:left;z-index:3333;left:2px;width:14px;height:20px !important; ;overflow:hidden!important;color:black; -webkit-border-radius:3px;-moz-border-radius:3px; ;padding:0   4px!important;}
  395.      
  396.      
  397.      
  398.     .note-perma{;;float:right;z-index:3333;;display:inline-block;margin-left:-5px;margin-right:7px; color:{color:text};padding:0 5px;font:11px/20px 'roboto condensed',sans-serif;;opacity:0.9;filter:alpha(opacity = 85)}
  399.      
  400.     .note-perma a {{color:text};}
  401.     a.note-perma,a.note-perma:hover{color:{color:text};font-weight:bold;}
  402.      
  403.     .post-right { float: left; text-transform: uppercase; }
  404.      
  405.     .post-left { float: right;  text-transform: uppercase;}
  406.     #men ul{white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); margin: 0 auto 0 -1px;width: 246px;display:inline-block;padding: 0;list-style: none;}#men ul li{white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); display: block;position: relative;float: left;text-align: center;text-transform: uppercase;font-size: 8px;height: 18px;line-height: 18px;margin: 1px 0px 0px 1px;}#men li ul{display: none; margin: 0 auto 0 -1px;}#men ul li a{ display: block;text-decoration: none;color: #ffffff;border-top: 0px solid #ffffff;padding: 0px;background: #666666;margin-left: 1px;white-space: nowrap;text-transform: uppercase;font-size: 8px;width: 80px; {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#men ul li a:hover{white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); background: #333333;letter-spacing: 1px;}#men li:hover ul{display: block;position: absolute;z-index: 999999999999;}#men li:hover li{float: none;font-size: 11px;}#s{width: 500px;margin: 10px auto;}#men{position: relative;margin-top: 4px;height: 22px;}
  407.      
  408.     .btn.icon.theme{; opacity:0.8;position:fixed!important}.box iframe {
  409.         max-width: 100%;
  410.     }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  411.     .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  412.      
  413.     #toTop{display:none;text-decoration:none;position:fixed;bottom:40px;right:40px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  414.      
  415.     a.btn{opacity:0.9;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); position:absolute;z-index:999999;top:3px;right:2px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;opacity:0.9;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.50);background:rgba(0,0,0,0.58);text-shadow:1px 1px 0 rgba(0,0,0,0.38)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.28);background:rgba(0,0,0,0.58);text-shadow:1px 1px 0 rgba(0,0,0,0.28);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.29);colorc:white}.btn:active::after{background:rgba(255,255,255,0.28) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.28)}.clear {clear: both;} #pagination {display: none;}   .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  416.      
  417.      #description {line-height:16px; position:fixed; z-index:1; opacity:1;   ; width: 200px; padding:3px; letter-spacing:1px;  font-size:10px;overflow:hidden!important; margin-left:43px;  margin-top:185px; ;z-index:999999999; ;font-family: "consolas";  background:none;    text-align: center;;color:{color:description}; transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  418.      
  419.     .ima:hover #description {line-height:16px; position:fixed; z-index:1; opacity:1;   ; width: 200px; padding:3px; letter-spacing:1px;  font-size:10px;overflow:hidden!important; margin-left:43px;  margin-top:170px; ;z-index:999999999; ;font-family: "consolas";  background:none;    text-align: center;;color:{color:description}; transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  420.      
  421.     #fade {display: none; background:black; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.9; z-index: 999999;;}
  422.     .popup_block{display: none; background: #8A8A8A;; ;opacity:1;  padding: 4px;  float: center; font-family:'grand hotel';  font-size: 30px; position: fixed; top: 50%; left: 50%; z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999; color:#fff;
  423.     -webkit-border-radius: 6px;
  424.     -moz-border-radius: 6px;
  425.     border-radius: 6px;-webkit-box-shadow: 0px 0px 12px rgba(10, 10, 0, 0.93);
  426.     -moz-box-shadow:    0px 0px 12px rgba(10, 10, 0, 0.93);
  427.     box-shadow:         0px 0px 12px rgba(10, 10, 0, 0.93);}
  428.      
  429.     img.btn_close {float: right; margin: 5px 5px 0 0}
  430.     *html #fade {position: absolute;}
  431.     *html .popup_block {position: absolute;}
  432.     .jao {text-align:left;  border-left:5px solid #777; padding:8px;font-size:10px; color:#707070;  list-style:square; font-family:'orient'; background-color:#fff; opacity:0.9; margin-bottom:1px;   ; -webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s; }
  433.     .jao:hover { border-left:5px solid #000;   padding-left:30px; ; ; -webkit-transition:1.5s;-moz-transition:1.5s;-ms-transition:1.5s;-o-transition:1.5s;}
  434.      
  435.     #a {width:1100px;
  436.     margin-left:auto;
  437.     margin-right:auto;
  438.     margin-bottom:auto;
  439.     margin-top:auto;
  440.     margin:auto;
  441.     float:center;}
  442.      
  443.     iframe#tumblr_controls {margin-right:73px!important;}
  444.      
  445.     iframe#tumblr_controls {margin-right:73px!important; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter:invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  446.      
  447.     body, a:hover {cursor: url(http://static.tumblr.com/i8axhtw/359marh29/smallcursor.png), auto !important;}
  448.      
  449.     body, a:hover {cursor: url(http://i.imgur.com/ZOrzC.png), progress !important;} a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  450.      
  451.     ::-webkit-scrollbar {
  452.     width: 7px;
  453.     height: 5px;
  454.     background-color:{color:scroll};
  455.     border:3px solid {color:background};
  456.     }
  457.      
  458.     ::-webkit-scrollbar-thumb { border-radius:3px;  -webkit-border-radius:3px; -moz-border-radius:3px;
  459.     border:1px solid {color:scroll};
  460.     background-color: {color:scroll}; }
  461.      
  462.     </style>
  463.        
  464.        
  465.         <script>
  466.     $(document).ready(function() {
  467.      
  468.         //
  469.      
  470.      
  471.      
  472.     //When you click on a link with class of poplight and the href starts with a #
  473.      
  474.     $('a.poplight[href^=#]').click(function() {
  475.      
  476.         var popID = $(this).attr('rel'); //Get Popup Name
  477.      
  478.         var popURL = $(this).attr('href'); //Get Popup href to define size
  479.      
  480.      
  481.      
  482.         //Pull Query & Variables from href URL
  483.    
  484.        var query= popURL.split('?');
  485.      
  486.         var dim= query[1].split('&');
  487.      
  488.         var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  489.      
  490.      
  491.      
  492.         //Fade in the Popup and add close button
  493.      
  494.         $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png"  class="btn_close" title="Close" alt="Close" /></a>');
  495.      
  496.      
  497.         //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
  498.      
  499.         var popMargTop = ($('#' + popID).height() + 80) / 2;
  500.      
  501.         var popMargLeft = ($('#' + popID).width() + 80) / 2;
  502.      
  503.      
  504.      
  505.         //Apply Margin to Popup
  506.      
  507.         $('#' + popID).css({
  508.      
  509.             'margin-top' : -popMargTop,
  510.      
  511.             'margin-left' : -popMargLeft
  512.      
  513.         });
  514.      
  515.      
  516.      
  517.         //Fade in Background
  518.      
  519.         $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  520.      
  521.         $('#fade').css({'filter' : 'alpha(opacity=70)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=90)'}) is used to fix the IE Bug on fading transparencies
  522.      
  523.      
  524.      
  525.         return false;
  526.      
  527.     });
  528.      
  529.      
  530.      
  531.     //Close Popups and Fade Layer
  532.      
  533.     $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  534.      
  535.         $('#fade , .popup_block').fadeOut(function() {
  536.      
  537.             $('#fade, a.close').remove();  //fade them both out
  538.      
  539.         });
  540.      
  541.         return false;
  542.      
  543.     });
  544.    
  545.     $("a[href=http://abolidor.tumblr.com]").remove();
  546.      
  547.      
  548.      
  549.      
  550.      
  551.     });
  552.      
  553.     </script>
  554.      
  555.      
  556.      
  557.      
  558.        
  559.     </head>
  560.     <body>
  561.     <div id="a">
  562.      
  563.     <div id="contain" class="clearfix">
  564.      
  565.     <div class="ima">
  566.     <div id="imaside" ><img src="http://static.tumblr.com/duveckp/7G0mq8kb3/1_y_.png"></div>
  567.     <div id="imaside2" ><img src="http://static.tumblr.com/duveckp/PKEmq8kce/2_y.png"></div>
  568.      
  569.     <div id="description" >{Description}
  570.         </div>
  571.      
  572.     <div class="porra">
  573.     <a href="{text:Link1}">{text:Link1 Title}</a>
  574.     <a href="{text:Link2}">{text:Link2 Title}</a>
  575.     <a href="{text:Link3}">{text:Link3 Title}</a>
  576.     <a href="{text:Link4}">{text:Link4 Title}</a>
  577.     <a href="{text:Link5}">{text:link5 Title}</a>
  578.      </div></div>
  579.      
  580.      
  581.     <div class="frase" style="color:{color:titulo}"><a href="/">{text:frase}</a></div>
  582.      
  583.      
  584.      </div>
  585.      
  586.      
  587.     {block:IfInfiniteScroll}{block:Pagination}<p class="previous-next text">{block:PreviousPage}<a href="{PreviousPage}" class="next"><</a>{/block:PreviousPage}<span id="pages"> {CurrentPage} of {TotalPages} </span>{block:NextPage}<a href="{NextPage}" class="previous">></a>{/block:NextPage}</p>{/block:Pagination}{/block:IfInfiniteScroll}
  588.     </div>
  589.     </div>
  590.      
  591.     <div id="a">
  592.      
  593.     <div id="content">
  594.     {block:Posts}
  595.     <div class="post">
  596.      
  597.     {block:Text}
  598.     <div class="text">
  599.     {block:Title}<h3>{Title}</h3>{/block:Title}
  600.     {Body}
  601.     {block:IndexPage}
  602.     <div class="photopermaholder2"><div class="photoperma">
  603.     {NoteCount} NOTES -
  604.     <a href="{ReblogURL}"target="_blank" title="reblog"> <b>reblog </b></a></a> - <a href="{Permalink}" title="Permalink"> permalink</a></a>
  605.     {block:ifs}{SourceURL}{/block:ifs}
  606.     </div>
  607.     </div>
  608.     {/block:IndexPage}
  609.     </div>
  610.     {/block:Text}
  611.        
  612.     {block:Quote}
  613.     <div class="text quote">
  614.     <p class="words">&#8220;{Quote}&#8221;</p>
  615.     {block:Source}<p class="source">{Source}</p>{/block:Source}
  616.     {block:IndexPage}
  617.     <div class="photopermaholder2"><div class="photoperma">
  618.     {NoteCount} NOTES -
  619.     <a href="{ReblogURL}"target="_blank" title="reblog"> <b>reblog </b></a></a> - <a href="{Permalink}" title="Permalink"> permalink</a></a>
  620.     {block:ifs}{SourceURL}{/block:ifs}
  621.     </div>
  622.     </div>
  623.     {/block:IndexPage}
  624.     </div>
  625.     {/block:Quote}
  626.      
  627.     {block:Link}
  628.     <div class="text link">        
  629.     <h3><a href="{URL}" {Target}>{Name}</a></h3>
  630.     {block:Description}{Description}{/block:Description}
  631.     {block:IndexPage}
  632.     <div class="photopermaholder2"><div class="photoperma">
  633.     {NoteCount} NOTES -
  634.     <a href="{ReblogURL}"target="_blank" title="reblog"> <b>reblog </b></a></a> - <a href="{Permalink}" title="Permalink"> permalink</a></a>
  635.     {block:ifs}{SourceURL}{/block:ifs}
  636.     </div>
  637.     </div>
  638.     {/block:IndexPage}
  639.     </div>
  640.     {/block:Link}
  641.      
  642.     {block:Chat}
  643.     <div class="text chat">
  644.     <ul class="conversation">
  645.     {block:Lines}
  646.     <li class="line {Alt}">
  647.     {block:Label}<span class="person">{Label}</span>{/block:Label}
  648.     <span class="person-said">{Line}</span>
  649.     </li>
  650.     {/block:Lines}
  651.     </ul>
  652.     {block:IndexPage}
  653.     <div class="photopermaholder2"><div class="photoperma">
  654.     {NoteCount} NOTES -
  655.     <a href="{ReblogURL}"target="_blank" title="reblog"> <b>reblog </b></a></a> - <a href="{Permalink}" title="Permalink"> permalink</a></a>
  656.     {block:ifs}{SourceURL}{/block:ifs}
  657.     </div>
  658.     </div>
  659.     {/block:IndexPage}
  660.     </div>
  661.     {/block:Chat}
  662.      
  663.     {block:Audio}
  664.     <div class="text audio">
  665.     <p>{AudioPlayerBlack}</p>
  666.     {block:IndexPage}{block:IfShowCaptions}
  667.     {block:Caption}{Caption}{/block:Caption}
  668.     {/block:IfShowCaptions}{/block:IndexPage}
  669.     {block:IndexPage}
  670.     <div class="photopermaholder2"><div class="photoperma">
  671.     {NoteCount} NOTES -
  672.     <a href="{ReblogURL}"target="_blank" title="reblog"> <b>reblog </b></a></a> - <a href="{Permalink}" title="Permalink"> permalink</a></a>
  673.     {block:ifs}{SourceURL}{/block:ifs}
  674.     </div>
  675.     </div>
  676.     {/block:IndexPage}
  677.     </div>
  678.     {/block:Audio}
  679.      
  680.      
  681.      
  682.      {block:Answer}
  683.      
  684.     <div class="pergunta">
  685.     <img src="{AskerPortraitURL-48}" align="left" width="30px" margin="5px"><font style="font-style:normal; text-transform:lowercase; margin-top:-25px; font-family:baumans;font-weight:bold; letter-spacing:1px; font-size:12px">{Asker}:</font>
  686.     <br>
  687.     {Question}</br></div>
  688.      
  689.     <div class="answer">{Answer}</div>
  690.     {block:IndexPage}
  691.     <div class="photopermaholder2"><div class="photoperma">
  692.     {NoteCount} NOTES -
  693.     <a href="{Permalink}"> permalink</a></a>
  694.     {block:ifs}{SourceURL}{/block:ifs}
  695.     </div>
  696.     </div>
  697.     {/block:IndexPage}
  698.     {/block:Answer}
  699.      
  700.      {block:if1coluna}
  701.      {block:Photoset}
  702.     <div class="photoset">
  703.     <div class="box">
  704.     <!-- permalink --> {block:IndexPage}
  705.     <div class="post-header-a2"><a class="like-button" title="like this post">{LikeButton}</a></div>
  706.     <div class="post-header-a">
  707.      
  708.     <a class="reblog-button" href="{reblogurl}" target="_blank"><strong>REBLOG</strong> </a>
  709.     <a class="note-perma" id="notes{PostID}" href="{Permalink}" title="permalink">{NoteCount} NOTES</a>
  710.     </div>
  711.     <!-- /permalink --> {/block:IndexPage}
  712.     {block:IndexPage}<center>{Photoset-400}</center>{/block:IndexPage}
  713.      
  714.     {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  715.     </div>
  716.     {block:IndexPage}{block:IfShowCaptions}
  717.     {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  718.     {/block:IfShowCaptions}{/block:IndexPage}
  719.     </div>
  720.     {/block:Photoset}
  721.      
  722.     {block:Video}
  723.     <div class="video">
  724.     <div class="box">
  725.     <!-- permalink --> {block:IndexPage}
  726.     <div class="post-header-a2"><a class="like-button" title="like this post">{LikeButton}</a></div>
  727.     <div class="post-header-a">
  728.      
  729.     <a class="reblog-button" href="{reblogurl}" target="_blank"><strong>REBLOG</strong> </a>
  730.     <a class="note-perma" id="notes{PostID}" href="{Permalink}" title="permalink">{NoteCount} NOTES</a>
  731.     </div>
  732.     <!-- /permalink --> {/block:IndexPage}
  733.     {block:IndexPage}<center>{Video-400}</center>{/block:IndexPage}
  734.     {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  735.     </div>
  736.     {block:IndexPage}{block:IfShowCaptions}
  737.     {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  738.     {/block:IfShowCaptions}{/block:IndexPage}
  739.     </div>
  740.     {/block:Video}
  741.        
  742.     {block:Photo}
  743.     <div class="photo">
  744.     <div class="box">
  745.     <!-- permalink --> {block:IndexPage}
  746.     <div class="post-header-a2"><a class="like-button" title="like this post">{LikeButton}</a></div>
  747.     <div class="post-header-a">
  748.      
  749.     <a class="reblog-button" href="{reblogurl}" target="_blank"><strong>REBLOG</strong> </a>
  750.     <a class="note-perma" id="notes{PostID}" href="{Permalink}" title="permalink">{NoteCount} NOTES</a>
  751.     </div>
  752.     <!-- /permalink --> {/block:IndexPage}
  753.     {block:IndexPage}
  754.     <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  755.     {/block:IndexPage}
  756.     {block:PermalinkPage}
  757.     {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  758.     {/block:PermalinkPage}
  759.     </div>
  760.     {block:IndexPage}{block:IfShowCaptions}
  761.     {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  762.     {/block:IfShowCaptions}{/block:IndexPage}
  763.     </div>
  764.     {/block:Photo}
  765.     {/block:if1coluna}
  766.      
  767.      
  768.      
  769.      
  770.      
  771.     {block:ifNot1Coluna}
  772.      
  773.      
  774.      
  775.     {block:Photoset}
  776.     <div class="photoset">
  777.     <div class="box">
  778.     <!-- permalink --> {block:IndexPage}
  779.     <div class="post-header-a2"><a class="like-button" title="like this post">{LikeButton}</a></div>
  780.     <div class="post-header-a">
  781.      
  782.     <a class="reblog-button" href="{reblogurl}" target="_blank"><strong>REBLOG</strong> </a>
  783.     <a class="note-perma" id="notes{PostID}" href="{Permalink}" title="permalink">{NoteCount} NOTES</a>
  784.     </div>
  785.     <!-- /permalink --> {/block:IndexPage}
  786.     {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  787.      
  788.     {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  789.     </div>
  790.     {block:IndexPage}{block:IfShowCaptions}
  791.     {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  792.     {/block:IfShowCaptions}{/block:IndexPage}
  793.     </div>
  794.     {/block:Photoset}
  795.      
  796.     {block:Video}
  797.     <div class="video">
  798.     <div class="box">
  799.     <!-- permalink --> {block:IndexPage}
  800.     <div class="post-header-a2"><a class="like-button" title="like this post">{LikeButton}</a></div>
  801.     <div class="post-header-a">
  802.      
  803.     <a class="reblog-button" href="{reblogurl}" target="_blank"><strong>REBLOG</strong> </a>
  804.     <a class="note-perma" id="notes{PostID}" href="{Permalink}" title="permalink">{NoteCount} NOTES</a>
  805.     </div>
  806.     <!-- /permalink --> {/block:IndexPage}
  807.     {block:IndexPage}<center>{Video-250}</center>{Block:if1Coluna}<center>{Video-400}</center>{/Block:if1Coluna}{/block:IndexPage}
  808.     {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  809.     </div>
  810.     {block:IndexPage}{block:IfShowCaptions}
  811.     {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  812.     {/block:IfShowCaptions}{/block:IndexPage}
  813.     </div>
  814.     {/block:Video}
  815.        
  816.     {block:Photo}
  817.     <div class="photo">
  818.     <div class="box">
  819.     <!-- permalink --> {block:IndexPage}
  820.     <div class="post-header-a2"><a class="like-button" title="like this post">{LikeButton}</a></div>
  821.     <div class="post-header-a">
  822.      
  823.     <a class="reblog-button" href="{reblogurl}" target="_blank"><strong>REBLOG</strong> </a>
  824.     <a class="note-perma" id="notes{PostID}" href="{Permalink}" title="permalink">{NoteCount} NOTES</a>
  825.     </div>
  826.     <!-- /permalink --> {/block:IndexPage}
  827.     {block:IndexPage}
  828.     <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  829.     {/block:IndexPage}
  830.     {block:PermalinkPage}
  831.     {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  832.     {/block:PermalinkPage}
  833.     </div>
  834.     {block:IndexPage}{block:IfShowCaptions}
  835.     {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  836.     {/block:IfShowCaptions}{/block:IndexPage}
  837.     </div>
  838.     {/block:Photo}
  839.      
  840.      
  841.      
  842.     {/block:IfNot1Coluna}
  843.      
  844.     {block:IfShowTags}{block:IndexPage}{block:HasTags}
  845.     <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  846.     {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  847.      
  848.     {block:PermalinkPage}
  849.     <div id="post-info" class="text">
  850.     {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  851.     {block:HasTags}
  852.     <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  853.     {/block:HasTags}
  854.     <p class="post-info-data">
  855.     {block:Date}{TimeAgo}<br/>{/block:Date}
  856.     {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  857.     Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  858.     {block:PostNotes}
  859.     {PostNotes}
  860.     {/block:PostNotes}
  861.     </div>
  862.     {/block:PermalinkPage}
  863.      
  864.     </div> <!-- end single post -->
  865.     {block:ContentSource}
  866.     <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  867.     {/block:ContentSource}
  868.     <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  869.     {/block:Posts}    
  870.     </div> <!-- end content -->
  871.     <div class="loading"></div>
  872.     </div> <!-- end containing div -->
  873.      
  874.     {block:Pagination}<ul id="pagination">
  875.     {block:PreviousPage}
  876.     <li><a href="{PreviousPage}"></a></li>
  877.     {/block:PreviousPage}
  878.     {block:JumpPagination length="5"}
  879.     {block:CurrentPage}
  880.     <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  881.     {/block:CurrentPage}
  882.     {block:JumpPage}
  883.     <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  884.     {/block:JumpPage}
  885.     {/block:JumpPagination}
  886.     {block:NextPage}
  887.     <li><a id="nextPage" href="{NextPage}"></a></li>
  888.     {/block:NextPage}
  889.     </ul>{/block:Pagination}
  890.      
  891.     {block:IndexPage}
  892.     <script type="text/javascript">
  893.     $(window).load(function () {
  894.     $('#content').masonry(),
  895.     $('.masonryWrap').infinitescroll({
  896.     navSelector    : '#pagination',  
  897.     nextSelector   : '#pagination a#nextPage',
  898.     itemSelector : ".post, .loading",
  899.     bufferPx : 40,
  900.     loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  901.     loadingText : "<em></em>",
  902.     },
  903.     function() { $('#content').masonry({ appendedContent: $(this) }); }
  904.     );
  905.     });
  906.     </script>
  907.     {/block:IndexPage}
  908.     {block:IfToTopButton}
  909.     <script type="text/javascript">
  910.             $(document).ready(function() {
  911.                     /*
  912.                             var defaults = {
  913.                                     containerID: 'toTop', // fading element id
  914.                                     containerHoverID: 'toTopHover', // fading element hover id
  915.                                     scrollSpeed: 1200,
  916.                                     easingType: 'linear'
  917.                             };
  918.                             */
  919.                            
  920.                             $().UItoTop({ easingType: 'easeOutQuart' });
  921.                            
  922.                     });
  923.     </script>
  924.     <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  925.     {/block:IfToTopButton}<script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  926.     <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  927.      
  928.      
  929.      
  930.      
  931.     </div></div>
  932.      
  933.        
  934.      
  935.      
  936.      
  937.      
  938.      
  939.            
  940.            
  941.      
  942.        </div>
  943.      
  944.      
  945.      
  946.      
  947.      
  948.            
  949.      
  950.      
  951.      
  952.      
  953.      
  954.      
  955.      
  956.     </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement