wafiosadesigns

SH Theme Feminino #08

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