API tools faq
paste
wafiosadesigns

SH Themes Exclusive (About Jess) #04

wafiosadesigns
Jan 24th, 2018
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.85 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------• ♡ ❤ ♡
  2.  
  3. SHWNTY THEMES ORIGINALLY 2016 ©
  4. NÃO AUTORIZO O USO DE DETALHES NENHUM.
  5. NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE.
  6.  
  7. • • • • • • •
  8.  
  9. QUALQUER CÓPIA DO MEU THEME, NÃO IMPORTA O QUANTO, OU QUE SEJA APENAS
  10. UM PEQUENO CÓDIGO, SEM A DEVIDA PERMISSÃO SERÁ CONSIDERADO PLÁGIO.
  11.  
  12. --• DON'T COPY. •--
  13. --• DON'T REDISTRIBUTE. •--
  14. --• DON'T USE THIS THEME AS BASE TO MAKE OTHER(S) THEME(S). •--
  15.  
  16. BY GABRIELA SOUZA • © 2016 - 2017
  17. ALL RIGHTS RESERVED ©
  18.  
  19. • • • • • • •
  20.  
  21. ♡ ❤ ♡ •------------------------->
  22.  
  23.  
  24.  
  25.  
  26. <!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"/>
  27. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  28.  
  29.  
  30.  
  31.  
  32. <!-- FAVICON AND TITLE -->
  33. <link rel="shortcut icon" href="{favicon}">
  34. <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>
  35. <!-- FAVICON AND TITLE -->
  36.  
  37.  
  38.  
  39. </head>
  40. <style>
  41.  
  42.  
  43. @font-face{font-family:"Peterjohns"; src:url('https://dl.dropboxusercontent.com/s/sdqp8b9i2q4rz57/Peter%20Jhons.otf');}
  44.  
  45. @font-face {font-family:'BloomingElegant'; src:url('https://dl.dropboxusercontent.com/s/a7sh7lq9d98vtfk/BloomingElegant-Regular.ttf');}
  46.  
  47. @font-face {font-family:'Bromello'; src:url('https://dl.dropboxusercontent.com/s/w2yqrp0e173r0gq/bromello.ttf');}
  48.  
  49. @font-face {font-family:'Heart'; src:url('https://dl.dropboxusercontent.com/s/vzkb1ntpmhvesg4/BloomingElegantDoodles1.ttf');
  50. }
  51.  
  52. body{background:#f8f1e5; background-attachment:fixed; margin:0px auto 0px;}
  53.  
  54. a, a:link, a:active, a:visited {color:#fff; text-decoration:none}
  55. a:hover {color:#a9834f; text-shadow:1px 1px 0px rgba(225, 225, 225, .4);}
  56.  
  57. b {color:#a9834f;}
  58.  
  59. /* SELEÇÃO DO TEXTO */
  60. ::selection{background:#f8f1e5; color:#fff;}
  61. ::-moz-selection{background:#f8f1e5; color:#fff;}
  62. ::-webkit-selection{background:#f8f1e5; color:#fff;}
  63.  
  64. /* BARRA DE ROLAGEM */
  65. ::-webkit-scrollbar {width:2px; height:5px;}
  66. ::-webkit-scrollbar-track-piece {background-color:#ccc;}
  67. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:#a9834f;}
  68. ::-webkit-scrollbar-thumb:horizontal {width:2px; background-color:#a9834f;}
  69.  
  70.  
  71. /* TOOLTIP */
  72. .tooltip {display: inline; position: relative;}
  73. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:#f8f1e5; font-family: 'Source Sans Pro'; font-size:9px; text-align:center; text-transform:uppercase; color:#d7b685; padding:5px; box-shadow:inset -1px -1px 2px rgba(0, 0, 0, .3), inset 1px 1px 3px rgba(225, 225, 225, .3); z-index:999999999999999999;}
  74.  
  75. .vsanna{display:none;}
  76.  
  77. /* CURSOR PERSONALIZADO */
  78. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  79. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  80.  
  81.  
  82. /* CONTROLE BY: NEVALISCA THEMES. */
  83. .tmblr-iframe, iframe#tumblr_controls {position: fixed; opacity:0.4; z-index:99999999999999999 !impoportant; transform: scale(.8); top:-2px; right:-50px !important; opacity:0; padding-right:50px; transition-duration:.8s;}
  84. .tmblr-iframe:hover, iframe#tumblr_controls:hover{opacity:.4;}
  85. .engrenagem{position:fixed; left:20px;top:0px;font-size:13px}
  86.  
  87. /* TRANSITION BY: SHWNTY THEMES */
  88. @-webkit-keyframes Shwnty-Thms {0% {opacity:0; transform:scale(0);} 100% {opacity:1; transform:scale(1);}}
  89. @-moz-keyframes Shwnty-Thms {0% {opacity:0; transform:scale(0);} 100% {opacity:1; transform:scale(1);}}
  90. @keyframes Shwnty-Thms {0% {opacity:0; transform:scale(0);} 100% {opacity:1; transform:scale(1);}}
  91.  
  92.  
  93. /* SIDEBAR */
  94. .sh-side1{position:fixed; width:150%; height:32px; margin-left:-10px; top:-10px; background:#d7b685; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); z-index:9999999999; -webkit-animation:Shwnty-Thms 1.5s; -moz-animation:Shwnty-Thms 1.5s; animation:Shwnty-Thms 1.5s;}
  95.  
  96. /* FAIXA */
  97. .sh-bolinhastp{width:1600px; margin-top:7px; margin-left:-10px; float:left; position:fixed; text-align:left; }
  98. .sh-bolinhastp bl {display:inline-block; margin-top:0px; margin-left:0px; margin-right:10px; width:4px; height:4px; background:#d7b685; box-shadow:inset 1px 1px 0 rgba(0,0,0,.1), 1px 1px rgba(255,255,255,.3);}
  99.  
  100.  
  101.  
  102. /* CAIXA ABOUT */
  103. #sh-aboutus {width:700px; height:auto; margin:10px 410px /*410px*/ auto; -webkit-animation:Shwnty-Thms 1.5s; -moz-animation:Shwnty-Thms 1.5s; animation:Shwnty-Thms 1.5s;}
  104.  
  105. .sh-about{display:inline-block; margin-top:50px; margin-left:0px; width:600px; height:300px; background:#d7b685; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); margin-right:30px; margin-bottom:0px;}
  106.  
  107. /* FAIXAS ABOUT */
  108. .sh-faixaab{width:650px; margin-top:280px; margin-left:0px; float:left; position:absolute; text-align:left; }
  109. .sh-faixaab fx {display:inline-block; margin-right:10px; width:600px; height:4px; background:#d7b685; box-shadow:inset 1px 1px 0 rgba(0,0,0,.1), 1px 1px rgba(255,255,255,.3);}
  110.  
  111. .sh-fxab{position:absolute; margin-top:295px; margin-left:0px; width:600px; height:20px; background:#f9f9f9; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4);}
  112.  
  113. /* ICONS ABOUT */
  114. .sh-icon img{position:absolute; margin-top:5px; margin-left:10px; width:60px; height:60px; background:#f8f1e5; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); padding:5px; border-radius:100%;}
  115.  
  116.  
  117. /* FRASE/DESCRIÇÃO */
  118. .sh-frase{position:absolute; margin-top:25px; margin-left:30px; width:550px; height:26px; line-height:40px; text-align:right; font-family:'BloomingElegant'; font-size:80px; color:#fff; text-shadow:1px 1px 0px rgba(0, 0, 0, .2);}
  119. .sh-frase:after{display:inline-block; width:auto; height:14px; margin-left:10px; margin-top:0px; font-family:'Heart'; font-size:80px; color:#f8f1e5; text-align:center; content:" M ";}
  120.  
  121. .shabout{position:absolute; margin-top:80px; margin-left:5px; width:145px; height:152px; text-align:justify; font-family:'Quicksand'; font-size:9.5px; line-height:23px; color:#d7b685; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); text-transform:uppercase; background:#f9f9f9; padding:10px; border-bottom:20px solid #f8f1e5;}
  122.  
  123. /* LINKS */
  124. .sh-links {position:absolute; margin-left:90px; margin-top:-15px; width:300px; height:auto; display:inline-block; cursor: hand; float:left; opacity:1; transition:1s;}
  125. .sh-links a{display:inline-block; width:14px; height:14px; font-family:'Rationale'; font-size:16px; line-height:15px; margin:3px; text-align:center; padding:5px; background:#f8f1e5; color:#d7b685; text-transform:uppercase; border-radius:100%; border-top:1px solid #d7b685; transition:1s;}
  126. .sh-links a:hover{box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .8), inset 1px 1px 1px rgba(0, 0, 0, .2); border-top:1px solid transparent; transition:1s;}
  127.  
  128.  
  129. /* LISTINHA ABOUT */
  130. #sh-listc{position:relative; width:500px; height:300px; margin-top:80px; margin-left:175px;}
  131.  
  132. .sh-list{position:relative; margin-top:0px; margin-left:0px; width:500px; height:auto;}
  133. .sh-list {display:block; width:400px; height:14px; font-family: 'Quicksand', sans-serif; font-size:9px; color:#f8f1e5; text-shadow: 1px 1px 1px rgba(0, 0, 0, .4); margin:4px; padding:5px; text-align:left; text-transform:uppercase; letter-spacing:1px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); line-height:13px; transition:1s;}
  134. .sh-list:hover{letter-spacing:2px; -webkit-transition-duration: 0.5s;}
  135.  
  136.  
  137. /* CAIXA ABOUT */
  138. #sh-cxab {position:absolute; margin-top:30px; margin-left:0px; width:400px; height:auto;}
  139.  
  140. /* CAIXA ASK */
  141. .sh-cxask{position:absolute; margin-top:0px; margin-left:0px; width:580px; height:auto; background:#d7b685; padding:10px; border-bottom:5px solid #f9f9f9; margin-bottom:20px;}
  142.  
  143. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  144. .sh-cred {position:fixed; margin-left:10px; bottom:50px; width:auto; height:auto; display:inline-block; cursor: hand; float:left; z-index:9999999;}
  145. .sh-cred a{display:inline-block; width:15px; height:15px; line-height:15px; margin:3px; text-align:center; padding:5px; font-family:'Source Code Pro'; font-size:11px; text-align:center; text-transform:uppercase; letter-spacing:1px; background:#d7b685; box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px rgba(255, 255, 255, .2); border-radius:100%;}
  146. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  147.  
  148.  
  149.  
  150. </style>
  151.  
  152. <!--- FONTES PERSONALIZADAS GOOGLE --->
  153. <link href="https://fonts.googleapis.com/css?family=Bungee|Cinzel+Decorative|Clicker+Script|Dancing+Script|Graduate|Grand+Hotel|Medula+One|Montserrat|Mr+Bedfort|Nosifer|Poiret+One|Quicksand|Raleway|Sacramento|Sofia|Spectral+SC|Stalemate|Teko|Tulpen+One|Unica+One|Rationale|Share+Tech+Mono|Fjalla+One" rel="stylesheet">
  154.  
  155. <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Source+Code+Pro|Source+Sans+Pro|Lobster" rel="stylesheet">
  156.  
  157.  
  158. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  159.  
  160. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  161. <!--- FONTES PERSONALIZADAS GOOGLE --->
  162.  
  163.  
  164.  
  165. <body>
  166.  
  167. <!-- SIDEBAR -->
  168. <div class="sh-side1">
  169.  
  170. <!-- BOLINHAS -->
  171. <div class="sh-bolinhastp"><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl><bl></bl></div>
  172.  
  173.  
  174. </div>
  175. <!-- FIM SIDE -->
  176.  
  177.  
  178.  
  179. <!-- INÍCIO ABOUT -->
  180. <div id="sh-aboutus">
  181.  
  182. <!-- INÍCIO BOX TOTAL -->
  183. <div class="sh-about">
  184.  
  185. <!-- FAIXA -->
  186. <div class="sh-fxab"></div>
  187. <div class="sh-faixaab"><fx></fx></div>
  188.  
  189. <!-- ICONS/BOLINHAS -->
  190. <div class="sh-icon"><img src="http://api.tumblr.com/v2/blog/usgloth.tumblr.com/avatar/96/"></div>
  191.  
  192. <!-- TÍTULOS/BOLINHAS -->
  193. <div class="sh-frase"> about me, babe!.</div>
  194.  
  195. <!-- DESCRIÇÃO AQUI -->
  196. <div class="shabout"> And I hope I never see <b>the day</b>. That you move on and be happy. Without me. <u><b>Without me</b></u>. What’s my hand without your heart to hold?. I don’t know what. <s>I'm living for</s>.
  197. <br>
  198. <center>forth</center>
  199. </div>
  200. <!-- DESCRIÇÃO AQUI -->
  201.  
  202. <!-- REDES SOCIAIS -->
  203. <div class="sh-links">
  204.  
  205. <a href="https://www.tumblr.com/follow/usgloth" title="Follow me" target="_blank"><i class="ion-person-add"></i> </a>
  206.  
  207. <a href="https://www.tumblr.com/message/usgloth" title="Chat" target="_blank"><i class="ion-chatbox-working"></i> </a>
  208.  
  209. <a href="https://usgloth.tumblr.com/" title="Tumblr pessoal"><i class="ion-ios-home-outline"></i></a>
  210.  
  211. <a href="https://www.facebook.com/USER" title="Meu Facebook." target="_blank"><i class="ion-social-facebook"></i></a>
  212.  
  213. <a href="https://www.instagram.com/USER" title="Meu Instagram." target="_blank"><i class="ion-social-instagram-outline"></i></a>
  214.  
  215. <a href="/" title="Snap: USER"><i class="ion-social-snapchat-outline"></i></a>
  216. </div>
  217. <!-- FIM LINKS -->
  218.  
  219.  
  220.  
  221. <!-- SOBRE MIM -->
  222. <div id="sh-listc">
  223.  
  224. <div class="sh-list"><b style="text-shadow:1px 1px 0px transparent;">001.</b> Descrição aqui. <u>não muito grande.</u> </div>
  225.  
  226. <div class="sh-list"><b style="text-shadow:1px 1px 0px transparent;">002.</b> Descrição aqui. <b>não muito grande.</b> </div>
  227.  
  228. <div class="sh-list"><b style="text-shadow:1px 1px 0px transparent;">003.</b> Descrição aqui. <i>não muito grande.</i> </div>
  229.  
  230. <div class="sh-list"><b style="text-shadow:1px 1px 0px transparent;">004.</b> Descrição aqui. <u>não muito grande.</u> </div>
  231.  
  232. <div class="sh-list"><b style="text-shadow:1px 1px 0px transparent;">005.</b> Descrição aqui. <b>não muito grande.</b> </div>
  233.  
  234. <div class="sh-list"><b style="text-shadow:1px 1px 0px transparent;">006.</b> Descrição aqui. <i>não muito grande.</i> </div>
  235.  
  236. <div class="sh-list"><b style="text-shadow:1px 1px 0px transparent;">007.</b> Descrição aqui. <b>não muito grande.</b> </div>
  237.  
  238. </div>
  239. <!-- SOBRE MIM -->
  240.  
  241. </div>
  242. <!-- FIM BOX 01. -->
  243.  
  244. <!-- CAIXA ABOUT -->
  245. <div id="sh-cxab">
  246.  
  247. <!-- CAIXA ASK -->
  248. <div class="sh-cxask">
  249. <iframe frameborder="0" scrolling="no" width="100%" height="200px" src="http://www.tumblr.com/ask_form/usgloth.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]-->
  250. </div>
  251.  
  252. </div>
  253. <!-- FIM CAIXA ABOUT -->
  254.  
  255. </div>
  256. <!-- FIM ABOUT TOTAL -->
  257.  
  258.  
  259. <!-- NÃO REMOVA. -->
  260. <div class="engrenagem"><i class="fa fa-gear"></i></div>
  261.  
  262. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  263. <div class="sh-cred"><a href="http://shwnty.tumblr.com/" title="Shwnty Themes. - Exclusive! "> SH </a> </div>
  264. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  265.  
  266.  
  267. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  268. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  269. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  270.  
  271.  
  272. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  273. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  274. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  275. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true, tip_delay_time:20, tip_fade_speed:400, attribute:"title"});});})(jQuery);</script>
  276.  
  277. <script>
  278. function click() {if (event.button==2||event.button==3) {oncontextmenu='return false';}}
  279. document.onmousedown=click
  280. document.oncontextmenu = new Function("return false;")
  281. </script>
  282.  
  283.  
  284. </body>
  285. </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!