API tools faq
paste
wafiosadesigns

SH Themes Família #01

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