API tools faq
paste
wafiosadesigns

SH Theme Feminino #01

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