API tools faq
paste
Advertisement
Biih

about #04

Biih
Apr 1st, 2020
851
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.03 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2.  
  3. THEME FEITO POR BIANCA DIAS (NEVALISCA). É PROIBIDA QUALQUER CÓPIA OU
  4.     USO   DOS CÓDIGOS CONFORME A LEI PENAL, ARTIGO 184. ©
  5.        
  6. ---------------------------------------------------------------------->
  7.  
  8.  <title>{title}</title>
  9.  
  10.         <link rel="shortcut icon" href="{Favicon}">
  11.  
  12.        
  13.  
  14. <script type="text/javascript"
  15. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  17. <script>
  18.  (function($){
  19. $(document).ready(function(){
  20.  $("[title]").style_my_tooltips();
  21.  });
  22.  })(jQuery);
  23. </script>
  24.  
  25.  
  26. <!---- fontes ----->
  27.  
  28. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  29. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  30. <link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  31.  
  32.        
  33.    
  34.         <style type="text/css">
  35.        
  36.        
  37.  
  38. body {background-color: #f0f0f0; /*/ COR DO BACKGROUND/FUNDO /*/
  39. margin:0px auto 0px;
  40. color: #666666; /*/ COR DA LETRA /*/
  41. text-align: center;
  42. font:normal 11.5px/1.6em lato, georgia, serif;
  43. background-attachment: fixed;
  44. background-repeat: no-repeat;
  45. background-size:100% 100%;
  46. line-height:19px;
  47. -webkit-animation: fade 5s;
  48. -moz-animation: fade 5s;
  49. -ms-animation: 5s;
  50. -o-animation: fade 5s;
  51. overflow-x:hidden;}
  52.  
  53.  
  54. @-webkit-keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}
  55. @-moz-keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}
  56. @-o-keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}
  57. @keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}
  58.  
  59. /*/ LINKS /*/
  60.  
  61. a {
  62.     color: #666666;/*/ COR DO LINK /*/
  63.     text-decoration: none;
  64.     text-transform: none;
  65.     border-bottom:solid 1.2px #f2d7d2; /*/ COR DA BORDA DO LINK /*/
  66. }
  67. a:hover {color: #f2d7d2; /*/ COR DO LINK QUANDO PASSA O MOUSE /*/}
  68.  
  69.  
  70. /*/ PARAGRAFOS E BLOCKQUOTE /*/
  71.  
  72. p {margin: 6px 0 0 0}
  73.  
  74.  
  75.  
  76. /*/ ABOUT /*/
  77.  
  78. #nv-about {
  79.     width:500px;
  80.     height:500px;
  81.     margin-left:auto;
  82.     margin-right:auto;
  83.     margin-top:30px;
  84. }
  85.  
  86. /*/ CAIXINHA DE TÍTULO /*/
  87.  
  88. #nv-title {
  89.     width:relative;
  90.     height:25px;
  91.     padding:5px;
  92.     font:600 .9em/1.25em lato, sans-serif;
  93.     text-align:left;
  94.     text-transform:uppercase;
  95.     letter-spacing:2.5px;
  96.     line-height:25px;
  97.     background:#fff; /*/ COR DA CAIXINHA DE TITULO  /*/
  98.     border-radius:3px;
  99.     border-bottom:solid 1.2px rgba(0,0,0,0.1);
  100.  
  101.     }
  102.    
  103. #nv-title i {
  104.     font-size:12px;
  105.     border-right:solid 1px #f0f0f0; /*/ COR DA BORDA DO ICONE /*/
  106.     padding:0 5px 0 5px;
  107.     margin-right:5px;
  108.     color:#ffdfdf; /*/ COR DO ICONE DO TÍTULO /*/
  109.     text-shadow:1px 1px 0px rgba(0,0,0,.2);
  110. }
  111.  
  112.  
  113. /*/ CAIXINHA DA IMAGEM /*/
  114.  
  115. #nv-icon{
  116.     width:80px;
  117.     height:80px;
  118.     background:#fff; /*/ COR DA BORDA DA IMAGEM /*/
  119.     margin-top:10px;
  120.    
  121. }
  122.  
  123. #nv-icon img{
  124.     width:70px;
  125.     height:70px;
  126.     margin-top:5px;
  127. }
  128.  
  129. /*/ CAIXINHA DE CITAÇÃO /*/
  130. #nv-quote{
  131.     width:calc(100% - 130px);
  132.     height:40px;
  133.     padding:20px;
  134.     background:#fff; /*/ COR DA CAIXINHA DE CITAÇÃO /*/
  135.     float:right;
  136.     margin-top:-80px;
  137.     text-align:left;
  138.     text-indent:5px;
  139.  
  140.     }
  141.    
  142. #asp{
  143.     font-size:35px;
  144.     color:#ffdfdf; /*/ COR DAS ASPAS /*/
  145.     opacity:0.5;
  146.     font-family:georgia;
  147.     float:left;
  148.     margin-top:10px;
  149.    
  150. }
  151.  
  152.  
  153. /*/ CAIXINHA DO ABOUT /*/
  154. #nv-tudo{
  155.     width:relative;
  156.     margin-top:10px;
  157.     background:#fff; /*/ COR DA CAIXINHA /*/
  158.     padding:10px;
  159.     text-align:justify;
  160.     }
  161.  
  162. ::-webkit-scrollbar {
  163.     background-color: #ffffff; /*/ COR DA BARRA DE ROLAGEM CASO ESCREVA ALGO GRANDE /*/
  164.    
  165.     width:5px;
  166.  
  167. }
  168.  
  169. ::-webkit-scrollbar-thumb:vertical {
  170.     background-color:#fff; /*/ COR DA BARRA DE ROLAGEM CASO ESCREVA ALGO GRANDE /*/
  171.     }
  172.  
  173. /*/ REDES SOCIAIS /*/
  174.  
  175. #nv-networks{
  176.     text-align:center;
  177.     margin-top:10px;
  178.     }
  179.    
  180. #nv-networks a{
  181.     border-bottom:none;
  182.     margin-right:5px;
  183.     margin-left:5px;
  184.     color:#ffdfdf; /*/ COR DOS ICONES /*/
  185.     text-shadow:1px 1px 0px rgba(0,0,0,.2);
  186.     transition-duration:0.4s;
  187. }
  188.  
  189. #nv-networks a:hover{
  190.     color:#f0f0f0; /*/ COR DO ICONES QUANDO PASSA O MOUSE /*/
  191.     text-shadow:-1px -1px 0px rgba(0,0,0,.2);
  192. }
  193.  
  194. #nv-networks:before{
  195.     content:'';
  196.     width:80px;
  197.     height:1px;
  198.     background:#eee; /*/ COR DA LINHA EM CIMA DAS REDES SOCIAIS /*/
  199.     text-align:center;
  200.     display:block;
  201.     margin-right:auto;
  202.     margin-left:auto;
  203.     margin-bottom:10px;
  204. }
  205.  
  206.  
  207. /*/ APELIDO, IDADE, ANIVERSSÁRIO E LOCALIZAÇÃO /*/
  208. #nv-basic{
  209.     margin-bottom:10px;
  210.    
  211. }
  212.  
  213. .wish{
  214.     display:inline-block;
  215.     text-transform:uppercase;
  216.     margin-right:20px;
  217.    
  218. }
  219.  
  220. .wish i {
  221.     font-size:10px;
  222.     border-right:solid 1px #eee; /*/ COR DA BORDINHA DO LADO DOS ICONES /*/
  223.     padding-right:5px;
  224.     margin-right:5px;
  225. }
  226.  
  227.  
  228. /*/ CAIXINHA DA PERGUNTA /*/
  229.  
  230. #nv-ask{
  231.     width:relative;
  232.     margin-top:10px;
  233.     background:#fff; /*/ BORDA DA CAIXINHA DA PERGUNTA /*/
  234.     padding:10px;
  235.     text-align:justify;
  236. }
  237.  
  238.  
  239. /*/ CRÉDITIOS /*/
  240.  
  241. #creditos{
  242.     width:relative;
  243.     height:25px;
  244.     padding:5px;
  245.     font:600 .6em/1.25em lato, sans-serif;
  246.     text-align:left;
  247.     text-transform:uppercase;
  248.     letter-spacing:2.5px;
  249.     line-height:25px;
  250.     background:#fff; /*/ COR DA FAIXA DOS CRÉDITIOS /*/
  251.     border-radius:3px;
  252.     border-bottom:solid 1.2px rgba(0,0,0,0.1);
  253.     margin-top:10px;
  254. }
  255.  
  256. #creditos a {text-transform:uppercase;background:;}
  257.  
  258. #creditos i {
  259.     font-size:12px;
  260.     border-right:solid 1px #f0f0f0; /*/ COR DA BARRA DO LADO DO ICONE /*/
  261.     padding:0 5px 0 5px;
  262.     margin-right:5px;
  263.     color:#ffdfdf; /*/ COR DO ICONE DOS CRÉDITIOS /*/
  264.     text-shadow:1px 1px 0px rgba(0,0,0,.2);
  265.     }
  266.  
  267.  
  268. /*/ BOTÃO DE RETORNO /*/
  269.  
  270. .retorn{
  271.     position:fixed;
  272.     left:5px;
  273.     top:10px;}
  274.  
  275. .retorn a{
  276.     display:inline-block;
  277.     border:none;
  278.     text-transform:uppercase;
  279.       font-size:12px;
  280.     width:17px;
  281.     height:17px;
  282.     padding:2px;
  283.     border-bottom:solid 1.2px rgba(0,0,0,0.1);
  284.     background:#fff; /*/ COR DO FUNDO DO BOTÃO /*/
  285.     border-radius:3px;
  286.     margin-right:5px;
  287.     }
  288.    
  289. .retorn i{
  290.     margin-top:2px;
  291.     color:#ffdfdf; /*/ COR DO ICONE /*/
  292. }
  293.  
  294.  
  295. /*/ CONTROLES DE MAIS FOLLOW /*/
  296.  
  297. .tmblr-iframe, iframe#tumblr_controls {
  298.     filter: invert(100%);
  299.     position: fixed;
  300.     transform: scale(.65);
  301.     right:-60px !important;
  302.     margin-top:-2px;
  303.     opacity:0;
  304.     padding-right:50px;
  305.     transition-duration:.8s;
  306.    
  307.     }
  308.    
  309. .tmblr-iframe:hover, iframe#tumblr_controls:hover{opacity:.4;}
  310.  
  311.  
  312. .cocoiso{position:fixed;right:20px;top:20px;font-family:13px;}
  313.  
  314. /*/ TOOL TIPS - o titulo que aparece nos links quando passa o mouse /*/
  315.  
  316. #s-m-t-tooltip {
  317.     max-width:320px;
  318.     line-height:13px;
  319.     margin:20px 20px;
  320.     padding:3px 5px 1px 5px;
  321.     background:#fff; /*/ COR DO FUNDO /*/
  322.     font-size:9px;
  323.     box-shadow:2px 2px 0px #ffdfdf; /*/ COR DA BORDA /*/
  324.     color:#888; /*/ COR DA FONTE /*/
  325.     letter-spacing:.5px;
  326.     z-index:9999999;
  327.     text-transform:uppercase;
  328.     font: 8px consolas;
  329.     letter-spacing:1px;
  330.  
  331.  
  332. }
  333.  
  334.  
  335. </style>
  336.  
  337. <div class="cocoiso"><i class="fa fa-gear"></i></div>
  338. <div class="retorn">
  339. <a href="/" title="retorn"><i class="fa fa-arrow-left"></i></a>
  340.  
  341.    
  342. </div>
  343.  
  344. <body>
  345.  
  346. <div id="nv-about">
  347.  
  348. <!--- TÍTULO -->
  349. <div id="nv-title"><i class="fa fa-user"></i> About me</div>
  350.  
  351.  
  352. <!--- IMAGEM, VOCÊ PODE ENCONTRAR MAIS NO @VERTIGO-EDITIONS --->
  353.  
  354. <div id="nv-icon"><img src="https://66.media.tumblr.com/e83d1c52c1f6a4f1541d31e5bed15383/tumblr_oz5d5mbEXR1t035emo2_250.png"></div>
  355.  
  356.  
  357. <!-- CITAÇÃO PEQUENAS DE POUCAS LINHAS 2 NO MÁXIMO --->
  358.  
  359. <div id="nv-quote"><div id="asp">“</div> coloque aqui sua citação favorita ou uma citação sua, uma frase não sei. algo que ache que ficaria legal. algo de duas linhas pra ficar legal</div>
  360.  
  361. <div id="nv-tudo">
  362.  
  363. <!--- INFORMAÇÕES BASICAS --->
  364.  
  365. <div id="nv-basic">
  366.     <div class="wish"><i class="fa fa-user"></i> APELIDO</div>
  367.     <div class="wish"><i class="fa fa-calendar"></i> IDADADE</div>
  368.     <div class="wish"><i class="fa fa-birthday-cake"></i> DIA/MÊS</div>
  369.     <div class="wish"><i class="fa fa-map-marker"></i> LOCALIZAÇÃO</div>
  370. </div>
  371.  
  372.     <!--- SEU ABOUT --->
  373.  
  374.    Aqui você escreve um pouco sobre você, pode escrever quantas linhas achar que fique legal. Escreva um breve relato sobre você, coisas que gosta de fazer, séries e livros que lê. Coloque também algumas informações útei sobre seu tumblr, coisas que acha legal as pessoas saberem sobre você e seu tumblr. Coloque quantas linhas achar necessário.
  375.    
  376.    
  377.     <!-- REDES SOCIAIS -->
  378.     <div id="nv-networks">
  379.        <a href="LINK DO FACEBOOK" title="faceook"><i class="fa fa-facebook"></i></a>
  380.        <a href="LINK DO TWITTER" title="twitter"><i class="fa fa-twitter"></i></a>
  381.        <a href="LINK DO SNAPCHAT" title="snapchat"><i class="fa fa-snapchat-ghost"></i></a>
  382.        <a href="LINK DO WE HEART IT" title="we ♥ it"><i class="fa fa-heart"></i></a>
  383.        <a href="LINK DO INSTAGRAM" title="instagram"><i class="fa fa-instagram"></i></a>
  384.     </div>
  385.    
  386. </div>
  387.  
  388. <!--- NÃO ALTERE NADA DAQUI PARA BAIXO, NÃO PRECISA ALTERAR NADA --->
  389.  
  390. <div id="nv-ask">
  391.     <iframe frameborder="0" height="200px" id="ask_form" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe>
  392. <script type="text/javascript">// <![CDATA[
  393. document.getElementById(‘ask_form’).allowTransparency=true;
  394. // ]]></script>
  395. </div>
  396.  
  397. <!-- Não tira essa merda aqi valeu, se vc tirar eu vou jogar uma praga tão forte em vc que tu vai se arrepender de ter tirado, e tenho dito!--->
  398. <div id="creditos"><i class="fa fa-gears"></i> 2017 <a href="https://{name}.tumblr.com">{name}</a> all rights reserved • Designed by <a href="https://nevalisca.tumblr.com">nevalisca</a> </div>
  399.  
  400.    
  401. </div>
  402.  
  403. </body>
  404. </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!