API tools faq
paste
wafiosadesigns

Theme H. Birthday Nina ❤

wafiosadesigns
Nov 7th, 2017
156
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
  3. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  5. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  6. <script>
  7. (function($){
  8. $(document).ready(function(){
  9. $("[title]").style_my_tooltips({
  10. tip_follows_cursor:true,
  11. tip_delay_time:20,
  12. tip_fade_speed:400,
  13. attribute:"title"
  14. });
  15. });
  16. })(jQuery);
  17. </script>
  18. <script>
  19. function click() {
  20. if (event.button==2||event.button==3) {
  21. oncontextmenu='return false';
  22. }
  23. }
  24. document.onmousedown=click
  25. document.oncontextmenu = new Function("return false;")
  26. </script>
  27.  
  28.  
  29.  
  30. <!--
  31.  
  32.  
  33.  
  34. ♡ ❤ ♡
  35. ••••••••••••••••••••••••••••
  36. ❥| MR. WAFIOSA DESIGN'S ORIGINALLY 2016 ❥|
  37. ❥| NÃO AUTORIZO O USO DE DETALHES NENHUM. ❥|
  38. ❥| NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE. ❥|
  39.  
  40. ♡ ❤ ♡
  41. ••••••••••••••••••••••••••••
  42.  
  43. QUALQUER CÓPIA DO MEU THEME, NÃO IMPORTA O QUANTO, OU QUE SEJA APENAS
  44. UM PEQUENO CÓDIGO, SEM A DEVIDA PERMISSÃO SERÁ CONSIDERADO PLÁGIO.
  45. DON'T COPY PLEASE - By Gabriela Souza. - © 2016 - 2017
  46. ALL RIGHTS RESERVED ©
  47.  
  48. ♡ ❤ ♡
  49. ••••••••••••••••••••••••••••
  50.  
  51.  
  52. -->
  53.  
  54.  
  55.  
  56.  
  57. <!-- FAVICON AND TITLE -->
  58. <link rel="shortcut icon" href="{favicon}">
  59. <script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "{title}"; tb8_messages[1] = "{title}"; tb8_messages[2] = "{title}"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
  60. <!-- FAVICON AND TITLE -->
  61.  
  62.  
  63. </head>
  64. <style>
  65.  
  66. body{background:#dedede /* Cor do fundo do theme. */; background-attachment:fixed;}
  67.  
  68. a, a:link, a:active, a:visited {color:#fff /* Cor link. */; text-decoration:none}
  69. a:hover {color:#fff /* Cor Hover do Link. */; text-decoration:none}
  70.  
  71. b {color:#79a490 /* Cor negrito. */; text-shadow:1px 1px rgba(225, 225, 225, .2);}
  72.  
  73. titulo{text-decoration:none;}
  74.  
  75. blockquote {margin:0px;}
  76.  
  77. /* SELEÇÃO DO TEXTO */
  78. ::selection{background:#c4e0d7 /* Cor seleção*/; color:#fbb296 /* Cor letras. */;}
  79. ::-moz-selection{background:#c4e0d7 /* Cor seleção*/; color:#fbb296 /* Cor letras. */;}
  80. ::-webkit-selection{background:#c4e0d7 /* Cor seleção*/; color:#fbb296 /* Cor letras. */;}
  81.  
  82. /* BARRA DE ROLAGEM */
  83. ::-webkit-scrollbar {width:2px; height:5px;}
  84. ::-webkit-scrollbar-track-piece {background-color:#ccc;}
  85. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:#fff;}
  86. ::-webkit-scrollbar-thumb:horizontal {width:2px; background-color:#fff;}
  87.  
  88.  
  89. /* TOOLTIP */
  90. .tooltip {display: inline; position: relative;}
  91. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:#fff; font-family:'Rationale', sans-serif; text-align:left; text-transform:uppercase; color:#fbb296; font-size:14px; padding:7px; border-top:5px solid #c4e0d7; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); z-index:999999999999999999;}
  92.  
  93. .vsanna{display:none;}
  94.  
  95. /* CURSOR PERSONALIZADO */
  96. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  97. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  98.  
  99. #tumblr_controls{position: fixed!important; z-index:15;}
  100. iframe#tumblr_controls {right:3px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  101. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  102.  
  103.  
  104.  
  105. /* SIDEBAR GERAL */
  106.  
  107. /* FAIXA */
  108. .waf-faixa{position:fixed; width:150%; height:20px; margin-left:-10px; top:-10px; background:#79a490; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 4px rgba(0, 0, 0, .3); z-index:999999;}
  109.  
  110. /* TÍTULO */
  111. .waf-tit{position:fixed; width:400px; height:14px; margin-left:430px; margin-top:20px; padding:5px; font-family:'Poiret One', cursive; font-size:45px; color:#bd9785; text-shadow: 1px 1px 0px rgba(255, 255, 255, .4); text-align:center; text-transform:uppercase;}
  112.  
  113. .waf-tit2{position:fixed; width:300px; height:14px; margin-left:670px; margin-top:33px; padding:5px; font-family:'Sacramento'; font-size:45px; color:#79a490; text-shadow:1px 1px rgba(0, 0, 0, .2); text-align:center;}
  114.  
  115.  
  116. /* INÍCIO DO RECOMENDO SEPHORA */
  117. #waf-recomendo {width:1200px; margin:220px 140px auto; height:400px;}
  118.  
  119. .waf-recs{position:absolute; margin-top:0px; width:280px; height:280px; line-height:23px; background:#c6a89a; text-align:left; text-indent:5px; font-family:'Oswald'; font-size:15px; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .2); box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4);}
  120.  
  121. .waf-hover{position:absolute; margin-top:0px; border:140px solid transparent; border-top:140px solid #79a490; text-align:left; text-indent:5px; font-family:'Oswald'; font-size:15px; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .2); transition:1.5s; z-index:999999999;}
  122.  
  123. .waf-recs:hover .waf-hover{transform:rotate(180deg); margin-top:-280px; opacity:1; transition:1.5s;}
  124.  
  125. .waf-hover2{position:absolute; margin-top:-100px; margin-left:-25px; font-size:35px; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .2); opacity:1; transition:1.5s;}
  126.  
  127. .waf-recs:hover .waf-hover2{opacity:0; transition:1.5s;}
  128.  
  129. .waf-icon{position:absolute; display:inline-block; overflow:auto; width:185px; height:82px; margin-top:40px; margin-left:10px;}
  130. .waf-icon img{width:30px; height:30px; display:inline-block; background:#dedede; padding:4px; margin:1px; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0, 0, 0, .3); border-radius:5px; transition:1s;}
  131.  
  132. .waf-titulorec{position:absolute; margin-top:10px; margin-left:70px; width:200px; height:26px; line-height:24px; text-align:left; text-indent:10px; font-family:'Sacramento'; font-size:30px; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .2); opacity:0; transition:1.5s;}
  133. .waf-recs:hover .waf-titulorec{margin-top:-55px; transform:rotate(360deg); opacity:1; transition:1.5s; z-index:99999999999;}
  134.  
  135. .waf-about{position:absolute; width:250px; margin-top:5px; margin-left:10px; height:255px; padding:5px; font-family:'Sacramento'; font-size:25px; color:#fff; color:#fff; line-height:30px; text-shadow:1px 1px 2px rgba(0, 0, 0, .2); text-align:center; overflow:auto; transition:1.5s; opacity:0;}
  136. .waf-recs:hover .waf-about{transition:1.5s; opacity:1;}
  137.  
  138. </style>
  139.  
  140. <!--- FONTES PERSONALIZADAS GOOGLE --->
  141. <link href="https://fonts.googleapis.com/css?family=Clicker+Script|Lovers+Quarrel|Oswald|Rationale|Sacramento|Share+Tech+Mono|Dancing+Script|Josefin+Sans" rel="stylesheet">
  142.  
  143. <link href="https://fonts.googleapis.com/css?family=Poiret+One|Rajdhani" rel="stylesheet">
  144.  
  145. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  146. <!--- FONTES PERSONALIZADAS GOOGLE --->
  147.  
  148. <body>
  149.  
  150.  
  151. <!-- FAIXA -->
  152. <div class="waf-faixa">
  153.  
  154. <!-- TÍTULOS. -->
  155. <div class="waf-tit"> Happy Birthday </div>
  156. <div class="waf-tit2"> Nina ... </div>
  157.  
  158. </div>
  159.  
  160. <div id="waf-recomendo">
  161.  
  162. <!-- TEXTO GABS -->
  163. <div class="waf-recs">
  164. <div class="waf-hover">
  165. <div class="waf-hover2"><i class="fa fa-heart"></i></div>
  166. </div>
  167. <div class="waf-titulorec"> By: Gabs </div>
  168. <div class="waf-about"> Nina meu amor, por onde eu começo? Bom, lembra que a gente mal se gostava, pelo menos eu achava que tu não gostava de mim, e não sei em que momento começamos a virar tão amigas, mas foi bom, eu amo você, parece loucura, pois não sei muito sobre vocês, mas é como se nos conhecessemos a bastante tempo, e é isso que faz a nossa amizade ser bem doida, a gente não é igual muitos que ficam 24h conversando, achando que senão for assim, a amizade acaba, todas nós temos nossas vidas, mas contudo ainda sim, sempre estamos unidas e aqui uma para a outra, então só tenho a agradecer por ser essa pessoa maravilhosa que tu é, e eu te amo muito minha kenga. Feliz Aniversário amor. <i class="fa fa-heart" style="color:#79a490;"></i>
  169. </div>
  170. </div>
  171. <!-- TEXTO GABS -->
  172.  
  173.  
  174.  
  175.  
  176.  
  177. <!-- TEXTO NATS -->
  178. <div class="waf-recs" style="margin-left:400px;">
  179. <div class="waf-hover">
  180. <div class="waf-hover2"><i class="fa fa-heart"></i></div>
  181. </div>
  182. <div class="waf-titulorec"> By: Nats </div>
  183. <div class="waf-about"> Raramente me dou bem com donas de familias que são muito rigorosas, penso logo que tudo pra ela é levar a sério essas coisas. Mas mano você não foi assim e <b>Graças a Deus</b>, nos damos surper bem. Mas ta idai? Eu me dou bem com todas as outras donas. So que vc foi diferente, tu me conquistou viadaaaaa, hoje eu confio dms em ti, e tudo que fiz hoje por você so é o começo de muitas coisas que ainda vou te ajuda. Ce merece e quero te deseja <b>Parabéns, Feliz Aniversário, e os crlh tudo. Deus te abençoe sempre e continue sendo essa pessoa maravilhosa que você é. E pra tudo que você precisar, conte comigo. </b> <i class="fa fa-heart" style="color:#79a490;"></i>
  184. </div>
  185. </div>
  186. <!-- TEXTO NATS -->
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193. <!-- TEXTO JESS -->
  194. <div class="waf-recs" style="margin-left:800px;">
  195. <div class="waf-hover">
  196. <div class="waf-hover2"><i class="fa fa-heart"></i></div>
  197. </div>
  198. <div class="waf-titulorec"> By: Jess </div>
  199. <div class="waf-about"> Meu Deus quem diria que uma pessoa que eu nunca imaginei nem falar um oi, viraria minha amiga, parceira , que ri dos meus memes kkkkkkkk, aquele que eu admirava o tumblr e admiro até hj. Bom meu amor , hoje eu vim aqui para te desejar tudo de melhooor na sua vida , que você alcance todos seus objetivos , que Deus te de mt saúde , sabedoria e mts anos de vida. Continue essa pessoa maravilhosa que você é. Saiba que pode contar sempre cmg. Lhe amo xuxu , nós é pica e o resto é buraco ladrão. <b>Parabéns Peranhaaa. </b> <i class="fa fa-heart" style="color:#79a490;"></i>
  200. </div>
  201. </div>
  202. <!-- TEXTO JESS -->
  203.  
  204.  
  205. </div>
  206.  
  207.  
  208.  
  209.  
  210. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  211. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  212. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  213.  
  214.  
  215. <script type="text/javascript">
  216. $(window).load(function () {
  217. $('#wafcaixa').masonry(),
  218. $('.masonryWrap').infinitescroll({
  219. navSelector : "div#navigation",
  220. nextSelector : "div#navigation a#nextPage",
  221. itemSelector : ".posts",
  222. bufferPx : 10000,
  223. extraScrollPx: 11000,
  224. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  225. loadingText : "",
  226. },
  227. // call masonry as a callback.
  228. function() { $('#wafcaixa').masonry({ appendedContent: $(this) }); }
  229. );
  230. });
  231. </script>
  232.  
  233.  
  234. </body>
  235. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!