wafiosadesigns

Theme Atual (11/12/2017) - SHWNTY THMS

Dec 11th, 2017
123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.82 KB | None | 0 0
  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.  
  4. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  6. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  7. <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>
  8.  
  9. <script>
  10. function click() {if (event.button==2||event.button==3) {oncontextmenu='return false';}}
  11. document.onmousedown=click
  12. document.oncontextmenu = new Function("return false;")
  13. </script>
  14.  
  15. <!-- CÓDIGO DO BOTÃO DE VOLTAR AO TOPO -->
  16. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  17. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  18. <a href="javascript:;" id="scrollToTop" title="Voltar ao Topo"><i class="ion-chevron-up"> </i></a>
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26. <!--------------------------------------------------------•
  27.  
  28. ♡ ❤ ♡
  29.  
  30. SHWNTY THEMES ORIGINALLY 2016 ©
  31. NÃO AUTORIZO O USO DE DETALHES NENHUM.
  32. NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE.
  33.  
  34. • • • • • • •
  35.  
  36. QUALQUER CÓPIA DO MEU THEME, NÃO IMPORTA O QUANTO, OU QUE SEJA APENAS
  37. UM PEQUENO CÓDIGO, SEM A DEVIDA PERMISSÃO SERÁ CONSIDERADO PLÁGIO.
  38.  
  39. --• DON'T COPY. •--
  40. --• DON'T REDISTRIBUTE. •--
  41. --• DON'T USE THIS THEME AS BASE TO MAKE OTHER(S) THEME(S). •--
  42.  
  43. BY GABRIELA SOUZA • © 2016 - 2017
  44. ALL RIGHTS RESERVED ©
  45.  
  46. • • • • • • •
  47.  
  48. ♡ ❤ ♡
  49.  
  50. •--------------------------------------------------------->
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59. <!-- FAVICON AND TITLE -->
  60. <link rel="shortcut icon" href="http://static.tumblr.com/u89hi8f/FPWopjmj7/waf-icon.png">
  61. <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>
  62. <!-- FAVICON AND TITLE -->
  63.  
  64.  
  65.  
  66. <!-- APPEARANCE -->
  67.  
  68. <meta name="image:sidebar" content="" />
  69. <meta name="image:sidebar2" content="" />
  70.  
  71. <meta name="color:background color" content="#fff"/>
  72. <meta name="color:posts color" content="#DED4C4"/>
  73. <meta name="color:texto" content="#a9cedd"/>
  74. <meta name="color:link" content="#fff"/>
  75. <meta name="color:link menu" content="#fff"/>
  76. <meta name="color:negrito" content="#d8e5e9"/>
  77. <meta name="color:detalhes do theme" content="#d8e5e9"/>
  78. <meta name="color:faixatop" content="#DED4C4"/>
  79.  
  80. <meta name="text:sua url" content="shwnty" />
  81. <meta name="text:descricao" content="EVERYBODY TOLD ME LOVE IS BLING I SAW YOUR FACE AND IT BLEW MY MIND." />
  82.  
  83. <meta name="text:link1" content="" />
  84. <meta name="text:link1 nome" content=" LINK NOME 01 " />
  85. <meta name="text:link2" content="" />
  86. <meta name="text:link2 nome" content=" LINK NOME 02 " />
  87. <meta name="text:link3" content="" />
  88. <meta name="text:link3 nome" content=" LINK NOME 03 " />
  89. <meta name="text:link4" content="" />
  90. <meta name="text:link4 nome" content=" LINK NOME 04 " />
  91. <meta name="text:link5" content="" />
  92. <meta name="text:link5 nome" content=" LINK NOME 05 " />
  93.  
  94. <!-- APPEARANCE -->
  95.  
  96.  
  97. </head>
  98. <style>
  99.  
  100. body{background:{color:background color}; background-attachment:fixed;}
  101.  
  102. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  103.  
  104. b {color:{color:negrito};}
  105.  
  106. h2 {color:{color:negrito}; text-shadow: 1px 1px 0px rgba(225, 225, 225, .6);}
  107.  
  108. titulo{text-decoration:none;}
  109.  
  110. blockquote {margin:0px;}
  111.  
  112. pre, code {background:{color:background color}; color:{color:faixatop}; font-size:12px; text-align: justify; padding: 10px; overflow:auto;}
  113.  
  114. pre::-webkit-scrollbar{width:4px;height:4px;}
  115. pre::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:negrito}; -webkit-border-radius:0px;}
  116.  
  117. code::-webkit-scrollbar{width:4px;height:4px;}
  118. code::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:negrito}; -webkit-border-radius:0px;}
  119.  
  120. .h1 {font-size:14px; text-align:center; font-weight:normal; font-family: 'Rationale'; color:{color:texto}; line-height:18px; margin-bottom:9px; margin-top:5px; letter-spacing:2px; text-transform:uppercase; }
  121. .h1 a{color:{color:detalhes do theme}; text-transform:uppercase}
  122.  
  123. /* SELEÇÃO DO TEXTO */
  124. ::selection{background:{color:background color}; color:{color:texto};}
  125. ::-moz-selection{background:{color:background color}; color:{color:texto};}
  126. ::-webkit-selection{background:{color:background color}; color:{color:texto};}
  127.  
  128. /* BARRA DE ROLAGEM */
  129. ::-webkit-scrollbar {width:2px; height:5px;}
  130. ::-webkit-scrollbar-track-piece {background-color:#ccc;}
  131. ::-webkit-scrollbar-thumb:vertical {height:5px; background-color:{color:negrito};}
  132. ::-webkit-scrollbar-thumb:horizontal {width:2px; background-color:{color:negrito};}
  133.  
  134. /* VOLTAR AO TOPO */
  135. #scrollToTop:link,#scrollToTop:visited {position:fixed; color:{color:negrito}; bottom:50px; right:35px; font-size:20px; font-weight:bold; display:none; z-index:9;}
  136.  
  137. /* TOOLTIP */
  138. .tooltip {display: inline; position: relative;}
  139. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:detalhes do theme}; font-family:'Rationale', sans-serif; text-align:left; font-size:13px; text-transform:uppercase; color:{color:background color}; padding:7px; border-top:5px solid {color:faixatop}; box-shadow:inset -1px -1px 1px rgba(255,255,255,.2), inset 1px 1px 1px rgba(0,0,0,.2); z-index:999999999999999999;}
  140.  
  141. /* CAIXA DOS POSTS */
  142. #shwntycx{position:absolute; float:center; top:50px; left:340px; width:900px; color:{color:texto}; letter-spacing:1px; font-size:14px; font-family:'Rationale', sans-serif;}
  143.  
  144. /* PERSONALIZAÇÃO DOS POSTS */
  145. .shwnty-posts{position:relative; font-family:'Rationale'; float:left; display:inline-block; width:200px; height:auto; background:{color:posts color}; padding:10px 10px 10px 10px; margin:30px; border-radius:1px; padding-bottom:15px;}
  146. .shwnty-posts {{block:PermalinkPage}width:250px; height:auto;{/block:PermalinkPage} }
  147.  
  148. /* IMAGEM DOS POSTS */
  149. .shwnty-posts img{max-width:200px; height:auto;}
  150. .shwnty-posts img{{block:PermalinkPage}max-width:250px;{/block:PermalinkPage} }
  151.  
  152. .imgpost img{width:200px; height:auto;}
  153. .imgpost img{{block:PermalinkPage}width:250px;{/block:PermalinkPage} }
  154.  
  155. .vsanna{display:none;}
  156.  
  157. /* CURSOR PERSONALIZADO */
  158. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  159. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  160.  
  161. #tumblr_controls{position: fixed!important; z-index:15;}
  162. 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;}
  163. 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;}
  164.  
  165. /* --• ESTILO DE NOTES (LIKE DIRETO) BY SHWNTY
  166. DON'T COPY. ESTILO TOTALMENTE EXCLUSIVO.
  167. GOSTOU? PEDE NA ASK. •-- */
  168.  
  169. .shwnty-notes{margin-left:-10px; margin-top:4px; font-family:'Rationale'; text-align:left; color:{color:negrito}; text-shadow: 1px 1px 0px rgba(0, 0, 0, .3); text-transform: uppercase; border-top:1px solid {color:background color}; font-size:12.5px; width:97.9%; height:5px; line-height:10px; font-weight:normal; padding:7px 0px 10px 5px; background:{color:posts color}; -webkit-transition:2s; position:absolute; transition:1s;}
  170. .shwnty-notes a:hover {border-top:3px solid {color:negrito}; padding-top:3px; transition:1s;}
  171.  
  172. .shwnty-reblogs{right:5px; margin-top:-18px; font-family:'Rationale'; text-align:right; text-transform: uppercase; font-size:13px; width:108%; height:5px; line-height:25px; font-weight:normal; padding-bottom:2px; -webkit-transition:2s; position:absolute; text-shadow: 1px 1px 0px rgba(0, 0, 0, .3);}
  173. .shwnty-reblogs a:hover {border-top:3px solid {color:negrito}; padding-top:2px; transition:1s;}
  174.  
  175. .shwnty-like{right:33px; margin-top:-12px; font-family:'Rationale'; text-align:right; text-transform: uppercase; font-size:13px; width:relative; height:5px; line-height:0px; font-weight:normal; padding-bottom:2px; -webkit-transition:2s;z-index:9999; position:absolute;}
  176.  
  177. .custom-like-button *{cursor:pointer!important;}
  178. .custom-like-button {position:relative; display:inline-block; vertical-align:top; width:10px; margin-top:.2px; height:10px; cursor:pointer; font-size:13px; color:{color:negrito}; text-shadow: 1px 1px 0px rgba(0, 0, 0, .3); float:right; margin-left:10px;}
  179.  
  180. .like_button:hover + .our_button {color:{color:texto};}
  181. .like_button.liked + .our_button {color:{color:detalhes do theme};}
  182. .like_button iframe {width:100%!important;height:100%!important;}
  183. .like_button {z-index:10;opacity:0;}
  184. .our_button {z-index:1;}
  185. .our_button,.like_button {position:absolute;top:0;left:0;width:100%;height:100%;}
  186.  
  187.  
  188. /* --• ESTILO DE ASK BY SHWNTY
  189. DON'T COPY. ESTILO TOTALMENTE EXCLUSIVO.
  190. GOSTOU? PEDE NA ASK. •-- */
  191.  
  192. .sh-icon {height:16px; width:16px; float:left; padding:2px; text-align:center; margin-top:0px; background:{color:background color}; border-radius:100%; box-shadow:1px 1px 1px rgba(0, 0, 0, .3);}
  193. .sh-perguntou{position:absolute; width:auto; margin-top:2px; margin-left:29px; height:7px; line-height:9px; font-family:'Rationale'; font-size:9px; color:#fff; padding:4px; text-align:center; text-transform:uppercase; background:{color:negrito}; text-shadow:1px 1px 1px rgba(0, 0, 0, .3); box-shadow:1px 1px 1px rgba(0, 0, 0, .3); border-radius:2px;}
  194. .sh-flc {position:absolute; width:auto; height:auto; margin-top:-6px; margin-left:-10px; font-family:'Rationale'; font-size:20px; color:{color:negrito}; text-shadow:-1px 0px 0px transparent;}
  195. .sh-pergunta{margin-top:22px; margin-left:25px; height:auto; font-family:'Rationale'; font-size:12px; line-height:15px; width:auto; padding:5px; color:{color:texto}; text-align:center; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .8), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:2px; text-transform:uppercase;}
  196. .sh-rp{display:block; margin-top:-5px; font-family:'Rationale'; font-size:10px; color:{color:background color}; margin-right:0px; text-align:right; text-transform:uppercase;}
  197. .sh-resposta{margin-top:5px; margin-left:25px; height:auto; font-family:'Rationale'; font-size:12px; line-height:15px; width:auto; padding:5px; color:{color:texto}; text-align:center; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .8), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:2px; text-transform:uppercase; margin-bottom:10px;}
  198.  
  199.  
  200. /* --• ESTILO DE QUOTES BY: SHWNTY •-- */
  201.  
  202. .shwnty-quotes {font-family:'Rationale'; font-size:14px; text-align:center; line-height:15px; margin-top:5px; color:{color:texto}; letter-spacing:2px; text-transform:uppercase;}
  203. .source {margin-top:5px; border-top:1px solid #eee; font-family:'Rationale'; font-size:10px; text-align:right; text-transform:uppercase; line-height:24px; color:{color:background color};}
  204.  
  205. .chat {margin:0px; text-align:left;}
  206. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  207. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  208. #laudio-caption {margin-top:10px;}
  209. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  210. #lalbum-art {display:inline-block; float:left;}
  211. #laudio-player {display:inline-block;}
  212.  
  213. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  214. .shwnty-cred {position:fixed; margin-left:10px; bottom:50px; width:auto; height:auto; display:inline-block; cursor: hand; float:left; z-index:9999999;}
  215. .shwnty-cred a{display:inline-block; width:16px; height:16px; line-height:17px; margin:3px; text-align:center; padding:5px; background:{color:detalhes do theme}; color:{color:link menu}; font-family:'Rationale'; font-size:14px; text-align:center; text-transform:uppercase; letter-spacing:1px; box-shadow:inset 2px 2px 2px rgba(255, 255, 255, .2), inset -1px -1px 2px rgba(0, 0, 0, .3); border-radius:100%; transition:1s;}
  216. .shwnty-cred a:hover {transition:1s; color:{color:background color};}
  217. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  218.  
  219. /* SIDEBAR GERAL */
  220.  
  221. /* SIDE TOP */
  222. .shwnty-box1{position:fixed; width:150%; height:30px; margin-left:-15px; top:-10px; background:{color:detalhes do theme}; box-shadow:inset -1px -1px 8px rgba(0, 0, 0, .3), inset 1px 1px 8px rgba(225, 225, 225, .5); z-index:9999999999999;}
  223.  
  224. .shwnty-box2{position:fixed; width:150%; height:8px; margin-left:-10px; margin-top:30px; background:{color:faixatop}; box-shadow:inset -1px -1px 3px rgba(0, 0, 0, .2), inset 1px 1px 3px rgba(225, 225, 225, .9); z-index:999999;}
  225.  
  226. .shwnty-box3{position:fixed; width:70px; height:4px; margin-left:187px; margin-top:194px; background:{color:faixatop}; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2), inset 0px 0 0 {color:faixatop}; transition:1.5s;}
  227.  
  228. .shwnty-box1:hover .shwnty-box3{ box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2), inset 100px 0 0 {color:detalhes do theme}; transition:1.5s;}
  229.  
  230. /* BOLINHAS */
  231. .waf-bolinhas{width:1450px; margin-top:8px; margin-left:-10px; float:left; position:fixed; text-align:left;}
  232. .waf-bolinhas bl {display:inline-block; margin-top:0px; margin-left:0px; margin-right:10px; width:5px; height:5px; background:{color:detalhes do theme}; box-shadow:inset 1px 1px 0 rgba(0,0,0,.1), 1px 1px rgba(255,255,255,.3);}
  233.  
  234. /* ICON */
  235. .shwnty-img img {position:fixed; width:70px; height:70px; margin-left:80px; margin-top:110px; padding:5px; background:{color:detalhes do theme}; box-shadow:inset -1px -1px 8px rgba(0, 0, 0, .3), inset 1px 1px 8px rgba(225, 225, 225, .5); border-radius:100%; z-index:9999999999;}
  236.  
  237. .shwnty-img2 img {position:fixed; width:53px; height:53px; margin-left:55px; margin-top:150px; padding:5px; background:{color:faixatop}; border-radius:100%; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); z-index:9999999999;}
  238.  
  239. /* BOLINHAS - ESTILO INSPIRADO NA BIANCA DIAS (NEVALISCA). */
  240. #mr-bolinhas{width:200px; margin-top:176px; margin-left:80px; float:left; position:fixed; text-align:left;}
  241.  
  242. .bolinhasicon{position:fixed; margin-left:-19px; margin-top:-28px; width:5px; height:5px; display:inline-block; background:{color:negrito}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:5px;}
  243.  
  244. .bolinhasicon2{position:fixed; margin-left:-28px; margin-top:-19px; width:5px; height:5px; display:inline-block; background:{color:negrito}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:5px;}
  245.  
  246. .bolinhasicon3{position:fixed; margin-left:-33px; margin-top:-8px; width:5px; height:5px; display:inline-block; background:{color:negrito}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:5px;}
  247.  
  248. .bolinhasicon4{position:fixed; margin-left:-34px; margin-top:4px; width:4px; height:4px; display:inline-block; background:{color:negrito}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:5px;}
  249.  
  250. .bolinhasicon5{position:fixed; margin-left:-32px; margin-top:15px; width:4px; height:4px; display:inline-block; background:{color:negrito}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:5px;}
  251.  
  252. .bolinhasicon6{position:fixed; margin-left:-27px; margin-top:24px; width:4px; height:4px; display:inline-block; background:{color:negrito}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:5px;}
  253.  
  254. .bolinhasicon7{position:fixed; margin-left:-20px; margin-top:31px; width:3px; height:3px; display:inline-block; background:{color:negrito}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:5px;}
  255.  
  256. .bolinhasicon8{position:fixed; margin-left:-13px; margin-top:35px; width:3px; height:3px; display:inline-block; background:{color:negrito}; box-shadow:inset 2px 2px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:5px;}
  257.  
  258.  
  259. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  260. .shwnty-cxmenu{position:fixed; margin-top:10px; margin-left:50px; width:auto; text-align:left; height:30px; padding:3px; z-index:999999;}
  261.  
  262. .shwnty-menu {position:fixed; margin-left:0px; margin-top:0px; width:auto; height:auto; display:inline-block; cursor: hand; float:left; z-index:9999999;}
  263. .shwnty-menu a{display:inline-block; width:16px; height:16px; line-height:18px; margin:3px; text-align:center; padding:5px; background:{color:detalhes do theme}; color:transparent; font-family:'Montserrat'; font-size:14px; text-align:center; text-transform:uppercase; letter-spacing:1px; box-shadow:inset 1px 1px 1px rgba(0,0,0,.3), inset -1px -1px 0px rgba(255,255,255,.1); border-radius:100%; transition:1s;}
  264. .shwnty-menu a:hover {transition:1s; box-shadow:inset -1px -1px 3px rgba(0, 0, 0, .3), inset 1px 1px 3px rgba(225, 225, 225, .5); color:{color:link menu};}
  265. /* MENU POR MR. WAFIOSA - NÃO COPIE, NEM SE INSPIRE. */
  266.  
  267. /* TÍTULO */
  268. .shwnty-tit{position:fixed; width:150px; height:14px; margin-left:155px; margin-top:113px; padding:5px; font-family:'Quicksand'; font-size:13px; color:{color:detalhes do theme}; text-align:center; text-transform:uppercase;}
  269.  
  270. /* PAINEL */
  271. .shwnty-status{position:fixed; width:180px; margin-top:36px; right:0px; text-align:center;}
  272. .shwnty-status a{display:inline-block; width:14px; height:14px; margin:.5px; text-align:center; line-height:15px; color:#afa697; text-shadow: 1px 1px 0px rgba( 255, 255, 255, .5); background:{color:faixatop}; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .2), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:0px 0px 8px 8px; padding:5px; font-family:'Montserrat'; font-size:16px; text-align:center; text-transform:uppercase; letter-spacing:1px; border-radius:0px 0px 4px 4px; padding-top:4px; transition:1s;}
  273.  
  274. /* CONTADOR */
  275. .shwnty-cont{position:fixed; width:180px; margin-top:200px; margin-left:135px; text-align:center;}
  276. .shwnty-cont a{display:inline-block; width:auto; height:14px; margin:.5px; text-align:center; line-height:15px; color:#afa697; text-shadow: 1px 1px 0px rgba( 255, 255, 255, .5); font-family:'Rationale'; font-size:11px; text-align:center; text-transform:uppercase; letter-spacing:1px; border-radius:0px 0px 4px 4px; padding-top:4px; transition:1s;}
  277.  
  278.  
  279. </style>
  280.  
  281.  
  282. <!--- FONTES PERSONALIZADAS GOOGLE --->
  283. <link href="https://fonts.googleapis.com/css?family=Abel|Advent+Pro|Clicker+Script|Crushed|Orbitron|Pathway+Gothic+One|Poiret+One|Rajdhani|Sacramento|Saira|Unica+One|Rationale|Montserrat" rel="stylesheet">
  284.  
  285. <link href="https://fonts.googleapis.com/css?family=Barlow|Barlow+Condensed|Cinzel+Decorative|Clicker+Script|Dancing+Script|Fjalla+One|Josefin+Sans|Open+Sans|Petit+Formal+Script|Quicksand|Raleway|Rouge+Script|Share+Tech+Mono|Spectral+SC" rel="stylesheet">
  286.  
  287. <link href="https://fonts.googleapis.com/css?family=Grand+Hotel" rel="stylesheet">
  288.  
  289. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  290.  
  291. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  292. <!--- FONTES PERSONALIZADAS GOOGLE --->
  293.  
  294. <body>
  295.  
  296.  
  297.  
  298. <!-- INÍCIO SIDE -->
  299. <div class="shwnty-box1">
  300. <div class="shwnty-box2"></div>
  301. <div class="shwnty-box3"></div>
  302. <div class="shwnty-tit">{text:descricao}</div>
  303. <!-- BOLINHAS -->
  304. <div class="waf-bolinhas"><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>
  305.  
  306. <div style="position:fixed;margin-left:255px; margin-top:180px; font-size:25px; color:{color:detalhes do theme}; text-shadow:1px 1px 0px rgba(0, 0, 0, .3);"><i class="ion-star"></i></div>
  307.  
  308. <div style="position:fixed;margin-left:268px; margin-top:188px; font-size:20px; color:{color:faixatop}; text-shadow:1px 1px 0px rgba(0, 0, 0, .3);"><i class="ion-star"></i></div>
  309.  
  310. <!-- BOLINHAS/IMG -->
  311. <div class="shwnty-img"><img src="{image:sidebar}">
  312. <div class="shwnty-img2"><img src="{image:sidebar2}"></div>
  313.  
  314. <div id="mr-bolinhas">
  315. <div class="bolinhasicon"></div>
  316. <div class="bolinhasicon2"></div>
  317. <div class="bolinhasicon3"></div>
  318. <div class="bolinhasicon4"></div>
  319. <div class="bolinhasicon5"></div>
  320. <div class="bolinhasicon6"></div>
  321. <div class="bolinhasicon7"></div>
  322. <div class="bolinhasicon8"></div>
  323. </div>
  324. </div>
  325.  
  326. <!-- MENU -->
  327. <div class="shwnty-cxmenu">
  328.  
  329. <div class="shwnty-menu">
  330. <a href="{text:link1}" title="{text:link1 nome}"><i class="ion-arrow-left-c"></i></a>
  331.  
  332. <a href="{text:link2}" title="{text:link2 nome}"><i class="ion-email"></i></a>
  333.  
  334. <a href="{text:link3}" title="{text:link3 nome}"><i class="ion-ios-pricetags-outline"></i></a>
  335.  
  336. <a href="{text:link4}" title="{text:link4 nome}"><i class="ion-ios-people"></i></a>
  337.  
  338. <a href="{text:link5}" title="{text:link5 nome}"><i class="ion-star"></i></a>
  339. </div>
  340. </div>
  341.  
  342.  
  343. <!-- STATUS -->
  344. <div class="shwnty-status">
  345.  
  346. <a href="https://www.tumblr.com/follow/{text:sua url}" title=" Follow me " target="_blank"><i class="ion-person-add"></i> </a>
  347.  
  348. <a href="https://www.tumblr.com/message/{text:sua url}" title=" Conversation" target="_blank"><i class="ion-chatbubbles"></i></a>
  349.  
  350. <a href="https://www.tumblr.com/" title=" Dashboard " target="_blank"><i class="ion-ios-home"></i></a>
  351.  
  352. <a href="https://www.facebook.com/gaabesouza" title="Meu Facebook." target="_blank"><i class="ion-social-facebook"></i></a>
  353.  
  354. <a href="https://www.instagram.com/gaabssouza16/" title="Meu Instagram." target="_blank"><i class="ion-social-instagram-outline"></i></a>
  355.  
  356. <a href="/" title="Snap: gabssouza676"><i class="ion-social-snapchat-outline"></i></a>
  357. </div>
  358.  
  359. <!-- CONTADOR -->
  360. <div class="shwnty-cont">
  361. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5533667";
  362. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  363. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=On&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  364. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  365. </script>
  366.  
  367. <i class="ion-star" style="color:{color:faixatop}; font-size:13px;"></i>
  368.  
  369. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3285040";
  370. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=V&a=1";
  371. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  372. </script>
  373. </div>
  374.  
  375. </div>
  376. <!-- FIM SIDE -->
  377.  
  378. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  379. <div class="shwnty-cred"><a href="http://shwnty.tumblr.com/" title="Exclusive. Desenho: Urnasty - Codificação: Shwnty Themes."><i class="ion-code"></i></a>
  380. </div>
  381. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  382.  
  383.  
  384.  
  385.  
  386. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  387.  
  388.  
  389.  
  390. <div id="shwntycx">
  391.  
  392. {block:Posts}
  393. <div class="shwnty-posts">
  394.  
  395. {block:Text}
  396. {block:Title}<div class="h1"><center>{Title}</center></div>{/block:Title}
  397. {body}
  398. {/block:Text}
  399.  
  400.  
  401.  
  402.  
  403. {block:Quote}
  404. <div class="shwnty-quotes">{Quote}</div></font>
  405. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  406. {/block:Quote}
  407.  
  408.  
  409.  
  410.  
  411. {block:Chat}
  412. {block:Lines}
  413. <div class="chat">
  414. <div class="lines">{block:Label}
  415. <span>{Label}</span>
  416. {/block:Label}
  417. {Line}</div></div>
  418. {/block:Lines}
  419. {/block:Chat}
  420.  
  421.  
  422.  
  423.  
  424. {block:Link}
  425. <a href="{URL}" target="{Target}"><div style="font-family:'Rationale'; text-transform:uppercase; text-align:center; font-size:16px; letter-spacing:2px; padding:2px; text-transform: uppercase;"><titulo>{Name}</a></titulo></div>{block:Description}{Description}{/block:Description}
  426. {/block:Link}
  427.  
  428.  
  429.  
  430.  
  431. {block:Audio}
  432. <div class="text">
  433. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  434. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  435. <div id="laudio-caption">
  436. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  437. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  438. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  439. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  440. </div></div>
  441. {/block:Audio}
  442.  
  443.  
  444.  
  445.  
  446. {block:Photo}
  447. <div class="imgpost"><img src="{PhotoURL-500}"></div>
  448. {/block:Photo}
  449.  
  450.  
  451.  
  452.  
  453. {block:Photoset}
  454. <div class="imgpost"><center>{Photoset}</center></div>
  455. {/block:Photoset}
  456.  
  457.  
  458.  
  459.  
  460. {block:Video}
  461. {block:Indexpage}<div class="imgpost" style="max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div>{/block:IndexPage}
  462. {/block:Video}
  463.  
  464.  
  465.  
  466.  
  467. {block:Answer}
  468. <img src="{AskerPortraitURL-30}"class="sh-icon">
  469. <div class="sh-perguntou"><div class="sh-flc"><i class="ion-arrow-left-b"></i></div> {Asker}</div>
  470. <div class="sh-pergunta">{Question}</div>
  471. <br><br>
  472. <div class="sh-rp"><i class="ion-star" style="color:#c1b5a2; font-size:14px; text-shadow: 0.023cm 0.027cm 0cm rgb( 255, 255, 255 ); opacity: 0.431;"></i> {Name} replied:</div>
  473. <div class="sh-resposta"> {Answer}</div>
  474. {/block:Answer}
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  482. <div class="shwnty-notes"> {ShortMonth} {DayOfMonthWithZero} , <a href="{permalink}"> {NoteCount} notes </a>
  483.  
  484. <div class="shwnty-reblogs"><a href="{ReblogURL}" title="Reblogue!" target="_blank"><i class="fa fa-retweet"></i></a></div>
  485.  
  486. <div class="shwnty-like">
  487. <div class="custom-like-button" style="margin-left:10px" title="Gostou? Deixe seu like.">{LikeButton}<span class="our_button"><i class="ion-star"></i></span> </div>
  488. </div>
  489.  
  490. </div>
  491. <!--- NOTES DOS TEXTOS / FOTOS. POR MR. WAFIOSA - DON'T COPY, SEM MINHA PERMISSÃO, NEM SE INSPIRE --->
  492.  
  493.  
  494. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  495. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  496.  
  497. {/block:Posts}
  498. </div>
  499.  
  500.  
  501.  
  502. {block:IndexPage}
  503. <div class="column navigation" id="navigation">
  504. {block:Pagination}
  505. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  506. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  507. </div>
  508. {/block:IndexPage}
  509. </div>
  510.  
  511. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  512. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  513. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  514.  
  515.  
  516.  
  517. <script type="text/javascript">
  518. $(window).load(function () {
  519. $('#shwntycx').masonry(),
  520. $('.masonryWrap').infinitescroll({
  521. navSelector : "div#navigation",
  522. nextSelector : "div#navigation a#nextPage",
  523. itemSelector : ".shwnty-posts",
  524. bufferPx : 10000,
  525. extraScrollPx: 11000,
  526. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  527. loadingText : "",},
  528. function() { $('#shwntycx').masonry({ appendedContent: $(this) }); });});</script>
  529.  
  530.  
  531. </body>
  532. </html>
Advertisement
Add Comment
Please, Sign In to add comment