API tools faq
paste
wafiosadesigns

SH Themes #02

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