menino-firework

#04

Apr 28th, 2017
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.48 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. THEME BY: ORGULHO
  8.  
  9. -->
  10.  
  11. <meta name="color:background" content="#fff" />
  12. <meta name="color:texts" content="#666" />
  13. <meta name="color:posts" content="#fff" />
  14. <meta name="color:chat" content="#555" />
  15. <meta name="color:chat texto" content="#555" />
  16.  
  17. <meta name="image:sidebar" content="" />
  18. <meta name="image:sidebar2" content="" />
  19.  
  20. <meta name="text:Link1" content="/" />
  21. <meta name="text:Link1 Title" content="link1" />
  22. <meta name="text:Link2" content="/" />
  23. <meta name="text:Link2 Title" content="link2" />
  24. <meta name="text:Link3" content="/" />
  25. <meta name="text:Link3 Title" content="link3" />
  26. <meta name="text:Link4" content="/" />
  27. <meta name="text:Link4 Title" content="link4" />
  28. <meta name="text:Link5" content="/" />
  29. <meta name="text:Link5 Title" content="link5" />
  30.  
  31. <meta name="text:Info 1" content="Info 1 goes here" />
  32. <meta name="text:Info 2" content="Info 2 goes here" />
  33. <meta name="text:Info 3" content="Info 3 goes here" />
  34.  
  35. <meta name="select:Info 1 Icon" content="book" title="Book">
  36. <meta name="select:Info 1 Icon" content="calendar" title="Calendar">
  37. <meta name="select:Info 1 Icon" content="birthday-cake" title="Cake">
  38. <meta name="select:Info 1 Icon" content="diamond" title="Diamond">
  39. <meta name="select:Info 1 Icon" content="envelope-o" title="Envelope">
  40. <meta name="select:Info 1 Icon" content="facebook" title="Facebook">
  41. <meta name="select:Info 1 Icon" content="globe" title="Globe">
  42. <meta name="select:Info 1 Icon" content="heart-o" title="Heart">
  43. <meta name="select:Info 1 Icon" content="instagram" title="Instagram">
  44. <meta name="select:Info 1 Icon" content="map-marker" title="Map Marker">
  45. <meta name="select:Info 1 Icon" content="moon-o" title="Moon">
  46. <meta name="select:Info 1 Icon" content="music" title="Music">
  47. <meta name="select:Info 1 Icon" content="photo" title="Picture">
  48. <meta name="select:Info 1 Icon" content="star" title="Star">
  49. <meta name="select:Info 1 Icon" content="tags" title="Tags">
  50. <meta name="select:Info 1 Icon" content="twitter" title="Twitter">
  51. <meta name="select:Info 1 Icon" content="vine" title="Vine">
  52. <meta name="select:Info 1 Icon" content="whatsapp" title="Whatsapp">
  53. <meta name="select:Info 1 Icon" content="youtube" title="YouTube">
  54. <meta name="select:Info 1 Icon" content="leaf" title="Leaf">
  55. <meta name="select:Info 1 Icon" content="quote-right" title="Quote">
  56.  
  57. <meta name="select:Info 2 Icon" content="book" title="Book">
  58. <meta name="select:Info 2 Icon" content="calendar" title="Calendar">
  59. <meta name="select:Info 2 Icon" content="birthday-cake" title="Cake">
  60. <meta name="select:Info 2 Icon" content="diamond" title="Diamond">
  61. <meta name="select:Info 2 Icon" content="envelope-o" title="Envelope">
  62. <meta name="select:Info 2 Icon" content="facebook" title="Facebook">
  63. <meta name="select:Info 2 Icon" content="globe" title="Globe">
  64. <meta name="select:Info 2 Icon" content="heart-o" title="Heart">
  65. <meta name="select:Info 2 Icon" content="instagram" title="Instagram">
  66. <meta name="select:Info 2 Icon" content="map-marker" title="Map Marker">
  67. <meta name="select:Info 2 Icon" content="moon-o" title="Moon">
  68. <meta name="select:Info 2 Icon" content="music" title="Music">
  69. <meta name="select:Info 2 Icon" content="photo" title="Picture">
  70. <meta name="select:Info 2 Icon" content="star" title="Star">
  71. <meta name="select:Info 2 Icon" content="tags" title="Tags">
  72. <meta name="select:Info 2 Icon" content="twitter" title="Twitter">
  73. <meta name="select:Info 2 Icon" content="vine" title="Vine">
  74. <meta name="select:Info 2 Icon" content="whatsapp" title="Whatsapp">
  75. <meta name="select:Info 2 Icon" content="youtube" title="YouTube">
  76. <meta name="select:Info 2 Icon" content="quote-right" title="Quote">
  77.  
  78. <meta name="select:Info 3 Icon" content="book" title="Book">
  79. <meta name="select:Info 3 Icon" content="calendar" title="Calendar">
  80. <meta name="select:Info 3 Icon" content="birthday-cake" title="Cake">
  81. <meta name="select:Info 3 Icon" content="diamond" title="Diamond">
  82. <meta name="select:Info 3 Icon" content="envelope-o" title="Envelope">
  83. <meta name="select:Info 3 Icon" content="facebook" title="Facebook">
  84. <meta name="select:Info 3 Icon" content="globe" title="Globe">
  85. <meta name="select:Info 3 Icon" content="heart-o" title="Heart">
  86. <meta name="select:Info 3 Icon" content="instagram" title="Instagram">
  87. <meta name="select:Info 3 Icon" content="map-marker" title="Map Marker">
  88. <meta name="select:Info 3 Icon" content="moon-o" title="Moon">
  89. <meta name="select:Info 3 Icon" content="music" title="Music">
  90. <meta name="select:Info 3 Icon" content="photo" title="Picture">
  91. <meta name="select:Info 3 Icon" content="star" title="Star">
  92. <meta name="select:Info 3 Icon" content="tags" title="Tags">
  93. <meta name="select:Info 3 Icon" content="twitter" title="Twitter">
  94. <meta name="select:Info 3 Icon" content="vine" title="Vine">
  95. <meta name="select:Info 3 Icon" content="whatsapp" title="Whatsapp">
  96. <meta name="select:Info 3 Icon" content="youtube" title="YouTube">
  97. <meta name="select:Info 3 Icon" content="leaf" title="Leaf">
  98. <meta name="select:Info 3 Icon" content="quote-right" title="Quote">
  99.  
  100.  
  101. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  102. <title>{Title}</title>
  103. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  104. <link rel="shortcut icon" href="{Favicon}" />
  105. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  106.  
  107. <link href='http://fonts.googleapis.com/css?family=Dancing+Script|Playball' rel='stylesheet' type='text/css'>
  108.  
  109. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  110.  
  111. <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
  112.  
  113. <link href='http://fonts.googleapis.com/css?family=Nixie+One|Lily+Script+One|Lobster|Exo|Electrolize|Englebert|Buda:300|Share+Tech+Mono|Pathway+Gothic+One|Raleway' rel='stylesheet' type='text/css'>
  114.  
  115. <link href="https://fonts.googleapis.com/css?family=Hind" rel="stylesheet">
  116. <link href='http://fonts.googleapis.com/css?family=Questrial|Arimo|Roboto' rel='stylesheet' type='text/css'>
  117.  
  118. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  119. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  120. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  121. <script src="http://static.tumblr.com/yqumgdr/Pxtmcgk3j/my-like.js" type="text/javascript"></script>
  122. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>
  123. <script src="http://static.tumblr.com/zlwogte/A3Smbzlqo/jquery-mazonry.js" type="text/javascript"></script>
  124.  
  125. <link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
  126. <link href='http://fonts.googleapis.com/css?family=Combo|Quicksand' rel='stylesheet' type='text/css'>
  127. <link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
  128.  
  129. <link href='http://fonts.googleapis.com/css?family=Economica|Ruthie|Tulpen+One' rel='stylesheet' type='text/css'>
  130.  
  131. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  132. <link href="https://fonts.googleapis.com/css?family=Baumans" rel="stylesheet">
  133. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  134.  
  135. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  136.  
  137. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"><link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'></script>
  138.  
  139. <script src="http://static.tumblr.com/yqumgdr/OSvmcg425/jquery.fancybox.js" type="text/javascript"></script>
  140.  
  141.  
  142. <script type="text/javascript">
  143. $(window).load(function(){
  144. var $wall = $('#post');
  145. $wall.imagesLoaded(function(){
  146. $wall.masonry({
  147. itemSelector: '.body',
  148. isAnimated : true
  149. });
  150. });
  151. $wall.infinitescroll({
  152. navSelector : "div#navigation",
  153. nextSelector : "div#navigation a#nextPage",
  154. itemSelector : '.body',
  155. loadingImg : "http://assets.tumblr.com/images/bookmarklet_loader.gif?2",
  156. donetext : " ",
  157. extraScrollPx : 9000,
  158. bufferPx : 10000,
  159. debug : false,
  160. errorCallback: function() {
  161. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  162. }},
  163. function( newElements ) {
  164. var $newElems = $( newElements );
  165. $newElems.hide();
  166. $newElems.imagesLoaded(function(){
  167. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  168. });
  169. }); $('#post').show(500);
  170. });
  171. </script>
  172.  
  173. <script type="text/javascript">
  174. //desabilita menu de opcoes ao clicar no botao direito
  175. function desabilitaMenu(e)
  176. {if (window.Event)
  177. {if (e.which == 2 || e.which == 3)
  178. return false;
  179. }else
  180. {event.cancelBubble = true
  181. event.returnValue = false;return false;}
  182. }
  183. //desabilita botao direito
  184. function desabilitaBotaoDireito(e)
  185. {if (window.Event)
  186. {if (e.which == 2 || e.which == 3)
  187. return false;
  188. }
  189. else
  190. if (event.button == 2 || event.button == 3)
  191. {event.cancelBubble = trueevent.returnValue = false;return false;
  192. }
  193. }
  194. //desabilita botao direito do mouse
  195. if ( window.Event )
  196. document.captureEvents(Event.MOUSEUP);
  197. if ( document.layers )
  198. document.captureEvents(Event.MOUSEDOWN);
  199.  
  200. document.oncontextmenu = desabilitaMenu;
  201. document.onmousedown = desabilitaBotaoDireito;
  202. document.onmouseup = desabilitaBotaoDireito;
  203. </script>
  204.  
  205. <style type="text/css">* {cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur330.cur), auto !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Mac OS X Normal Select Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Mac OS X Normal Select Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  206.  
  207. <script>(function(d, s, id) {
  208. var js, fjs = d.getElementsByTagName(s)[0];
  209. if (d.getElementById(id)) return;
  210. js = d.createElement(s); js.id = id;
  211. js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
  212. fjs.parentNode.insertBefore(js, fjs);
  213. }(document, 'script', 'facebook-jssdk'));</script>
  214.  
  215. <script>
  216. $(document).ready(function() {
  217. //
  218. //When you click on a link with class of poplight and the href starts with a #
  219.  
  220. $('a.poplight[href^=#]').click(function() {
  221.  
  222. var popID = $(this).attr('rel'); //Get Popup Name
  223.  
  224. var popURL = $(this).attr('href'); //Get Popup href to define size
  225.  
  226. //Pull Query & Variables from href URL
  227.  
  228. var query= popURL.split('?');
  229.  
  230. var dim= query[1].split('&');
  231.  
  232. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  233.  
  234. //Fade in the Popup and add close button
  235.  
  236. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="Close" alt="Close" /></a>');
  237.  
  238. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  239.  
  240. var popMargTop = ($('#' + popID).height() + 80) / 2;
  241.  
  242. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  243.  
  244. //Apply Margin to Popup
  245.  
  246. $('#' + popID).css({
  247.  
  248. 'margin-top' : -popMargTop,
  249.  
  250. 'margin-left' : -popMargLeft
  251.  
  252. });
  253.  
  254. //Fade in Background
  255.  
  256. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  257.  
  258. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  259.  
  260. return false;
  261.  
  262. });
  263.  
  264.  
  265. //Close Popups and Fade Layer
  266.  
  267. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  268.  
  269. $('#fade , .popup_block').fadeOut(function() {
  270.  
  271. $('#fade, a.close').remove(); //fade them both out
  272. });
  273. return false;
  274. });
  275.  
  276. //Close Popups and Fade Layer
  277.  
  278. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  279.  
  280. $('#fade , .popup_block2').fadeOut(function() {
  281.  
  282. $('#fade, a.close').remove(); //fade them both out
  283. });
  284. return false;
  285. });
  286.  
  287. });
  288.  
  289. </script>
  290.  
  291. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  292.  
  293. <style>
  294.  
  295. body {background-color: {color:background}; font-family: 'arimo'; color: {color:texts}; text-align: center; font-size: 12px;}
  296.  
  297. a {color: {color:texts}; text-decoration: none;}
  298.  
  299. p {margin: 6px 0 0 0}
  300.  
  301. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background}; padding-left: 5px; }
  302. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background};}
  303. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  304. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  305.  
  306. blockquote img{max-width: 370px!important}
  307. blockquote blockquote img{max-width: 350px!important}
  308. blockquote blockquote blockquote img{max-width: 330px!important}
  309. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  310.  
  311. #post {position: relative;margin:auto;width:500px;float: left; margin-left:340px; margin-top:70px;padding:1px;z-index:98;{block:permalinkpage}margin-left:460px; {/block:permalinkpage};}
  312.  
  313. .body {width:250px;float: left;padding:20px;padding-bottom:15px;text-align: justify; background-color:{color:posts};font-family:'arimo';line-height: 23px; font-size: 12px;border: 1px solid #f1f1f1; margin-left:20px; margin-bottom:100px;overflow: hidden; border-radius:15px;{block:permalinkpage}width:420px; {/block:permalinkpage};}
  314.  
  315. #bbb {width:100%;background:{color:background};height:50px;margin-top:-30px;position:absolute;}
  316.  
  317. .box {border-radius:5px; padding:0px; overflow: hidden; float:left; position:relative; margin:1px; background:{color:posts};{block:indexpage} width: 390px;{/block:indexpage};-webkit-box-shadow: 0 8px 6px -7px #ddd;}
  318.  
  319. .extra1 {display: block; font-family:calibri; text-align:center; text-transform:uppercase; font-size:10px;margin-bottom: 3px; padding:5px;border-bottom:1px #ddd solid;}
  320.  
  321. ol.notes {list-style: none; width:380px; }
  322. ol.notes li.note {margin-bottom: 2px; padding-left: 7px; padding-top: 5px; padding-bottom: 4px; padding-right: 5px;text-transform: lowercase; line-height: 25px; border-bottom:1px{ color:detalhes} solid;}
  323. ol.notes li.note img.avatar {display:none;}
  324. ol.notes li.note .answer_content {font-weight: normal;}
  325. ol.notes li.note blockquote {display: none;}
  326.  
  327. ::selection {display: none;}
  328.  
  329. h1 {font-family:'baumans'; text-align: left;font-size: 15px;color: {color:texts}; line-height: 23px;}
  330. P.hh1:first- {font-family: 'baumans';font-size:15px;text-transform: uppercase;}
  331.  
  332. .conjuntar4 {width:270px; margin-top:-22px; margin-left:-65px; text-transform:uppercase; font-family:'Baumans'; letter-spacing:1px; font-size:10px; height:15px; line-height:15px; opacity:0; padding:5px; padding-left:0px; padding-right:0px; position:absolute; -webkit-transition:all 0.6s linear; -moz-transition:all 0.6s linear; -o-transition:all 0.6s linear; transition:all 0.6s linear; -webkit-transition:all 0.6s linear; -moz-transition:all 0.6s linear; font-style:normal;}
  333. .body:hover .conjuntar4 {margin-left:0px; opacity:1;}
  334. .conjuntar4 right{float:right; padding-right:18px;}
  335.  
  336. /*----- CÓDIGOS DE CONJUNTAR - REBLOGS! -----*/
  337. .conjuntar1 {line-height:24px; position:absolute; display:inline-block; margin-left:5px; margin-top:0px; opacity:0; filter:alpha(opacity=0); z-index:99; -webkit-transition:all 0.45s ease; -moz-transition:all 0.45s ease;transition:all 0.45s ease; -o-transition:all 0.45s ease;}
  338. .body:hover .conjuntar1 {margin-top:4px; opacity:1; filter:alpha(opacity=100); -webkit-transition:all 0.45s ease; -moz-transition:all 0.45s ease;transition:all 0.45s ease; -o-transition:all 0.45s ease;}
  339. .conjuntar1 img{width:24px; margin-left:-1px; display:inline-block}
  340.  
  341. .image {text-align: center;-webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease;transition:all 0.7s ease; -o-transition:all 0.7s ease;opacity:1;}
  342. .body:hover .image {opacity:1}
  343. .image img {margin-bottom:10px;}
  344. .margin {margin-bottom: -10px;}
  345.  
  346. .qte {color:{color:texts};margin-top:-6px;border-bottom: 1px solid #f1f1f1;padding-bottom:5px;}
  347.  
  348. .souurce { text-align:center; color:#000; color:{color:texts}; -webkit-transition:all 0.7s ease;text-transform:uppercase;font-size:11px; padding-top:5px;-spacing:1px;font-family:baumans;display:block;cursor:default;opacity:1}
  349. {block:indexpage}.body:hover .souurce {-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; opacity:0;}{/block:indexpage}
  350.  
  351. .chat ul{margin-top:-2px; margin-bottom:-2px; padding:0px;}
  352.  
  353. .chat li{padding:7px;margin-top:1px;-webkit-transition-duration: .59s;background:#f8f8f8;text-indent:8px;-webkit-border-radius:6px 6px 6px 6px;}
  354.  
  355. /* -- QUESTION -- by RHAEGARA */
  356.  
  357. .question {background:transparent; border:1px #f0f0f0 solid; border-radius:4px; margin-top:10px; padding:12px;}
  358. .question:hover {border-color:rgba({RGBcolor:Accent},0.5); cursor:pointer!important;}
  359. .question, .question:hover {-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
  360. .question .asker {margin-bottom:5px; color:{color:texts}; font-size:13px;}
  361. .asker b, .asker a {color:{color:Texts}!important; font-size:14px!important;}
  362.  
  363. .player {background-color:#f8f8f8; text-align: left; display:block;padding:6px;border-radius:6px;}
  364.  
  365.  
  366. img a{border:none; width:100%}
  367. .audio{background-color:black; display:block;}
  368.  
  369. ::-webkit-scrollbar-thumb:vertical {background-color: #313131;border: 2px solid #ffffff;height:auto;-moz-border-radius: 10px;border-radius: 10px;}
  370. ::-webkit-scrollbar {height:1px;width:9px;background-color: #717171 ;border: 4px solid #ffffff;}
  371.  
  372.  
  373.  
  374.  
  375. div#qTip {
  376. display:none;
  377. color:#f8f8f8;
  378. background-color: {color:cores};
  379. width:auto;
  380. text-align:center;
  381. position:absolute;
  382. -spacing:1px;
  383. text-transform:uppercase;
  384. z-index:999999999999999999999999999;
  385. font-family:consolas;
  386. border-radius:0px 0px 0px 0px;
  387. font-size:9px;
  388. background;
  389. margin-top:4px;
  390. margin-left:0px;
  391. margin-right:0px;
  392. padding:10px 10px;
  393. line-height:10px;
  394. }
  395.  
  396. header {
  397. position:fixed;
  398. z-index:99999;
  399. left:0;
  400. top:0;
  401. background:#222;
  402. width:100%;
  403. height:38px;
  404. padding:5px;
  405. font-family:baumans;
  406. text-transform:uppercase;
  407. letter-spacing:2px;
  408. opacity:1;
  409. -webkit-box-shadow: 1px 2px 1px 1px #f0f0f0;
  410. box-shadow: 1px 2px 1px 1px #f0f0f0;
  411. }
  412. header .nav {
  413. margin-top:3px; margin-left:-648px;
  414. }
  415. header .nav {
  416. list-style:none;
  417. display:inline-block;
  418. }
  419. header .nav a {
  420. text-decoration:none;
  421. padding:5px;
  422. margin:0 4px;
  423. display:inline-block;
  424. color:#eee;
  425. font-size:12px;
  426. padding-bottom:8.5px;
  427. -webkit-transition: all 0.6s ease-in-out;
  428. -moz-transition: all 0.6s ease-in-out;
  429. -ms-transition: all 0.6s ease-in-out;
  430. -o-transition: all 0.6s ease-in-out;
  431. transition: all 0.6s ease-in-out;
  432. }
  433. header .nav a:hover {
  434. color:#222;
  435. -webkit-transition: all 0.6s ease-in-out;
  436. -moz-transition: all 0.6s ease-in-out;
  437. -ms-transition: all 0.6s ease-in-out;
  438. -o-transition: all 0.6s ease-in-out;
  439. transition: all 0.6s ease-in-out;
  440. }
  441. header .nav i {
  442. font-size:22px;
  443. display:inline-block;
  444. margin-right:5px;
  445. top:1px;
  446. position:relative;
  447. }
  448.  
  449. .posit {
  450. margin:0 auto;
  451. width:1100px;
  452. }
  453.  
  454. .follow {
  455. background:#000;
  456. padding:7px 20px;
  457. border-radius:3px;
  458. display:inline-block;
  459. text-decoration:none;
  460. color:#fff;
  461. float:right;
  462. margin-top:-40px;
  463. margin-left:-20px;
  464. -webkit-transition: all 0.3s ease-in-out;
  465. -moz-transition: all 0.3s ease-in-out;
  466. -ms-transition: all 0.3s ease-in-out;
  467. -o-transition: all 0.3s ease-in-out;
  468. transition: all 0.3s ease-in-out;}
  469. .follow i {
  470. font-size:19px;
  471. display:inline-block;
  472. margin-right:5px;
  473. top:0px;
  474. position:relative;
  475. }
  476. .profile {
  477. width:34px;
  478. height:34px;
  479. border-radius:5px;
  480. border:1px solid #777;
  481. float:right;
  482. margin-right:110px;
  483. display:inline-block;
  484. margin-top:-37px;
  485. }
  486. .search{float:right; margin-right:200px; z-index:9999; position:fixed; top:-0px;}
  487. .sform input {outline:none; border:none;
  488. border-radius:13px;
  489. width:190px;
  490. top:7px;
  491. float:right;
  492. margin-left:720px;
  493. padding:8px 15px;
  494. text-transform:lowercase;
  495. background:#fbfbfb;
  496. border:1px solid #eee;
  497. position:absolute;
  498. color:#999;
  499. }
  500. .sbox {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:pink;}
  501. .sbox:hover { color:pink; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
  502.  
  503. #sidebar2{position:fixed;
  504. margin-left:800px;
  505. z-index:1300;
  506. margin-top:100px;
  507. }
  508.  
  509. .sidebar3
  510. {
  511. position:fixed;
  512. padding:12px;
  513. overflow:hidden;
  514. margin-top:100px;
  515. margin-left:900px;
  516. width:175px;
  517. height:auto;
  518. float:left;
  519. z-index:1300;
  520. color:{color:chat texto};
  521. background-color:{color:chat};
  522. border-radius:10px;
  523. line-height:23px;
  524. }
  525.  
  526. .tr-left1 {
  527. position: absolute;
  528. left: 91px;
  529. top: 35px;
  530. z-index: 9999;
  531. width: 0;
  532. height: 0;
  533. border-style: solid;
  534. border-width: 5px 8.7px 5px 0;
  535. border-color: transparent {color:chat} transparent transparent;
  536. line-height: 0px;
  537. }
  538.  
  539. .tr-left2 {
  540. position: absolute;
  541. left: -43px;
  542. top: 35px;
  543. z-index: 9999;
  544. width: 0;
  545. height: 0;
  546. border-style: solid;
  547. border-width: 25px 43.5px 25px 0;
  548. border-color: transparent #222 transparent transparent;
  549. line-height: 0px;
  550. }
  551.  
  552. .tr-right2 {
  553. position: absolute;
  554. right: -43px;
  555. bottom: 35px;
  556. z-index: 9999;
  557. width: 0;
  558. height: 0;
  559. border-style: solid;
  560. border-width: 25px 0 25px 43.5px;
  561. border-color: transparent transparent transparent #f0f0f0;
  562. line-height: 0px;
  563. }
  564.  
  565. #fotosidebar{ opacity:1px; width:60px;height:auto;margin-top:10px;border-radius:15px;float:left;margin-left:20px;}
  566. #fotopopup{ opacity:1px; width:100px;height:auto;margin-top:10px;border-radius:15px;float:left;margin-left:-160px;}
  567. #fotopopup2{ opacity:1px; width:100px;height:auto;margin-top:130px;border-radius:15px;float:right;margin-right:-170px;}
  568.  
  569. #desc{
  570. padding:0px 0px 5px 0px;
  571. margin-top:20px;
  572. line-height:23px;
  573. text-align:justify;}
  574. .t {
  575. text-align:right;line-height:20px;
  576. color:{color:cores};
  577. }
  578.  
  579. #fade {display: none; background-color:#fff; position: fixed; left: 0; top: 0;width: 100%; height:100%;opacity: 1;z-index:1339;background-repeat:repeat;}
  580. .popup_block{display: none; padding:5px; float: left; background: #222;position: fixed; top: 55%; left: 55%; z-index:1340;
  581. -webkit-box-shadow: 0px 0px 5px #999;-moz-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; border-radius:25px;}
  582. *html #fade {position: absolute;}
  583. *html .popup_block {position: absolute;}
  584. .popup_block2{display: none; padding:5px; float: left; background: #fff;position: fixed; top: 55%; left: 55%; z-index:1340;
  585. -webkit-box-shadow: 0px 0px 5px #e0e0e0;-moz-box-shadow: 0px 0px 5px #e0e0e0;box-shadow: 0px 0px 5px #e0e0e0; border-radius:25px;}
  586. *html .popup_block2 {position: absolute;}
  587. .extratheme {margin-top:2px;text-transform:uppercase;font-family:'baumans';font-size:13px;text-align: center;padding:10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;border-bottom:1px solid #e8e8e8; background-color:#acacac;}
  588. .extratheme a{color:#eee}
  589. .extratheme b{font-family:'calibri'; color:#42423}
  590. img.btn_close {float: right;margin: -20px -20px 0 0;width:21px; height:21px;opacity:0;}
  591. .gaab {margin-top:10px;text-transform:uppercase;font-family:'baumans';font-size:13px;text-align: left;padding:10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;background-color:#222;border-radius:15px; color:#eee;}
  592. .gaab:hover {padding-left:30px;}
  593. .gaab a{color:#f0f0f0; padding-left:30px; text-transform:uppercase;}
  594. .sopa {font-family:baumans; font-size:23px;margin-top:px;margin-left:-2px;color:#eee; padding-top:10px; padding-bottom:0px;text-transform:uppercase;text-align: left;}
  595. .gab {font-family:arimo;font-size:12px;color:#eee; padding:20px;line-height: 23px;text-align: justify;}
  596. .sopa2 {font-family:baumans; font-size:23px;margin-top:px;margin-left:-2px;color:#222; padding-top:10px; padding-bottom:0px;text-transform:uppercase;text-align: left;}
  597. .gab2 {font-family:arimo;font-size:12px;color:#222; padding:20px;line-height: 23px;text-align: justify;}
  598.  
  599. #controls{position:fixed; float:right; right:20px; bottom:20px; z-index:999999999!important;{block:PermalinkPage}display:none;{/block:PermalinkPage} width:100px;}
  600. #controls a{margin:3px; display:block; text-align:right; color:{color:text}; font-size:13px; text-shadow:1px 1px 1px #e0e0e0 transition:ease 1s;font-family: {select:texto font}}
  601. #controls i{color:{color:texto}; transition:ease 1s;}
  602. #controls a:hover i{padding-left:7px; transition:ease 1s;}
  603.  
  604. </style>
  605. <script>(function(d, s, id) {
  606. var js, fjs = d.getElementsByTagName(s)[0];
  607. if (d.getElementById(id)) return;
  608. js = d.createElement(s); js.id = id;
  609. js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
  610. fjs.parentNode.insertBefore(js, fjs);
  611. }(document, 'script', 'facebook-jssdk'));</script>
  612.  
  613.  
  614. <body onkeydown="return false">
  615. </head>
  616. <header>
  617. <div class="posit"><b>
  618. <div class="nav"> <a href="/" style="border-bottom:4px solid #222;" >Início</a>
  619. <a href="#?w=430" rel="1" class="poplight">Mensagens</a>
  620. <a href="#?w=430" rel="2" class="poplight">Autorias</a>
  621. <a href="http://bibliotecauditiva.tumblr.com">áudios</a>
  622. <a href="/thm">themes</a> </b>
  623. </div> <div class="right">
  624. <a href="http://tumblr.com/follow/{name}" class="follow">seguir</a>
  625. <a href="http://tumblr.com/message/{name}" title="Message"><img src="{PortraitURL-40}" class="profile" > </a>
  626. </div>
  627. <div class="search">
  628. <form action="/search" class="sform" method="get"><input type="text" name="q" placeholder="Buscar"></form></div>
  629. </div>
  630. </div>
  631. </header>
  632. </div></div></div>
  633.  
  634. <div id="sidebar2"><img id="fotosidebar" src="{image:sidebar}" /></a>
  635. </div>
  636.  
  637. <div class="sidebar3"> <div style="font-size:15px; padding-bottom:0px; text-align:left;color:#222;text-transform:uppercase;font-family:Baumans;letter-spacing:1px;-webkit-filter: invert(100%);-moz-invert(100%)"><b>{title}&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  638. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5491015";
  639. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  640. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  641. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  642. </script></b> </div>
  643. <div id="desc">É burrice, eu sei. Mas sinto falta. Queria que o tempo voltasse, só pra viver tudo de novo.
  644. </div>
  645. </div>
  646. </div>
  647. </div>
  648. </div></div>
  649. </div>
  650. </div>
  651. </div>
  652. </div>
  653.  
  654.  
  655. <div id="post">
  656. {block:Posts}
  657. <div class="body">
  658.  
  659.  
  660. {block:IndexPage}{/block:IndexPage}
  661.  
  662.  
  663. {block:Text}{block:Title}<h1><p class=hh1>{Title}</h1>{/block:Title}{Body}<br>
  664. {block:IndexPage}<div class="conjuntar4"><a href="{ReblogURL}" target="_blank">Reblog</a> <right><a href="{Permalink}">{NoteCount} likes</a></right></div>{/block:IndexPage}{/block:Text}
  665.  
  666.  
  667. {block:Photo}
  668. <div class="conjuntar1">
  669. <a href="{reblogurl}" target="_blank" title="Reblog this!"><img src="http://i.imgur.com/b36AJ.png"></a>
  670. <a href="{Permalink}" target="_blank" title="Permalink post"><img src="http://i.imgur.com/z9Kbr.png"></a>
  671. </div>
  672. {block:IndexPage}<div class="margin"><div class="image"><img src="{PhotoURL-500}" width="250"> </div></div>
  673.  
  674. {/block:IndexPage}
  675.  
  676. {block:PermalinkPage}<center><img src="{PhotoURL-500}" width="400">
  677. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  678.  
  679. {/block:Photo}
  680.  
  681. {block:Photoset}
  682. <div class="conjuntar1">
  683. <a href="{reblogurl}" target="_blank" title="Reblog this!"><img src="http://i.imgur.com/b36AJ.png"></a>
  684. <a href="{Permalink}" target="_blank" title="Permalink post"><img src="http://i.imgur.com/z9Kbr.png"></a>
  685. </div>{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  686.  
  687. {block:Quote}
  688. <div class="qte"><p class=ct>{Quote}</div>
  689.  
  690.  
  691. {block:Source}<div class="souurce"><strong>{Source}</strong></div>
  692. {/block:Source}
  693. {block:IndexPage}<div class="conjuntar4"><a href="{ReblogURL}" target="_blank">Reblog</a> <right><a href="{Permalink}">{NoteCount} likes</a></right></div>{/block:IndexPage}
  694. {/block:Quote}
  695.  
  696. {block:Link}
  697. <div class="conjuntar1">
  698. <a href="{reblogurl}" target="_blank" title="Reblog this!"><img src="http://i.imgur.com/b36AJ.png"></a>
  699. <a href="{Permalink}" target="_blank" title="Permalink post"><img src="http://i.imgur.com/z9Kbr.png"></a>
  700. </div>
  701. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  702. {block:Description}{Description}{/block:Description}
  703.  
  704.  
  705. {/block:Link}
  706.  
  707. {block:Chat}
  708. <div class="conjuntar1">
  709. <a href="{reblogurl}" target="_blank" title="Reblog this!"><img src="http://i.imgur.com/b36AJ.png"></a>
  710. <a href="{Permalink}" target="_blank" title="Permalink post"><img src="http://i.imgur.com/z9Kbr.png"></a>
  711. </div>{block:Title}<div class="chati">{Title}</div>{/block:Title}<div class="chat"><ul>{block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  712.  
  713. {/block:Chat}
  714.  
  715. {block:Audio}
  716. <div class="player">{AudioPlayerBlack}</div>
  717. {block:Caption}{Caption}{/block:Caption}<br><br>
  718. {block:IndexPage}<div class="conjuntar4"><a href="{ReblogURL}" target="_blank">Reblog</a> <right><a href="{Permalink}">{NoteCount} likes</a></right></div>{/block:IndexPage}
  719. {/block:Audio}
  720.  
  721. {block:Video}{block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}{block:PermalinkPage}<center>{Video-250}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  722.  
  723.  
  724. {block:Answer}
  725. <div class="question">
  726. <div class="asker"><b>{Asker}</b> esta dizendo:</div>
  727. {Question}</div>
  728. <div class="caption">{Answer}<br></div>
  729. {block:IndexPage}<div class="conjuntar4"><a href="{ReblogURL}" target="_blank">Reblog</a> <right><a href="{Permalink}">{NoteCount} likes</a></right></div>{/block:IndexPage}
  730. {/block:Answer}
  731. </div>
  732.  
  733.  
  734. {block:PostNotes}
  735. {block:PermalinkPage}
  736. <div class="body">
  737. <div class="box">{block:Date}
  738. <div class="extra1">
  739. Postado no dia {DayOfMonth},<b> de {Month}</b> de {Year}, com {NoteCountWithLabel}</div>{/block:Date}{block:RebloggedFrom}
  740. <div class="extra1">
  741. Reblogado de: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>. Postado por: {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>{/block:RebloggedFrom}{/block:PermalinkPage}{PostNotes}</div></div>{/block:PostNotes}
  742.  
  743. {/block:Posts}
  744.  
  745.  
  746. {block:IndexPage}
  747.  
  748. <div class="column navigation" id="navigation">{block:Pagination}
  749. {block:PreviousPage}
  750. <a href="{PreviousPage}" class="navigate">
  751. {/block:PreviousPage}{block:PreviousPage}</a>
  752. {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}</div></div>
  753.  
  754. </div>
  755.  
  756.  
  757.  
  758. <!-- Wikplayer https://www.wikplayer.com -->
  759. <script type="text/javascript" src="https://www.wikplayer.com/code.js"
  760. data-config="{'skin':'http://static.tumblr.com/wx6pget/6v3nkhvqm/.css','volume':100,'autoplay':true,'shuffle':true,'repeat':1,'showcomment':false,'marqueetexton':false,'placement':'mini','showplaylist':false,'playlist':[{'title':'Ai%20Ai%20como%20eu%20me%20iludo','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DePTv8Hjx2SA'},{'title':'Alcool','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dh8Eff8BsfDA'},{'title':'Amor%20de%20Verdade','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D8_oE-iQeFeE'},{'title':'Aqui','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DBdDVumwQtWY'},{'title':'Bandida','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DJnW8j0CxCXo'},{'title':'Brasa','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DythbLbMnlAg'},{'title':'Cora%C3%A7%C3%A3o%20de%20Isopor','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DUot3Y25TbKI'},{'title':'Dinossauros','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DhSUFD1BwbUY'},{'title':'Dois%20Trabalhos','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DQwcOX8-Yt6g'},{'title':'Dona%20de%20Mim','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D5lCqCe5Mc4E'},{'title':'Eu%20Te%20Avisei','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DvkUsXQa4v8g'},{'title':'Imaturo','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DirRY_P47ZgE'},{'title':'Mesa%2016','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DiPee0rwqdag'},{'title':'Nem%20o%20mar','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DzbH0u0LG-Es'},{'title':'N%C3%A3o%20Esque%C3%A7o','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DI2U11JRux4I'},{'title':'O%20Sol','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DYVJijQIualA'},{'title':'O%20Tiro','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DjCUWP3au1rw'},{'title':'Poema%20De%20L%C3%A1grimas','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DqStex5qhjj8'},{'title':'Pouca%20Pausa','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dk05i8bT_Pkg'},{'title':'Quero%20Que%20Tu%20V%C3%A1','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dw_ejwSACf_U'},{'title':'Relaxa','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D2XM0HTPZGOU'},{'title':'Ressaca','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DfNLvf0AIcRI'},{'title':'Rise','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DbPax7RRedhU'},{'title':'Sozinha','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D9AZEXJr8Oxk'},{'title':'S%C3%B3%20sei%20dan%C3%A7ar%20com%20voc%C3%AA','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DJO3wqLoFeNo'},{'title':'Vou%20Gritar','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DUaAFsQum6YU'}]}" ></script>
  761. <!-- Wikplayer code end -->
  762.  
  763.  
  764. </body>
  765. </html>
  766.  
  767.  
  768. <div id="1" class="popup_block">
  769. <img id="fotopopup" src="{image:sidebar}" /></a>
  770. <span class="tr-left2"></span>
  771.  
  772. <div class="sopa"> &nbsp;&nbsp;&nbsp;&nbsp;Olá abiguinhos.</div>
  773.  
  774. <div class="gab"> <p>Pra melhores apresentações, pode me chamar de Gabriel, ou de Matheus, ou do que o seu coraçãozinho mandar.</p>
  775. <p> Canceriano nato, bem ciumento com o que é meu. Tentando aprender a escrever, mas só fica no "quase" e não vai. As vezes sai uns rabiscos e é isso. Não costumo publicar minha foto, mas pode pedir no chat que eu sempre mando sem problema ♥</p>
  776.  
  777. </div>
  778.  
  779.  
  780. <p><iframe frameborder="0" scrolling="no" width="420px" height="210" src="http://www.tumblr.com/ask_form/orgulho.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p><p></p><p></p></div>
  781.  
  782. </div></div></div></div></div></div>
  783.  
  784. <div id="2" class="popup_block2">
  785. <img id="fotopopup2" src="{image:sidebar2}" /></a>
  786. <span class="tr-right2"></span>
  787.  
  788. <div class="sopa2"> &nbsp;&nbsp;&nbsp;&nbsp;Minhas Autorias</div>
  789.  
  790. <div class="gab2"> <p>Eu separei com duas Tags, uma é só com textos de minha autoria e a outra é com tudo que eu já postei de texto. Meu, de autores, livros e etc.</p>
  791. <div class="gaab"><a href="/tagged/quotemeu">Meus textos</a></div>
  792. <div class="gaab"><a href="/tagged/quotefamoso">Todos os Textos</a></div>
  793.  
  794. </div></div></div></div></div></div></div></div></div></div>
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804.  
  805. </div></div></div>
  806.  
  807.  
  808.  
  809.  
  810.  
  811.  
  812.  
  813.  
  814.  
  815.  
  816. </div></div></div>
Add Comment
Please, Sign In to add comment