API tools faq
paste
Advertisement
Carolaine_Vieira

Mon Cher

Carolaine_Vieira
Oct 9th, 2016
1,090
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 34.09 KB | None | 0 0
raw download clone embed print report
  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}">
  3.  
  4. <head>
  5. <!---
  6. ╔═══╦═╗╔═╦═══╦╗──╔═══╦═╗╔═╦═══╦═╗─╔╦════╦═══╗
  7. ║╔═╗║║╚╝║║╔═╗║║──║╔═╗║║╚╝║║╔══╣║╚╗║║╔╗╔╗║╔══╝
  8. ║║─║║╔╗╔╗║╚═╝║║──║║─║║╔╗╔╗║╚══╣╔╗╚╝╠╝║║╚╣╚══╗
  9. ║╚═╝║║║║║║╔══╣║─╔╣╚═╝║║║║║║╔══╣║╚╗║║─║║─║╔══╝
  10. ║╔═╗║║║║║║║──║╚═╝║╔═╗║║║║║║╚══╣║─║║║─║║─║╚══╗
  11. ╚╝─╚╩╝╚╝╚╩╝──╚═══╩╝─╚╩╝╚╝╚╩═══╩╝─╚═╝─╚╝─╚═══╝
  12. THEME; CREATED BY CAROLAINE VIEIRA
  13. amplamente.tumblr.com
  14. --->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml">
  17. <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">
  18. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  19. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  20. <meta name="viewport" content="width=device-width,user-scalable=false">
  21.  
  22. <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>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. {block:Hidden}
  29. <meta name="color:Background" content="#fff" />
  30. <meta name="color:Borders" content="#eee" />
  31. <meta name="color:Permalink Border" content="#dfdfdf" />
  32. <meta name="color:Accent" content="#C2DBA0" />
  33. <meta name="color:Text" content="#999" />
  34. <meta name="color:Link" content="#888" />
  35. <meta name="color:Link hover" content="#ccc" />
  36. <meta name="color:Header border" content="#eee" />
  37. <meta name="color:Header link" content="#888" />
  38. <meta name="color:Header link hover" content="#ccc" />
  39. <meta name="color:Title" content="#333" />
  40. <meta name="color:Description" content="#999" />
  41.  
  42. <meta name="image:Background" content="" />
  43. <meta name="image:Header" content="" />
  44.  
  45. <meta name="select:Columns" content="1260" title="6" />
  46. <meta name="select:Columns" content="1050" title="5" />
  47. <meta name="select:Columns" content="840" title="4" />
  48.  
  49. <meta name="if:InfiniteScrolling" content="/"/>
  50. <meta name="if:Caption" content=""/>
  51. <meta name="if:Tags" content=""/>
  52.  
  53. <meta name="text:FacebookUsername" content="" />
  54. <meta name="text:InstagramUsername" content="" />
  55. <meta name="text:LastFmUrl" content="" />
  56. <meta name="text:SkypeUsername" content="" />
  57. <meta name="text:GooglePlusUrl" content="" />
  58. <meta name="text:TwitterUsername" content="" />
  59. <meta name="text:TumblrUsername" content="" />
  60. <meta name="text:WeHeartItUsername" content="" />
  61. <meta name="text:FlickrUsername" content="" />
  62. <meta name="text:WebsiteUrl" content="" />
  63.  
  64. <meta name="text:Link1Title" content="link 1" />
  65. <meta name="text:Link1Url" content="/" />
  66. <meta name="text:Link2Title" content="link 2" />
  67. <meta name="text:Link2Url" content="/" />
  68. <meta name="text:Link3Title" content="link 3" />
  69. <meta name="text:Link3Url" content="/" />
  70. <meta name="text:Link4Title" content="link 4" />
  71. <meta name="text:Link4Url" content="/" />
  72. <meta name="text:Link5Title" content="link 5" />
  73. <meta name="text:Link5Url" content="/" />
  74. {/block:Hidden}
  75.  
  76. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Cookie|Dosis|Lobster|Permanent+Marker|Shrikhand|Roboto' rel='stylesheet' type='text/css'>
  77.  
  78. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  79.  
  80. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  81. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  82. <script> (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87. *html, body { width:100%; }
  88.  
  89. body {
  90.     margin:0;
  91.     background: {color:background} url("{image:background}") fixed;
  92.     color:{color:Text};
  93.     font-size:12px;
  94.     font-family:Open Sans;
  95. }
  96.  
  97. a {
  98.     text-decoration:none;
  99.     color:{color:link};
  100.     -webkit-transition: all 0.5s ease-out;
  101.     transition: all 0.5s ease-out;
  102. }
  103. a:hover {
  104.     color:{color:link hover};
  105.     -webkit-transition: all 0.5s ease-out;
  106.     transition: all 0.5s ease-out;
  107. }
  108.  
  109. .tcaption {padding:15px; }
  110. .tcaption img {width:100%; height:auto !important; }
  111.  
  112. #post {
  113.     margin:40px auto 0px auto;
  114.     {block:PermalinkPage}
  115.         width:700px;
  116.     {/block:PermalinkPage}
  117.     {block:IndexPage}
  118.         width:{select:columns}px;
  119.         min-height:630px;
  120.     {/block:IndexPage}
  121. }
  122.  
  123. .entry {
  124.     float:left;
  125.     {block:IndexPage}width:200px;{/block:IndexPage}
  126.     {block:PermalinkPage}width:700px;{/block:PermalinkPage}
  127.     background:transparent;
  128.     margin:5px;
  129. }
  130. .entry img {
  131.     border-radius:4px;
  132.     width:100%;
  133.     height:auto;
  134.     margin-bottom:-4px;
  135.     {block:PermalinkPage}max-width:700px;{/block:PermalinkPage}
  136.     height:auto;
  137. }
  138. .entry .permhover {
  139.     border-radius:3px;
  140.     width:200px;
  141.     height:calc(100% - 0px) !important;
  142.     margin-left:0px;
  143.     margin-top:0px;
  144.     position:absolute;
  145.     overflow:hidden;
  146.     background:rgba({RGBcolor:background},0.9);
  147.     opacity:0.0;
  148.     z-index:2;
  149.     {block:PermalinkPage}
  150.     display:none;
  151.     {/block:PermalinkPage}
  152.     -webkit-transition: all 0.2s ease-out;
  153.     transition: all 0.2s ease-out;
  154. }
  155. .entry:hover .permhover {
  156.     -webkit-transition: all 0.2s ease-out;
  157.     transition: all 0.2s ease-out;
  158.     opacity:1;
  159. }
  160. .skeww {
  161.     width:170px;
  162.     margin-left:20px;
  163.     left:auto;
  164.     right:auto;
  165.     top:50%;
  166.     margin-top:-30px;
  167.     position:relative;
  168.     -moz-transform: skewX(50deg);
  169.     -webkit-transform: skewX(50deg);
  170.     -o-transform: skewX(50deg);
  171.     -ms-transform: skewX(50deg);
  172.     transform: skewX(50deg);
  173.     -webkit-transition: all 0.2s ease-out;
  174.     transition: all 0.2s ease-out;
  175. }
  176. .entry:hover .skeww {
  177.     -moz-transform: skewX(0deg);
  178.     -webkit-transform: skewX(0deg);
  179.     -o-transform: skewX(0deg);
  180.     -ms-transform: skewX(0deg);
  181.     transform: skewX(0deg);
  182.     -webkit-transition: all 0.2s ease-out;
  183.     transition: all 0.2s ease-out;
  184. }
  185.  
  186. #s-m-t-tooltip {
  187.        max-width:300px;
  188.        padding:6px;
  189.        padding-left:8px;
  190.        padding-right:8px;
  191.        margin:15px 20px;
  192.        font-size:11px;
  193.        letter-spacing:1px;
  194.        text-transform:uppercase;
  195.        color:{color:background};
  196.        background:{color:accent};
  197.        z-index:99999999999;
  198. }
  199.  
  200. .quote {
  201.     padding:15px 20px;
  202.     font-size:15px;
  203.     text-align:left;
  204.     font-style:italic;
  205.     border:1px solid {color:borders};
  206.     border-bottom:none;
  207. }
  208. .qsub {
  209.     margin-top:8px;
  210.     font-weight:bold;
  211.     color:{color:accent};
  212.     font-size:12px;
  213.     text-transform:uppercase;
  214.     font-style:normal;
  215. }
  216. .quote a {
  217.     color:{color:accent};
  218. }
  219.  
  220. .ch { padding:10px; border:1px solid {color:borders}; }
  221. .ch .ch1 { padding:8px; margin-bottom:3px;}
  222. .ch1 { background:#fbfbfb; border:1px solid #eee; }
  223. .ch .ch1 b{ color:{color:accent}; text-transform:uppercase; font-size:11px;}
  224.  
  225. h1 { color:{color:accent}; text-align:center; }
  226.  
  227. blockquote {
  228. width:90%;
  229. margin-left:0px;
  230. padding:10px;
  231. padding-top:0px;
  232. padding-bottom:0px;
  233. border-left:2px solid {color:accent};
  234. background:transparent;
  235. }
  236. blockquote img { max-width:100%; height:auto; }
  237.  
  238. .albumfoto{
  239. float:left;
  240. width:80px;
  241. margin-top:0px;
  242. margin-left:0px;
  243. }
  244. .albumfoto img{
  245. width:80px;
  246. border-radius:0px;
  247. }
  248. .audiodesc {
  249.     font-family:Roboto;
  250.     margin-left:80px;
  251.     padding:10px;
  252.     background:{color:accent};
  253.     color:{color:background};
  254.     margin-top:0px;
  255.     min-height:55px;
  256.     margin-bottom:0px;
  257.     text-align:left;
  258.     font-size:10px;
  259.     text-transform:uppercase;
  260. }
  261. .audioplay {
  262. overflow:hidden;
  263. padding:5px;
  264. max-width:26px;
  265. width:26px;
  266. height:28px;
  267. margin-left:6px;
  268. margin-top:4px;
  269. background:transparent;
  270. -webkit-transition:all 0.3s ease-out;
  271. }
  272. .playbg {
  273. opacity:0.6;
  274. position:absolute;
  275. overflow:hidden;
  276. padding:10px;
  277. width:50px;
  278. max-width:50px;
  279. height:45px;
  280. background:{color:background};
  281. margin-left:5px;
  282. margin-top:-71px;
  283. -webkit-transition:all 0.3s ease-out;
  284. }
  285. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  286.  
  287. .pagination {display:none;}
  288.  
  289. .permalink { padding:10px;}
  290.  
  291. .tags { padding:5px 0px 0px 0px; border-top:1px solid {color:borders};}
  292. .tags a{
  293.     text-transform:lowercase;
  294.     display:inline-block;
  295.     margin:2px 2px 0px 2px;
  296. }
  297.  
  298. #header {
  299.     position:relative;
  300.     width:{select:columns}px;
  301.     margin:40px auto 0px auto;
  302.     z-index:9;
  303.     text-align:center;
  304. }
  305. .sideimg {
  306.     margin:0;
  307.     height:100px;
  308.     width:100px;
  309.     border-radius:100%;
  310.     border-bottom-right-radius:0px;
  311.     border:1px solid {color:borders};
  312.     padding:5px;
  313.     float:left;
  314. }
  315. .description {
  316.     margin:37px 0px 0px -505px;
  317.     text-align:left;
  318.     font-size:13px;
  319.     height:80px;
  320.     color:{color:description};
  321.     float:left;
  322.     width:350px;
  323.     overflow-y:auto;
  324.     padding-bottom:10px;
  325. }
  326. .sidetitle {
  327.     font-size:17px;
  328.     font-family:roboto;
  329.     letter-spacing:1px;
  330.     padding:5px;
  331.     text-align:left;
  332.     margin:8px 0px 0px 5px;
  333.     float:left;
  334.     width:500px;
  335.     text-transform:uppercase;
  336.     word-spacing:5px;
  337. }
  338. .sidetitle a {
  339.     color:{color:title}; }
  340.  
  341. .pages {
  342.     border-top:1px solid {color:borders};
  343.     width:100%;
  344.     max-width:{select:columns}px;
  345.     padding:15px 0px;
  346.     margin:10px auto 30px auto;
  347.     font-size:14px;
  348.     font-family:roboto;
  349.     text-transform:uppercase;
  350.     text-align:center;
  351.     z-index:99;
  352.     word-spacing:10px;
  353. }
  354. .bb {
  355.     border-top:1px solid {color:borders};
  356.     width:100%;
  357.     height:1px;
  358.     margin-top:0px;
  359.     clear:both;
  360. }
  361. .sl {
  362.     float:right;
  363.     text-align:right;
  364.     margin:-18px auto 10px auto;
  365. }
  366. .sl a:hover span {
  367.     color:{color:header link hover};
  368. }
  369. .sl span {
  370.     display:inline-block;
  371.     margin-right:4px;
  372.     color:{color:accent};
  373.     font-weight:600;
  374. }
  375. .sl a {
  376.     position:relative;
  377.     margin:0 20px 0px 0px;
  378.     padding:10px 10px;
  379.     background:{color:background};
  380.     text-transform:uppercase;
  381.     display:inline-block;
  382.     color:{color:header link};
  383.     font-size:12px;
  384.     font-family:roboto;
  385. }
  386. .sl a:hover {
  387.     color:{color:header link hover};
  388. }
  389.  
  390. #cat {
  391.     float:right;
  392.     margin-top:20px;
  393. }
  394. #cat a {
  395.     display:inline-block;
  396.     color:{color:background};
  397.     background:{color:accent};
  398.     font-size:12px;
  399.     padding:4px;
  400.     width:17px;
  401.     text-align:center;
  402.     margin:0px 1px;
  403.     border-radius:100%;
  404.     border:2px solid transparent;
  405. }
  406. #cat a:hover {
  407.     border-color:{color:accent};
  408.     background:transparent;
  409.     color:{color:accent};
  410. }
  411.  
  412. .alt {
  413.     background:{color:accent};
  414.     color:{color:background};
  415.     padding:10px;
  416.     text-align:center;
  417.     text-transform:uppercase;
  418.     {block:PermalinkPage}display:none;{/block:PermalinkPage}
  419. }
  420. .alt a {
  421.     color:{color:background};
  422.     font-size:11px;
  423.     margin:0 8px;
  424.     display:inline-block;
  425. }
  426.  
  427. .clamam{position:fixed; display:none; right:0px; bottom:5px; font-size:12px; line-height:14px; text-align:right; z-index:999; text-decoration:none; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; text-transform:uppercase; font-weight:bold; background:#fff;}
  428. .clamam a{background-color:#fff; padding:6px; color:{color:accent}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  429.  
  430. ::-webkit-scrollbar {
  431. width: 6px;
  432. height: 7px;
  433. background: {color:background};
  434. }
  435. ::-webkit-scrollbar-button {
  436. width: 11px;
  437. height: 11px;
  438. }
  439. ::-webkit-scrollbar-thumb {
  440. background: {color:accent};
  441. border: 1px solid {color:borders};
  442. border-radius: 50px;
  443. }
  444. ::-webkit-scrollbar-thumb:active {
  445. background:#eee;
  446. }
  447. ::-webkit-scrollbar-track {
  448. background: {color:background};
  449. border: 0px none {color:background};
  450. border-radius: 0px;
  451. }
  452.  
  453. .link {
  454.     padding:15px;
  455.     margin-left:0px;
  456.     background:{color:accent};
  457.     color:{color:background};
  458.     text-align:left;
  459.     margin-bottom:1px;
  460. }
  461. .linktitle a {
  462.     font-size:23px;
  463.     font-weight:bold;
  464.     text-transform:uppercase;
  465.     text-align:left;
  466.     color:{color:background};
  467. }
  468.  
  469. .pessoap {
  470.     text-transform:uppercase;
  471.     font-size:13px;
  472.     font-weight:bold;
  473. }
  474. .pessoap a{
  475.     color:{color:background};
  476. }
  477. .pessoapfoto img{
  478.     float:left;
  479.     border-radius:100%;
  480.     margin-top:-25px;
  481.     margin-left:80px;
  482.     padding:4px;
  483.     max-width:40px;
  484.     background:{color:borders};
  485. }
  486. .pergunta {
  487.     background:{color:accent};
  488.     color:{color:background};
  489.     padding:15px;
  490.     padding-bottom:38px;
  491.     margin-left:0px;
  492.     border-bottom:2px solid {color:borders};
  493.     text-align:center;
  494. }
  495. .sresposta {
  496.     padding:15px;
  497.     padding-top:20px;
  498.     padding-bottom:0px;
  499.     background:transparent;
  500.     border-top:2px solid {color:borders};
  501.     border:1px solid {color:borders};
  502. }
  503. .sresposta img { max-width:100%; height:auto; }
  504.  
  505. .postnotes { margin-top:30px; width:98%; margin-left:auto; margin-right:auto; padding-top:12px; border-top:1px solid {color:borders}; clear:both;}
  506. ol.notes {padding: 0px; margin: 5px 0 0px 0px; list-style-type: none;}
  507. ol.notes a {text-decoration: none;}
  508. ol.notes li.note {display: inline-block; margin:0; padding: 0;}
  509. ol.notes li.note img.avatar {width: 34px; height: 34px;margin-bottom: -4px; padding: 2px; border-radius:5px;}
  510. aside.permalink_page {margin-top:30px; margin-bottom: 60px;}
  511. span.action {display:none;}
  512. ol.notes li.note:hover span.action {display: block;}
  513. ol.notes li.note blockquote {display:none;}
  514. ol.notes li.note:hover blockquote{display: block;}
  515. span.action {position: absolute; width: 150px; margin-left: -60px; margin-top: -6px; padding: 5px; padding-left:10px; padding-right:10px; font-size:12px; color:#fff; background-color:#333; text-align: center; z-index: 4;}
  516. span.action:after {content: ""; position: absolute; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: transparent transparent #333 transparent; top: -14px; left: 70px;}
  517. ol.notes li.note blockquote {position: absolute; width: 150px; background-color: #333; z-index: 1; padding: 40px 5px 5px 5px; margin-left: -60px; border:0; }
  518. ol.notes li.note.more_notes_link_container {display:block; margin-top: 20px; text-align: center;}
  519. ol.notes li.note.more_notes_link_container a {color:{color:accent}; font-weight:bold; text-transform:uppercase;}
  520. span.action a {color:{color:accent};}
  521.  
  522. .permalink { margin-top:5px; }
  523.  
  524. .src { display:none; }
  525.  
  526. .scrollup {
  527.     position: fixed;
  528.     bottom: 40px;
  529.     right: 1px;
  530.     padding:15px;
  531.     display:none;
  532.     z-index:999;
  533.     padding-top:10px;
  534.     padding-bottom:10px;
  535.     color:{color:accent};
  536.     font-size:25px;
  537. }
  538. .scrollup a {color:{color:accent}; font-size:25px;}
  539.  
  540. #ccr {
  541.     color:{color:accent};
  542.     position:fixed;
  543.     bottom:12px;
  544.     right:10px;
  545.     padding:6px 8px 6px 8px;
  546.     font-size:25px;
  547.     opacity:1;
  548.     width:21px;
  549.     height:25px;
  550.     overflow:hidden;
  551.     border-radius:100%;
  552.     -moz-transition-duration: 0.4s;
  553.         -o-transition-duration: 0.4s;
  554.         -webkit-transition-duration: 0.4s;
  555.         transition-duration: 0.4s;
  556.     z-index:9999;
  557. }
  558. #ccr i {
  559.     display:inline-block;
  560.     top:-2px;
  561.     position:relative;
  562.     -moz-transition-duration: 0.4s;
  563.         -o-transition-duration: 0.4s;
  564.         -webkit-transition-duration: 0.4s;
  565.         transition-duration: 0.4s;
  566.         -moz-transform: rotate(-360deg);
  567. -webkit-transform: rotate(-360deg);
  568. -o-transform: rotate(-360deg);
  569. -ms-transform: rotate(-360deg);
  570. transform: rotate(-360deg);
  571. }
  572. #cn {
  573.     color:{color:accent};
  574.     font-family:roboto;
  575.     font-size:13px;
  576.     margin-top:-25px;
  577.     margin-left:28px;
  578.     position:absolute;
  579.     text-transform:uppercase;
  580. }
  581. #ccr:hover i {
  582.     -moz-transform: rotate(360deg);
  583. -webkit-transform: rotate(360deg);
  584. -o-transform: rotate(360deg);
  585. -ms-transform: rotate(360deg);
  586. transform: rotate(360deg);
  587. -moz-transition-duration: 0.4s;
  588.         -o-transition-duration: 0.4s;
  589.         -webkit-transition-duration: 0.4s;
  590.         transition-duration: 0.4s;
  591. }
  592. #ccr:hover {
  593.     color:{color:accent};
  594.     width:120px;
  595.     border-radius:0;
  596.     -moz-transition-duration: 0.4s;
  597.         -o-transition-duration: 0.4s;
  598.         -webkit-transition-duration: 0.4s;
  599.         transition-duration: 0.4s;
  600. }
  601. #ccr a { color:{color:accent}; }
  602. #cn a { color:{color:accent}; }
  603.  
  604. .ptxt {
  605.     width:auto;
  606.     float:left;
  607.     margin:5px;
  608.     padding:10px;
  609.     text-transform:uppercase;
  610.     color:{color:background};
  611.     background:{color:Accent};
  612.     border:1px solid {color:Accent};
  613.     border-radius:3px;
  614.     font-family:roboto;
  615. }
  616. .ptxt a {
  617.     color:{color:background};
  618. }
  619. .ptxt a:hover {
  620.     text-decoration:underline;
  621. }
  622.  
  623. .sform input {
  624.     float:right;
  625.     outline:none;
  626.     text-align:right;
  627.     border:none;
  628.     width:300px;
  629.     background:transparent;
  630.     top:65px;
  631.     right:0px;
  632.     position:absolute;
  633.     padding:8px;
  634.     font-size:12px;
  635. }
  636. ::-webkit-input-placeholder { color:{color:description}; }
  637. :-moz-placeholder { color:{color:description}; }
  638. ::-moz-placeholder { color:{color:description}; }
  639. :-ms-input-placeholder { color:{color:description}; }
  640. .sbox {
  641.     -webkit-transition:all 0.3s ease-out;
  642.     -moz-transition:all 0.3s ease-out;
  643.     transition:all 0.3s ease-out;
  644. }
  645. .sbox:hover {
  646.     -webkit-transition:all 0.3s ease-out;
  647.     -moz-transition:all 0.3s ease-out;
  648.     transition:all 0.3s ease-out;
  649. }
  650.  
  651. .info {
  652.     {block:IndexPage}
  653.         margin:10px auto;
  654.     {/block:IndexPage}
  655.     {block:PermalinkPage}
  656.         margin:15px auto;
  657.     {/block:PermalinkPage}
  658.     border-top:1px solid {color:borders};
  659. }
  660.  
  661. @media screen and (max-width: 800px) {
  662.     #header {
  663.         position:relative;
  664.         margin:20px auto 0px auto;
  665.         left:auto;
  666.         right:auto;
  667.         width:80%;
  668.         height:auto;
  669.     }
  670.     #post {
  671.         width:100%;
  672.         margin:0 auto;
  673.     }
  674.     .entry {
  675.         width:100%;
  676.         margin:0 auto;
  677.     }
  678.     .permhover {
  679.         width:100% !important;
  680.     }
  681.     #tumblr_controls, .tmblr-iframe {
  682.         display:none;
  683.     }
  684.     .sideimg {
  685.         border-radius:100%;
  686.         margin:0 auto;
  687.         float:none;
  688.     }
  689.     .sidetitle {
  690.         margin:0 auto 10px auto;
  691.         float:none;
  692.         text-align:center;
  693.         width:100%;
  694.         font-size:20px;
  695.     }
  696.     #cat {
  697.         margin:0 auto;
  698.         float:none;
  699.         text-align:center;
  700.     }
  701.     .sform input {
  702.         position:static;
  703.         margin:-5px auto 10px auto;
  704.         float:none;
  705.         text-align:center;
  706.         width:100%;
  707.     }
  708.     .sl {
  709.         margin:5px auto 10px auto;
  710.         float:none;
  711.         text-align:center;
  712.     }
  713.     .sl a {
  714.         margin:5px 5px 0px 5px;
  715.         padding:0px;
  716.     }
  717.     .bb {
  718.         display:none;
  719.     }
  720.     .skeww {
  721.         margin-left:auto;
  722.         margin-right:auto;
  723.         left:auto;
  724.         right:auto;
  725.         top:50%;
  726.         margin-top:-30px;
  727.         width:150px;
  728.     }
  729.     .pessoapfoto img {
  730.         display:none;
  731.     }
  732. }
  733.  
  734. .rbb {
  735.     padding:10px 10px 15px 0px;
  736.     width:54px;
  737.     margin:10px auto 0px 0px;
  738.     border-right:1px solid {color:permalink border};
  739. }
  740. .pr {
  741.     float:right;
  742.     margin:0px 6px 0px 1px;
  743.     padding:0px;
  744.     font-size:22px;
  745.     font-weight:600;
  746. }
  747. .rbb a {
  748.     color:{color:text};
  749. }
  750. .rbb a:hover {
  751.     color:{color:accent};
  752. }
  753. .dt a:nth-child(1) {
  754.     color:{color:accent};
  755.     font-size:15px;
  756. }
  757. .dt a {
  758.     font-size:12px;
  759.     color:{color:text};
  760. }
  761. .dt a:hover {
  762.     color:{color:accent};
  763. }
  764. .dt {
  765.     float:left;
  766.     margin:-39px 0px 0px 80px;
  767.     text-transform:uppercase;
  768.     font-size:12px;
  769. }
  770. .custom-like-button *{cursor:pointer!important;}
  771. .custom-like-button {
  772.     position:relative;
  773.     display:inline-block;
  774.     vertical-align:top;
  775.     width:10px;
  776.     height:10px;
  777.     cursor:pointer;
  778.     margin:0 3px 0 1px;
  779.     font-size:22px;
  780.     color:{color:text};
  781. }
  782.  
  783. .like_button iframe {width:100%!important;height:100%!important;}
  784. .like_button {z-index:10;opacity:0;}
  785. .our_button {z-index:1;}
  786. .our_button,.like_button {
  787.     position:absolute;
  788.     top:0;
  789.     left:0;
  790.     width:100%;
  791.     height:100%;
  792.     color:{color:text};
  793. }
  794. #tumblr_controls, .tmblr-iframe { -webkit-filter: invert(100%); filter: invert(100%); left:auto !important; right:0 !important; position:absolute !important; float:right !important; opacity:0.3 !important; top:0px !important; z-index:9999999!important;}
  795.  
  796. {CustomCSS}
  797.  
  798. </style>
  799. </head>
  800.  
  801. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  802.  
  803. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  804. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  805. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  806. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  807.  
  808. <script>
  809. $(function(){
  810. var $container = $('#post');
  811. $container.imagesLoaded(function(){
  812. $container.masonry({
  813. itemSelector: '.entry',
  814. });
  815. });
  816. $container.infinitescroll({
  817. itemSelector : ".entry",
  818. navSelector : "div.pagination",
  819. nextSelector : ".pagination a#next",
  820. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  821. loadingText : "<em></em>",
  822. },
  823. function( newElements ) {
  824. var $newElems = $( newElements ).css({ opacity: 0 });
  825. $newElems.imagesLoaded(function(){
  826. $newElems.animate({ opacity: 1 });
  827. $container.masonry( 'appended', $newElems, true );
  828. });});});
  829. </script>
  830.  
  831. <body>
  832.  
  833. <a href="#" class="scrollup" title="scroll to top"><span class="lnr lnr-arrow-up"></span></a>
  834.  
  835. <div id="header">
  836.     <img class="sideimg" src="{image:header}"/>
  837.     <div class="sidetitle">
  838.         <a href="{BlogUrl}">{Title}</a>
  839.     </div>
  840.     <div class="description">
  841.         {Description}
  842.     </div>
  843.     <div id="cat">
  844.         {block:IfInstagramUsername}
  845.             <a target="_blank" href="http://instagram.com/{text:InstagramUsername}"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  846.         {/block:IfInstagramUsername}
  847.        
  848.         {block:IfLastFmUrl}
  849.             <a target="_blank" href="{text:LastFmUrl}"><i class="fa fa-lastfm" aria-hidden="true"></i></a>
  850.         {/block:IfLastFmUrl}
  851.        
  852.         {block:IfFacebookUsername}
  853.             <a target="_blank" href="http://facebook.com/{text:FacebookUsername}"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  854.         {/block:IfFacebookUsername}
  855.        
  856.         {block:IfSkypeUsername}
  857.             <a target="_blank" href="skype:{text:SkypeUsername}"><i class="fa fa-skype" aria-hidden="true"></i></a>
  858.         {/block:IfSkypeUsername}
  859.        
  860.         {block:IfFlickrUsername}
  861.             <a target="_blank" href="http://flickr.com/photos/{text:FlickrUsername}"><i class="fa fa-flickr" aria-hidden="true"></i></a>
  862.         {/block:IfFlickrUsername}
  863.        
  864.         {block:IfTumblrUsername}
  865.             <a target="_blank" href="http://{text:TumblrUsername}.tumblr.com/"><i class="fa fa-tumblr" aria-hidden="true"></i></a>
  866.         {/block:IfTumblrUsername}            
  867.            
  868.         {block:IfTwitterUsername}
  869.             <a target="_blank" href="http://twitter.com/{text:TwitterUsername}"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  870.         {/block:IfTwitterUsername}
  871.        
  872.         {block:IfYoutubeUsername}
  873.             <a target="_blank" href="http://youtube.com/{text:YoutubeUsername}"><i class="fa fa-youtube" aria-hidden="true"></i></a>
  874.         {/block:IfYoutubeUsername}
  875.        
  876.         {block:IfWeHeartItUsername}
  877.             <a target="_blank" href="http://weheartit.com/{text:WeHeartItUsername}"><i class="fa fa-heart" aria-hidden="true"></i></a>
  878.         {/block:IfWeHeartItUsername}
  879.        
  880.         {block:IfWebsiteUrl}
  881.             <a target="_blank" href="{text:WebsiteUrl}"><i class="fa fa-globe" aria-hidden="true"></i></a>
  882.         {/block:IfWebsiteUrl}
  883.        
  884.         {block:IfGooglePlusUrl}
  885.             <a target="_blank" href="{text:GooglePlusUrl}"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
  886.         {/block:IfGooglePlusUrl}
  887.  
  888.     </div>
  889.     <div class="bb"></div>
  890.     <div class="sl">
  891.         <a href="{text:link1url}"><span class="lnr lnr-pushpin"></span>{text:link1title}</a>
  892.         <a href="{text:link2url}"><span class="lnr lnr-bubble"></span>{text:link2title}</a>
  893.         <a href="{text:link3url}"><span class="lnr lnr-star-empty"></span>{text:link3title}</a>
  894.         <a href="{text:link4url}"><span class="lnr lnr-diamond"></span>{text:link4title}</a>
  895.         <a href="{text:link5url}"><span class="lnr lnr-camera"></span>{text:link5title}</a>
  896.     </div>
  897.     <form action="/search" method="get" class="sform" name="form">
  898.     <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="{lang:Search}"/></form>
  899. </div>
  900.  
  901. <div id="post">
  902.  
  903. {block:Posts}
  904.  
  905. <div class="entry">
  906.  
  907. {block:Title} <h1>{TItle}</h1> {/block:Title}
  908.  
  909. {block:Text}
  910. <div class="tcaption">{Body}</div>
  911. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  912. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  913. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  914. {/block:Text}
  915.  
  916. {block:Photo}
  917.     <div class="permhover">
  918.         <div class="skeww">
  919.             {block:Date}
  920.                 <div class="rbb">
  921.                     <div class="custom-like-button">{LikeButton}
  922.                     <span class="our_button" title="like?"><i class="lnr lnr-heart"></i></span>
  923.                     </div>
  924.                     <div class="pr">
  925.                         <a href="{ReblogUrl}"><span class="lnr lnr-sync"></span></a>
  926.                     </div>
  927.                 </div>
  928.                 <div class="dt">
  929.                     <a href="{Permalink}" class="nn">{NoteCount} N</a> <br>
  930.                     <a href="{Permalink}">{ShortMonth} {DayOfMonthwithZero} {ShortYear}</a>
  931.                 </div>
  932.              {/block:Date}
  933.         </div>
  934.     </div>
  935. {block:IndexPage}<img src="{PhotoURL-HighRes}" />{/block:IndexPage}
  936. <center>
  937.     {block:PermalinkPage}
  938.         <img src="{PhotoURL-HighRes}" />
  939.     {/block:PermalinkPage}
  940. </center>
  941. {/block:Photo}
  942.  
  943. {block:Photoset}
  944.     <div class="permhover">
  945.         <div class="skeww">
  946.             {block:Date}
  947.                 <div class="rbb">
  948.                     <div class="custom-like-button">{LikeButton}
  949.                     <span class="our_button" title="like?"><i class="lnr lnr-heart"></i></span>
  950.                     </div>
  951.                     <div class="pr">
  952.                         <a href="{ReblogUrl}"><span class="lnr lnr-sync"></span></a>
  953.                     </div>
  954.                 </div>
  955.                 <div class="dt">
  956.                     <a href="{Permalink}" class="nn">{NoteCount} N</a> <br>
  957.                     <a href="{Permalink}">{ShortMonth} {DayOfMonthwithZero} {ShortYear}</a>
  958.                 </div>
  959.              {/block:Date}
  960.         </div>
  961.     </div>
  962. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  963. {/block:Photoset}
  964.  
  965. {block:Quote}
  966.     <div class="quote">
  967.         {Quote}
  968.         {block:Source}
  969.             <div class="qsub">
  970.                 &mdash; {Source}
  971.             </div>
  972.         {/block:Source}
  973.     </div>
  974. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  975. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  976. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  977. {/block:Quote} 
  978.  
  979. {block:Link}
  980. <div class="link">
  981. <div class="linktitle"><a href="{URL}" {Target}>{Name} <i class="fa fa-angle-double-right" aria-hidden="true"></i>
  982. </a></div>
  983. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  984. {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  985. </div></div>
  986. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  987. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  988. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  989. {/block:Link}  
  990.  
  991. {block:Chat}
  992. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  993. {/block:Label}{Line}</div>{/block:Lines}</div>
  994. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  995. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  996. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  997. {/block:Chat}  
  998.  
  999. {block:Audio}
  1000. <div class="albumfoto">
  1001.     {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  1002.         <div class="playbg">
  1003.             <div class="audioplay">
  1004.                 {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}                        </div></div></div>
  1005. <div class="audiodesc">
  1006.     {block:Artist}{Artist}{/block:Artist}</br>
  1007.     {block:Album}{Album}{/block:Album}</br>
  1008.     {block:TrackName}{TrackName}{/block:TrackName}</br>
  1009.     {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  1010. </div>
  1011. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  1012. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  1013. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  1014. {/block:Audio} 
  1015.  
  1016. {block:Video}
  1017. {block:IndexPage}{Video-250}{/block:IndexPage}
  1018. {block:PermalinkPage}{Video-700}{/block:PermalinkPage}
  1019. {PlayCountWithLabel}
  1020. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  1021. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  1022. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  1023. {/block:Video} 
  1024.  
  1025. {block:Answer}
  1026. <div class="pergunta">
  1027. <div class="pessoap">{Asker} asked:</div>{Question}</div>
  1028. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  1029. <div class="sresposta">{Answer}</div>
  1030. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  1031. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  1032. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  1033. {/block:Answer}
  1034.  
  1035. {block:IfCaption}
  1036.     {block:Caption}
  1037.         <div class="info">{Caption}</div>
  1038.     {/block:Caption}
  1039. {/block:IfCaption}
  1040.  
  1041. {block:IfTags}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:IfTags}
  1042.  
  1043. {block:PermalinkPage}
  1044.  
  1045. <div class="permalink">
  1046. {block:Date}<div class="ptxt"><li class="fa fa-clock-o"></li> {DayOfMonthWithZero} {ShortMonth} {Year}</div>{/block:Date}
  1047.  
  1048. {block:RebloggedFrom}<div class="ptxt"><li class="fa fa-retweet"></li> <a href="{ReblogParentURL}">{ReblogParentName}</a>, <li class="fa fa-globe"></li> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  1049.  
  1050. {block:NoteCount}<div class="ptxt"><li class="fa fa-heart"></li> {NoteCount}</div>{/block:NoteCount} </br></br>
  1051.  
  1052. {block:HasTags}<div class="ptxt"><b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div></br>{/block:HasTags}
  1053.  
  1054. {block:PostNotes}<div class="postnotes">{PostNotes-64}</div>{/block:PostNotes}
  1055.  
  1056. {block:IfNotCaption}
  1057.     {block:Caption}
  1058.         <div class="info">
  1059.             {Caption}
  1060.         </div>
  1061.     {/block:Caption}
  1062. {/block:IfNotCaption}
  1063.  
  1064. </div>
  1065. {/block:PermalinkPage}</div>{/block:Posts}</div>
  1066.  
  1067. {block:IfNotInfiniteScrolling}
  1068. {block:Pagination}<div class="pages">
  1069.  {block:PreviousPage}
  1070. <a href="{PreviousPage}">{lang:Previous}</a>
  1071.  {/block:PreviousPage}
  1072.  {block:JumpPagination length="6"}
  1073. {block:CurrentPage}
  1074. <span class="current_page">{CurrentPage}</span>
  1075. {/block:CurrentPage}
  1076. {block:JumpPage}
  1077. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1078. {/block:JumpPage}
  1079. {/block:JumpPagination}
  1080. <span class="total_pages">...{TotalPages}</span>
  1081. {block:NextPage}
  1082. <a href="{NextPage}">{lang:Next}</a>
  1083. {/block:NextPage}
  1084. </div>
  1085. {/block:Pagination}
  1086. {/block:IfNotInfiniteScrolling}
  1087.  
  1088. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  1089.  
  1090. <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>
  1091.  
  1092. {block:IfInfiniteScrolling}
  1093. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1094. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1095. </div>
  1096. {/block:IfInfiniteScrolling}
  1097.  
  1098. <div id="ccr"><span class="lnr lnr-mustache"></span>
  1099. <a href="http://ttamplamente.tumblr.com/tagged/my" target="_blank">
  1100. <div id="cn">amplamente</div></a>
  1101. </div>
  1102.  
  1103. <script>$(document).ready(function () {$(window).scroll(function () {if ($(this).scrollTop() > 100) {$('.scrollup').fadeIn();} else {$('.scrollup').fadeOut();}});$('.scrollup').click(function () {$("html, body").animate({scrollTop: 0}, 600);return false;});});</script>
  1104.  
  1105. </body>
  1106. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!