wafiosadesigns

SH Theme Feminino #02

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