API tools faq
paste
wafiosadesigns

SH Themes #01

wafiosadesigns
Jan 13th, 2018
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.84 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">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head profile="http://gmpg.org/xfn/11">
  5.  
  6. <title>{title}</title>
  7. <link rel="shortcut icon" href="{favicon}">
  8. <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>
  9.  
  10.  
  11. <!------------------------• ♡ ❤ ♡
  12.  
  13. SHWNTY THEMES ORIGINALLY 2016 ©
  14. NÃO AUTORIZO O USO DE DETALHES NENHUM.
  15. NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE.
  16.  
  17. • • • • • • •
  18.  
  19. QUALQUER CÓPIA DO MEU THEME, NÃO IMPORTA O QUANTO, OU QUE SEJA APENAS
  20. UM PEQUENO CÓDIGO, SEM A DEVIDA PERMISSÃO SERÁ CONSIDERADO PLÁGIO.
  21.  
  22. --• DON'T COPY. •--
  23. --• DON'T REDISTRIBUTE. •--
  24. --• DON'T USE THIS THEME AS BASE TO MAKE OTHER(S) THEME(S). •--
  25.  
  26. BY GABRIELA SOUZA • © 2016 - 2017
  27. ALL RIGHTS RESERVED ©
  28.  
  29. • • • • • • •
  30.  
  31. ♡ ❤ ♡ •------------------------->
  32.  
  33.  
  34.  
  35.  
  36.  
  37. <!-- JQuery library -->
  38. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  39. <!-- JQuery library -->
  40.  
  41. <!-- INVERTER CORES (by http://anyhs-themes.tumblr.com) -->
  42. <script>
  43. $(window).ready(function(){
  44. $("#at_inverter_cores").click(function(){
  45. $(this).find("i").toggleClass("fa-toggle-on");
  46. $("body").toggleClass("inverter");
  47. $("img, figure, figure img, iframe").toggleClass("naoinverter");
  48. });
  49. });
  50. </script>
  51. <!-- INVERTER CORES (by http://anyhs-themes.tumblr.com) -->
  52.  
  53. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  54.  
  55.  
  56.  
  57.  
  58. <!-- APPEARANCE -->
  59.  
  60. <meta name="image:sidebar" content="" />
  61.  
  62. <meta name="color:background color" content="#222222"/>
  63. <meta name="color:posts color" content="#1a1a1a"/>
  64. <meta name="color:texto" content="#ffffff"/>
  65. <meta name="color:texto ask" content="#ffffff"/>
  66. <meta name="color:link" content="#ffffff"/>
  67. <meta name="color:link menu hover" content="#ffffff"/>
  68. <meta name="color:negrito" content="#806463"/>
  69. <meta name="color:detalhes do theme" content="#1a1a1a"/>
  70. <meta name="color:detalhes do theme2" content="#101010"/>
  71.  
  72. <meta name="text:link1" content="" />
  73. <meta name="text:link1 nome" content=" Home " />
  74. <meta name="text:link2" content="" />
  75. <meta name="text:link2 nome" content=" Message " />
  76. <meta name="text:link3" content="" />
  77. <meta name="text:link3 nome" content=" Submit " />
  78. <meta name="text:link4" content="" />
  79. <meta name="text:link4 nome" content=" History " />
  80. <meta name="text:link5" content="" />
  81. <meta name="text:link5 nome" content=" Authorships " />
  82.  
  83. <!-- APPEARANCE -->
  84.  
  85.  
  86. </head>
  87. <style>
  88.  
  89. @font-face {font-family:'Blooming Elegant'; src:url('https://dl.dropboxusercontent.com/s/a7sh7lq9d98vtfk/BloomingElegant-Regular.ttf');}
  90.  
  91. @font-face {font-family:'Heart'; src:url('https://dl.dropboxusercontent.com/s/vzkb1ntpmhvesg4/BloomingElegantDoodles1.ttf');
  92. }
  93.  
  94. body{background:{color:background color}; background-attachment:fixed; font-family: 'Source Sans Pro'; margin:0px auto 0px;}
  95.  
  96. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  97.  
  98. b {color:{color:negrito};}
  99.  
  100. h2 {color:{color:negrito}; font-size:12px;}
  101.  
  102. titulo{text-decoration:none;}
  103.  
  104. blockquote {margin:0px; text-decoration:none; font-size:7px; text-transform:uppercase; text-align:center; font-family: 'Source Sans Pro';}
  105.  
  106. pre, code {background:{color:background color}; color:{color:detalhes do theme2}; font-size:12px; text-align: justify; padding: 10px; overflow:auto; font-family: 'Source Sans Pro';}
  107.  
  108. pre::-webkit-scrollbar{width:4px;height:4px;}
  109. pre::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:negrito}; -webkit-border-radius:0px;}
  110.  
  111. code::-webkit-scrollbar{width:4px;height:4px;}
  112. code::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:negrito}; -webkit-border-radius:0px;}
  113.  
  114. .h1 {text-align:center; font-weight:normal; font-family: 'Source Sans Pro'; font-size:12px; color:{color:texto}; line-height:20px; margin-bottom:9px; margin-top:10px; letter-spacing:2px; text-transform:uppercase; }
  115. .h1 a{color:{color:detalhes do theme}; text-transform:uppercase}
  116.  
  117. /* SELEÇÃO DO TEXTO */
  118. body::selection{background:{color:background color}; color:{color:texto};}
  119. body::-moz-selection{background:{color:background color}; color:{color:texto};}
  120. body::-webkit-selection{background:{color:background color}; color:{color:texto};}
  121.  
  122. /* BARRA DE ROLAGEM */
  123. ::-webkit-scrollbar{width:6px; height:6px; background:{color:background color}; box-shadow:inset 2px 2px {color:background color}, inset -2px -2px {color:background color};}
  124. ::-webkit-scrollbar-thumb{border:2px solid {color:detalhes do theme2}; background:{color:detalhes do theme};}
  125.  
  126.  
  127. /* TOOLTIP */
  128. .tooltip {display: inline; position: relative;}
  129. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:auto; margin:20px 20px 20px 8px; background:{color:negrito}; font-family: 'Source Sans Pro'; font-size:9px; text-align:center; text-transform:uppercase; color:{color:link}; padding:5px; box-shadow:inset -1px -1px 5px rgba(0, 0, 0, .3), inset 1px 1px 8px rgba(225, 225, 225, .5); z-index:999999999999999999;}
  130.  
  131.  
  132. /* CAIXA DOS POSTS */
  133. #sh-cx{position:absolute; float:center; top:200px; left:55px; width:1250px; color:{color:texto}; letter-spacing:1px; font-family: 'Source Sans Pro'; font-size:12px; text-transform:uppercase;}
  134.  
  135. /* PERSONALIZAÇÃO DOS POSTS */
  136. .sh-posts{position:relative; font-family: 'Source Sans Pro'; float:left; display:inline-block; width:190px; height:auto; background:{color:posts color}; padding:10px 10px 7px 10px; margin:20px; text-transform:uppercase; overflow:hidden;}
  137. .sh-posts {{block:PermalinkPage}width:250px; height:auto;{/block:PermalinkPage} }
  138.  
  139. /* IMAGEM DOS POSTS */
  140. .sh-posts img{max-width:190px; height:auto; }
  141. .sh-posts img{{block:PermalinkPage}float:center; max-width:250px;{/block:PermalinkPage} }
  142.  
  143. .sh-imgp img{width:190px; height:auto;}
  144. .sh-imgp img{{block:PermalinkPage}float:center; width:250px;{/block:PermalinkPage} }
  145.  
  146. .sh-photoset img{width:190px; height:auto;}
  147. .sh-photoset img{{block:PermalinkPage}float:center; width:250px;{/block:PermalinkPage} }
  148.  
  149. .sh-video {max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;}
  150.  
  151. .vsanna{display:none;}
  152.  
  153.  
  154. /* CURSOR PERSONALIZADO */
  155. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  156. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  157.  
  158.  
  159. /* SCROLL TO TOP */
  160. #scrollToTop:link,#scrollToTop:visited {position:fixed; bottom:40px; right:30px; width:16px; height:20px; line-height:0px; border-radius:5px; color:{color:negrito}; background:rgba(0, 0, 0, .4); font-size:17px; display:none; padding-left:5px; padding-top:2px; z-index:9;}
  161.  
  162.  
  163.  
  164. /* --• ESTILO DE NOTES DOS TEXTOS BY SHWNTY
  165. DON'T COPY. ESTILO TOTALMENTE EXCLUSIVO.
  166. GOSTOU? PEDE NA ASK. •-- */
  167.  
  168. .shnotes-cx{display:block; margin-top:10px; width:100%; margin:6px 5px 0 0px; height:13px; line-height:13px; font-family:'Source Sans Pro'; text-transform:uppercase; border-top:1px solid {color:detalhes do theme2}; margin-bottom:0px;}
  169.  
  170. .shnotes-date{display:inline-block; float:left; color:{color:texto}; margin-top:5px; font-size:9.5px;}
  171. .shnotes-date a{margin-left:3px; color:{color:negrito};}
  172.  
  173. .shnotes-reblog{display:inline-block; float:right; margin-top:4px; font-size:9.5px;}
  174.  
  175.  
  176. /* --• ESTILO DE NOTES DAS PHOTOS BY SHWNTY
  177. DON'T COPY. ESTILO TOTALMENTE EXCLUSIVO.
  178. GOSTOU? PEDE NA ASK. •-- */
  179.  
  180. #shnotescx {position:absolute; width:190px; background:rgba(0, 0, 0, .9); top:10px; text-align:center; -webkit-transition-duration: .5s; opacity:0; height:0px; z-index:9; }
  181.  
  182. .sh-date {position:absolute; margin-left:-10px; bottom:-15px; font-family: 'Source Sans Pro'; font-size:10px; text-transform: uppercase; letter-spacing:1px; text-align:left; color:{color:negrito}; width:auto; height:13px; line-height:14px; padding:3px; border-radius:2px; -webkit-transition:1s; opacity:0; z-index:99999;}
  183.  
  184. .sh-notesp {position:absolute; margin-left:0px; bottom:-15px; font-family: 'Source Sans Pro'; font-size:9px; text-transform: uppercase; letter-spacing:1px; text-align:center; width:180px; height:13px; line-height:14px; padding:3px; border-radius:2px; -webkit-transition:1s; opacity:0; z-index:99999;}
  185.  
  186. .sh-reblog {position:absolute; right:-10px; bottom:-15px; font-family: 'Source Sans Pro'; font-size:9px; text-transform: uppercase; letter-spacing:1px; text-align:left; color:{color:negrito}; width:auto; height:13px; line-height:14px; padding:3px; border-radius:2px; -webkit-transition:1s; opacity:0; z-index:99999;}
  187.  
  188. .sh-posts:hover #shnotescx {opacity:.8; height:calc(100% - 20px) !important; }
  189. .sh-posts:hover .sh-date{opacity:1; bottom:8px; margin-left:0px;}
  190. .sh-posts:hover .sh-notesp{opacity:1; bottom:20px;}
  191. .sh-posts:hover .sh-reblog{opacity:1; bottom:8px; right:8px;}
  192. .sh-posts:hover .imgpost{opacity:.2; transition:1s;}
  193.  
  194.  
  195.  
  196. /* --• ESTILO DE ASK BY SHWNTY
  197. DON'T COPY. ESTILO TOTALMENTE EXCLUSIVO.
  198. GOSTOU? PEDE NA ASK. •-- */
  199.  
  200. .sh-icon {height:20px; width:20px; float:left; padding:2px; text-align:center; margin-top:0px; background:{color:detalhes do theme2}; border-radius:100%; box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .2), 1px 1px rgba(255, 255, 255, .2);}
  201.  
  202. .sh-bls{position:absolute; width:200px; margin-top:3px; margin-left:40px; float:left; text-align:left;}
  203. .sh-bls shbls {display:inline-block; width:3px; height:3px; margin:3px; background:{color:posts color}; box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px rgba(255, 255, 255, .1); border-radius:100%;}
  204.  
  205. .sh-perguntou{position:absolute; width:auto; margin-top:5px; margin-left:27px; height:7px; line-height:7px; font-family: 'Roboto'; font-size:7px; color:{color:texto ask}; padding:4px; text-align:center; text-transform:uppercase; background:{color:detalhes do theme2}; border-radius:3px; z-index:999999999;}
  206.  
  207. .sh-pergunta{margin-top:24px; margin-left:5px; height:auto; font-family: 'Dosis', sans-serif; font-size:9px; letter-spacing:2px; line-height:15px; width:auto; padding:5px; color:{color:texto ask}; text-align:center; background:{color:posts color}; box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .2), 1px 1px rgba(255, 255, 255, .2); border-radius:2px; text-transform:uppercase; margin-right:5px;}
  208.  
  209. .sh-rp{display:block; margin-top:-10px; font-family: 'Roboto'; font-size:9px; color:{color:texto ask}; margin-right:50px; text-align:right; text-transform:uppercase;}
  210. .sh-rp::after{position:absolute; margin-left:5px; margin-top:-10px; color:{color:negrito}; font-family:'Heart'; font-size:40px; content:"M";}
  211.  
  212. .sh-resposta{margin-top:5px; margin-left:5px; height:auto; font-family: 'Roboto'; font-size:9px; letter-spacing:2px; line-height:15px; width:auto; padding:5px; color:{color:texto ask}; text-align:center; background:{color:posts color}; box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .2), 1px 1px rgba(255, 255, 255, .2); border-radius:2px; text-transform:uppercase; margin-bottom:10px; margin-right:5px;}
  213.  
  214.  
  215. /* --• ESTILO DE QUOTES BY: SHWNTY •-- */
  216.  
  217. .sh-quotes {font-family:'Source Code Pro'; font-size:12px; text-align:center; margin-top:0px; color:{color:texto}; letter-spacing:1px; text-transform:uppercase;}
  218. .sh-source {margin-top:5px; border-top:1px solid {color:negrito}; font-family:'Source Code Pro'; font-size:8px; text-align:right; text-transform:uppercase; line-height:24px; color:{color:texto};}
  219.  
  220. .chat {margin:0px; text-align:left;}
  221. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  222. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  223. #laudio-caption {margin-top:10px;}
  224. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  225. #lalbum-art {display:inline-block; float:left;}
  226. #laudio-player {display:inline-block;}
  227.  
  228. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  229. .sh-cred {position:fixed; margin-left:10px; bottom:50px; width:auto; height:auto; display:inline-block; cursor: hand; float:left; z-index:9999999;}
  230. .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:{color:detalhes do theme}; box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px rgba(255, 255, 255, .2); border-radius:100%;}
  231. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  232.  
  233.  
  234.  
  235. /* SIDEBAR GERAL */
  236.  
  237. #sh-box1{position:fixed; width:150%; height:45px; margin-left:-15px; top:-10px; background:{color:detalhes do theme}; border-bottom:1px solid {color:detalhes do theme2}; z-index:9999999999999;}
  238.  
  239. #sh-box2{position:absolute; width:100%; height:auto; left:-10px; top:50px; text-align:center;}
  240.  
  241. /* TÍTULO */
  242. .sh-tit{display:inline-block; width:auto; height:auto; margin-left:0px; margin-top:10px; padding:5px; font-family:'Roboto'; font-size:20px; color:{color:detalhes do theme2}; padding-bottom:5px; border-bottom:1px solid {color:negrito}; text-align:center; text-transform:uppercase;}
  243.  
  244. /* ICON */
  245. .sh-img img {display:inline-block; width:35px; height:35px; margin-left:0px; margin-top:5px; padding:3px; background:{color:negrito}; 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;}
  246.  
  247. /* DESCRIÇÃO */
  248. .sh-desc {display:inline-block; width:auto; height:auto; margin-left:0px; margin-top:5px; padding:5px; font-family:'Source Code Pro'; font-size:10px; color:{color:detalhes do theme2}; text-shadow:1px 1px 0px rgba(11, 11, 11, .1); text-transform:uppercase; text-align:center;}
  249.  
  250.  
  251. /* MENU */
  252. .sh-menu {display:inline-block; margin-left:0px; margin-top:12px; width:auto; height:auto; cursor: hand; float:center; z-index:9999999;}
  253. .sh-menu a{display:inline-block; width:auto; height:16px; line-height:18px; margin:3px; text-align:center; padding:5px; font-family:'Source Code Pro'; font-size:10px; color:{color:texto}; text-transform:uppercase; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); letter-spacing:1px; transition:1s;}
  254. .sh-menu a:hover {padding-bottom:5px; border-bottom:2px solid {color:negrito}; letter-spacing:0px; transition:1s;}
  255.  
  256.  
  257. /* PAINEL */
  258. .sh-status{position:fixed; width:80px; margin-top:20px; right:0px; text-align:center; z-index:99999999999;}
  259. .sh-status a{display:inline-block; width:10px; height:10px; margin:.5px; text-align:center; line-height:11px; color:{color:negrito}; background:{color:detalhes do theme}; box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px rgba(255, 255, 255, .2); padding:5px; font-size:11px; text-align:center; text-transform:uppercase; letter-spacing:1px; text-shadow: 1px 1px 0px rgba( 255, 255, 255, .1); border-radius:100%; transition:1s;}
  260.  
  261. /* CONTADOR */
  262. .sh-cont{position:fixed; width:330px; margin-top:20px; right:0px; text-align:center;}
  263. .sh-cont a{display:inline-block; width:auto; height:14px; margin:.5px; text-align:center; line-height:15px; color:{color:texto}; text-shadow: 1px 1px 0px rgba( 255, 255, 255, .1); font-family:'Source Code Pro'; font-size:9px; text-align:center; text-transform:uppercase; letter-spacing:1px; border-radius:0px 0px 4px 4px; padding-top:4px; transition:1s;}
  264.  
  265.  
  266. /*/ Controles hover por nevalisca.tumblr.com /*/
  267. .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;}
  268. .tmblr-iframe:hover, iframe#tumblr_controls:hover{opacity:.4;}
  269. .engrenagem{position:fixed; right:20px; top:-20px;font-size:13px}
  270.  
  271.  
  272.  
  273. /** INVERTER CORES (by http://anyhs-themes.tumblr.com) **/
  274. #at_inverter_cores {position:fixed; cursor:pointer; margin-top:17px; margin-left:20px; width:auto; height:12px; font-size:9px; color:{color:texto}; padding:5px; font-family:'Source Code Pro'; text-transform:uppercase; border-radius: 3px; background:{color:detalhes do theme}; box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px rgba(255, 255, 255, .2); z-index:9999999999999;}
  275. #at_inverter_cores i {margin-left: 2px; color:{color:negrito};}
  276.  
  277. .inverter { filter: invert(1) !important; -webkit-filter: invert(1) !important; }
  278. .naoinverter { filter: invert(1) !important; -webkit-filter: invert(1) !important; }
  279.  
  280. body.inverter {background: #fff;} /** se a cor do background não for invertida com o código que inverte tudo, defina aqui que cor você quer que o background fique quando o theme estiver no modo invertido **/
  281.  
  282. /** INVERTER CORES (by http://anyhs-themes.tumblr.com) **/
  283.  
  284.  
  285. </style>
  286.  
  287. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  288. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  289. <a href="javascript:;" title="Voltar ao Topo" id="scrollToTop"><i class="ion-ios-arrow-up"> </i></a>
  290.  
  291. <!--- FONTES PERSONALIZADAS GOOGLE --->
  292. <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Source+Code+Pro|Source+Sans+Pro|Lobster" rel="stylesheet">
  293.  
  294. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  295. <!--- FONTES PERSONALIZADAS GOOGLE --->
  296.  
  297. <body>
  298.  
  299.  
  300. <!-- INÍCIO SIDE -->
  301. <div id="sh-box1">
  302.  
  303. <!---- INVERTER CORES (by http://anyhs-themes.tumblr.com) ---->
  304. <a id="at_inverter_cores" href="#" onclick="return false;">
  305.  
  306. <span> versão clara </span> <!-- titulo do botão -->
  307. <i class="fa fa-toggle-off"></i> <!-- icone de ligado/desligado -->
  308.  
  309. </a><!-- #at_inverter_cores -->
  310. <!---- INVERTER CORES (by http://anyhs-themes.tumblr.com) ---->
  311.  
  312. <!-- STATUS -->
  313. <div class="sh-status">
  314. <a href="https://www.tumblr.com/follow/{Name}" title=" Follow me " target="_blank"><i class="ion-person-add"></i> </a>
  315.  
  316. <a href="https://www.tumblr.com/message/{Name}" title=" Conversation" target="_blank"><i class="ion-chatbubbles"></i></a>
  317.  
  318. <a href="https://www.tumblr.com/" title=" Dashboard " target="_blank"><i class="ion-ios-home"></i></a>
  319. </div>
  320.  
  321. <!-- CONTADOR -->
  322. <div class="sh-cont">
  323. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5537044";
  324. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  325. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online&e2=Onlines&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  326. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  327. </script>
  328.  
  329. <font style="font-size:7px;"><b>•</b></font>
  330.  
  331. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3287194";
  332. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Visits&a=1";
  333. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  334. </script>
  335. </div>
  336.  
  337. </div>
  338. <!-- FIM BOX 01 -->
  339.  
  340.  
  341. <!-- COMEÇO BOX 02 -->
  342. <div id="sh-box2">
  343.  
  344. <!-- TÍTULO -->
  345. <div class="sh-tit"> reckless </div>
  346.  
  347. <!-- ICON -->
  348. <div class="sh-img"><img src="{image:sidebar}">
  349.  
  350. <!-- DESCRIÇÃO -->
  351. <div class="sh-desc"> If you don't give it all you got, you're only cheating yourself.<br /> Give it all you got, but if it ends up happening.<br /> It ends up happening. </div>
  352.  
  353. </div>
  354.  
  355.  
  356. <!-- MENU -->
  357. <div class="sh-menu">
  358. <a href="{text:link1}"> <b>001.</b> {text:link1 nome} </a>
  359.  
  360. <a href="{text:link2}"> <b>002.</b> {text:link2 nome}</a>
  361.  
  362. <a href="{text:link3}"> <b>003.</b> {text:link3 nome} </a>
  363.  
  364. <a href="{text:link4}"> <b>004.</b> {text:link4 nome}</a>
  365.  
  366. <a href="{text:link5}"> <b>005.</b> {text:link5 nome}</a>
  367.  
  368. </div>
  369. </div>
  370.  
  371. <!-- FIM BOX 02 -->
  372.  
  373.  
  374.  
  375. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  376. <div class="sh-cred"><a href="http://shwnty.tumblr.com/" title=" Shwnty Themes"> SH </a> </div>
  377. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  378.  
  379. <!-- NÃO REMOVA. -->
  380. <div class="engrenagem"><i class="fa fa-gear"></i></div>
  381.  
  382.  
  383. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  384.  
  385.  
  386.  
  387. <div id="sh-cx">
  388.  
  389. {block:Posts}
  390. <div class="sh-posts">
  391.  
  392. {block:Text}
  393. {block:Title}<div class="h1"><center>{Title}</center></div>{/block:Title}
  394. {body}
  395.  
  396. <!--- shwnty notes --->
  397. <div class="shnotes-cx">
  398. <div class="shnotes-date">{DayOfMonth}, {ShortMonth} de {Year} <a href="{Permalink}" title="{NoteCount} Notes"> .N</a></div>
  399. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  400. </div>
  401. <!--- shwnty notes --->
  402.  
  403. {/block:Text}
  404.  
  405.  
  406.  
  407.  
  408. {block:Quote}
  409. <div class="sh-quotes">{Quote}</div></font>
  410. {block:Source}<div class="sh-source">• {Source} </div>{/block:Source}
  411.  
  412. <!--- shwnty notes --->
  413. <div class="shnotes-cx">
  414. <div class="shnotes-date">{DayOfMonth}, {ShortMonth} de {Year} <a href="{Permalink}" title="{NoteCount} Notes"> .N</a></div>
  415. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  416. </div>
  417. <!--- shwnty notes --->
  418.  
  419. {/block:Quote}
  420.  
  421.  
  422.  
  423.  
  424. {block:Chat}
  425. {block:Lines}
  426. <div class="chat">
  427. <div class="lines">{block:Label}
  428. <span>{Label}</span>
  429. {/block:Label}
  430. {Line}</div></div>
  431. {/block:Lines}
  432.  
  433. <!--- shwnty notes --->
  434. <div class="shnotes-cx">
  435. <div class="shnotes-date">{DayOfMonth}, {ShortMonth} de {Year} <a href="{Permalink}" title="{NoteCount} Notes"> .N</a></div>
  436. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  437. </div>
  438. <!--- shwnty notes --->
  439.  
  440. {/block:Chat}
  441.  
  442.  
  443.  
  444.  
  445. {block:Link}
  446. <a href="{URL}" target="{Target}"><div style="font-family:'Source Code Pro'; font-size:12px; text-align:center; margin-top:0px; color:{color:texto}; letter-spacing:1px; text-transform:uppercase; padding:2px; "><titulo>{Name}</a></titulo></div>{block:Description}{Description}{/block:Description}
  447.  
  448. <!--- shwnty notes --->
  449. <div class="shnotes-cx">
  450. <div class="shnotes-date">{DayOfMonth}, {ShortMonth} de {Year} <a href="{Permalink}" title="{NoteCount} Notes"> .N</a></div>
  451. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  452. </div>
  453. <!--- shwnty notes --->
  454.  
  455. {/block:Link}
  456.  
  457.  
  458.  
  459.  
  460. {block:Audio}
  461. <div class="text">
  462. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  463. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  464. <div id="laudio-caption">
  465. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  466. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  467. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  468. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  469. </div></div>
  470.  
  471. <!--- shwnty notes --->
  472. <div class="shnotes-cx">
  473. <div class="shnotes-date">{DayOfMonth}, {ShortMonth} de {Year} <a href="{Permalink}" title="{NoteCount} Notes"> .N</a></div>
  474. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  475. </div>
  476. <!--- shwnty notes --->
  477.  
  478. {/block:Audio}
  479.  
  480.  
  481.  
  482.  
  483. {block:Photo}
  484. <div class="sh-imgp"><img src="{PhotoURL-500}"></div>
  485.  
  486. <!--- shwnty notes --->
  487. <div id="shnotescx"></div>
  488. <div class="sh-reblog"><a href="{ReblogURL}" target="_blank"> Reblog Now! </a></div>
  489. <div class="sh-date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</div>
  490. <div class="sh-notesp"><a href="{Permalink}"> Post with {NoteCount} notes</a></div>
  491. <!--- shwnty notes --->
  492.  
  493. {/block:Photo}
  494.  
  495.  
  496.  
  497.  
  498. {block:Photoset}
  499. <div class="sh-photoset"><center>{Photoset}</center></div>
  500.  
  501. <!--- shwnty notes --->
  502. <div id="shnotescx"></div>
  503. <div class="sh-reblog"><a href="{ReblogURL}" target="_blank"> Reblog Now! </a></div>
  504. <div class="sh-date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</div>
  505. <div class="sh-notesp"><a href="{Permalink}"> Post with {NoteCount} notes</a></div>
  506. <!--- shwnty notes --->
  507.  
  508. {/block:Photoset}
  509.  
  510.  
  511.  
  512.  
  513. {block:Video}
  514. {block:Indexpage}<div class="sh-video">{Video-250}</div>{/block:IndexPage}
  515.  
  516. <!--- shwnty notes --->
  517. <div id="shnotescx"></div>
  518. <div class="sh-reblog"><a href="{ReblogURL}" target="_blank"> Reblog Now! </a></div>
  519. <div class="sh-date">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</div>
  520. <div class="sh-notesp"><a href="{Permalink}"> Post with {NoteCount} notes</a></div>
  521. <!--- shwnty notes --->
  522.  
  523. {/block:Video}
  524.  
  525.  
  526.  
  527.  
  528. {block:Answer}
  529.  
  530. <img src="{AskerPortraitURL-30}"class="sh-icon">
  531. <div class="sh-bls"> <shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls><shbls></shbls> </div>
  532. <div class="sh-perguntou">{Asker} asked: </div>
  533. <div class="sh-pergunta">{Question}</div>
  534. <br><br>
  535. <div class="sh-rp">{Name} replied:</div>
  536. <div class="sh-resposta"> {Answer}</div>
  537.  
  538. <!--- shwnty notes --->
  539. <div class="shnotes-cx">
  540. <div class="shnotes-date">{DayOfMonth}, {ShortMonth} de {Year} <a href="{Permalink}" title="{NoteCount} Notes"> .N</a></div>
  541. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  542. </div>
  543. <!--- shwnty notes --->
  544.  
  545. {/block:Answer}
  546.  
  547.  
  548. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  549. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  550.  
  551. {/block:Posts}
  552. </div>
  553.  
  554.  
  555.  
  556. {block:IndexPage}
  557. <div class="column navigation" id="navigation">
  558. {block:Pagination}
  559. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  560. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  561. </div>
  562. {/block:IndexPage}
  563. </div>
  564.  
  565.  
  566.  
  567.  
  568. <!-- FIM CAIXA DOS POSTS -->
  569.  
  570.  
  571. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  572. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  573. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  574.  
  575.  
  576. <!-- VOLTAR AO TOPO. -->
  577. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  578. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  579. <a href="javascript:;" title="Voltar ao Topo" id="scrollToTop"><i class="ion-ios-arrow-up"> </i></a>
  580.  
  581.  
  582.  
  583. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  584. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  585. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  586. <script>(function($){$(document).ready(function(){$("[title]")
  587. .style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:20,
  588. tip_fade_speed:400, attribute:"title"});});})(jQuery);</script>
  589.  
  590.  
  591.  
  592. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  593. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  594. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  595.  
  596.  
  597.  
  598. <script type="text/javascript">
  599. $(window).load(function () {
  600. $('#sh-cx').masonry(),
  601. $('.masonryWrap').infinitescroll({
  602. navSelector : "div#navigation",
  603. nextSelector : "div#navigation a#nextPage",
  604. itemSelector : ".sh-posts",
  605. bufferPx : 10000,
  606. extraScrollPx: 11000,
  607. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  608. loadingText : "",
  609. },
  610. // call masonry as a callback.
  611. function() { $('#sh-cx').masonry({ appendedContent: $(this) }); }
  612. );
  613. });
  614. </script>
  615.  
  616. </body>
  617. </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!