Advertisement
Carolaine_Vieira

Hani

Jun 25th, 2017
1,687
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 70.52 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Japanese}ja{/block:Japanese}{block:Italian}it{/block:Italian}{block:Spanish}es{/block:Spanish}{block:Polish}pl{/block:Polish}{block:Portuguese}pt{/block:Portuguese}" xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4.     <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#" profile="http://gmpg.org/xfn/11">
  5.         <!---
  6.        ╔═══╦═╗╔═╦═══╦╗──╔═══╦═╗╔═╦═══╦═╗─╔╦════╦═══╗
  7.        ║╔═╗║║╚╝║║╔═╗║║──║╔═╗║║╚╝║║╔══╣║╚╗║║╔╗╔╗║╔══╝
  8.        ║║─║║╔╗╔╗║╚═╝║║──║║─║║╔╗╔╗║╚══╣╔╗╚╝╠╝║║╚╣╚══╗
  9.        ║╚═╝║║║║║║╔══╣║─╔╣╚═╝║║║║║║╔══╣║╚╗║║─║║─║╔══╝
  10.        ║╔═╗║║║║║║║──║╚═╝║╔═╗║║║║║║╚══╣║─║║║─║║─║╚══╗
  11.        ╚╝─╚╩╝╚╝╚╩╝──╚═══╩╝─╚╩╝╚╝╚╩═══╩╝─╚═╝─╚╝─╚═══╝
  12.        THEME; CREATED BY CAROLAINE VIEIRA
  13.        amplamente.tumblr.com
  14.        --->
  15.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  16.         <title>{Title}{block:PermalinkPage}{block:PostSummary} &mdash; {PlaintextPostSummary}{/block:PostSummary}{block:PermalinkPage} {block:SearchPage} &mdash; {lang:Search results for SearchQuery} ({SearchResultCount}) {/block:SearchPage} {block:TagPage} &mdash; Posts tagged {Tag}{/block:TagPage}</title>
  17.         <link rel="shortcut icon" href="{Favicon}">
  18.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.         {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.        
  21.         {block:Hidden}
  22.         <meta name="color:Background" content="#f6f6f6" />
  23.         <meta name="color:Post" content="#fff" />
  24.         <meta name="color:Borders" content="#eee" />
  25.         <meta name="color:Text" content="#999" />
  26.         <meta name="color:Accent" content="#decba4" />
  27.         <meta name="color:Link" content="#e5d5b6" />
  28.         <meta name="color:Link hover" content="#ff9999" />
  29.         <meta name="color:Search Box Bg" content="#fbfbfb" />
  30.         <meta name="color:Search Box Border" content="#eee" />
  31.         <meta name="color:Search Box Text" content="#999" />
  32.         <meta name="color:Header bg" content="#fff" />
  33.         <meta name="color:Header borders" content="#eee" />
  34.         <meta name="color:Header link" content="#fff" />
  35.         <meta name="color:Header link hover" content="#ff9999" />
  36.        
  37.         <meta name="if:Tumblr Controls" content="/" />
  38.         <meta name="if:Caption" content="/" />
  39.         <meta name="if:Projects" content="" />
  40.         <meta name="if:Posts I Like" content="" />
  41.         <meta name="if:Via E Source" content="/" />
  42.         <meta name="if:Affliates" content="" />
  43.        
  44.         <meta name="image:Background" content="" />
  45.         <meta name="image:HeaderImage" content="" />
  46.         <meta name="image:Sidebar" content="http://i.imgur.com/KYwEQxb.jpg" />
  47.        
  48.         <meta name="text:Body Font" content="Open Sans" />
  49.         <meta name="text:Titles Font" content="Cinzel Decorative" />
  50.         <meta name="text:Font Size" content="13" />
  51.         <meta name="text:Affliates Label" content="Affiliates" />
  52.         <meta name="text:Disclaimer Label" content="Disclaimer" />
  53.         <meta name="text:Disclaimer" content="" />
  54.         <meta name="text:Facebook Url" content="" />
  55.         <meta name="text:TwitterUrl" content="" />
  56.         <meta name="text:GooglePlus Url" content="" />
  57.         <meta name="text:Pinterest Url" content="" />
  58.         <meta name="text:Instagram Url" content="" />
  59.         <meta name="text:YouTube Url" content="" />
  60.         <meta name="text:Tumblr Url" content="" />
  61.         {/block:Hidden}
  62.        
  63.         <link href='https://fonts.googleapis.com/css?family={text:Body Font}:400,400i,500,500i,600,600i|Montserrat:400,400i,500,500i,600,600i|Playfair+Display:400,400i,500,500i,600,600i|{text:Titles Font}:400,400i,500,500i,600,600i' rel='stylesheet' type='text/css'>
  64.         <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  65.         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  66.         <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  67.         <script> (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  68.         <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  69.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  70.         <script type="text/javascript" src="http://static.tumblr.com/s2qsk1o/7XCoa9hcm/tags.js"></script>
  71.         <script type="text/javascript" src="http://static.tumblr.com/s2qsk1o/Hlxoa9hfj/tab1.js"></script>
  72.         <script type="text/javascript" src="http://static.tumblr.com/s2qsk1o/BRkoa9hhm/tab2.js"></script>
  73.         <script type="text/javascript" src="http://static.tumblr.com/s2qsk1o/XEhoa9hzk/scrollup.js"></script>
  74.        
  75.         <style type="text/css">
  76.        
  77.             html, body {
  78.             width:100%;
  79.             }
  80.             body {
  81.             margin:0;
  82.             background:{color:background} url("{image:background}") fixed;
  83.             color:{color:text};
  84.             font-size:{text:font size}px;
  85.             font-family:{text:Body Font};
  86.             }
  87.            
  88.             a {  
  89.             text-decoration:none;
  90.             color:{color:link};
  91.             -moz-transition: 0.3s ease-in;
  92.             -webkit-transition: 0.3s ease-in;
  93.             -o-transition: 0.3s ease-in;
  94.             transition: 0.3s ease-in;
  95.             }
  96.             a:hover {
  97.             color:{color:link hover};
  98.             -moz-transition: 0.3s ease-in;
  99.             -webkit-transition: 0.3s ease-in;
  100.             -o-transition: 0.3s ease-in;
  101.             transition: 0.3s ease-in;
  102.             }
  103.            
  104.             #post {
  105.             width:1076px;
  106.             margin:-1px auto 0 auto;
  107.             }
  108.            
  109.             .entry {
  110.             width:500px;
  111.             padding:20px;
  112.             line-height:1.4em;
  113.             margin-left:250px;
  114.             margin:0 0 20px 250px;
  115.             background:{color:post};
  116.             border:1px solid {color:borders};
  117.             text-align:left;
  118.             float:none;
  119.             }
  120.            
  121.             .entry img { max-width:500px; height:auto !important;}
  122.            
  123.             #notas { border-top:1px solid {color:Borders}; color:{color:Text}; }
  124.             .notes li { border-bottom:1px solid {color:Borders}; }
  125.             .notes li:nth-child(even) { background:rgba({RGBcolor:Borders},0.3); }
  126.             li.more_notes_link_container a { color:{color:Post} !important; }
  127.             li.more_notes_link_container { background:{color:Accent}; !important; }
  128.  
  129.             #notas {
  130.                 margin:20px 0 -20px -20px;
  131.                 text-transform:uppercase;
  132.                 width:calc(100% + 40px);
  133.             }
  134.             .notes li img {
  135.                 width: 23px;
  136.                 border-radius:3px;
  137.                 float:left;
  138.                 top:-5px;
  139.                 position:relative;
  140.                 margin-right:0px;
  141.             }
  142.             ol.notes {
  143.                 margin:0 0 0 -40px;
  144.             }
  145.             .notes li {
  146.                 list-style:none;
  147.                 width:calc(100% - 30px);
  148.                 padding:15px;
  149.                 font-size:12px;
  150.             }
  151.             .notes li a {
  152.                 margin:0 5px;
  153.                 font-weight:600;
  154.                 text-decoration:underline;
  155.             }
  156.             li.more_notes_link_container a {
  157.                 text-decoration:none;
  158.             }
  159.             li.more_notes_link_container {
  160.                 text-transform:uppercase;
  161.                 font-weight:600;
  162.                 letter-spacing:1px;
  163.                 border-bottom:none;
  164.             }
  165.            
  166.             pre {
  167.             overflow:auto;
  168.             color:{color:post};
  169.             background:{color:Accent};
  170.             font-style:italic;
  171.             padding:3px;
  172.             width:100%;
  173.             }
  174.            
  175.             ::-webkit-scrollbar {height:5px; width:5px;}
  176.             ::-webkit-scrollbar-track-piece { background-color:{color:post};}
  177.             ::-webkit-scrollbar-thumb {background-color:{color:Accent};}
  178.            
  179.             h1 {
  180.             font-family:{text:Titles Font};
  181.             font-weight:500;
  182.             color:{color:Accent};
  183.             font-size:30px;
  184.             line-height:30px;
  185.             text-align:center;
  186.             margin:5px;
  187.             }
  188.            
  189.             h2 { color:{color:Accent}; font-size:20px; }
  190.            
  191.             blockquote {
  192.             margin-left:15px;
  193.             padding-left:10px;
  194.             border-left:2px solid {color:Accent};
  195.             }
  196.             blockquote img {
  197.             max-width:100% !important;
  198.             height:auto !important;
  199.             width:auto !important;
  200.             }
  201.            
  202.             #tumblr_controls, .tmblr-iframe { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity:0.3 !important; z-index:9999999!important; {block:IfNotTumblrControls} display:none; {/block:IfNotTumblrControls}}
  203.            
  204.             .caption {
  205.             {block:IfNotCaption}
  206.                 display:none;
  207.             {/block:IfNotCaption}
  208.             }
  209.             .caption a {border-bottom:1px solid {color:borders};}
  210.             .caption a:hover {border-bottom:1px solid;}
  211.            
  212.             .seureblog {
  213.                 width:calc(100% - 0px);
  214.                 margin:20px 0 -20px -20px;
  215.                 padding:15px 20px 7px 20px;
  216.                 height:24px;
  217.                 text-align:center;
  218.                 text-transform:none;
  219.                 border-top:1px solid {color:borders};
  220.                 background:rgba({RGBcolor:borders},0.3);
  221.                 text-transform:uppercase;
  222.             }
  223.             .seureblog a {
  224.                 font-size:11px;
  225.                 text-align:center;
  226.                 color:{color:text};
  227.                 margin:0 3px 0 3px;
  228.                 display:inline-block;
  229.             }
  230.             .seureblog span.barra {
  231.                 color:{color:Accent};
  232.                 padding:0 2px;
  233.                 display:inline-block;
  234.             }
  235.             .likie {
  236.                 margin:0;
  237.                 float:Right;
  238.                 display:block;
  239.                 cursor:pointer;
  240.                 {block:PermalinkPage}
  241.                 display:none;
  242.                 {/block:PermalinkPage}
  243.             }
  244.             .like a { cursor:pointer; }
  245.            
  246.             .tabs {
  247.             width:100%;
  248.             margin-left:0px;
  249.             display:inline-block;
  250.             }
  251.            
  252.             /*----- Tab Links -----*/
  253.            
  254.             /* Clearfix */
  255.            
  256.             .tab-links {
  257.                 position:relative;
  258.                 margin-top:0px;
  259.                 font-size:12px;
  260.                 margin-left:auto;
  261.                 margin-right:auto;
  262.                 text-align:center;
  263.             }
  264.            
  265.             .tab-links:after {
  266.                 display:block;
  267.                 clear:both;
  268.                 content:'';
  269.             }
  270.            
  271.             .tab-links li {
  272.                 margin-right:3px;
  273.                 display:inline-block;
  274.                 list-style:none;
  275.                 text-transform:uppercase;
  276.             }
  277.             .tab-links li.bt a {
  278.                 font-weight:600;
  279.                 font-size:15px;
  280.                 color:{color:header link hover} !Important;
  281.             }
  282.             .tab-links li.bt a:first-letter {
  283.                 text-decoration:none;
  284.             }
  285.            
  286.             .tab-links a {
  287.                 padding:8px 10px;
  288.                 display:inline-block;
  289.                 color:{color:header link};
  290.                 font-weight:600;
  291.                  -webkit-transition: all ease-in-out 0.5s;
  292.                 -moz-transition: all ease-in-out 0.5s;
  293.                 -o-transition: all ease-in-out 0.5s;
  294.                 -ms-transition: all ease-in-out 0.5s;    
  295.                 transition: all ease-in-out 0.5s;
  296.             }
  297.             .tab-links a:first-letter {
  298.                 color:{color:header link hover};    
  299.                 font-weight:600;
  300.                 text-decoration:underline;
  301.             }
  302.             .tab-links a:hover {
  303.                 color:{color:header link hover};
  304.                 -webkit-transition: all ease-in-out 0.5s;
  305.                 -moz-transition: all ease-in-out 0.5s;
  306.                 -o-transition: all ease-in-out 0.5s;
  307.                 -ms-transition: all ease-in-out 0.5s;    
  308.                 transition: all ease-in-out 0.5s;
  309.             }
  310.            
  311.             li.active a, li.active a:hover {
  312.                 color:{color:header link hover};
  313.                 font-weight:600;
  314.                 -webkit-transition: all ease-in-out 0.5s;
  315.                 -moz-transition: all ease-in-out 0.5s;
  316.                 -o-transition: all ease-in-out 0.5s;
  317.                 -ms-transition: all ease-in-out 0.5s;    
  318.                 transition: all ease-in-out 0.5s;
  319.             }
  320.            
  321.             /*----- Content of Tabs -----*/
  322.             .tab-content {
  323.             }
  324.            
  325.             .tabcontent {
  326.                 background:{color:post};
  327.                 border:1px solid {color:borders};
  328.                 padding:20px;
  329.                 margin-left:250px;
  330.                 margin-bottom:20px;
  331.             }
  332.            
  333.                 .tab {
  334.                     display:none;
  335.                     min-height:600px;
  336.                 }
  337.            
  338.                 .tab.active {
  339.                     display:block;
  340.                 }
  341.                
  342.             .tabt {
  343.                 margin:5px 0 20px 0;
  344.                 text-align:center;
  345.                 color:{color:Accent};
  346.                 font-weight:500;
  347.                 font-size:25px;
  348.                 font-family:{text:Titles Font};
  349.             }
  350.             .altt {
  351.                 margin-top:25px;
  352.             }
  353.            
  354.             aside#lado {
  355.                 float:right;
  356.                 width:265px;
  357.             }
  358.            
  359.             aside#sidefix {
  360.                 width:220px;
  361.                 float:left;
  362.                 padding:15px;
  363.                 position:fixed;
  364.                 top:62px;
  365.             }
  366.             aside#sidefix img.perfil {
  367.                 padding:6px;
  368.                 width:calc(100% - 14px);
  369.                 background:{color:header bg};
  370.                 border:1px solid {color:header borders};
  371.                 border-radius:3px;
  372.             }
  373.             aside#sidefix .description {
  374.                 border-radius:3px;
  375.                 padding:15px;
  376.                 text-align:justify;
  377.                 background:{color:header bg};
  378.                 border:1px solid {color:header borders};
  379.             }
  380.             aside#sidefix.stick {
  381.                 top:0;
  382.                 -webkit-transition: all ease-in-out 0.5s;
  383.                 -moz-transition: all ease-in-out 0.5s;
  384.                 -o-transition: all ease-in-out 0.5s;
  385.                 -ms-transition: all ease-in-out 0.5s;    
  386.                 transition: all ease-in-out 0.5s;
  387.             }
  388.            
  389.             .caixas {
  390.                 margin:0 auto 20px auto;
  391.                 padding:25px;
  392.                 height:auto;
  393.                 background:{color:post};
  394.                 border:1px solid {color:borders};
  395.                 color:{color:text};
  396.                 text-align:left;
  397.                 line-height:1.4em;
  398.             }
  399.             .scrollup {
  400.                 position: fixed;
  401.                 bottom: 0px;
  402.                 right: 0px;
  403.                 display:none;
  404.                 z-index:999;
  405.                 padding:15px;
  406.                 color:{color:Accent};
  407.             }
  408.             .scrollup a {color:{color:Accent};}
  409.            
  410.             .cc {
  411.                 position: fixed;
  412.                 bottom: 0px;
  413.                 left: 0px;
  414.                 padding:15px;
  415.                 font-size:15px;
  416.                 z-index:999999;
  417.                 color:{color:Accent};
  418.             }
  419.             .cc a {color:{color:Accent};}
  420.            
  421.             footer {
  422.                 width:1068px;
  423.                 vertical-align:bottom;
  424.                 overflow:hidden;
  425.                 padding:20px 0;
  426.                 margin:0 auto;
  427.                 text-align:center;
  428.                 bottom:0;
  429.                 z-index:99;
  430.                 font-size:13px;
  431.                 background:{color:post};
  432.                 border:1px solid {color:borders};
  433.                 border-bottom:none;
  434.                 clear:both;
  435.             }
  436.            
  437.             .article {
  438.                 line-height:20px;
  439.                 margin:0 auto;
  440.                 text-align:center;
  441.             }
  442.            
  443.             #page3 {
  444.                 letter-spacing:1px;
  445.                 padding:25px 0 25px 0;
  446.                 margin:-1px auto 0 auto;
  447.                 background:{color:background};
  448.                 width:1068px;
  449.                 text-transform:uppercase;
  450.                 z-index:4;
  451.                 text-align:center;
  452.             }
  453.            
  454.             #page3 a{
  455.                 margin-left:8px;
  456.                 color:{color:Text};
  457.                 padding:6px;
  458.             }
  459.             #page3 a:hover{
  460.                 color:{color:Accent};
  461.             }
  462.            
  463.             .quote {
  464.                 text-align:center;
  465.                 font-size:22px;
  466.                 line-height:28px;
  467.                 padding:8px 15px 0px 15px;
  468.                 font-family:Playfair Display;
  469.                 font-style:italic;
  470.                 color:{color:Accent};
  471.             }
  472.             .qsub {
  473.                 font-style:normal;
  474.                 font-family:{text:Body Font};
  475.                 margin-top:3px;
  476.                 font-size:12px;
  477.                 font-weight:400;
  478.                 color:{color:text};
  479.             }
  480.             .qsub a, .qsub b {
  481.                 color:{color:text};
  482.                 font-weight:400;
  483.             }
  484.            
  485.             .ch { background:transparent; padding:15px;}
  486.             .ch .ch1 { padding:10px; margin-bottom:5px;}
  487.             .ch1:nth-child(2n+1){ background:{color:Accent}; border:1px solid {color:Accent}; color:{color:post}; border-radius:6px; margin-right:50px; border-bottom-left-radius:0px; }
  488.             .ch1:nth-child(2n+1) b { color:{color:post}; }
  489.             .ch1:nth-child(2n+2){text-align:right; background:{color:post}; border:1px solid {color:Accent}; color:{color:Accent}; border-radius:6px; margin-left:100px; border-bottom-right-radius:0px; }
  490.             .ch b{text-transform:uppercase; margin-right:5px; }
  491.            
  492.             .albumfoto{
  493.             float:left;
  494.             width:150px;
  495.             margin-top:0px;
  496.             margin-left:0px;
  497.             }
  498.             .albumfoto img{
  499.             width:150px;
  500.             }
  501.             .audiodesc {
  502.             margin-left:150px;
  503.             padding:25px;
  504.             padding-bottom:10px;
  505.             padding-top:35px;
  506.             padding-left:25px;
  507.             background:{color:Accent};
  508.             color:{color:post};
  509.             margin-top:0px;
  510.             min-height:105px;
  511.             font-weight:600;
  512.             margin-bottom:0px;
  513.             text-align:center;
  514.             }
  515.             .audioplay {
  516.             overflow:hidden;
  517.             padding:5px;
  518.             max-width:26px;
  519.             width:26px;
  520.             height:28px;
  521.             margin-left:6px;
  522.             margin-top:4px;
  523.             background:transparent
  524.             -webkit-transition:all 0.3s ease-out;
  525.             }
  526.             .playbg {
  527.             opacity:0.6;
  528.             position:absolute;
  529.             overflow:hidden;
  530.             padding:10px;
  531.             width:50px;
  532.             max-width:50px;
  533.             height:45px;
  534.             background:{color:post};
  535.             margin-left:38px;
  536.             margin-top:-110px;
  537.             -webkit-transition:all 0.3s ease-out;
  538.             }
  539.             .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  540.            
  541.             .entry:hover .pessoapfoto img {
  542.             -webkit-transition:all 0.8s ease-out;
  543.             -moz-transition:all 0.8s ease-out;
  544.             transition:all 0.8s ease-out;
  545.             background:{color:accent};
  546.             }
  547.             .pessoap {
  548.             text-transform:uppercase;
  549.             font-size:12px;
  550.             font-weight:600;
  551.             margin-bottom:5px;
  552.             }
  553.             .pessoap a{
  554.             color:{color:Accent};
  555.             text-transform:uppercase;
  556.             font-size:12px;
  557.             font-weight:600;
  558.             }
  559.             .pessoapfototri {
  560.             float:left;
  561.             margin-top:10px;
  562.             margin-left:5px;
  563.             width: 0;
  564.             height: 0;
  565.             border-style: solid;
  566.             border-width: 10px 10px 10px 0;
  567.             border-color: transparent {color:borders} transparent transparent;
  568.             }
  569.             .pessoapfoto {
  570.             margin-left:0px;
  571.             }
  572.             .pessoapfoto img{
  573.             width:30px;
  574.             border-radius:100%;
  575.             margin:0 0 0 0;
  576.             padding:4px;
  577.             background:{color:borders};
  578.             float:left;
  579.             }
  580.             .pergunta {
  581.             padding:15px;
  582.             min-height:30px;
  583.             margin-left:53px;
  584.             background:{color:borders};
  585.             border:1px solid {color:borders};
  586.             }
  587.             .pergunta a { color:{color:Accent}; }
  588.             .sresposta {
  589.             padding:5px 0 0 0;
  590.             border-top:1px solid {color:Accent};
  591.             margin-top:12px;
  592.             }
  593.             .sresposta img {
  594.             max-width:100%;
  595.             height:auto;
  596.             }
  597.             .srespostatri {
  598.             margin-top:-15px;
  599.             margin-left:14px;
  600.             width: 0;
  601.             height: 0;
  602.             border-style: solid;
  603.             border-width: 0 10px 10px 10px;
  604.             border-color: transparent transparent {color:Accent} transparent;
  605.             }
  606.             .sresposta blockquote {padding:0px; background:transparent;}
  607.            
  608.             hr {
  609.             width:60%;
  610.             margin:20px auto;
  611.             border-width: 0;
  612.             border-bottom-width: 1px;
  613.             border-style: solid;
  614.             border-color: transparent;
  615.             background:{color:borders};
  616.             }
  617.            
  618.             #navigation {
  619.            
  620.             }
  621.            
  622.             #navigation a {
  623.             font-family:Montserrat;
  624.             text-transform:uppercase;
  625.             display:block;
  626.             padding:8px 10px;
  627.             font-size:10px;
  628.             text-align:center;
  629.             margin-bottom:3px;
  630.             color:{color:text};
  631.             background:rgba({RGBcolor:borders},0.3);
  632.             border:1px dotted {color:borders};
  633.             }
  634.            
  635.             #navigation a:hover{
  636.             background:transparent;
  637.             color:{color:Accent};
  638.             border-color:{color:Accent};
  639.             border-style:solid;
  640.             box-shadow:inset 10px 0 {color:Accent}, inset -10px 0 {color:Accent};
  641.             }
  642.            
  643.             #nav {
  644.             font-size:11px;
  645.             margin:20px auto 0 auto;
  646.             text-align:center;
  647.             }
  648.             #nav a {
  649.             text-decoration:none;
  650.             display:inline-block;
  651.             margin:0 1px 4px 0;
  652.             padding:6px;
  653.             color:{color:text};
  654.             background:rgba({RGBcolor:borders},0.3);
  655.             border:1px solid {color:borders};
  656.             width:175px;
  657.             text-align:center;
  658.             -webkit-transition: all 0.5s ease-out;
  659.             transition: all 0.5s ease-out;
  660.             }
  661.             #nav a:hover {
  662.             box-shadow:inset 295px 0px {color:Accent};
  663.             color:{color:post};
  664.             border-color:{color:Accent};
  665.             -webkit-transition: all 0.5s ease-out;
  666.             transition: all 0.5s ease-out;
  667.             }
  668.            
  669.             .link {
  670.             padding:20px;
  671.             margin-left:0px;
  672.             background:{color:Accent};
  673.             color:rgba(000,000,000,0.5);
  674.             text-align:center;
  675.             font-weight:600;
  676.             font-size:14px;
  677.             }
  678.             .linktitle{
  679.             font-size:25px;
  680.             text-transform:uppercase;
  681.             margin-top:15px;
  682.             }
  683.             .linktitle a {
  684.             color:rgba(000,000,000,0.5);
  685.             }
  686.             .linkdesc {
  687.             width:80%;
  688.             margin:0 auto;
  689.             margin-top:0px;
  690.             }
  691.             .linkhost {
  692.             border-top:1px dotted rgba(000,000,000,0.5);
  693.             padding:5px;
  694.             display:inline-block;
  695.             text-transform:uppercase;
  696.             font-size:11px;
  697.             margin-top:10px;
  698.             }
  699.            
  700.             .src { display:none; }
  701.            
  702.             #s-m-t-tooltip {
  703.                max-width:300px;
  704.                padding:6px;
  705.                padding-left:8px;
  706.                padding-right:8px;
  707.                margin:15px 20px;
  708.                font-size:11px;
  709.                letter-spacing:1px;
  710.                text-transform:uppercase;
  711.                color:{color:background};
  712.                background:{color:Accent};
  713.                z-index:99999999999;
  714.             }
  715.            
  716.                 .sform input {
  717.                     outline:none;
  718.                     border:none;
  719.                     padding:10px 12px;
  720.                     font-size:12px !important;
  721.                     font-weight:500;
  722.                     width:calc(100% - 25px);
  723.                     text-align:left;
  724.                 }
  725.                
  726.                 #search input[type="submit"] {
  727.                     cursor:pointer;
  728.                     width:19%;
  729.                     float:right;
  730.                     margin:-36px -1px 0 0;
  731.                     position:relative;
  732.                     padding:9px 6px;
  733.                     letter-spacing:1px;
  734.                     text-transform:uppercase;
  735.                     text-align:center;
  736.                     font-weight:300px;
  737.                     border:none;
  738.                     font-size:18px;
  739.                     border-radius:100% 0 0 100%;
  740.                     -webkit-transition:all 0.3s ease-out;
  741.                     -moz-transition:all 0.3s ease-out;
  742.                     transition:all 0.3s ease-out;
  743.                 }
  744.                 #search input[type="submit"]:hover {
  745.                     text-shadow:1px 1px 0px rgba(000,000,000,0.2);
  746.                     -webkit-transition:all 0.3s ease-out;
  747.                     -moz-transition:all 0.3s ease-out;
  748.                     transition:all 0.3s ease-out;
  749.                 }
  750.                 .sform input { font-size:12px; background:{color:search box bg}; border:1px solid {color:search box border} !important;}
  751.                     ::-webkit-input-placeholder { color:{color:search box text}; }
  752.                     :-moz-placeholder { color:{color:search box text}; }
  753.                     ::-moz-placeholder { color:{color:search box text}; }
  754.                     :-ms-input-placeholder { color:{color:search box text}; }
  755.                     .sbox { color:{color:search box text}; }
  756.                     .sbox:hover { color:{color:Accent}; }      
  757.                     .sform input:hover, #search:hover input[type="submit"] { color:{color:Accent}; }
  758.                     #search input[type="submit"] { border-color:{color:search box border}; background:rgba({RGBcolor:search box border},0.3); color:{color:search box text};}
  759.            
  760.             .ic {
  761.             margin-right:auto;
  762.             margin-left:auto;
  763.             width:1068px;
  764.             vertical-align:bottom;
  765.             overflow:hidden;
  766.             padding-top:10px;
  767.             padding-bottom:10px;
  768.             margin-top:0px;
  769.             margin-bottom:0px;
  770.             text-align:center;
  771.             z-index:99;
  772.             border-top:1px solid {color:borders};
  773.             border-left:1px solid {color:borders};
  774.             border-right:1px solid {color:borders};
  775.             background:{color:post};
  776.             clear:both;
  777.             }
  778.             .ic a { color:black; }
  779.            
  780.             #novex {
  781.                 margin-top:3px;
  782.                 text-align:center;
  783.             }
  784.             #novex a {
  785.                 color:{color:text};
  786.                 margin:3px;
  787.                 padding:5px;
  788.                 border-radius:2px;
  789.                 margin-left:20px;
  790.                 display:inline-block;
  791.             }
  792.             #novex a:hover, #novex a:hover i {
  793.                 color:{color:Accent};
  794.                 border-color:{color:Accent};
  795.                 background:transparent;
  796.                 -webkit-transition:all 0.3s ease-out;
  797.                 -moz-transition:all 0.3s ease-out;
  798.                 transition:all 0.3s ease-out;
  799.             }
  800.             #novex i {
  801.                 display:inline-block;
  802.                 border-radius:100%;
  803.                 padding:7px;
  804.                 text-align:center;
  805.                 min-width:13px;
  806.                 background:rgba({RGBcolor:borders},0.3);
  807.                 color:{color:text};
  808.                 border:1px solid {color:borders};
  809.                 -webkit-transition:all 0.3s ease-out;
  810.                 -moz-transition:all 0.3s ease-out;
  811.                 transition:all 0.3s ease-out;
  812.             }
  813.            
  814.             .tags {
  815.             padding:10px 20px;
  816.             text-align:left;
  817.             font-size:10px;
  818.             margin:20px 0 -20px -20px;
  819.             width:calc(100% + 0px);
  820.             border-top:1px solid {color:borders};
  821.             text-transform:lowercase;
  822.             {block:PermalinkPage}display:none;{/block:PermalinkPage}
  823.             }
  824.             .tags a {  
  825.             margin:0 6px 3px 0;
  826.             color:{color:text};
  827.             }
  828.             b { color:{color:Accent}; }
  829.             u { border-bottom:1px solid {color:Accent}; text-decoration:none;}
  830.            
  831.             header {
  832.             position:fixed;
  833.             width:1060px;
  834.             border:1px solid {color:header borders};
  835.             border-top:none;
  836.             top:0;
  837.             left:auto;
  838.             right:auto;
  839.             padding:10px 0 3px 0;
  840.             z-index:99;
  841.             background:{color:header bg};
  842.             }
  843.             header.stick {
  844.             width:220px;
  845.             position:relative;
  846.             margin:0px 0 0 0;
  847.             background:transparent;
  848.             border:none;
  849.             }
  850.             header.stick .tab-links a {
  851.             padding:5px;
  852.             background:{color:header bg};
  853.             border:1px solid {color:header borders};
  854.             margin-bottom:2px;
  855.             display:block;
  856.             border-radius:3px;
  857.             }
  858.             header.stick .tab-links a:hover {
  859.             opacity:0.7;
  860.             }
  861.             header.stick ul.tab-links {
  862.             margin:0 0 0 -40px;
  863.             }
  864.             header.stick .tab-links li {
  865.             display:block;
  866.             }
  867.             header.stick .tab-links li.bt {
  868.             display:none;
  869.             }
  870.            
  871.             .caixas_title_left {
  872.             overflow: hidden;
  873.             text-align:center;
  874.             font-size: 11px;
  875.             letter-spacing:0px;
  876.             text-transform:uppercase;
  877.             margin:-20px 0 10px 0;
  878.             padding:10px;
  879.             font-weight:600;
  880.             color:{color:Accent};
  881.             }
  882.             .caixas_title_left > span{
  883.             position: relative;
  884.             display: inline-block;
  885.             }
  886.             .caixas_title_left > span:before, .caixas_title_left > span:after{
  887.             content: "";
  888.             position: absolute;
  889.             top: 68%;
  890.             border-bottom: 4px double;
  891.             border-color:{color:borders};
  892.             width: 591px;
  893.             margin: -5px 15px;
  894.             }
  895.             .caixas_title_left > span:before{
  896.             right: 100%;
  897.             }
  898.             .caixas_title_left > span:after{
  899.             left: 100%;
  900.             }
  901.            
  902.             .following {
  903.             width:220px;
  904.             overflow-y:scroll;
  905.             text-align:center;
  906.             margin:0 0 0 2px;
  907.             }
  908.             .following img:hover {
  909.            
  910.             -webkit-transition: all 0.5s ease;
  911.             -moz-transition: all 0.5s ease;
  912.             -o-transition: all 0.5s ease;
  913.             -ms-transition: all 0.5s ease;
  914.             transition: all 0.5s ease;
  915.            
  916.             }
  917.             .following img {
  918.             margin:0 1px 1px 0;
  919.             width:38.6px;
  920.             height:38.6px;
  921.             border-radius:2px;
  922.             display:inline-block;
  923.             }
  924.            
  925.             .icons {
  926.             }
  927.             .icons img {
  928.             display:inline;
  929.             margin:0 -1px -2px 0;
  930.             width:96px;
  931.             }
  932.             .icons img:hover {
  933.             opacity:0.7;
  934.             background:{color:Accent};
  935.             cursor:help;
  936.             -webkit-transition: all 0.5s ease;
  937.             -moz-transition: all 0.5s ease;
  938.             -o-transition: all 0.5s ease;
  939.             -ms-transition: all 0.5s ease;
  940.             transition: all 0.5s ease;
  941.            
  942.             }
  943.            
  944.             .members {
  945.             vertical-align:middle;
  946.             text-transform:uppercase;
  947.             font-size:10px;
  948.             margin:0 0 5px 0;
  949.             padding:0px 0px 0px 8px;
  950.             line-height:15px;
  951.             text-align:left;
  952.             display:block;
  953.             }
  954.             .members img {
  955.             width:48px;
  956.             float:left;
  957.             border-radius:100px;
  958.             margin-right:15px;
  959.             margin-left:0px;
  960.             }
  961.            
  962.             .project {
  963.             vertical-align:middle;
  964.             text-transform:uppercase;
  965.             font-size:10px;
  966.             letter-spacing:1px;
  967.             margin-left:-5px;
  968.             margin-bottom:-20px;
  969.             margin-top:0px;
  970.             padding:5px 0px 0px 8px;
  971.             line-height:15px;
  972.             text-align:left;
  973.             display:block;
  974.             }
  975.            
  976.             .project p {
  977.             margin-top:30px;
  978.             margin-bottom:30px;
  979.             }
  980.            
  981.             .project img{
  982.             width:100%;
  983.             margin-bottom:5px;
  984.             }
  985.            
  986.             .banner {
  987.             position:relative;
  988.             width:1078px;
  989.             overflow:hidden;
  990.             text-align:right;
  991.             margin:0 auto;
  992.             }
  993.            
  994.             .banner img {
  995.             width:827px;
  996.             margin:67px 0 2px 240px;
  997.             height:auto;
  998.             padding:10px;
  999.             }
  1000.            
  1001.             .perfil {
  1002.             width:calc(100% + 0px);
  1003.             margin-left:0px;
  1004.             margin-top:0px;
  1005.             margin-bottom:10px;
  1006.             }
  1007.            
  1008.             ul#likes {
  1009.                 list-style-type: none;
  1010.                 margin: 0 0 0 0;
  1011.                 padding: 0 0 0 0;
  1012.                 text-align:left;
  1013.             }
  1014.                
  1015.             li.like_post {
  1016.                 /* Should match the width specified in the Likes tag */
  1017.                 padding:15px 0;
  1018.                 display:inline-block;
  1019.                 border-bottom:1px solid {color:Borders};
  1020.             }
  1021.        
  1022.               li.like_post img {
  1023.                   max-width: 100%;
  1024.               }
  1025.        
  1026.               li.like_post blockquote {
  1027.                   margin: 0;
  1028.                   padding: 0 0 0 10px;
  1029.               }
  1030.        
  1031.               li.like_post ol,
  1032.               li.like_post ul {
  1033.                   margin: 0 0 0 15px;
  1034.                   padding: 0;
  1035.               }
  1036.        
  1037.               li.like_post .like_link a {
  1038.                   font-weight: bold;
  1039.               }
  1040.        
  1041.               li.like_post .like_title {
  1042.                   font-weight: bold;
  1043.               }
  1044.        
  1045.               li.like_post .post_info_bottom {
  1046.                   margin: 10px 0 0 0;
  1047.                   display: block !important;
  1048.               }
  1049.              
  1050.               .from {
  1051.                 height:55px;
  1052.                 padding:0px;
  1053.                 margin:-5px 0px 15px 0px;
  1054.                 background:{color:post};
  1055.                 border-bottom:1px solid {color:borders};
  1056.                 -webkit-transition:all 0.3s ease-out;
  1057.             }
  1058.             .from a{
  1059.                 color:{color:perma link};
  1060.             }
  1061.            
  1062.             .si {
  1063.                 float:left;
  1064.                 width:40px;
  1065.                 max-width:40px;
  1066.                 border-radius:100%;
  1067.                 margin:0px;
  1068.                 padding:3px;
  1069.             }
  1070.            
  1071.             .sit {
  1072.                 float:left;
  1073.                 margin-left:6px;
  1074.                 margin-top:3.5px;
  1075.                 font-size:12px;
  1076.                 padding-bottom:10px;
  1077.                 text-transform:lowercase;
  1078.             }
  1079.             .sit span {
  1080.                 font-weight:600;
  1081.                 font-size:13px;
  1082.                 display:inline-block;
  1083.             }
  1084.            
  1085.             #soc {
  1086.                 text-align:left;
  1087.                 margin-top:10px;
  1088.                 font-size:14px;
  1089.             }
  1090.             #soc a {
  1091.                 display:inline-block;
  1092.                 text-align:center;
  1093.                 background:{color:header bg};
  1094.                 color:{color:header link};
  1095.                 border:1px solid {color:header borders};
  1096.                 border-radius:2px;
  1097.                 width:24px;
  1098.                 padding:7px;
  1099.                 margin:0px 1px 2px 0px;
  1100.                 font-size:17px;
  1101.                 -moz-transform: scale(1);
  1102.                 -webkit-transform: scale(1);
  1103.                 -o-transform: scale(1);
  1104.                 -ms-transform: scale(1);
  1105.                 transform: scale(1);
  1106.             }
  1107.             #soc a:hover {
  1108.                 background:{color:header link hover};
  1109.                 border-color:{color:header link hover};
  1110.                 color:{color:header bg};
  1111.                 -moz-transform: scale(1.1);
  1112.                 -webkit-transform: scale(1.1);
  1113.                 -o-transform: scale(1.1);
  1114.                 -ms-transform: scale(1.1);
  1115.                 transform: scale(1.1);
  1116.             }
  1117.            
  1118.             {CustomCSS}
  1119.        
  1120.         </style>
  1121.    
  1122.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1123.    
  1124.         <script>
  1125.             $(window).scroll(function () {
  1126.               if($(this).scrollTop() > 450) {
  1127.                 $('header').addClass('stick');
  1128.               } else {
  1129.                 $('header').removeClass('stick');
  1130.               }
  1131.             });
  1132.         </script>
  1133.         <script>
  1134.             $(window).scroll(function () {
  1135.               if($(this).scrollTop() > 450) {
  1136.                 $('aside#sidefix').addClass('stick');
  1137.               } else {
  1138.                 $('aside#sidefix').removeClass('stick');
  1139.               }
  1140.             });
  1141.         </script>
  1142.         <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  1143.         <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  1144.  
  1145.    
  1146.     </head>
  1147.     <body>
  1148.    
  1149.         <a href="#" class="scrollup"><li style="font-size:35px;" class="fa fa-angle-double-up"></li></a>
  1150.        
  1151.         <div class="banner">
  1152.             <img src="{image:headerimage}" >
  1153.         </div>
  1154.        
  1155.         <div id="post">
  1156.        
  1157.             <aside id="sidefix">
  1158.            
  1159.                 <img src="{image:sidebar}" class="perfil">
  1160.                 {block:Description}
  1161.                     <div class="description">
  1162.                         {Description}
  1163.                     </div>
  1164.                 {/block:Description}  
  1165.                 <div id="soc">
  1166.                     <a href="{BLogUrl}" title="{lang:Home}"><span class="oi-home"></span></a>
  1167.                     <a href="/archive" title="{lang:Archive}"><span class="oi-grid"></span></a>
  1168.                     <a href="/random" title="{lang:Random}"><span class="oi-shuffle"></span></a>
  1169.                     <a href="{RSS}" title="Rss"><span class="oi-map"></span></a>
  1170.                     <a href="https://www.tumblr.com/" title="{lang:Back}"><span class="oi-battery-empty"></span></a>
  1171.                 </div>
  1172.            
  1173.                 <header>
  1174.                     <div class="tabs">
  1175.                         <ul class="tab-links">
  1176.                             <li class="bt"><a href="/" >{Title}</a></li>
  1177.                             <li class="active"><a href="#tab1">Posts</a></li>
  1178.                             <li><a href="#tab2">Informations</a></li>
  1179.                             <li><a href="#tab3">Extras</a></li>
  1180.                             <li><a href="#tab4">Contact</a></li>
  1181.                         </ul>
  1182.                     </div>
  1183.                 </header>
  1184.            
  1185.             </aside>
  1186.            
  1187.             <!-------------------- TABS --------------------->
  1188.             <div class="tabs">
  1189.                 <!-------------------- TAB 1 -------------------->
  1190.                
  1191.                 <div class="tab-content">
  1192.                     <div id="tab1" class="tab active">
  1193.                    
  1194.                         <!-- SIDEBAR -->
  1195.                         <aside id="lado">
  1196.                             {block:Following}
  1197.                                 <div class="caixas">
  1198.                                     <div class="caixas_title_left">
  1199.                                         <span>{lang:Following}</span>
  1200.                                     </div>
  1201.                                     <div class="following">
  1202.                                         {block:Followed}
  1203.                                             <a href="{FollowedURL}" title="{FollowedTitle} — {FollowedName}" >
  1204.                                                 <img src="{FollowedPortraitURL-96}" />
  1205.                                             </a>
  1206.                                         {block:Followed}
  1207.                                     </div>
  1208.                                    
  1209.                                 </div>
  1210.                             {/block:Following}
  1211.                        
  1212.                             {block:GroupMembers}
  1213.                                 <div class="caixas">
  1214.                                     <div class="caixas_title_left">
  1215.                                         <span>{lang:Members}</span>
  1216.                                     </div>
  1217.                                
  1218.                                     {block:GroupMember}
  1219.                                         <div class="members">
  1220.                                             <a href="{GroupMemberURL}">
  1221.                                             <img src="{GroupMemberPortraitURL-48}"></a>
  1222.                                             <div style="padding-top:8px;">
  1223.                                                 <b>
  1224.                                                     <a href="{GroupMemberURL}">{GroupMemberName}</a>
  1225.                                                 </b>
  1226.                                                 <br>{GroupMemberTitle}
  1227.                                             </div>
  1228.                                         </div>
  1229.                                     {/block:GroupMember}
  1230.                                 </div>
  1231.                             {/block:GroupMembers}
  1232.                            
  1233.                             <!-- SEARCH BOX -->
  1234.                            
  1235.                             {block:HasPages}
  1236.                             <div class="caixas">
  1237.                                 <div class="caixas_title_left">
  1238.                                     <span>{lang:Navigate}</span>
  1239.                                 </div>
  1240.                                
  1241.                                 <div id="navigation">
  1242.                                     {block:Pages}
  1243.                                         <a href="{URL}">{Label}</a>
  1244.                                     {/block:Pages} 
  1245.                                 </div>
  1246.                            
  1247.                             </div>
  1248.                             {/block:HasPages}
  1249.                            
  1250.                             <div class="caixas">
  1251.                                 <div class="caixas_title_left">
  1252.                                     <span>{lang:Search}</span>
  1253.                                 </div>
  1254.                                
  1255.                                 <div id="search">
  1256.                                     <form action="/search" method="get" class="sform" name="form">
  1257.                                     <input type="text" name="q" value="{SearchQuery}" class="sbox"               placeholder="{lang:Search Keywords}..."/>
  1258.                                         <input type="submit" value="&#128270;">
  1259.                                     </form>
  1260.                                 </div>
  1261.                             </div>
  1262.                            
  1263.                             {block:IfTwitterUrl}
  1264.                                 <div class="caixas">
  1265.                                     <div class="caixas_title_left">
  1266.                                         <span>{lang:Latest Tweets}</span>
  1267.                                     </div>
  1268.                                     <a class="twitter-timeline" href="{text:TwitterUrl}" data-tweet-limit="1" data-chrome="nofooter noheader"></a>
  1269.                                 </div>
  1270.                             {/block:IfTwitterUrl}
  1271.                            
  1272.                             {block:IfProjects}
  1273.                                 <div class="caixas">
  1274.                                
  1275.                                     <div class="caixas_title_left">
  1276.                                         <span>Projects</span>
  1277.                                     </div>
  1278.                                    
  1279.                                     <!----------
  1280.                                        START OF PROJECTS
  1281.                                        YOU CAN ADD AND REMOVE PROJECTS                                          ---------->
  1282.                                
  1283.                                     <div class="project">
  1284.                                    
  1285.                                     <img src="http://i.imgur.com/TyIcTNx.png">
  1286.                                     <b>title:</b> movie title
  1287.                                     <br><b>role:</b> character name
  1288.                                     <br><b>release:</b> year
  1289.                                    
  1290.                                    
  1291.                                     <p>
  1292.                                     <img src="http://i.imgur.com/TyIcTNx.png">
  1293.                                     <b>title:</b> movie title
  1294.                                     <br><b>role:</b> character name
  1295.                                     <br><b>release:</b> year
  1296.                                     </p>
  1297.                                    
  1298.                                     </div>
  1299.                                        
  1300.                                     <!------------END OF PROJECTS---------->
  1301.                                 </div>
  1302.                             {/block:IfProjects}
  1303.                            
  1304.                             {block:IfPostsILike}
  1305.                                 {block:Likes}
  1306.                                     <div class="caixas">
  1307.                                         <div class="caixas_title_left">
  1308.                                             <span>{lang:Stuff I Like}</span>
  1309.                                         </div>
  1310.                                        
  1311.                                         <div id="likes_container">
  1312.                                             {Likes limit="5" summarize="100"}
  1313.                                             <br>
  1314.                                             <div class="plinks">
  1315.                                                 <a href="http://www.tumblr.com/liked/by/{Name}" target="_blank">
  1316.                                                     {lang:More liked posts}
  1317.                                                 </a>
  1318.                                             </div>
  1319.                                         </div>
  1320.                                     </div>
  1321.                                 {/block:Likes}
  1322.                             {/block:IfPostsILike}
  1323.                            
  1324.                             {block:IfDisclaimer}
  1325.                                 <div class="caixas">
  1326.                                     <div class="caixas_title_left">
  1327.                                         <span>{text:Disclaimer Label}</span>
  1328.                                     </div>
  1329.                                     {text:disclaimer}
  1330.                                 </div>
  1331.                             {/block:IfDisclaimer}
  1332.                        
  1333.                         </aside>
  1334.                        
  1335.                         {block:SearchPage}
  1336.                             <div class="entry">
  1337.                                 <h1 class="solution"><i class="fa fa-search"></i> &nbsp;{lang:Search results for SearchQuery} ({SearchResultCount}) </h1>
  1338.                             </div>
  1339.                         {/block:SearchPage}
  1340.                        
  1341.                         {block:TagPage}
  1342.                             <div class="entry">
  1343.                                  <h1 class="solution"><i class="fa fa-tags"></i> &nbsp;{lang:Showing TagResultCount posts tagged Tag 3}</h1>
  1344.                             </div>
  1345.                         {/block:TagPage}
  1346.                    
  1347.                         {block:Posts}
  1348.                            
  1349.                             <div class="entry">
  1350.                                
  1351.                                 {block:IfViaESource}
  1352.                                     {block:RebloggedFrom}
  1353.                                         <div class="from">
  1354.                                             <a href="{ReblogParentURL}" title="via">
  1355.                                                 <img class="si" src="{ReblogParentPortraitURL-64}">
  1356.                                             </a>
  1357.                                            
  1358.                                             <div class="sit">
  1359.                                                 <span>{lang:PostTypeNoun reblogged from ReblogParentName}</span> <br>
  1360.                                                 {lang:Posted on DayOfWeek DayOfMonth Month Year 3}
  1361.                                             </div>
  1362.                                         </div>
  1363.                                     {/block:RebloggedFrom}
  1364.                                 {/block:IfViaESource}
  1365.                            
  1366.                                 {block:Title}
  1367.                                 <h1>{Title}</h1>
  1368.                                 {/block:Title}
  1369.                                
  1370.                                 {block:Text}<div class="tcaption">{Body}</div>{/block:Text}
  1371.                                
  1372.                                 {block:Photo}<img src="{PhotoURL-HighRes}" width="500" />{/block:Photo}
  1373.                                
  1374.                                 {block:Photoset}{Photoset-500}{/block:Photoset}
  1375.                                
  1376.                                 {block:Quote}
  1377.                                 <div class="quote">"{Quote}"
  1378.                                 <div class="qsub">&mdash; {block:Source} {Source} {/block:Source} </div>
  1379.                                 </div>
  1380.                                 {/block:Quote} 
  1381.                                
  1382.                                 {block:Chat}
  1383.                                 <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}
  1384.                                
  1385.                                 {block:Audio}
  1386.                                 <div class="albumfoto">{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}<div class="playbg"><div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div></div><div class="audiodesc">{block:Artist}{Artist}{/block:Artist}</br>{block:Album}{Album}{/block:Album}</br>{block:TrackName}{TrackName}{/block:TrackName}</br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>{/block:Audio}   
  1387.                                
  1388.                                 {block:Link}
  1389.                                 <div class="link">
  1390.                                 <div class="linktitle"><a href="{URL}" {Target}>{Name}</a></div>
  1391.                                 <div class="linkdesc">{block:Description} {Description} {/block:Description}
  1392.                                 {block:Host}<div class="linkhost">{Host}</div>{/block:Host}
  1393.                                 </div></div>
  1394.                                 {/block:Link}
  1395.                                
  1396.                                 {block:Video}<div class="video">{Video-500}</div>{PlayCountWithLabel}{/block:Video}
  1397.                                
  1398.                                 {block:Answer}
  1399.                                 <div style="padding:10px; padding-top:0px;"><div class="pessoapfoto"><img src="{AskerPortraitURL-64}"><div class="pessoapfototri"></div></div><div class="pergunta"><div class="pessoap">{Asker} asked:</div>{Question}</div><div class="sresposta"><div class="srespostatri"></div>{Answer}</div></div>
  1400.                                 {/block:Answer}
  1401.                                
  1402.                                 {block:Caption}
  1403.                                     <div class="caption">
  1404.                                         {Caption}
  1405.                                     </div>
  1406.                                 {/block:Caption}
  1407.                                
  1408.                                 {block:Date}    
  1409.                                     <div class="seureblog">
  1410.                                         {block:NoteCount}
  1411.                                             <a href="{Permalink}">{NoteCountWithLabel}</a><span class="barra">/</span>
  1412.                                         {/block:NoteCount}
  1413.                                         <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a><span class="barra">/</span>
  1414.                                        
  1415.                                         {block:IFViaESource}
  1416.                                             {block:RebloggedFrom}
  1417.                                                 <a href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">Via</a><span class="barra">/</span>
  1418.                                                 <a href="{ReblogRootURL}" target="_blank" title="{ReblogRootName}">Src</a><span class="barra">/</span>
  1419.                                             {/block:RebloggedFrom}
  1420.                                         {/block:IFViaESource}
  1421.                                         {block:HasTags}
  1422.                                             <a href="#" class="tagged">{lang:Tags}</a><span class="barra">/</span>
  1423.                                         {/block:HasTags}
  1424.                                         <a href="{ReblogUrl}" style="padding-bottom:6px;">Reblog</a>
  1425.                                         <div class="likie">
  1426.                                             {LikeButton color="gray" size="14"}
  1427.                                         </div>
  1428.                                     </div>
  1429.                                 {/block:Date}
  1430.                                
  1431.                                 {block:HasTags}
  1432.                                     <div class="tags">
  1433.                                         {block:Tags}
  1434.                                             <a href="{TagURL}">#{Tag}</a>
  1435.                                         {/block:Tags}
  1436.                                     </div>
  1437.                                 {/block:HasTags}
  1438.                                
  1439.                                 {block:PermalinkPage}
  1440.                                 <div id="notas">{block:PostNotes}{PostNotes-64}{/block:PostNotes}</div>{/block:PermalinkPage}
  1441.                            
  1442.                             </div> <!-- fim de .entry -->
  1443.                         {/block:Posts}
  1444.                     </div> <!-- fim de #tab1 -->
  1445.                    
  1446.                     <!------------ TAB 2 (INFORMATIONS) --------------->
  1447.                    
  1448.                     <div id="tab2" class="tab">
  1449.                         <div class="tabcontent">
  1450.                        
  1451.                             <div class="tabt">
  1452.                                 Extra tab content
  1453.                             </div>
  1454.                            
  1455.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt <u>ut laoreet dolore</u> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et <b>accumsan et iusto</b> odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id <i>quod mazim placerat</i> facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, <a href="/">qui sequitur</a> mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum s dynamicus, qui sequitur mutationem.<br><br>
  1456.                            
  1457.                             <hr>
  1458.                            
  1459.                             Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt <u>ut laoreet dolore</u> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et <b>accumsan et iusto</b> odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
  1460.                             <h2>Title using h2</h2>
  1461.                             Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id <i>quod mazim placerat</i> facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
  1462.                             Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt <u>ut laoreet dolore</u> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et <b>accumsan et iusto</b> odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id <i>quod mazim placerat</i> facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, <a href="/">qui sequitur</a> mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum s dynamicus, qui sequitur mutationem.<br><br>
  1463.                            
  1464.                             <hr>
  1465.                            
  1466.                             Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt <u>ut laoreet dolore</u> magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et <b>accumsan et iusto</b> odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
  1467.                        
  1468.                         </div>
  1469.                     </div>
  1470.                    
  1471.                        
  1472.                     <!-------------- TAB 4 (EXTRAS) --------------->
  1473.                    
  1474.                     <div id="tab3" class="tab">
  1475.                         <div class="tabcontent">
  1476.                        
  1477.                             <div class="tabt">
  1478.                                 Navigation
  1479.                             </div>
  1480.                        
  1481.                             <div id="nav">
  1482.                                 <a href="#">un</a>
  1483.                                 <a href="#">deux</a>
  1484.                                 <a href="#">trois</a>
  1485.                                 <a href="#">quatre</a>
  1486.                                 <a href="#">cinq</a>
  1487.                                 <a href="#">six</a>
  1488.                                 <a href="#">un</a>
  1489.                                 <a href="#">deux</a>
  1490.                             </div>
  1491.                        
  1492.                             <div class="tabt altt">
  1493.                                 Icons Stuff
  1494.                             </div>
  1495.                        
  1496.                             <div class="icons">
  1497.                            
  1498.                                 <img src="http://i.imgur.com/dn7EjVO.png" >
  1499.                                 <img src="http://i.imgur.com/7GgmF8G.png" >
  1500.                                 <img src="http://i.imgur.com/9qt1K1Y.png" >
  1501.                                 <img src="http://i.imgur.com/5OE3sQ8.png" >
  1502.                                 <img src="http://i.imgur.com/QRVGmFz.png" >
  1503.                                 <img src="http://i.imgur.com/pfd1Op2.png" >
  1504.                                 <img src="http://i.imgur.com/MtExzU3.png" >
  1505.                                 <img src="http://i.imgur.com/krC0hCJ.png" >
  1506.                                 <img src="http://static.tumblr.com/wdl6pky/ANboidxjn/hgjhjkhk.png" >
  1507.                                 <img src="http://static.tumblr.com/wdl6pky/x7Yoidxv7/thfgh.png">
  1508.                                 <img src="http://static.tumblr.com/wdl6pky/Y4soidxt5/sdgfg.png">
  1509.                                 <img src="http://static.tumblr.com/wdl6pky/NP5oidy2z/wqre.png">
  1510.                                 <img src="http://static.tumblr.com/wdl6pky/w0noidxrp/rttf.png">
  1511.                                 <img src="http://static.tumblr.com/wdl6pky/9ahoidxrr/rttfyh.png">
  1512.                                 <img src="http://static.tumblr.com/wdl6pky/DpAoidx8y/fgjhgj.png">
  1513.                                 <img src="http://static.tumblr.com/wdl6pky/Hrcoidwv1/dcfsdfsdf.png">
  1514.                                 <img src="http://static.tumblr.com/wdl6pky/hb4oidxxm/thytfghn.png">
  1515.                                 <img src="http://40.media.tumblr.com/c9ed246f8353d2312a6cde9d6277f7f7/tumblr_njhe1zx9Ip1s24di3o2_400.png">
  1516.                                 <img src="http://static.tumblr.com/wdl6pky/9ahoidxrr/rttfyh.png">
  1517.                                 <img src="http://static.tumblr.com/wdl6pky/DpAoidx8y/fgjhgj.png">
  1518.                                 <img src="http://static.tumblr.com/wdl6pky/Hrcoidwv1/dcfsdfsdf.png">
  1519.                                 <img src="http://static.tumblr.com/wdl6pky/hb4oidxxm/thytfghn.png">
  1520.                                 <img src="http://40.media.tumblr.com/c9ed246f8353d2312a6cde9d6277f7f7/tumblr_njhe1zx9Ip1s24di3o2_400.png">
  1521.                                 <img src="http://40.media.tumblr.com/0f49c5cec326a10c23e81ea5abc1d98b/tumblr_njhe1zx9Ip1s24di3o4_400.png">
  1522.                                 <img src="http://static.tumblr.com/wdl6pky/Ahuoidxt8/sdsfd.png">
  1523.                                 <img src="http://static.tumblr.com/wdl6pky/Y4soidxt5/sdgfg.png">
  1524.                                 <img src="http://40.media.tumblr.com/0f49c5cec326a10c23e81ea5abc1d98b/tumblr_njhe1zx9Ip1s24di3o4_400.png">
  1525.                                 <img src="http://static.tumblr.com/wdl6pky/Ahuoidxt8/sdsfd.png">
  1526.                                 <img src="http://static.tumblr.com/wdl6pky/Y4soidxt5/sdgfg.png">
  1527.                                 <img src="http://static.tumblr.com/wdl6pky/x7Yoidxv7/thfgh.png">
  1528.                                 <img src="http://static.tumblr.com/wdl6pky/Y4soidxt5/sdgfg.png">
  1529.                                 <img src="http://static.tumblr.com/wdl6pky/NP5oidy2z/wqre.png">
  1530.                            
  1531.                             </div>
  1532.                        
  1533.                         </div>
  1534.                     </div>
  1535.                    
  1536.                     <!----------------- TAB 4 (CONTACT) ------------------>
  1537.                    
  1538.                     <div id="tab4" class="tab">
  1539.                         <div class="tabcontent">
  1540.                        
  1541.                             <div class="tabt">
  1542.                                 {AskLabel}
  1543.                             </div>
  1544.                            
  1545.                             {block:AskEnabled}        
  1546.                                 <iframe frameborder="0" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color: transparent; overflow:hidden; width:100%; height:200px;"></iframe>
  1547.                             {/block:AskEnabled}
  1548.                            
  1549.                             <div class="tabt altt">
  1550.                                 {SubmitLabel}
  1551.                             </div>
  1552.                            
  1553.                             <iframe frameborder="0" scrolling="no" width="100%" height="150px" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="submit_form"></iframe>
  1554.                                    
  1555.                         </div> <!-- fim de .tabcontent -->
  1556.                        
  1557.                     </div> <!-- fim de Tab4 -->
  1558.                
  1559.                 </div> <!-- fim de tab-content -->
  1560.             </div> <!-- fim de .tabs -->
  1561.         </div> <!-- fim de #post // END OF TABS -->
  1562.        
  1563.        
  1564.         {block:Pagination}<div id="page3">
  1565.        
  1566.         {block:PreviousPage}
  1567.         <a href="{PreviousPage}">{lang:Previous}</a>
  1568.         {/block:PreviousPage}
  1569.        
  1570.         {block:JumpPagination length="10"}
  1571.        
  1572.         {block:CurrentPage}<a style="text-decoration:underline;"><span class="current_page">{CurrentPage}</a></span></a>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1573.        
  1574.         <a>...{TotalPages}</a>
  1575.        
  1576.         {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  1577.         </div>{/block:Pagination}
  1578.        
  1579.         <div class="ic">
  1580.             <div id="novex">
  1581.                 <a href="{text:Facebook Url}" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i> &nbsp;Facebook</a>
  1582.                 <a href="{text:TwitterUrl}" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i> &nbsp;Twitter</a>
  1583.                 <a href="{text:GooglePlus Url}" target="_blank"><i class="fa fa-google" aria-hidden="true"></i> &nbsp;Google +</a>
  1584.                 <a href="{text:Pinterest Url}" target="_blank"><i class="fa fa-pinterest" aria-hidden="true"></i> &nbsp;Pinterest</a>
  1585.                 <a href="{text:Instagram Url}" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i> &nbsp;Instagram</a>
  1586.                 <a href="{text:Youtube Url}" target="_blank"><i class="fa fa-youtube" aria-hidden="true"></i> &nbsp;Youtube</a>
  1587.                 <a href="{text:Tumblr Url}" target="_blank"><i class="fa fa-tumblr" aria-hidden="true"></i> &nbsp;Tumblr</a>
  1588.             </div>
  1589.         </div>
  1590.        
  1591.         <footer>
  1592.             <div class="article">
  1593.                 <a href="{BlogUrl}">{Title}</a> &mdash; {CopyrightYears} &mdash; Design <a href="http://amplamentethemes.co.vu/">Amplamente</a>, {lang:Powered by Tumblr 2}.
  1594.             </div>
  1595.         </footer>
  1596.        
  1597.         <div class="cc">
  1598.             <a href="http://amplamentethemes.co.vu/" title="&copy; Theme Credit"><i class="fa fa-code" aria-hidden="true"></i></a>
  1599.         </div>
  1600.        
  1601.         <div class="src">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</div>
  1602.    
  1603.     </body>
  1604. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement