API tools faq
paste
wafiosadesigns

Sh Themes Exclusive #13 (Clube S.)

wafiosadesigns
Jul 13th, 2018
202
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.78 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.  
  9.  
  10. <!------------------------• ♡ ❤ ♡
  11.  
  12. SHWNTY THEMES ORIGINALLY 2016 ©
  13. NÃO AUTORIZO O USO DE DETALHES NENHUM.
  14. NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE.
  15.  
  16. • • • • • • •
  17.  
  18. QUALQUER CÓPIA DO MEU THEME, NÃO IMPORTA O QUANTO, OU QUE SEJA APENAS
  19. UM PEQUENO CÓDIGO, SEM A DEVIDA PERMISSÃO SERÁ CONSIDERADO PLÁGIO.
  20.  
  21. --• DON'T COPY. •--
  22. --• DON'T REDISTRIBUTE. •--
  23. --• DON'T USE THIS THEME AS BASE TO MAKE OTHER(S) THEME(S). •--
  24.  
  25. BY GABRIELA SOUZA • © 2016 - 2017
  26. ALL RIGHTS RESERVED ©
  27.  
  28. • • • • • • •
  29.  
  30. ♡ ❤ ♡ •------------------------->
  31.  
  32.  
  33.  
  34. <!-- APPEARANCE -->
  35. <meta name="color:background color" content="#ffffff"/>
  36. <meta name="color:posts color" content="#cda9fd"/>
  37. <meta name="color:texto" content="#ffffff"/>
  38. <meta name="color:link" content="#ffffff"/>
  39. <meta name="color:link hover" content="#bf75ff"/>
  40. <meta name="color:negrito" content="#15efd4"/>
  41. <meta name="color:detalhes do theme" content="#cda9fd"/>
  42. <meta name="color:detalhes do theme2" content="#bf75ff"/>
  43. <meta name="color:detalhes do theme3" content="#15efd4"/>
  44. <meta name="color:detalhes do theme4" content="#efddfa"/>
  45.  
  46.  
  47.  
  48.  
  49. <meta name="text:link1" content="" />
  50. <meta name="text:link1 nome" content="LINK NOME 01" />
  51. <meta name="text:link2" content="" />
  52. <meta name="text:link2 nome" content="LINK NOME 02" />
  53. <meta name="text:link3" content="" />
  54. <meta name="text:link3 nome" content="LINK NOME 03" />
  55. <meta name="text:link4" content="" />
  56. <meta name="text:link4 nome" content="LINK NOME 04" />
  57. <meta name="text:link5" content="" />
  58. <meta name="text:link5 nome" content="LINK NOME 05" />
  59.  
  60.  
  61.  
  62. <meta name="text:sereia url" content="shwnty" />
  63. <meta name="text:sereia descricao" content="Gabriela - shwnty" />
  64.  
  65.  
  66.  
  67. <meta name="text:destaque1 url" content="shwnty" />
  68. <meta name="text:destaque2 url" content="shwnty" />
  69. <meta name="text:destaque3 url" content="shwnty" />
  70. <meta name="text:destaque4 url" content="shwnty" />
  71. <meta name="text:destaque5 url" content="shwnty" />
  72. <meta name="text:destaque6 url" content="shwnty" />
  73. <meta name="text:destaque7 url" content="shwnty" />
  74. <meta name="text:destaque8 url" content="shwnty" />
  75. <meta name="text:destaque9 url" content="shwnty" />
  76. <meta name="text:destaque10 url" content="shwnty" />
  77.  
  78.  
  79.  
  80. <meta name="text:fa1 url" content="shwnty" />
  81. <meta name="text:fa2 url" content="shwnty" />
  82. <meta name="text:fa3 url" content="shwnty" />
  83. <meta name="text:fa4 url" content="shwnty" />
  84.  
  85.  
  86.  
  87. <meta name="text:top1 url" content="shwnty" />
  88. <meta name="text:top2 url" content="shwnty" />
  89. <meta name="text:top3 url" content="shwnty" />
  90. <meta name="text:top4 url" content="shwnty" />
  91. <meta name="text:top5 url" content="shwnty" />
  92.  
  93.  
  94.  
  95. <meta name="text:moderadora1 url" content="shwnty" />
  96. <meta name="text:moderadora nome1 url" content="Gabriela" />
  97.  
  98. <meta name="text:moderadora2 url" content="shwnty" />
  99. <meta name="text:moderadora nome2 url" content="Gabriela" />
  100.  
  101. <meta name="text:moderadora3 url" content="shwnty" />
  102. <meta name="text:moderadora nome3 url" content="Gabriela" />
  103.  
  104. <meta name="text:moderadora4 url" content="shwnty" />
  105. <meta name="text:moderadora nome4 url" content="Gabriela" />
  106.  
  107. <meta name="text:moderadora5 url" content="shwnty" />
  108. <meta name="text:moderadora nome5 url" content="Gabriela" />
  109.  
  110. <meta name="text:moderadora6 url" content="shwnty" />
  111. <meta name="text:moderadora nome6 url" content="Gabriela" />
  112.  
  113. <meta name="text:moderadora7 url" content="shwnty" />
  114. <meta name="text:moderadora nome7 url" content="Gabriela" />
  115.  
  116. <meta name="text:moderadora8 url" content="shwnty" />
  117. <meta name="text:moderadora nome8 url" content="Gabriela" />
  118.  
  119. <meta name="text:moderadora9 url" content="shwnty" />
  120. <meta name="text:moderadora nome9 url" content="Gabriela" />
  121.  
  122. <meta name="text:moderadora10 url" content="shwnty" />
  123. <meta name="text:moderadora nome10 url" content="Gabriela" />
  124.  
  125. <meta name="text:moderadora11 url" content="shwnty" />
  126. <meta name="text:moderadora nome11 url" content="Gabriela" />
  127.  
  128. <meta name="text:moderadora12 url" content="shwnty" />
  129. <meta name="text:moderadora nome12 url" content="Gabriela" />
  130.  
  131. <meta name="text:moderadora13 url" content="shwnty" />
  132. <meta name="text:moderadora nome13 url" content="Gabriela" />
  133.  
  134. <meta name="text:moderadora14 url" content="shwnty" />
  135. <meta name="text:moderadora nome14 url" content="Gabriela" />
  136.  
  137. <!-- APPEARANCE -->
  138.  
  139.  
  140. </head>
  141. <style>
  142.  
  143. @font-face {font-family:'Blooming Elegant'; src:url('https://dl.dropboxusercontent.com/s/a7sh7lq9d98vtfk/BloomingElegant-Regular.ttf');}
  144.  
  145. @font-face {font-family:'Heart'; src:url('https://dl.dropboxusercontent.com/s/vzkb1ntpmhvesg4/BloomingElegantDoodles1.ttf');}
  146.  
  147. @font-face {font-family:'Ballerina Script'; src:url('https://static.tumblr.com/jtskk8i/jfWpbqa3j/ballerina_script_0.ttf'); font-weight: normal; font-style: normal;}
  148.  
  149.  
  150. body{background:{color:background color}; background-attachment:fixed; margin:0px auto 0px;}
  151.  
  152. @-webkit-keyframes Shwnty-Thms{ 0% {opacity:0; -webkit-transform:translateY(-1000px);} 100% {opacity:1; -webkit-transform:translateY(0);}}
  153. @-moz-keyframes Shwnty-Thms{ 0% {opacity:0; -webkit-transform:translateY(-1000px);} 100% {opacity:1; -webkit-transform:translateY(0);}}
  154. @keyframes Shwnty-Thms{ 0% {opacity:0; -webkit-transform:translateY(-1000px);} 100% {opacity:1; -webkit-transform:translateY(0);}}
  155.  
  156. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none;}
  157. a:hover {color:{color:link hover};}
  158.  
  159. b {color:{color:negrito}; font-weight:normal;}
  160.  
  161. h2 {color:{color:negrito}; font-size:12px;}
  162.  
  163. titulo{text-decoration:none;}
  164.  
  165. blockquote {margin:0px; text-decoration:none; font-size:10px; text-transform:uppercase; text-align:left; font-family: 'Quicksand'; background:{color:detalhes do theme2}; border-left:1px solid {color:detalhes do theme3}; text-indent:4px; padding:5px;}
  166.  
  167. pre, code {background:{color:background color}; color:{color:texto}; font-size:12px; text-align: justify; padding: 10px; overflow:auto; font-family: 'Quicksand';}
  168.  
  169. pre::-webkit-scrollbar{width:4px;height:4px;}
  170. pre::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:negrito}; -webkit-border-radius:0px;}
  171.  
  172. code::-webkit-scrollbar{width:4px;height:4px;}
  173. code::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:negrito}; -webkit-border-radius:0px;}
  174.  
  175. .h1 {text-align:center; font-weight:normal; font-family: 'Quicksand'; font-size:12px; color:{color:texto}; line-height:20px; margin-bottom:9px; margin-top:0px; letter-spacing:2px; text-transform:uppercase; }
  176. .h1 a{color:{color:detalhes do theme}; text-transform:uppercase}
  177.  
  178. .sh-link{text-align:center;}
  179. .sh-link a{font-family: 'Quicksand'; font-size:12px; margin-top:5px; letter-spacing:1px; text-transform:uppercase; padding:2px;}
  180.  
  181. /* SELEÇÃO DO TEXTO */
  182. ::selection{background:{color:posts color}; color:{color:texto};}
  183. ::-moz-selection{background:{color:posts color}; color:{color:texto};}
  184. ::-webkit-selection{background:{color:posts color}; color:{color:texto};}
  185.  
  186. /* BARRA DE ROLAGEM */
  187. ::-webkit-scrollbar{width:3px; height:6px; background:{color:detalhes do theme}; box-shadow:inset 1px 1px .6px #fff8e2, inset -1px -1px .6px #8c897f; }
  188. ::-webkit-scrollbar-thumb{background:{color:detalhes do theme3};}
  189.  
  190.  
  191. /* TOOLTIP */
  192. .tooltip {display: inline; position: relative;}
  193.  
  194. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:500px; margin:15px 0px 5px 0px; height:12px; background:{color:detalhes do theme2}; color:{color:texto}; font-size:9px; text-shadow:1.5px 1.5px rgba(255, 255, 255, .1); font-family: 'Quicksand'; text-transform:uppercase; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); text-align:center; border-radius:6px; padding:3px; z-index:999999999999999999;}
  195.  
  196.  
  197. /* CAIXA DOS POSTS */
  198. #sh-cx{position:absolute; float:center; top:50px; left:300px; color:{color:texto}; letter-spacing:1px; font-family: 'Quicksand'; font-size:12px; text-transform:uppercase; padding-bottom:40px; {block:PermalinkPage}width:450px;{/block:PermalinkPage}{block:IndexPage}width:1050px;{/block:IndexPage}}
  199.  
  200. /* PERSONALIZAÇÃO DOS POSTS */
  201. .sh-posts {position:relative; font-family: 'Quicksand'; float:left; display:inline-block; width:200px; height:auto; background:{color:posts color}; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 2px rgba(0, 0, 0, .3); padding:10px 10px 7px 10px; border-radius:6px; margin:15px; text-transform:uppercase; overflow:hidden;}
  202. .sh-posts {{block:PermalinkPage}width:300px; height:auto; margin:15px;{/block:PermalinkPage} }
  203.  
  204. /* IMAGEM DOS POSTS */
  205. .sh-posts img{max-width:200px; height:auto; }
  206. .sh-posts img{{block:PermalinkPage}float:center; max-width:300px;{/block:PermalinkPage} }
  207.  
  208. .sh-imgp img{width:200px; height:auto;}
  209. .sh-imgp img{{block:PermalinkPage}float:center; width:300px;{/block:PermalinkPage} }
  210.  
  211. .sh-photoset img{width:200px; height:auto; z-index:9999999999999999;}
  212. .sh-photoset img{{block:PermalinkPage}float:center; width:300px;{/block:PermalinkPage} }
  213.  
  214. .sh-video {max-width:200px; height:auto; overflow-x:hidden; overflow-y:hidden;}
  215.  
  216. .vsanna{display:none;}
  217.  
  218.  
  219. /* CURSOR PERSONALIZADO */
  220. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  221. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  222.  
  223.  
  224. /* SCROLL TO TOP */
  225. #scrollToTop:link,#scrollToTop:visited {position:fixed; bottom:20px; margin-left:270px; width:16px; height:20px; line-height:0px; border-radius:5px; color:#824f5f; font-size:10px; text-shadow:1.5px 1.5px rgba(255, 255, 255, .1); font-size:17px; display:none; padding-left:5px; padding-top:2px; background:{color:detalhes do theme2}; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); z-index:9999999999999;}
  226.  
  227.  
  228. .perma-tit{display: block; text-transform: uppercase; font-family: 'Quicksand'; font-size:9px; color:{color:background color}; text-align: left; text-align: justify; line-height: 5px; margin-top: -10px; margin-left: -10px; margin-right: -10px; margin-bottom:5px; overflow: hidden; padding: 7px; border-bottom: 1px solid {color:detalhes do theme3}; padding-left: 10px;}
  229.  
  230. #permalink {margin-bottom: 4px; padding-left:5px; padding-top: 5px; padding-bottom: 3px; padding-right: 5px; background:{color:detalhes do theme2}; text-transform: uppercase; font-family: 'Quicksand'; font-size:9px;}
  231. #permalink i {color:{color:detalhes do theme3}; text-shadow:1px 1px rgba(0, 0, 0, .2); font-size:10px; margin:2px;}
  232.  
  233. ol.notes {list-style: none; margin-left:-40px;}
  234. ol.notes li.note {margin-bottom: 4px; padding-left:5px; padding-top: 5px; padding-bottom: 3px; padding-right: 5px; background:{color:detalhes do theme2}; text-transform: uppercase; font-family: 'Quicksand'; font-size:9px; color:{color:detalhes do theme3};}
  235. ol.notes li.note img.avatar {display: none;}
  236. ol.notes li.note span.action {color:{color:negrito};}
  237. ol.notes li.note .answer_content {font-weight: normal;}
  238. ol.notes li.note blockquote {display: none;}
  239. ol.notes li.note blockquote a {text-decoration: none; color:{color:negrito};}
  240.  
  241.  
  242.  
  243.  
  244. /* --• ESTILO DE NOTES DOS TEXTOS BY SHWNTY
  245. DON'T COPY. GOSTOU? PEDE NA ASK. •-- */
  246.  
  247. .shnotes-cx{display:block; margin-top:10px; margin-left:10px; width:90%; height:1px; line-height:0px; font-family: 'Quicksand'; text-transform:uppercase; margin-bottom:-10px; text-shadow:0.5px 0.5px rgba(0, 0, 0, .1); background:{color:detalhes do theme4};}
  248.  
  249. .shnotes-reblog a:hover {text-shadow:1px 1px rgba(0, 0, 0, .1);}
  250.  
  251. .shfxnotes {height:0px; width:100%; text-align:left; display:inline-block;}
  252.  
  253. .shnotes-date{margin-left:-15px; display:inline-block; float:left; color:{color:texto}; margin-top:2px; font-size:10px;}
  254. .shnotes-date a{color:{color:detalhes do theme3};}
  255.  
  256. .shnotes-date i {background:{color:detalhes do theme2}; width:12px; height:12px; font-size:8px; text-align:center; padding:2px; border-radius:100%; line-height:12px; color:{color:background color}; text-shadow:1px 1px rgba(0, 0, 0, .2);}
  257.  
  258. .shnotes-reblog{display:inline-block; float:right; margin-top:10px; margin-right:-15px; font-size:10px;}
  259.  
  260.  
  261.  
  262. /* --• ESTILO DE ASK BY SHWNTY
  263. DON'T COPY. GOSTOU? PEDE NA ASK. •-- */
  264.  
  265. .sh-icon {margin-top:2px; margin-left:-8px; width:22px; height:22px; float:left; padding:3px; text-align:center; 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);}
  266.  
  267. .sh-perguntou{display:inline-block; width:auto; margin-left:0px; margin-top:-2px; height:7px; line-height:7px; font-family: 'Quicksand'; font-size:7px; padding:3px; text-align:center; text-transform:uppercase; background:{color:detalhes do theme3}; border-radius:3px; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4);}
  268. .sh-perguntou a{color:{color:background color}; text-shadow:1.5px 1.5px rgba(255, 255, 255, .1);}
  269. .sh-perguntou a:hover {color:{color:posts color}; text-shadow:1px 1px rgba(0, 0, 0, .1);}
  270.  
  271.  
  272. .sh-pergunta{margin-top:0px; margin-left:25px; height:auto; width:auto; text-align:left; padding:5px; background:{color:background color}; color:#546d70; text-shadow:1px 1px rgba(255, 255, 255, .2); font-family: 'Quicksand'; box-shadow:inset 1px 1px 0 rgba(0,0,0,.1), 1px 1px rgba(255,255,255,.3); border-radius:3px; font-weight:normal; line-height:14px; font-size:10px;}
  273.  
  274. .sh-resposta{margin-top:3px; height:auto; width:auto; text-align:center; line-height:12px; font-size:11px; text-shadow:1px 1px rgba(0, 0, 0, .1);}
  275.  
  276.  
  277. /* --• ESTILO DE QUOTES BY: SHWNTY •-- */
  278.  
  279. .sh-quotes {position: relative; font-family: 'Quicksand'; font-size:12px; text-align:left; line-height:10px; margin-top:0px; margin-left:5px;}
  280. .sh-source { letter-spacing:1px; text-transform:uppercase; font-family: 'Quicksand'; font-size:9px; text-align:right; margin:5px; width:100%; right:0px; color:{color:detalhes do theme2};}
  281.  
  282. .chat {margin:0px; text-align:left;}
  283. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  284. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  285. #laudio-caption {margin-top:10px;}
  286. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  287. #lalbum-art {display:inline-block; float:left;}
  288. #laudio-player {display:inline-block;}
  289.  
  290.  
  291.  
  292.  
  293. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  294. .sh-cred {position:fixed; margin-left:-158px; margin-top:505px; width:130px; height:29px; cursor: hand; text-align:center; color:#546d70; font-size:10px; text-shadow:1.5px 1.5px rgba(255, 255, 255, .2); font-family: 'Quicksand'; text-transform:uppercase; background:{color:detalhes do theme4}; line-height:13px; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:8px;}
  295. .sh-cred a{display:inline-block; width:130px; height:auto; color:#546d70; font-size:10px; text-shadow:1.5px 1.5px rgba(255, 255, 255, .2); font-family: 'Quicksand'; text-transform:uppercase; text-align:center;}
  296.  
  297. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  298.  
  299.  
  300.  
  301.  
  302. /* SIDEBAR GERAL */
  303.  
  304. #sh-centraliza {position:fixed; width:195px; height:150%; margin-left:-5px; top:-5px; background:{color:detalhes do theme}; z-index:999;}
  305.  
  306. #sh-centraliza shtit {position:fixed; width:203px; height:153px; margin-left:5px; margin-top:5px; background-image:url('https://static.tumblr.com/jtskk8i/Fr5pbtq0b/pngtitulo.png'); z-index:99;}
  307.  
  308.  
  309. /* ICONS ATIVIDADES */
  310. .sh-iconsat {position:fixed; width:190px; height:0px; margin-top:8px; margin-left:-10px; text-align:center;}
  311. .sh-iconsat img{width:27px; height:27px; display:inline-block; padding:3px; background:{color:detalhes do theme2}; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%; -webkit-transition-duration: 1s;}
  312. .sh-iconsat img:hover {background:{color:detalhes do theme2}; -webkit-box-shadow:inset 0 50px 0 0 {color:detalhes do theme3}; box-shadow:inset 0 50px 0 0 {color:detalhes do theme3}; transition-duration: 0.5s; -webkit-transition-duration: 0.5s;}
  313.  
  314.  
  315.  
  316. /* DESTAQUES */
  317. #shfx {position:fixed; display:inline-block; margin-top:310px; margin-left:15px; width:100px; float:center;}
  318.  
  319. /* FAIXA TÍTULO */
  320. .sh-destaquepng {position:fixed; width:199px; height:68px; margin-top:-48px; margin-left:-20px; background-image:url('https://static.tumblr.com/jtskk8i/INppbtng7/pngdestaque.png');}
  321.  
  322.  
  323.  
  324. /* TOP 5 */
  325. #shfx2 {position:fixed; display:inline-block; margin-top:425px; margin-left:15px; width:100px; float:center;}
  326.  
  327. /* FAIXA TÍTULO */
  328. .sh-toppng {position:fixed; width:199px; height:68px; margin-top:-48px; margin-left:-25px; background-image:url('https://static.tumblr.com/jtskk8i/885pbto6u/pngtop5.png');}
  329.  
  330.  
  331.  
  332. /* FÃS SEMANAIS */
  333. #shfx3 {position:fixed; display:inline-block; margin-top:542px;margin-left:15px; width:100px; float:center;}
  334.  
  335. /* FAIXA TÍTULO */
  336. .sh-faspng {position:fixed; width:201px; height:65px; margin-top:-48px; margin-left:-12px; background-image:url('https://static.tumblr.com/jtskk8i/A58pbts6x/pngfasmensais.png');}
  337.  
  338.  
  339.  
  340. /* MISS SEREIA DO MÊS */
  341. #shfx4 {position:fixed; display:inline-block; margin-top:215px; margin-left:15px; width:100px; float:center;}
  342.  
  343. /* FAIXA TÍTULO */
  344. .sh-sereiapng {position:fixed; width:199px; height:68px; margin-top:-45px; margin-left:-17px; background-image:url('https://static.tumblr.com/jtskk8i/hF8pbtneg/pngmiss-seria.png');}
  345.  
  346. .sh-descri {position:fixed; width:115px; height:35px; margin-left:35px; margin-top:15px; padding:2px; font-family: 'Quicksand'; text-transform:uppercase; font-size:11px; text-align:center; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .3); background:{color:detalhes do theme2}; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:5px; text-indent:15px; line-height:17px;}
  347.  
  348.  
  349.  
  350. /* PARCEIROS */
  351. #sh-atividades{position:fixed; margin-top:0px; margin-left:270px; width:100px; height:30px; background:{color:detalhes do theme3}; color:{color:background color}; font-size:18px; text-shadow:1.5px 1.5px rgba(255, 255, 255, .1); font-family: 'Ballerina Script'; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); text-align:center; border-radius:0px 0px 8px 8px; line-height:43px; z-index:99999;}
  352.  
  353. .sh-cxtotal{position:fixed; display:inline-block; margin-top:0px; margin-left:250px; padding:5px; width:auto; height:auto;}
  354.  
  355.  
  356. #sh-prc{position:fixed; width:27px; height:575px; margin-top:35px; margin-left:20px; overflow:auto; background:{color:detalhes do theme}; border-radius:15px; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .4), inset 1px 1px 1px rgba(0, 0, 0, .2); padding-left:1.5px; padding-top:2px; border-radius:8px; overflow-x:hidden;}
  357.  
  358. #sh-prc a{display:inline-block; width:20px; height:20px; margin:1px; font-size:8px; line-height:21px; background:{color:detalhes do theme2}; color:{color:background color}; text-shadow:1px 1px rgba(0, 0, 0, .2); font-family: 'Quicksand'; text-transform:uppercase; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%; text-align:center; -webkit-transition-duration: 1s;}
  359. #sh-prc a:hover {color:{color:detalhes do theme3}; text-shadow:1px 1px rgba(0, 0, 0, .2); -webkit-transition-duration: 0.5s;}
  360.  
  361.  
  362.  
  363. /* PAINEL */
  364. .sh-painel {position:fixed; width:190px; height:22px; margin-top:7px; right:0px; text-align:center;}
  365. .sh-painel a{display:inline-block; width:auto; height:10px; padding:5px; text-transform:uppercase; font-size:12px; text-align:center; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .3); background:{color:detalhes do theme}; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 2px rgba(0, 0, 0, .3); border-radius:5px; line-height:12px;}
  366.  
  367.  
  368.  
  369. /* MENU */
  370. .sh-menu {position:fixed; margin-left:18px; margin-top:152px; width:200px; cursor: hand; z-index:99999;}
  371. .sh-menu a{display:inline-block; width:20px; height:20px; margin:2px; font-size:10px; line-height:20px; background:{color:detalhes do theme2}; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .1); text-transform:uppercase; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); border-radius:100%; padding:2px; text-align:center;}
  372. .sh-menu a:hover{color:{color:detalhes do theme3}; box-shadow:inset 1px 1px 1px rgba(0,0,0,.3), inset -1px -1px 0px rgba(255,255,255,.1); transition:1s;}
  373. /* MENU */
  374.  
  375.  
  376. /* MATERIAIS */
  377. .sh-materiais {position:fixed; width:170px; height:22px; margin-top:590px; margin-left:15px; text-align:center;}
  378. .sh-materiais a{display:inline-block; width:70px; height:10px; padding:5px; font-family: 'Quicksand'; text-transform:uppercase; font-size:9px; text-align:center; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .3); background:{color:detalhes do theme2}; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 2px rgba(0, 0, 0, .3); border-radius:5px; line-height:12px; margin:1px;}
  379.  
  380.  
  381.  
  382. /* INTEGRANTES BY SHWNTY - DON'T COPY. */
  383. #sh-intg{position:fixed; right:0px; margin-top:7px; width:45px; height:auto; z-index:99999999;}
  384.  
  385. .sh-equipe{display:inline-block; width:35px; height:35px; padding:3px; overflow:hidden; background:{color:detalhes do theme3}; box-shadow:inset 1px 1px .6px #fff8e2, inset -1px -1px .6px #8c897f; border-radius:3px; transition:1s;}
  386.  
  387. .sh-equipe img{position:fixed; display:inline-block; margin-left:0px; margin-top:0px; width:35px; height:35px; border-radius:3px;}
  388.  
  389. .sh-dtl1{position:fixed; width:35px; height:0px; background:{color:detalhes do theme3}; margin-top:0px; margin-left:0px; transition:1s; z-index:99999;}
  390. .sh-equipe:hover .sh-dtl1{height:35px; opacity:0.5; transition:.2s;}
  391.  
  392. .sh-names{position:fixed; margin-top:0px; margin-left:-1.5px; width:35px; text-align:justify; font-family: 'Quicksand'; text-transform:uppercase; font-size:8.5px; color:{color:background color}; text-shadow:1px 1px rgba(0, 0, 0, .3); line-height:12px; transition:1s; text-transform:uppercase; opacity:0; z-index:99999999;}
  393. .sh-names a{color:{color:link};}
  394. .sh-equipe:hover .sh-names{margin-top:12px; opacity:1; height:35px; transition:1s;}
  395.  
  396.  
  397.  
  398.  
  399. /* HOVER TÍTULO HEART */
  400. .sh-heart {position:fixed; margin-top:7px; right:145px; display:inline-block; width:auto; height:10px; padding:5px; font-size:12px; text-align:center; color:#fff; text-shadow:1px 1px rgba(0, 0, 0, .3); background:{color:detalhes do theme}; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 2px rgba(0, 0, 0, .3); border-radius:5px; line-height:12px; z-index:999;}
  401. .sh-hover{position:fixed; margin-top:-19px; margin-left:-385px; width:auto; height:14px; line-height:15px; font-size:10px; font-family: 'Quicksand'; text-transform:uppercase; padding:3px; background:{color:detalhes do theme}; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 2px rgba(0, 0, 0, .3); border-radius:5px; transition-duration:1s; opacity:0;}
  402. .sh-heart:hover .sh-hover{margin-top:-17px; transition-duration:1s; opacity:1;}
  403.  
  404.  
  405.  
  406. /*/ Controles hover por nevalisca.tumblr.com /*/
  407. .tmblr-iframe, iframe#tumblr_controls {position: fixed; opacity:0; z-index:99999999999999999 !impoportant; transform: scale(.8); top:-2px; right:-50px !important; opacity:0; padding-right:50px; transition-duration:.8s;}
  408. .tmblr-iframe:hover, iframe#tumblr_controls:hover{opacity:0;}
  409. .engrenagem{position:fixed; right:20px; top:-20px;font-size:13px; opacity:0;}
  410.  
  411. </style>
  412.  
  413. <!--- FONTES PERSONALIZADAS GOOGLE --->
  414. <link href="https://fonts.googleapis.com/css?family=Ubuntu|Ubuntu+Condensed|Ubuntu+Mono|Source+Code+Pro|Source+Sans+Pro|Lobster|Jura|Poiret+One|Quicksand" rel="stylesheet">
  415.  
  416. <link href="https://fonts.googleapis.com/css?family=Cookie|Great+Vibes|Unica+One" rel="stylesheet">
  417.  
  418. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  419.  
  420. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  421. <!--- FONTES PERSONALIZADAS GOOGLE --->
  422.  
  423. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  424. <script type="text/javascript">
  425. $(document).ready(function(){
  426. $(".sh-cxtotal").hide();
  427. $("#sh-atividades").click(function(){
  428. $(this).next(".sh-cxtotal").slideToggle('fast');
  429. }); }); </script>
  430.  
  431. <body>
  432.  
  433. <!-- BORDAS -->
  434. <div style="position:fixed; width:100px; height:150%; margin-left:170px; margin-top:-5px; background-image:url('https://static.tumblr.com/jtskk8i/obppbo5jd/pngborda.png');"></div>
  435.  
  436.  
  437. <!-- INÍCIO SIDE TOTAL -->
  438. <div id="sh-centraliza">
  439.  
  440.  
  441. <!-- MATERIAIS -->
  442. <div class="sh-materiais">
  443.  
  444. <a href="http://clubedasereias.tumblr.com/LINKMATERIAL"> Headers </a>
  445. <a href="http://clubedasereias.tumblr.com/LINKMATERIAL"> Icons </a>
  446. <a href="http://clubedasereias.tumblr.com/LINKMATERIAL"> Banners </a>
  447. <a href="http://clubedasereias.tumblr.com/LINKMATERIAL"> Wallpapers </a>
  448.  
  449. </div>
  450.  
  451.  
  452.  
  453. <div style="position:fixed; width:100%; height:38px; margin-left:270px; margin-top:-5px; background:{color:background color};"></div>
  454.  
  455.  
  456. <!-- HOVER HEART -->
  457. <div class="sh-heart"><i class="ion-heart"></i>
  458. <div class="sh-hover"><a href="http://clubedasereias.tumblr.com"> Bem-Vindo (a) ao mundo das sereias! Fiquem à vontade e curta a vibe!</a>
  459. </div></div>
  460. <!-- HOVER HEART -->
  461.  
  462.  
  463.  
  464. <!-- FAIXA BORDA -->
  465. <div style="position:fixed; width:2px; height:150%; margin-left:195px; margin-top:-5px; background:{color:background color}; z-index:9;"></div>
  466.  
  467. <!-- TÍTULOS EM PNG. -->
  468. <shtit></shtit>
  469.  
  470.  
  471. <!-- PARCEIROS-->
  472. <p id="sh-atividades" title="Clique para ver os nossos parceiros!"> Parceiros </p>
  473. <div class="sh-cxtotal">
  474. <div id="sh-prc">
  475.  
  476. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  477. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  478. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  479. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  480. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  481. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  482. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  483. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  484. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  485. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  486. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  487. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  488. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  489. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  490. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  491. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  492. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  493. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  494. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  495. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  496. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  497. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  498. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  499. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  500. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  501. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  502. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  503. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  504. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  505. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  506. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  507. <a href="http://shwnty.tumblr.com/" title="VAGA" target="_blank"> VG </a>
  508.  
  509.  
  510. </div>
  511. </div>
  512. <!-- FIM PARCEIROS -->
  513.  
  514.  
  515.  
  516.  
  517. <!-- INÍCIO MODERADORAS -->
  518. <div id="sh-intg">
  519.  
  520.  
  521. <!-- MODERADORA 01 -->
  522. <div class="sh-equipe">
  523. <img src="http://api.tumblr.com/v2/blog/{text:moderadora1 url}.tumblr.com/avatar/96/">
  524. <div class="sh-dtl1"></div>
  525. <div class="sh-names"> <a href="http://{text:moderadora1 url}.tumblr.com/" title="{text:moderadora1 url}" target="_blank">{text:moderadora nome1 url}</a></div>
  526. </div>
  527.  
  528.  
  529. <!-- MODERADORA 02 -->
  530. <div class="sh-equipe">
  531. <img src="http://api.tumblr.com/v2/blog/{text:moderadora2 url}.tumblr.com/avatar/96/">
  532. <div class="sh-dtl1"></div>
  533. <div class="sh-names"> <a href="http://{text:moderadora2 url}.tumblr.com/" title="{text:moderador2 url}" target="_blank">{text:moderadora nome2 url}</a></div>
  534. </div>
  535.  
  536.  
  537. <!-- MODERADORA 03 -->
  538. <div class="sh-equipe">
  539. <img src="http://api.tumblr.com/v2/blog/{text:moderadora3 url}.tumblr.com/avatar/96/">
  540. <div class="sh-dtl1"></div>
  541. <div class="sh-names"> <a href="http://{text:moderadora3 url}.tumblr.com/" title="{text:moderadora3 url}" target="_blank">{text:moderadora nome3 url}</a></div>
  542. </div>
  543.  
  544.  
  545. <!-- MODERADORA 04 -->
  546. <div class="sh-equipe">
  547. <img src="http://api.tumblr.com/v2/blog/{text:moderadora4 url}.tumblr.com/avatar/96/">
  548. <div class="sh-dtl1"></div>
  549. <div class="sh-names"> <a href="http://{text:moderadora4 url}.tumblr.com/" title="{text:moderadora4 url}" target="_blank">{text:moderadora nome4 url}</a></div>
  550. </div>
  551.  
  552.  
  553. <!-- MODERADORA 05 -->
  554. <div class="sh-equipe">
  555. <img src="http://api.tumblr.com/v2/blog/{text:moderadora5 url}.tumblr.com/avatar/96/">
  556. <div class="sh-dtl1"></div>
  557. <div class="sh-names"> <a href="http://{text:moderadora5 url}.tumblr.com/" title="{text:moderadora5 url}" target="_blank">{text:moderadora nome5 url}</a></div>
  558. </div>
  559.  
  560.  
  561. <!-- MODERADORA 06 -->
  562. <div class="sh-equipe">
  563. <img src="http://api.tumblr.com/v2/blog/{text:moderadora6 url}.tumblr.com/avatar/96/">
  564. <div class="sh-dtl1"></div>
  565. <div class="sh-names"> <a href="http://{text:moderadora6 url}.tumblr.com/" title="{text:moderadora6 url}" target="_blank">{text:moderadora nome6 url}</a></div>
  566. </div>
  567.  
  568.  
  569. <!-- MODERADORA 07 -->
  570. <div class="sh-equipe">
  571. <img src="http://api.tumblr.com/v2/blog/{text:moderadora7 url}.tumblr.com/avatar/96/">
  572. <div class="sh-dtl1"></div>
  573. <div class="sh-names"> <a href="http://{text:moderadora7 url}.tumblr.com/" title="{text:moderadora7 url}" target="_blank">{text:moderadora nome7 url}</a></div>
  574. </div>
  575.  
  576.  
  577. <!-- MODERADORA 08 -->
  578. <div class="sh-equipe">
  579. <img src="http://api.tumblr.com/v2/blog/{text:moderadora8 url}.tumblr.com/avatar/96/">
  580. <div class="sh-dtl1"></div>
  581. <div class="sh-names"> <a href="http://{text:moderadora8 url}.tumblr.com/" title="{text:moderadora8 url}" target="_blank">{text:moderadora nome8 url}</a></div>
  582. </div>
  583.  
  584.  
  585. <!-- MODERADORA 09 -->
  586. <div class="sh-equipe">
  587. <img src="http://api.tumblr.com/v2/blog/{text:moderadora9 url}.tumblr.com/avatar/96/">
  588. <div class="sh-dtl1"></div>
  589. <div class="sh-names"> <a href="http://{text:moderadora9 url}.tumblr.com/" title="{text:moderadora9 url}" target="_blank">{text:moderadora nome9 url}</a></div>
  590. </div>
  591.  
  592.  
  593. <!-- MODERADORA 10 -->
  594. <div class="sh-equipe">
  595. <img src="http://api.tumblr.com/v2/blog/{text:moderadora10 url}.tumblr.com/avatar/96/">
  596. <div class="sh-dtl1"></div>
  597. <div class="sh-names"> <a href="http://{text:moderadora10 url}.tumblr.com/" title="{text:moderadora10 url}" target="_blank">{text:moderadora nome10 url}</a></div>
  598. </div>
  599.  
  600.  
  601. <!-- MODERADORA 11 -->
  602. <div class="sh-equipe">
  603. <img src="http://api.tumblr.com/v2/blog/{text:moderadora11 url}.tumblr.com/avatar/96/">
  604. <div class="sh-dtl1"></div>
  605. <div class="sh-names"> <a href="http://{text:moderadora11 url}.tumblr.com/" title="{text:moderadora11 url}" target="_blank">{text:moderadora nome11 url}</a></div>
  606. </div>
  607.  
  608.  
  609. <!-- MODERADORA 12 -->
  610. <div class="sh-equipe">
  611. <img src="http://api.tumblr.com/v2/blog/{text:moderadora12 url}.tumblr.com/avatar/96/">
  612. <div class="sh-dtl1"></div>
  613. <div class="sh-names"> <a href="http://{text:moderadora12url}.tumblr.com/" title="{text:moderadora12 url}" target="_blank">{text:moderadora nome12 url}</a></div>
  614. </div>
  615.  
  616.  
  617. <!-- MODERADORA 13 -->
  618. <div class="sh-equipe">
  619. <img src="http://api.tumblr.com/v2/blog/{text:moderadora13 url}.tumblr.com/avatar/96/">
  620. <div class="sh-dtl1"></div>
  621. <div class="sh-names"> <a href="http://{text:moderadora13 url}.tumblr.com/" title="{text:moderadora13 url}" target="_blank">{text:moderadora nome13 url}</a></div>
  622. </div>
  623.  
  624.  
  625. <!-- MODERADORA 14 -->
  626. <div class="sh-equipe">
  627. <img src="http://api.tumblr.com/v2/blog/{text:moderadora14 url}.tumblr.com/avatar/96/">
  628. <div class="sh-dtl1"></div>
  629. <div class="sh-names"> <a href="http://{text:moderadora14 url}.tumblr.com/" title="{text:moderadora14 url}" target="_blank">{text:moderadora nome14 url}</a></div>
  630. </div>
  631.  
  632.  
  633. </div>
  634. <!-- FIM MODERADORAS -->
  635.  
  636.  
  637.  
  638. <!-- MENU'S DO THEME -->
  639. <!-- MENU -->
  640. <div class="sh-menu">
  641.  
  642. <a href="{text:link1}" title="{text:link1 nome}"><i class="fa fa-home"></i></a>
  643. <a href="{text:link2}" title="{text:link2 nome}"><i class="fa fa-envelope"></i></a>
  644. <a href="{text:link3}" title="{text:link3 nome}"><i class="fa fa-heart"></i></a>
  645. <a href="{text:link4}" title="{text:link4 nome}"><i class="fa fa-camera"></i></a>
  646. <a href="{text:link5}" title="{text:link5 nome}"><i class="fa fa-plus"></i></a>
  647. </div>
  648. <!-- MENU -->
  649.  
  650.  
  651.  
  652. <!-- PAINEL -->
  653. <div class="sh-painel">
  654.  
  655. <a href="https://www.tumblr.com/follow/{Name}" title="Follow Us" target="_blank"><i class="ion-person-add"></i></a>
  656. <a href="https://www.tumblr.com/" title="Dashboard" target="_blank"><i class="ion-home"></i></a>
  657. <a href="https://www.tumblr.com/message/{Name}" title="Chat" target="_blank"><i class="ion-chatbubble-working"></i></a>
  658. <a href="http://shwnty.tumblr.com/" title="Theme by: Shwnty - Don't Copy. Exclusive" target="_blank"><i class="ion-code"></i></a>
  659. </div>
  660. <!-- PAINEL -->
  661.  
  662.  
  663.  
  664. <!-- DESTAQUES -->
  665. <div id="shfx"> <div class="sh-destaquepng"></div>
  666.  
  667. <div class="sh-iconsat">
  668.  
  669. <a href="http://{text:destaque1 url}.tumblr.com/" title="{text:destaque1 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque1 url}.tumblr.com/avatar/96/"></a>
  670.  
  671. <a href="http://{text:destaque2 url}.tumblr.com/" title="{text:destaque2 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque2 url}.tumblr.com/avatar/96/"></a>
  672.  
  673. <a href="http://{text:destaque3 url}.tumblr.com/" title="{text:destaque3 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque3 url}.tumblr.com/avatar/96/"></a>
  674.  
  675. <a href="http://{text:destaque4 url}.tumblr.com/" title="{text:destaque4 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque4 url}.tumblr.com/avatar/96/"></a>
  676.  
  677. <a href="http://{text:destaque5 url}.tumblr.com/" title="{text:destaque5 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque5 url}.tumblr.com/avatar/96/"></a>
  678.  
  679. <a href="http://{text:destaque6 url}.tumblr.com/" title="{text:destaque6 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque6 url}.tumblr.com/avatar/96/"></a>
  680.  
  681. <a href="http://{text:destaque7 url}.tumblr.com/" title="{text:destaque7 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque7 url}.tumblr.com/avatar/96/"></a>
  682.  
  683. <a href="http://{text:destaque8 url}.tumblr.com/" title="{text:destaque8 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque8 url}.tumblr.com/avatar/96/"></a>
  684.  
  685. <a href="http://{text:destaque9 url}.tumblr.com/" title="{text:destaque9 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque9 url}.tumblr.com/avatar/96/"></a>
  686.  
  687. <a href="http://{text:destaque10 url}.tumblr.com/" title="{text:destaque10 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque10 url}.tumblr.com/avatar/96/"></a>
  688.  
  689. </div>
  690. </div>
  691. <!-- FIM DESTAQUES -->
  692.  
  693.  
  694.  
  695.  
  696. <!-- TOP 5 -->
  697. <div id="shfx2"> <div class="sh-toppng"></div>
  698.  
  699. <div class="sh-iconsat" style="width:130px; margin-left:10px;">
  700.  
  701. <a href="http://{text:top1 url}.tumblr.com/" title="{text:top1 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top1 url}.tumblr.com/avatar/96/"></a>
  702.  
  703. <a href="http://{text:top2 url}.tumblr.com/" title="{text:top2 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top2 url}.tumblr.com/avatar/96/" style="width:32px; height:32px;"></a>
  704.  
  705. <a href="http://{text:top3 url}.tumblr.com/" title="{text:top3 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top3 url}.tumblr.com/avatar/96/"></a>
  706.  
  707. <a href="http://{text:top4 url}.tumblr.com/" title="{text:top4 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top4 url}.tumblr.com/avatar/96/"></a>
  708.  
  709. <a href="http://{text:top5 url}.tumblr.com/" title="{text:top5 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:top5 url}.tumblr.com/avatar/96/"></a>
  710.  
  711. </div>
  712. </div>
  713. <!-- FIM TOP 5 -->
  714.  
  715.  
  716.  
  717.  
  718. <!-- FÃS SEMANAIS -->
  719. <div id="shfx3"> <div class="sh-faspng"></div>
  720.  
  721. <div class="sh-iconsat" style="width:190px;">
  722.  
  723. <a href="http://{text:fa1 url}.tumblr.com/" title="{text:fa1 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:fa1 url}.tumblr.com/avatar/96/" style="margin:2px;"></a>
  724.  
  725. <a href="http://{text:fa2 url}.tumblr.com/" title="{text:fa2 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:fa2 url}.tumblr.com/avatar/96/" style="margin:2px;"></a>
  726.  
  727. <a href="http://{text:fa3 url}.tumblr.com/" title="{text:fa3 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:fa3 url}.tumblr.com/avatar/96/" style="margin:2px;"></a>
  728.  
  729. <a href="http://{text:fa4 url}.tumblr.com/" title="{text:fa4 url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:fa4 url}.tumblr.com/avatar/96/" style="margin:2px;"></a>
  730.  
  731.  
  732.  
  733. </div>
  734. </div>
  735. <!-- FIM FÃS SEMANAIS -->
  736.  
  737.  
  738.  
  739.  
  740. <!-- SEREIA DO MÊS -->
  741. <div id="shfx4"> <div class="sh-sereiapng"></div>
  742.  
  743. <div class="sh-iconsat" style="width:75px; z-index:999;">
  744.  
  745. <a href="http://{text:sereia url}.tumblr.com/" title="{text:sereia url}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:sereia url}.tumblr.com/avatar/96/" style="width:45px; height:45px; border-radius:100%;"></a>
  746.  
  747. </div>
  748.  
  749. <div class="sh-descri"> {text:sereia descricao} </div>
  750.  
  751. </div>
  752. <!-- FIM MERCENÁRIA DO MÊS -->
  753.  
  754.  
  755.  
  756.  
  757. <!-- CRÉDITOS - NÃO RETIRE ESSA PORRA AQUI. -->
  758. <div class="sh-cred">
  759. <a href="http://shwnty.tumblr.com/" title="Don't copy." target="_blank">Theme by: Shwnty.</a> Desenho: Glamourst.</div>
  760.  
  761.  
  762. </div>
  763. <!-- FIM SIDE TOTAL -->
  764.  
  765.  
  766. <!-- NÃO REMOVA. -->
  767. <div class="engrenagem"><i class="fa fa-gear"></i></div>
  768.  
  769.  
  770.  
  771.  
  772.  
  773. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  774.  
  775.  
  776.  
  777. <div id="sh-cx">
  778.  
  779. {block:Posts}
  780. <div class="sh-posts">
  781.  
  782. {block:Text}
  783. {block:Title}<div class="h1"><center>{Title}</center></div>{/block:Title}
  784. {body}
  785. {/block:Text}
  786.  
  787.  
  788.  
  789.  
  790. {block:Quote}
  791. <div class="sh-quotes">{Quote}</div>
  792. {block:Source}<div class="sh-source"> &mdash; {Source} </div>{/block:Source}
  793. {/block:Quote}
  794.  
  795.  
  796.  
  797.  
  798. {block:Chat}
  799. {block:Lines}
  800. <div class="chat">
  801. <div class="lines">{block:Label}
  802. <span>{Label}</span>
  803. {/block:Label}
  804. {Line}</div></div>
  805. {/block:Lines}
  806. {/block:Chat}
  807.  
  808.  
  809.  
  810.  
  811. {block:Link}
  812. <a href="{URL}" target="{Target}"><div class="sh-link"><titulo>{Name}</a></titulo></div>{block:Description}{Description}{/block:Description}
  813. {/block:Link}
  814.  
  815.  
  816.  
  817.  
  818. {block:Audio}
  819. <div class="text">
  820. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  821. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  822. <div id="laudio-caption">
  823. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  824. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  825. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  826. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  827. </div></div>
  828. {/block:Audio}
  829.  
  830.  
  831.  
  832.  
  833. {block:Photo}
  834. <div class="sh-imgp"><img src="{PhotoURL-500}"></div>
  835. {Caption}
  836. {/block:Photo}
  837.  
  838.  
  839.  
  840.  
  841. {block:Photoset}
  842. <div class="sh-photoset"><center>{Photoset}</center></div>
  843. {Caption}
  844. {/block:Photoset}
  845.  
  846.  
  847.  
  848.  
  849. {block:Video}
  850. {block:Indexpage}<div class="sh-video">{Video-250}</div>{/block:IndexPage}
  851. {Caption}
  852. {/block:Video}
  853.  
  854.  
  855.  
  856.  
  857. {block:Answer}
  858. <img src="{AskerPortraitURL-24}"class="sh-icon">
  859. <div class="sh-pergunta"><div class="sh-perguntou">{Asker}</div> {Question}</div>
  860. <div class="sh-resposta">{Answer}</div>
  861. {/block:Answer}
  862.  
  863. <!--- shwnty notes --->
  864. {block:Indexpage}
  865. <div class="shnotes-cx">
  866. <div class="shfxnotes"></div>
  867. <div class="shnotes-date"><i class="fa fa-calendar" title="{TimeAgo}"></i> {DayOfMonth}{DayOfMonthSuffix} {ShortMonth}/{Year},<a href="{Permalink}" title="{NoteCountWithLabel}">.N</a></div>
  868. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  869. </div>
  870. {/block:Indexpage}
  871. <!--- shwnty notes --->
  872.  
  873. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  874. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  875.  
  876.  
  877. {block:permalinkpage}
  878. <div class="sh-posts">
  879. <div class="perma-tit" style="width:300px;"><i class="fa fa-info" style="color:{color:negrito};"></i> &nbsp; Post Info: </div>
  880. <div id="perma">
  881. {block:NoteCount}<div id="permalink"><i class="ion-heart"></i> {NoteCountWithLabel}</div>{/block:NoteCount}
  882. <div id="permalink"><i class="fa fa-tag"></i> Tag's: {block:Tags} <a href="{TagURL}">{Tag},</a>{/block:Tags}</div>
  883. {block:Date}
  884. <div id="permalink"><i class="fa fa-calendar"></i> {DayOfMonth} de <u>{Month}</u> de {Year}</div>{/block:Date}
  885. {block:ContentSource}
  886. <div id="permalink"><i class="fa fa-user"></i> Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a></div>
  887. {/block:ContentSource}</div></div>
  888.  
  889. {block:PostNotes}
  890. <div class="sh-posts">
  891. <div class="perma-tit"><i class="fa fa-history" aria-hidden="true" style="color:{color:negrito};"></i> &nbsp; Notas</div>
  892. {PostNotes}</div>{/block:PostNotes}
  893.  
  894. {/block:permalinkpage}
  895.  
  896.  
  897. {/block:Posts}
  898. </div>
  899.  
  900.  
  901.  
  902. {block:IndexPage}
  903. <div class="column navigation" id="navigation">
  904. {block:Pagination}
  905. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  906. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  907. </div>
  908. {/block:IndexPage}
  909. </div>
  910.  
  911.  
  912. <!-- FIM CAIXA DOS POSTS -->
  913.  
  914.  
  915. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  916. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  917. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  918.  
  919.  
  920. <!-- VOLTAR AO TOPO. -->
  921. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  922. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  923. <a href="javascript:;" title="Voltar ao Topo" id="scrollToTop"><i class="ion-ios-arrow-up"> </i></a>
  924.  
  925.  
  926.  
  927. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  928. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  929. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  930. <script>(function($){$(document).ready(function(){$("[title]")
  931. .style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:20,
  932. tip_fade_speed:400, attribute:"title"});});})(jQuery);</script>
  933.  
  934. <script> function click() {if (event.button==2||event.button==3) {oncontextmenu='return false';}} document.onmousedown=click document.oncontextmenu = new Function("return false;") </script>
  935.  
  936.  
  937. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  938. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  939. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  940.  
  941.  
  942.  
  943. <script type="text/javascript">
  944. $(window).load(function () {
  945. $('#sh-cx').masonry(),
  946. $('.masonryWrap').infinitescroll({
  947. navSelector : "div#navigation",
  948. nextSelector : "div#navigation a#nextPage",
  949. itemSelector : ".sh-posts",
  950. bufferPx : 10000,
  951. extraScrollPx: 11000,
  952. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  953. loadingText : "",
  954. },
  955. // call masonry as a callback.
  956. function() { $('#sh-cx').masonry({ appendedContent: $(this) }); }
  957. );
  958. });
  959. </script>
  960.  
  961. </body>
  962. </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!