API tools faq
paste
wafiosadesigns

SH Vitrine Atual (EM MODIFICAÇÃO)

wafiosadesigns
Jul 25th, 2018
169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 65.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head profile="http://gmpg.org/xfn/11">
  5.  
  6. <title>{title}</title>
  7. <meta name="copyrighted-site-verification" content="01c3a8a300b69c53" />
  8. <link rel="shortcut icon" href="{favicon}">
  9.  
  10.  
  11.  
  12.  
  13. <!------------------------• ♡ ❤ ♡
  14.  
  15.  
  16. SHWNTY THEMES ORIGINALLY 2016 ©
  17. NÃO AUTORIZO O USO DE DETALHES NENHUM.
  18. NÃO RETIRE MEUS CRÉDITOS, NÃO SE INSPIRE.
  19.  
  20. • • • • • • •
  21.  
  22. QUALQUER CÓPIA DO MEU THEME, NÃO IMPORTA O QUANTO, OU QUE SEJA APENAS
  23. UM PEQUENO CÓDIGO, SEM A DEVIDA PERMISSÃO SERÁ CONSIDERADO PLÁGIO.
  24.  
  25. --• DON'T COPY. •--
  26. --• DON'T REDISTRIBUTE. •--
  27. --• DON'T USE THIS THEME AS BASE TO MAKE OTHER(S) THEME(S). •--
  28.  
  29. BY GABRIELA SOUZA • © 2016 - 2017
  30. ALL RIGHTS RESERVED ©
  31.  
  32. • • • • • • •
  33.  
  34. • ALL CODES FOUND ON THIS TUMBLR ARE PROTECTED BY COPYRIGHTED •
  35.  
  36. • COPYRIGHT NUMBER: YBTFC8zCzWWbyLet
  37. • REGISTRATION DATE
  38. : July 25, 2018 at 10:46 AM
  39. • MORE: https://www.copyrighted.com/website/YBTFC8zCzWWbyLet
  40.  
  41.  
  42. ♡ ❤ ♡ •------------------------->
  43.  
  44.  
  45.  
  46.  
  47.  
  48. <!-- APPEARANCE -->
  49. <meta name="color:posts color" content="#f4fdff"/>
  50. <meta name="color:texto" content="#9589b8"/>
  51. <meta name="color:texto ask" content="#9589b8"/>
  52. <meta name="color:link" content="#9589b8"/>
  53. <meta name="color:link menu hover" content="#a3c6cf"/>
  54. <meta name="color:negrito" content="#a3c6cf"/>
  55. <meta name="color:detalhes do theme" content="#9589b8"/>
  56. <meta name="color:detalhes do theme2" content="#eef9fc"/>
  57. <meta name="color:detalhes do theme3" content="#000"/>
  58. <meta name="color:search" content="#181818"/>
  59. <meta name="color:caixas totais" content="#ecfafc"/>
  60. <meta name="color:color mods" content="#c2e1e8"/>
  61. <!-- APPEARANCE -->
  62.  
  63.  
  64. </head>
  65. <style>
  66.  
  67. /* FONT FACES */
  68. @font-face {font-family:'Pf Arma Five'; src:url('https://static.tumblr.com/jtskk8i/TK5pcdwba/pf_arma_five.ttf'); font-weight: normal; font-style: normal;}
  69.  
  70. body {background-image:url('https://static.tumblr.com/jtskk8i/Aaypbxcl8/shpattern.png'); background-attachment:fixed; margin:0px auto 0px; font-family:'Fjalla One'; letter-spacing:1px; -webkit-animation:Shwnty-Thms 2s; -moz-animation:Shwnty-Thms 2s; animation:Shwnty-Thms 2s;}
  71.  
  72. @-webkit-keyframes Shwnty-Thms{ 0% {opacity:0; -webkit-transform:translateY(-1000px);} 100% {opacity:1; -webkit-transform:translateY(0);}}
  73. @-moz-keyframes Shwnty-Thms{ 0% {opacity:0; -webkit-transform:translateY(-1000px);} 100% {opacity:1; -webkit-transform:translateY(0);}}
  74. @keyframes Shwnty-Thms{ 0% {opacity:0; -webkit-transform:translateY(-1000px);} 100% {opacity:1; -webkit-transform:translateY(0);}}
  75.  
  76. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  77. a:hover {color:{color:negrito};}
  78.  
  79. b {color:{color:negrito}; font-weight:normal;}
  80.  
  81. h2 {color:{color:negrito}; font-size:16px; font-weight:normal;}
  82.  
  83. hr {border-top: 1px dashed {color:detalhes do theme}; border-bottom: 1px solid transparent; color: transparent; background-color: transparent; height: 0px;}
  84.  
  85. titulo{text-decoration:none; font-weight:normal;}
  86.  
  87. blockquote {margin:0px; text-decoration:none; font-size:10px; text-transform:uppercase; text-align:center; font-family: 'Pf Arma Five'; transition:1s;}
  88.  
  89. blockquote a:hover{letter-spacing:2px; font-size:10px; transition:1s;}
  90.  
  91. ul a {font-size:10px; text-transform:uppercase; text-align:center; font-family: 'Pf Arma Five'; transition:1s;}
  92.  
  93. ul a:hover{letter-spacing:2px; font-size:10px; transition:1s;}
  94.  
  95. li a {font-size:10px; text-transform:uppercase; text-align:center; font-family: 'Pf Arma Five'; transition:1s;}
  96.  
  97. li a:hover{letter-spacing:2px; font-size:10px; transition:1s;}
  98.  
  99. pre, code {background:{color:background color}; color:{color:texto}; font-size:12px; text-align: justify; padding: 10px; overflow:auto; text-transform:none;}
  100.  
  101. pre::-webkit-scrollbar{width:4px;height:4px;}
  102. pre::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:negrito}; -webkit-border-radius:0px;}
  103.  
  104. code::-webkit-scrollbar{width:4px;height:4px;}
  105. code::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:negrito}; -webkit-border-radius:0px;}
  106.  
  107. .h1 {text-align:center; font-weight:normal; font-size:12px; color:{color:texto}; line-height:20px; margin-bottom:9px; margin-top:10px; letter-spacing:2px; text-transform:uppercase; }
  108. .h1 a{color:{color:detalhes do theme}; text-transform:uppercase}
  109.  
  110. /* SELEÇÃO DO TEXTO */
  111. ::selection{background:{color:detalhes do theme}; color:{color:posts color};}
  112. ::-moz-selection{background:{color:detalhes do theme}; color:{color:posts color};}
  113. ::-webkit-selection{background:{color:detalhes do theme}; color:{color:posts color};}
  114.  
  115. /* BARRA DE ROLAGEM */
  116. ::-webkit-scrollbar{width:6px; height:6px; background:{color:posts color}; box-shadow:inset 1px 1px 3px rgba(161, 196, 196, .2), inset -1px -1px 2px rgba(0, 0, 0, .2); }
  117. ::-webkit-scrollbar-thumb{background:{color:detalhes do theme};}
  118.  
  119.  
  120. /* TOOLTIP */
  121. .tooltip {display: inline; position: relative;}
  122. #s-m-t-tooltip {-webkit-animation: CH 600ms; max-width:600px; margin:20px 20px 20px 8px; font-family: 'Pf Arma Five'; font-size:10px; text-align:center; text-transform:uppercase; color:#77a3ad; text-shadow:1px 1px rgba(255, 255, 255, .2); padding:4px; box-shadow:inset 1px 1px 2px rgba(161, 196, 196, .2), inset -1px -1px 2px rgba(0, 0, 0, .2); border-radius:5px; background:{color:color mods}; z-index:999999999999999999;}
  123.  
  124.  
  125.  
  126.  
  127. /* CAIXA DOS POSTS */
  128. #sh-cx{position:relative; float:center; top:155px; left:500px; width:400px; color:{color:texto}; font-family: 'Fjalla One'; font-size:12px; text-transform:uppercase; font-weight:normal; padding-bottom:200px;}
  129.  
  130.  
  131.  
  132. /* PERSONALIZAÇÃO DOS POSTS */
  133. .sh-posts{position:relative; font-family: 'Source Sans Pro'; float:center; display:inline-block; width:400px; height:auto; background:{color:posts color}; padding:10px 10px 7px 10px; margin:0 20px 20px auto!important; text-transform:uppercase; overflow:hidden;}
  134. .sh-posts {{block:PermalinkPage}width:450px; height:auto;{/block:PermalinkPage}}
  135.  
  136.  
  137.  
  138.  
  139. /* IMAGEM DOS POSTS */
  140. .sh-posts img{max-width:400px; height:auto; -webkit-transition:opacity 0.8s linear; opacity:0.9; -webkit-transition: 0.8s ease-in;-moz-transition: 0.8s ease-in; transition: 0.8s ease-in; -webkit-filter: grayscale(0.4);}
  141. .sh-posts img{{block:PermalinkPage}float:center; max-width:450px;{/block:PermalinkPage} }
  142. .sh-posts img:hover {-webkit-transition: 0.8s ease-in;-moz-transition: 0.8s ease-in; transition: 0.8s ease-in; -webkit-filter: grayscale(0);}
  143.  
  144. .sh-imgp img{width:400px; height:auto; -webkit-transition:opacity 0.8s linear; opacity:0.9; -webkit-transition: 0.8s ease-in;-moz-transition: 0.8s ease-in; transition: 0.8s ease-in; -webkit-filter: grayscale(0.4);}
  145. .sh-imgp img{{block:PermalinkPage}float:center; width:450px;{/block:PermalinkPage} }
  146. .sh-imgp img:hover {-webkit-transition: 0.8s ease-in;-moz-transition: 0.8s ease-in; transition: 0.8s ease-in; -webkit-filter: grayscale(0);}
  147.  
  148. .sh-photoset img{width:400px; height:auto; -webkit-transition:opacity 0.8s linear; opacity:0.9; -webkit-transition: 0.8s ease-in;-moz-transition: 0.8s ease-in; transition: 0.8s ease-in; -webkit-filter: grayscale(0.4);}
  149. .sh-photoset img{{block:PermalinkPage}float:center; width:450px;{/block:PermalinkPage} }
  150. .sh-photoset img:hover {-webkit-transition: 0.8s ease-in;-moz-transition: 0.8s ease-in; transition: 0.8s ease-in; -webkit-filter: grayscale(0);}
  151.  
  152. .sh-video {max-width:400px; height:auto; overflow-x:hidden; overflow-y:hidden;}
  153. .sh-video{{block:PermalinkPage}float:center; width:450px;{/block:PermalinkPage}}
  154.  
  155. .vsanna{display:none;}
  156.  
  157. /* CURSOR PERSONALIZADO */
  158. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  159. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  160.  
  161.  
  162. /* SCROLL TO TOP */
  163. #scrollToTop:link,#scrollToTop:visited {position:fixed; bottom:20px; right:20px; width:16px; height:20px; line-height:0px; border-radius:5px; font-size:10px; color:#61587c; text-shadow:1px 1px 0px rgba(255, 255, 255, .1); font-size:17px; display:none; padding-left:5px; padding-top:2px; background:{color:detalhes do theme}; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4); z-index:9999999999999;}
  164.  
  165.  
  166.  
  167. /************* paginação HTMLuv! */
  168. a.paginacao { background:{color:detalhes da vitrine}; font-family: 'Rajdhani'; letter-spacing: 2px; text-transform: uppercase; font-size:10px; display: inline; border-radius: 4px; width: auto; padding: 5px; line-height: 25px; color: #f6f6f6; /* cor da fonte */ z-index:100; margin:2px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
  169.  
  170.  
  171.  
  172. /* PERMALINK POR THINGS TO HELP YOU
  173. TOTALMENTE MODIFICADO POR SHWNTY */
  174. .perma-tit {display: block; text-transform: uppercase; font-family:'Pf Arma Five'; 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;}
  175.  
  176. .perma-tit i {color:{color:negrito}; text-shadow:1px 1px rgba(255, 255, 255, .2); font-size:12px; margin:2px;}
  177.  
  178. #permalink {margin-bottom: 4px; margin-top:0px; padding:5px; background:{color:caixas totais}; font-weight:normal; box-shadow:inset 1px 1px 2px rgba(161, 196, 196, .2), inset -1px -1px 2px rgba(0, 0, 0, .2); border-radius:5px; text-transform: uppercase; font-family:'Pf Arma Five'; font-size:9px; line-height:9px;}
  179.  
  180. #permalink i {color:{color:negrito}; text-shadow:1px 1px rgba(255, 255, 255, .2); font-size:12px; margin:2px;}
  181.  
  182. ol.notes {list-style: none; margin-left:-40px;}
  183. ol.notes li.note {margin-bottom: 4px; padding:5px; text-transform: uppercase; font-family:'Pf Arma Five'; font-size:9px; background:{color:caixas totais}; font-weight:normal; box-shadow:inset 1px 1px 2px rgba(161, 196, 196, .2), inset -1px -1px 2px rgba(0, 0, 0, .2); border-radius:5px; line-height:10px;}
  184. ol.notes li.note img.avatar {display: none;}
  185. ol.notes li.note span.action {color:{color:negrito};}
  186. ol.notes li.note .answer_content {font-weight: normal;}
  187. ol.notes li.note blockquote {display: none;}
  188. ol.notes li.note blockquote a {text-decoration: none; color:color:{color:negrito};}
  189.  
  190.  
  191.  
  192.  
  193.  
  194. /* --• ESTILO DE NOTES DOS TEXTOS BY SHWNTY
  195. DON'T COPY. ESTILO TOTALMENTE EXCLUSIVO.
  196. GOSTOU? PEDE NA ASK.
  197. INSPIRADO NA CHILINGS. •-- */
  198.  
  199. .shnotes-cx{display:block; margin-top:0px; margin-left:-10px; width:370px; height:20px; text-transform:uppercase;; font-weight:normal; border-top:1px solid {color:negrito};}
  200.  
  201. .shnotes-date{display:inline-block; float:left; color:{color:texto}; margin-top:8px; margin-left:8px; font-size:10px;}
  202.  
  203. .shnotes-date a{color:{color:detalhes titulos};}
  204.  
  205. .shnotes-date i {background:{color:color mods}; width:12px; height:12px; font-size:8px; text-align:center; padding:2px; border-radius:100%; line-height:12px; color:#77a3ad; text-shadow:1px 1px rgba(255, 255, 255, .2);}
  206.  
  207. .shnotes-reblog i {display:inline-block; float:right; margin-right:5px; margin-top:6px; background:{color:color mods}; width:12px; height:12px; font-size:9px; text-align:center; padding:3px; border-radius:100%; line-height:12px; color:#77a3ad; text-shadow:1px 1px rgba(255, 255, 255, .2);}
  208.  
  209. .custom-like-button *{cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  210. .custom-like-button {position:relative; display:inline-block; vertical-align:top; margin-top:6px; height:10px; cursor:pointer; float:right; right:5px; background:{color:color mods}; width:12px; height:12px; font-size:9px; text-align:center; padding:3px; border-radius:100%; line-height:21px; color:#77a3ad; text-shadow:1px 1px rgba(255, 255, 255, .2)}
  211.  
  212. .like_button:hover + .our_button {color:{color:detalhes do theme};}
  213. .like_button.liked + .our_button {color:{color:posts color};}
  214. .like_button iframe {width:100%!important;height:100%!important;}
  215. .like_button {z-index:10;opacity:0;}
  216. .our_button {z-index:1;}
  217. .our_button,.like_button {position:absolute;top:0;left:0;width:100%;height:100%;}
  218.  
  219.  
  220. /* --• ESTILO DE ASK BY SHWNTY
  221. DON'T COPY. GOSTOU? PEDE NA ASK. •-- */
  222.  
  223. .sh-icon {margin-top:5px; margin-left:-3px; width:20px; height:20px; float:left; padding:3px; text-align:center; background:{color:detalhes do theme2}; border-radius:100%; box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .2), 1px 1px rgba(255, 255, 255, .2);}
  224.  
  225. .sh-perguntou{display:inline-block; width:auto; margin-left:0px; margin-top:0px; height:7px; line-height:7px; font-size:8px; letter-spacing:1px; padding:3px; text-align:center; text-transform:uppercase; background:{color:detalhes do theme2}; border-radius:3px; box-shadow:inset 1px 1px 4px rgba(255, 255, 255, .3), inset -1px -1px 3px rgba(0, 0, 0, .4);}
  226. .sh-perguntou a{color:#824f5f; text-shadow:1.5px 1.5px rgba(255, 255, 255, .1);}
  227. .sh-perguntou a:hover {color:{color:posts color}; text-shadow:1px 1px rgba(0, 0, 0, .1);}
  228.  
  229.  
  230. .sh-pergunta{margin-top:0px; margin-left:25px; height:auto; width:auto; text-align:left; padding:5px; background:{color:background color}; color:#546d70; text-shadow:1px 1px rgba(255, 255, 255, .2); box-shadow:inset 1px 1px 0 rgba(0,0,0,.1), 1px 1px rgba(255,255,255,.3); border-radius:3px; font-weight:normal; line-height:14px; font-size:10px;}
  231.  
  232. .sh-resposta{margin-top:3px; height:auto; width:auto; text-align:center; line-height:12px; font-size:11px; text-shadow:1px 1px rgba(0, 0, 0, .1);}
  233.  
  234.  
  235. /* --• ESTILO DE QUOTES BY: SHWNTY •-- */
  236.  
  237. .sh-quotes {font-size:12px; text-align:center; margin-top:0px; color:{color:texto}; letter-spacing:1px; text-transform:uppercase;}
  238. .sh-source {margin-top:5px; border-top:1px solid {detalhes titulos}; font-size:8px; text-align:right; text-transform:uppercase; line-height:24px; color:{color:texto};}
  239.  
  240. .chat {margin:0px; text-align:left;}
  241. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  242. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  243. #laudio-caption {margin-top:10px;}
  244. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  245. #lalbum-art {display:inline-block; float:left;}
  246. #laudio-player {display:inline-block;}
  247.  
  248.  
  249.  
  250.  
  251. /* FOTTER POR SHWNTY THEMES - DON'T COPY */
  252. #sh-footer {margin-left:-10px; text-align:center; color:{color:posts color}; text-shadow: 0px 1px 1px rgba(225, 225, 225, 0.5); font-family:'Rajdhani', sans-serif; font-size:11px; text-align: center; line-height:70px; text-transform:uppercase; background-image:url('http://static.tumblr.com/u89hi8f/YWZozqfjn/footer.png'); background-repeat: no-repeat; background-position: bottom; width:1373px; height:235px; clear: both; border-bottom:20px solid #f6f6f6;}
  253. #sh-footer a{color:{color:negrito}; cursor: pointer;}
  254.  
  255. #sh-footercred{ width:1371px; height:15px; line-height:17px; font-family: 'Rajdhani', sans-serif; font-size:12px; text-transform:uppercase; margin-top:237px !important; position:absolute; letter-spacing:1px; color:#2e2e2e;}
  256. #sh-footercred a{color:{color:negrito}; text-transform:uppercase;}
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263. /* INÍCIO SIDEBAR DA VITRINE */
  264.  
  265. /* BOX TOP */
  266. #sh-box1 {position:absolute; width:1320px; height:120px; margin-left:20px; top:10px; background-image:url('https://static.tumblr.com/jtskk8i/4iqpcy9ik/sh-header.png'); text-align:center;}
  267.  
  268.  
  269.  
  270.  
  271. /* SEARCH */
  272. .sh-searchcx {position:absolute; margin-top:64px; right:30px;}
  273. #shsearch {margin-top:5px; float:center;}
  274. #shsearch input[type=text] {outline: none; width:135px; height:20px; font-family:'Pf Arma Five'; font-size:10px; line-height:13px; text-transform:uppercase; text-align:left; color:{color:detalhes do theme3}; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); background:transparent; outline: none; border: 1px solid transparent;}
  275. #shsearch input.search-shw {margin-top:-1px; margin-left:4px; outline: none; font-family:'Pf Arma Five'; font-size:10px; float:center; color:#fff; width:23px; height:23px; border:0px; padding:3px; text-align:center; cursor: pointer; background:{color:search}; box-shadow:inset -1px -1px 1px rgba(255, 255, 255, .4), inset 1px 1px 1px rgba(0, 0, 0, .2); border-radius:100%;}
  276. #shsearch input.search-shw:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  277.  
  278.  
  279.  
  280.  
  281. /* MENU */
  282. .sh-menu {display:inline-block; margin-left:0px; margin-top:33px; width:1300px; height:auto; float:left; z-index:9999999;}
  283. .sh-menu a{display:inline-block; width:auto; height:16px; line-height:18px; margin:20px; text-align:center; font-family:'Grand Hotel'; font-size:30px; color:#8479a5; text-shadow:1px 1px 0px rgba(255, 255, 255, .1); padding-bottom:20px; letter-spacing:0px; transition:1s;}
  284. .sh-menu a:hover{border-bottom:2px solid {color:posts color}; padding-bottom:10px; letter-spacing:3px; transition:1s;}
  285. .sh-menu b {color:{color:posts color}; font-size:35px; font-weight:normal; text-shadow:1px 1px 0px transparent; transition:1s;}
  286. .sh-menu a:hover b{color:#8479a5; text-shadow:1px 1px 0px rgba(255, 255, 255, .1); transition:1s;}
  287.  
  288.  
  289.  
  290. /* MENU HOVER */
  291. #sh-menuhover {position:fixed; width:150%; height:30px; top:-10px; margin-left:-10px; background:{color:detalhes do theme}; border-bottom:2px solid {color:posts color}; padding:10px; line-height:40px; display:none; z-index:99999999;}
  292. #sh-menuhover a{display:inline-block; width:auto; height:16px; line-height:20px; margin:8px; text-align:center; font-family:'Grand Hotel'; font-size:20px; color:#8479a5; text-shadow:1px 1px 0px rgba(255, 255, 255, .1); letter-spacing:1px; padding-bottom:10px; transition:1s;}
  293. #sh-menuhover a:hover{border-bottom:3px solid {color:posts color}; padding-bottom:5px; letter-spacing:3px; transition:1s;}
  294. #sh-menuhover b {color:{color:posts color}; font-size:25px; font-weight:normal; text-shadow:1px 1px 0px transparent; transition:1s;}
  295. #sh-menuhover a:hover b{color:#8479a5; text-shadow:1px 1px 0px rgba(255, 255, 255, .1); transition:1s;}
  296.  
  297.  
  298.  
  299.  
  300. /* PAINEL */
  301. .sh-painel {position:absolute; width:190px; height:22px; margin-top:25px; right:20px; text-align:center;}
  302. .sh-painel a{display:inline-block; width:10px; height:10px; padding:5px; margin:5px; text-transform:uppercase; font-size:12px; text-align:center; color:{color:posts color}; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .1), 1px 1px rgba(255, 255, 255, 0.5); border-radius:100%; line-height:12px; transition:1s;}
  303. .sh-painel a:hover{color:#8479a5; text-shadow:1px 1px 0px rgba(255, 255, 255, .1); transition:1s;}
  304.  
  305.  
  306.  
  307.  
  308. /* BOX TOTAL LEFT */
  309. #sh-boxleft {position:absolute; width:300px; height:auto; left:80px; top:155px; background:{color:posts color}; text-align:center; padding-bottom:30px; -webkit-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; -moz-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; padding:10px; border-radius:5px; margin-bottom:50px;}
  310.  
  311.  
  312.  
  313. /* CAIXA 01 */
  314. .sh-cx1 {display:inline-block; width:300px; height:auto; margin-left:0px; margin-top:0px; background:{color:caixas totais}; text-align:center; padding-bottom:10px; font-weight:normal; box-shadow:inset 1px 1px 2px rgba(161, 196, 196, .2), inset -1px -1px 2px rgba(0, 0, 0, .2); border-radius:5px;}
  315.  
  316.  
  317.  
  318.  
  319. /* TÍTULOS EM PNG */
  320.  
  321. /* PNG PARCEIROS */
  322. .sh-welcomepng {display:inline-block; width:231px; height:61px; margin-left:-110px; margin-top:-5px; background-image:url('https://static.tumblr.com/jtskk8i/Exepcy9mb/sh-welcome.png');}
  323.  
  324. .sh-partnerpng {display:inline-block; width:231px; height:61px; margin-left:-110px; margin-top:-5px; background-image:url('https://static.tumblr.com/jtskk8i/n51pcy9n3/sh-partners.png');}
  325.  
  326. .sh-updatespng {display:inline-block; width:231px; height:61px; margin-left:-110px; margin-top:-5px; background-image:url('https://static.tumblr.com/jtskk8i/715pcy9ni/sh-updates.png');}
  327.  
  328. .sh-creditspng {display:inline-block; width:231px; height:61px; margin-left:-110px; margin-top:-5px; background-image:url('https://static.tumblr.com/jtskk8i/c8wpcy9ox/sh-cred.png');}
  329.  
  330. .sh-statuspng {display:inline-block; width:231px; height:61px; margin-left:-110px; margin-top:-5px; background-image:url('https://static.tumblr.com/jtskk8i/r89pcy9p7/sh-status.png');}
  331.  
  332.  
  333.  
  334. /* DESCRIÇÃO */
  335. .sh-desc {display:inline-block; width:auto; height:auto; margin-left:0px; margin-top:-10px; padding:5px; font-family:'Fjalla One'; font-size:12px; color:{color:texto}; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); text-transform:uppercase; text-align:center; line-height:15px;}
  336. .sh-desc b {font-weight:normal; text-shadow:1px 1px 0px transparent;}
  337.  
  338.  
  339.  
  340. /* PARCEIROS */
  341. #sh-mods{display:inline-block; margin-left:0px; margin-top:0px; width:auto;}
  342. #sh-modes{display:inline-block; width:60px; height:60px; background:{color:color mods}; box-shadow:inset 1px 1px 3px rgba(161, 196, 196, .2), inset -1px -1px 2px rgba(0, 0, 0, .2); border-radius:5px; margin:0 5px 9px 0; text-align:center; transition-duration:0.5s;}
  343. #sh-modes img{width:50px; height:50px; margin-top:5px; border-radius:5px;}
  344.  
  345. #sh-hnome{position:absolute; display:inline-block; margin-top:5px; margin-left:-50px; width:50px; height:50px; background:{color:detalhes do theme2}; border-radius:2px; transform: scale(0); transition-duration:0.5s; opacity:1;}
  346. #sh-modes:hover #sh-hnome{transform: scale(1);}
  347.  
  348. #sh-nome {position:absolute; margin-top:0px; margin-left:-40px; display:inline-block; width:50px; height:auto; font-family:'Grand Hotel'; font-size:18px; letter-spacing:.5px; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); color:{color:background color}; opacity:0; transition-duration:0.5s;}
  349. #sh-modes:hover #sh-nome {margin-top:15px; margin-left:-50px; text-shadow:1px 1px 0px rgba(255, 225, 225, .1); opacity:1; transition-delay:0.4s;}
  350.  
  351.  
  352.  
  353.  
  354. /* LINKS CAIXAS */
  355. .sh-links {display:inline-block; margin-left:0px; margin-top:-5px; width:350px; height:auto; float:center; z-index:9999999;}
  356. .sh-links a{display:inline-block; width:335px; height:16px; line-height:18px; margin:2px; text-align:left; font-family:'Fjalla One'; font-size:12px; text-transform:uppercase; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); border-left:1px solid {color:color mods}; text-indent:10px; -webkit-transition:1s;}
  357. .sh-links a:hover {margin-left:5px; -webkit-transition:1s;}
  358.  
  359.  
  360.  
  361. /* CRÉDITOS */
  362. .sh-creds {display:inline-block; margin-left:0px; margin-top:-5px; width:280px; height:auto; float:center; margin:2px; text-align:center; font-family:'Fjalla One'; font-size:12px; line-height:15px; text-transform:uppercase; color:{color:texto}; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); border-left:1px solid {color:color mods}; padding-left:5px; -webkit-transition:1s; z-index:9999999;}
  363. .sh-creds a{color:{color:negrito};}
  364. .sh-creds a:hover {color:{color:link};}
  365. .sh-creds:hover {margin-left:5px; -webkit-transition:1s;}
  366.  
  367.  
  368.  
  369. /* CAIXAS IFRAME */
  370.  
  371. /* CAIXA TOTAL - 02 */
  372. .sh-cx2 {display:inline-block; width:500px; height:auto; margin-left:0px; margin-top:30px; background:{color:caixas totais}; text-align:center; padding-bottom:10px; font-weight:normal; box-shadow:inset 1px 1px 2px rgba(161, 196, 196, .2), inset -1px -1px 2px rgba(0, 0, 0, .2); border-radius:5px;}
  373.  
  374.  
  375.  
  376.  
  377. /* TÍTULO CAIXAS */
  378. .sh-titc {display:block; width:500px; height:30px; margin-left:0px; margin-top:-35px; font-family:'Fjalla One'; font-size:13px; text-indent:10px; line-height:30px; color:#fff; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); text-transform:uppercase; text-align:left; background:{color:detalhes do theme}; border-radius:5px;}
  379.  
  380.  
  381.  
  382. /* CAIXA FAQ */
  383. #sh-faq {position:relative; width:500px; height:auto; left:0px; margin-top:0px; text-align:center; background:{color:posts color}; padding-bottom:30px; -webkit-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; -moz-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; padding:10px; border-radius:5px; margin-bottom:20px;}
  384.  
  385. .sh-titfaq {display:block; width:500px; height:30px; margin-left:0px; margin-top:-5px; font-family:'Fjalla One'; font-size:13px; text-indent:10px; line-height:30px; color:#fff; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); text-transform:uppercase; text-align:left; background:{color:detalhes do theme}; border-radius:5px;}
  386.  
  387.  
  388. * {margin:0; padding:0;}
  389. nav {width:400px; height:auto; font-family:'Arial'; margin:100px auto;}
  390. .item label {display:block; padding:10px; background-color:#434343; font-size:20px; cursor:pointer; color:#fff; border-bottom:solid 2px #aaa;}
  391. .item laber:hover{background-color:#f2673a;}
  392. .item ul {width:100%; list-style:none; overflow:hidden; max-height:0; transition: all .4s linear;}
  393. .item input {display:none;}
  394. .item ul li a{width:100%; height:20px; padding:10px; display:block; text-decoration:none; background-color:#fafafa; color:#333; border-bottom:solid 2px #aaa;}
  395. .item ul li a:hover{background-color:#9cf;}
  396. .item input:checked ~ ul {height:auto; max-height:200px; transform:all;}
  397.  
  398.  
  399.  
  400. /** Slide Down FAQ (by https://anyhs-themes.tumblr.com) **/
  401.  
  402. /** container das perguntas **/
  403. ol.faq {width: 500px; list-style: decimal; margin: 0px auto; padding: 0px; padding-left: 30px; z-index:99;}
  404.  
  405. /** cada linha da faq (pergunta + resposta) **/
  406. ol.faq li {margin-bottom: 5px; font-family: 'Helvetica', sans-serif; color: #844d3d; font-size: 14px;}
  407.  
  408. /** perguntas e respostas **/
  409. .pergunta, .resposta {display: block; padding: 10px; margin-left: -30px; border: 1px solid #222; position: relative;}
  410. .pergunta {text-indent: 25px; color: #999; cursor: pointer; letter-spacing: .5px; background: #1a1a1a;}
  411. .resposta {color: #777; border-top: none;}
  412.  
  413. /** setinha **/
  414. ol.faq li .fa {position: absolute; top: 0px; right: 0px; padding: 10px;}
  415. /** Slide Down FAQ (by https://anyhs-themes.tumblr.com) **/
  416.  
  417.  
  418.  
  419.  
  420. /* CAIXA CONTATO */
  421. #sh-contato {position:relative; width:500px; height:auto; left:100px; margin-top:15px; text-align:center; background:{color:posts color}; padding-bottom:30px; -webkit-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; -moz-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; padding:10px; border-radius:5px; margin-bottom:20px;}
  422.  
  423. #sh-faixabt {position:relative; width:500px; height:500px; left:100px; margin-top:15px; background-image:url('https://static.tumblr.com/jtskk8i/Aaypbxcl8/shpattern.png'); background-attachment:fixed;}
  424.  
  425. /* DESCRIÇÃO */
  426. .sh-descab {display:inline-block; width:490px; height:auto; margin-left:5px; margin-top:10px; font-family:'Fjalla One'; font-size:12px; color:{color:texto}; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); text-transform:uppercase; text-align:center; line-height:15px;}
  427. .sh-descab b {font-weight:normal;}
  428.  
  429.  
  430.  
  431.  
  432. /* REGRINHAS */
  433. .sh-listbox{display:inline-block; margin-left:0px; margin-top:10px; width:480px; height:auto;}
  434.  
  435. .sh-list {display:inline-block; margin-left:0px; margin-top:0px; width:470px; height:auto; float:center; margin:2px; text-align:center; font-family:'Fjalla One'; font-size:11px; text-transform:uppercase; color:{color:texto}; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); border-left:1px solid {color:detalhes do theme}; padding-left:10px; -webkit-transition:1s; z-index:9999999;}
  436. .sh-list a{color:{color:negrito}}
  437. .sh-list:hover {margin-left:5px; -webkit-transition:1s;}
  438. .sh-list b{font-weight:normal; text-shadow:1px 1px 0px transparent;}
  439.  
  440. .sh-askb {display:inline-block; width:480px; height:auto!important; margin-left:0px; margin-top:15px; text-align:center; font-weight:normal;}
  441.  
  442.  
  443.  
  444.  
  445. /* CAIXA THEMES */
  446. #sh-themes {position:relative; width:500px; height:auto; left:100px; margin-top:15px; text-align:center; background:{color:posts color}; padding-bottom:30px; -webkit-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; -moz-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; padding:10px; border-radius:5px; margin-bottom:20px;}
  447.  
  448. .sh-estilo{display:inline-block; width:205px; text-align:center; font-family:'Fjalla One'; font-size:13px; color:{color:texto}; letter-spacing:.5px; margin:5px 10px 0px 5px; float:center;}
  449. .sh-estilo shestilo {margin-left:5px; margin-top:2px; font-family:'Grand Hotel'; font-size:25px; color:{color:negrito}; text-transform:none;}
  450. .sh-theme{display:inline-block; margin-left:5px; margin-top:5px; width:200px;}
  451. .sh-theme img{display:block; width:180px; height:95px; background:{color:detalhes do theme}; box-shadow:inset 1px 1px 2px rgba(161, 196, 196, .2), inset -1px -1px 2px rgba(0, 0, 0, .2); padding:5px; opacity:.5; -webkit-transition-duration: 0.5s;}
  452. .sh-theme img:hover {transform: scale(1.1); opacity:1; -webkit-transition-duration: 0.5s;}
  453.  
  454. .sh-linkst {display:inline-block; margin-left:-10px; margin-top:5px; width:200px; text-align:center; margin-bottom:15px;}
  455. .sh-linkst a{display:inline-block; padding:3px; width:75px; height:auto; text-transform:uppercase; text-align:center; font-family:'Pf Arma Five'; font-size:10px; letter-spacing:1px; transition:.4s; margin:0 5px 0 5px; background:{color:detalhes do theme}; box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .3), 1px 1px rgba(255, 255, 255, .2); color:{color:posts color};}
  456. .sh-linkst a:hover {color:{color:detalhes do theme}; background:{color:negrito}; -webkit-box-shadow:inset 0 19px 0 0 {color:color mods}; box-shadow:inset 0 19px 0 0 {color:color mods}; transition-duration: 0.5s; -webkit-transition-duration: 0.5s;}
  457.  
  458.  
  459.  
  460.  
  461. /* CAIXA MATERIAIS */
  462. #sh-materiais {position:relative; width:500px; height:auto; left:100px; margin-top:15px; text-align:center; background:{color:posts color}; padding-bottom:30px; -webkit-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; -moz-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; padding:10px; border-radius:5px; margin-bottom:20px;}
  463.  
  464. /* LINKS MATERIAIS/TUTORIAIS */
  465. .sh-mat {display:inline-block; margin-left:0px; margin-top:10px; width:500px; height:auto; float:center; z-index:9999999;}
  466. .sh-mat a{display:inline-block; width:150px; height:16px; line-height:18px; margin:4px; text-align:center; font-family:'Fjalla One'; font-size:10px; text-transform:uppercase; text-shadow:1px 1px 0px rgba(0, 0, 0, .1); letter-spacing:2px; border-bottom:1px solid {color:negrito}; padding-bottom:4px; -webkit-transition:1s;}
  467. .sh-mat a:hover {border-bottom:3px solid {color:negrito}; -webkit-transition:1s;}
  468.  
  469.  
  470.  
  471.  
  472. /* CAIXA ENCOMENDAS */
  473. #sh-encomendas {position:relative; width:500px; height:auto; left:100px; margin-top:15px; text-align:center; background:{color:posts color}; padding-bottom:30px; -webkit-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; -moz-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; padding:10px; border-radius:5px; margin-bottom:20px;}
  474.  
  475.  
  476.  
  477.  
  478.  
  479. /* CAIXA CRÉDITOS MORE */
  480. #sh-credcx {position:relative; width:500px; height:auto; left:100px; margin-top:15px; text-align:center; background:{color:posts color}; padding-bottom:30px; -webkit-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; -moz-box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; box-shadow: 0px 0px 9px {color:detalhes do theme2} inset; padding:10px; border-radius:5px; margin-bottom:120px;}
  481.  
  482.  
  483.  
  484.  
  485.  
  486. /*/ Controles hover por nevalisca.tumblr.com /*/
  487. .tmblr-iframe, iframe#tumblr_controls {position: fixed; opacity:0; z-index:9 !impoportant; transform: scale(.1); top:-50px; right:-50px !important; opacity:0; padding-right:50px; transition-duration:.8s;}
  488. .tmblr-iframe:hover, iframe#tumblr_controls:hover{opacity:0;}
  489. .engrenagem{position:fixed; right:-50px; top:-50px;font-size:13px; opacity:0;}
  490.  
  491.  
  492.  
  493. </style>
  494.  
  495.  
  496.  
  497.  
  498. <!--- FONTES PERSONALIZADAS GOOGLE --->
  499. <link href="https://fonts.googleapis.com/css?family=Cinzel|Fjalla+One|Grand+Hotel|Oswald|PT+Sans+Narrow|Roboto+Condensed|Teko|Titillium+Web|Yanone+Kaffeesatz" rel="stylesheet">
  500.  
  501. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  502.  
  503. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  504.  
  505. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  506. <!--- FONTES PERSONALIZADAS GOOGLE --->
  507.  
  508.  
  509. <body>
  510.  
  511.  
  512. <!-- MENU HOVER -->
  513. <div id="sh-menuhover">
  514.  
  515. <a href="/"><span> <b>I</b>nício </span></a>
  516.  
  517. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('sh-cx').innerHTML=document.getElementById('faq').innerHTML"> <b>F</b>aq </a>
  518.  
  519. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('sh-cx').innerHTML=document.getElementById('about').innerHTML"> <b>C</b>ontato </a>
  520.  
  521. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('sh-cx').innerHTML=document.getElementById('themes').innerHTML"> <b>T</b>hemes </a>
  522.  
  523. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('sh-cx').innerHTML=document.getElementById('codes').innerHTML"> <b>M</b>ateriais </a>
  524.  
  525. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('sh-cx').innerHTML=document.getElementById('encomendas').innerHTML"> <b>E</b>ncomendas </a>
  526.  
  527. </div>
  528. <!-- MENU HOVER -->
  529.  
  530.  
  531.  
  532.  
  533.  
  534. <!-- INÍCIO SIDEBAR TOPO -->
  535. <!-- BOX 01 -->
  536. <div id="sh-box1">
  537.  
  538.  
  539. <!-- CAIXA SEARCH -->
  540. <div class="sh-searchcx">
  541. <div id="shsearch">
  542. <form action="/search" method="get">
  543. <input type="text" name="q" value="Procura por algo?" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(!this.value) this.value = this.defaultValue" /> <input type="submit" value="OK" class="search-shw"/></form></div>
  544. </div>
  545. <!-- FIM CAIXA SEARCH -->
  546.  
  547.  
  548.  
  549.  
  550.  
  551. <!-- MENU -->
  552. <div class="sh-menu">
  553.  
  554. <a href="/"><span> <b>I</b>nício </span></a>
  555.  
  556. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('sh-cx').innerHTML=document.getElementById('faq').innerHTML"> <b>F</b>aq </a>
  557.  
  558. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('sh-cx').innerHTML=document.getElementById('about').innerHTML"> <b>C</b>ontato </a>
  559.  
  560. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('sh-cx').innerHTML=document.getElementById('themes').innerHTML"> <b>T</b>hemes </a>
  561.  
  562. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('sh-cx').innerHTML=document.getElementById('codes').innerHTML"> <b>M</b>ateriais </a>
  563.  
  564. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('sh-cx').innerHTML=document.getElementById('encomendas').innerHTML"> <b>E</b>ncomendas </a>
  565.  
  566. </div>
  567. <!-- MENU -->
  568.  
  569.  
  570.  
  571.  
  572.  
  573. <!-- PAINEL -->
  574. <div class="sh-painel">
  575.  
  576. <a href="https://www.tumblr.com/follow/{Name}" title="Follow Us" target="_blank"><i class="ion-person-add"></i></a>
  577.  
  578. <a href="https://www.tumblr.com/" title="Dashboard" target="_blank"><i class="ion-home"></i></a>
  579.  
  580. <a href="https://www.tumblr.com/message/{Name}" title="Chat" target="_blank"><i class="ion-chatbubble-working"></i></a>
  581.  
  582. <a href="https://www.instagram.com/_anagabrielas/" title="Instagram" target="_blank"><i class="ion-social-instagram-outline"></i></a>
  583.  
  584. <a href="https://www.facebook.com/gaabesouza" title="Facebook" target="_blank">
  585. <i class="ion-social-facebook"></i></a>
  586. </div>
  587. <!-- PAINEL -->
  588.  
  589. </div>
  590.  
  591. <!-- FIM SIDEBAR TOPO -->
  592.  
  593.  
  594.  
  595.  
  596. <!-- INÍCIO BOX LEFT -->
  597. <div id="sh-boxleft">
  598.  
  599.  
  600.  
  601. <!-- INÍCIO CAIXA 01 -->
  602. <div class="sh-cx1">
  603.  
  604. <!-- TÍTULOS PNG -->
  605. <div class="sh-welcomepng"></div>
  606.  
  607. <!-- DESCRIÇÃO -->
  608. <div class="sh-desc"> Sejam todos muito bem-vindos à <i>minha vitrine</i>. Primeiramente, estejam me seguindo, <b>avise</b> se pegar qualquer material. Aceito sugestões e critícas, desde que sejam <u>construtivas.</u><b> Façam bom uso dos meus themes. <b><i class="ion-star"></i></b> </div>
  609.  
  610.  
  611. </div>
  612. <!-- FIM CAIXA 01 -->
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619. <!-- INÍCIO CAIXA 02 -->
  620. <div class="sh-cx1" style="margin-top:25px;">
  621.  
  622. <!-- TÍTULOS PNG -->
  623. <div class="sh-partnerpng"></div>
  624.  
  625. <!-- BOX PARTNERS -->
  626. <div id="sh-mods">
  627.  
  628. <!-- PARTNERS -->
  629. <div id="sh-modes"><img src="http://api.tumblr.com/v2/blog/obsceny.tumblr.com/avatar/96/">
  630. <div id="sh-hnome"></div> <div id="sh-nome"> <a href="http://obsceny.tumblr.com" target="_blank"> Math </a></div> </div>
  631. <!-- PARTNERS -->
  632.  
  633.  
  634.  
  635.  
  636. <!-- PARTNERS -->
  637. <div id="sh-modes"><img src="http://api.tumblr.com/v2/blog/nevalisca.tumblr.com/avatar/96/">
  638. <div id="sh-hnome"></div> <div id="sh-nome"> <a href="http://nevalisca.tumblr.com" target="_blank"> Bibi </a></div> </div>
  639. <!-- PARTNERS -->
  640.  
  641.  
  642.  
  643.  
  644. <!-- PARTNERS -->
  645. <div id="sh-modes"><img src="http://api.tumblr.com/v2/blog/chilings.tumblr.com/avatar/96/">
  646. <div id="sh-hnome"></div> <div id="sh-nome"> <a href="http://chilings.tumblr.com" target="_blank"> Clau </a></div> </div>
  647. <!-- PARTNERS -->
  648.  
  649.  
  650.  
  651.  
  652. <!-- PARTNERS -->
  653. <div id="sh-modes"><img src="http://api.tumblr.com/v2/blog/desinre.tumblr.com/avatar/96/">
  654. <div id="sh-hnome"></div> <div id="sh-nome"> <a href="http://desinre.tumblr.com" target="_blank"> Maeve </a></div> </div>
  655. <!-- PARTNERS -->
  656.  
  657.  
  658.  
  659.  
  660. <!-- PARTNERS -->
  661. <div id="sh-modes"><img src="http://api.tumblr.com/v2/blog/indesiries.tumblr.com/avatar/96/">
  662. <div id="sh-hnome"></div> <div id="sh-nome"> <a href="http://indesiries.tumblr.com" target="_blank"> Foster </a></div> </div>
  663. <!-- PARTNERS -->
  664.  
  665.  
  666.  
  667.  
  668. <!-- PARTNERS -->
  669. <div id="sh-modes"><img src="http://api.tumblr.com/v2/blog/sargitarius.tumblr.com/avatar/96/">
  670. <div id="sh-hnome"></div> <div id="sh-nome"> <a href="http://sargitarius.tumblr.com" target="_blank"> Maah </a></div> </div>
  671. <!-- PARTNERS -->
  672.  
  673.  
  674.  
  675.  
  676. <!-- PARTNERS -->
  677. <div id="sh-modes"><img src="http://api.tumblr.com/v2/blog/usgloth.tumblr.com/avatar/96/">
  678. <div id="sh-hnome"></div> <div id="sh-nome"> <a href="http://usgloth.tumblr.com" target="_blank"> Jess </a></div> </div>
  679. <!-- PARTNERS -->
  680.  
  681.  
  682.  
  683.  
  684. <!-- PARTNERS -->
  685. <div id="sh-modes"><img src="http://api.tumblr.com/v2/blog/uimafiosa.tumblr.com/avatar/96/">
  686. <div id="sh-hnome"></div> <div id="sh-nome"> <a href="http://uimafiosa.tumblr.com" target="_blank"> Nats </a></div> </div>
  687. <!-- PARTNERS -->
  688.  
  689.  
  690.  
  691.  
  692. </div>
  693. </div>
  694. <!-- FIM CAIXA 02 -->
  695.  
  696.  
  697.  
  698.  
  699.  
  700.  
  701. <!-- INÍCIO CAIXA 03 -->
  702. <div class="sh-cx1" style="margin-top:25px;">
  703.  
  704. <!-- TÍTULOS PNG -->
  705. <div class="sh-updatespng"></div>
  706.  
  707. <!-- LINKS -->
  708. <div class="sh-links">
  709.  
  710. <a> Novos Themes: <b>05</b> </a>
  711. <a> Novas Caixinhas: <b>00</b> </a>
  712. <a> Novos Contadores: <b>00</b> </a>
  713. <a> Novos Menus: <b>02</b> </a>
  714.  
  715.  
  716. </div>
  717. </div>
  718. <!-- FIM CAIXA 03 -->
  719.  
  720.  
  721.  
  722.  
  723.  
  724.  
  725. <!-- INÍCIO CAIXA 04 -->
  726. <div class="sh-cx1" style="margin-top:25px;">
  727.  
  728. <!-- TÍTULOS PNG -->
  729. <div class="sh-creditspng"></div>
  730.  
  731. <!-- CRÉDITOS -->
  732. <div class="sh-creds"> Theme codificado por <u title="Gabriela Souza">Shwnty </u>, para meu próprio uso, totalmente exclusivo. Desenho do theme por: <u title="Things To Help You">TTHY</u>. Qualquer cópia, será considerada plágio.. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('sh-cx').innerHTML=document.getElementById('creditos').innerHTML"><u>Confira todos os créditos.</u></a>
  733.  
  734. </div> </div>
  735. <!-- FIM CAIXA 04 -->
  736.  
  737.  
  738.  
  739.  
  740.  
  741.  
  742. <!-- INÍCIO CAIXA 05 -->
  743. <div class="sh-cx1" style="margin-top:25px;">
  744.  
  745. <!-- TÍTULOS PNG -->
  746. <div class="sh-statuspng"></div>
  747.  
  748. <!-- LINKS-->
  749. <div class="sh-links">
  750.  
  751. <a> Theme Versão: Luxury </a> <a> Cores: <b>Roxo</b> e <b>Verde</b>. </a>
  752.  
  753. <!-- ONLINES -->
  754. <script language="JavaScript"> var fhs = document.createElement('script');var fhs_id = "5502445"; var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height; fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online &e2=Onlines&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+""; document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>"); </script>
  755.  
  756.  
  757.  
  758. <!-- VISITAS -->
  759. <script language="JavaScript"> var fhsh = document.createElement('script');var fhs_id_h = "3265434"; fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=VISITED&a=1"; document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>"); </script>
  760.  
  761.  
  762.  
  763. <!-- VISITAS 2 -->
  764. <a href="/"> Você veio aqui <SCRIPT language=JavaScript> function getCookieSlsv (offset) {var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr));} function GetCookie (name) {var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) {
  765. var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieSlsv (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break;}
  766. return null;}
  767. function SetCookie (name, value) {var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");}
  768. function DeleteCookie(name) {var exp = new Date(); FixCookieDate (exp); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); if (cval != null) document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();} var expdate = new Date(); var num_visits; expdate.setTime(expdate.getTime() + (365*24*60*60*1000)); if (!(num_visits = GetCookie("num_visits"))) num_visits = 0; num_visits++; SetCookie("num_visits",num_visits,expdate); document.writeln("<font face=font-family:'Fjalla One'; font-size:11px; color={color:negrito}> "+num_visits+"</font>"); </script> vezes!</a>
  769.  
  770. </div>
  771. </div>
  772. <!-- FIM CAIXA 05 -->
  773.  
  774.  
  775. </div>
  776. <!-- FIM BOX LEFT -->
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783.  
  784. <!-- CAIXA FAQ -->
  785. <div id="faq" style="display:none; padding-bottom:100px!important;">
  786.  
  787.  
  788. <!-- Slide Down FAQ (by https://anyhs-themes.tumblr.com) -->
  789. <!-- início da faq -->
  790. <ol class="faq">
  791.  
  792. <!-- linha começo -->
  793. <li>
  794. <span class="pergunta">Pergunta 1</span>
  795. <span class="resposta">Resposta 1</span>
  796. </li>
  797. <!-- linha fim -->
  798.  
  799.  
  800. <!-- linha começo -->
  801. <li>
  802. <span class="pergunta">Pergunta 2</span>
  803. <span class="resposta">Resposta 2</span>
  804. </li>
  805. <!-- linha fim -->
  806.  
  807.  
  808. <!-- linha começo -->
  809. <li>
  810. <span class="pergunta">Pergunta 3</span>
  811. <span class="resposta">Resposta 3</span>
  812. </li>
  813. <!-- linha fim -->
  814.  
  815. </ol>
  816. <!-- fim da faq -->
  817. <!-- Slide Down FAQ (by https://anyhs-themes.tumblr.com) -->
  818.  
  819.  
  820.  
  821.  
  822.  
  823. <nav>
  824. <!-- ITEM MENU 01 -->
  825. <div class="item">
  826. <input type="checkbox" id="check1">
  827. <label for="check1"> Menu </label>
  828. <ul>
  829. <li><a>LINK</a></li>
  830. <li><a>LINK</a></li>
  831. </ul>
  832. </div>
  833.  
  834. <!-- ITEM MENU 02 -->
  835. <div class="item">
  836. <input type="checkbox" id="check2">
  837. <label for="check2"> Faq </label>
  838. <ul>
  839. <li><a>LINK 02</a></li>
  840. <li><a>LINK 02</a></li>
  841. <li><a>LINK 02</a></li>
  842. </ul>
  843. </div>
  844.  
  845. <!-- ITEM MENU 03 -->
  846. <div class="item">
  847. <input type="checkbox" id="check3">
  848. <label for="check3"> Themes </label>
  849. <ul>
  850. <li><a>LINK 03</a></li>
  851. <li><a>LINK 03</a></li>
  852. <li><a>LINK 03</a></li>
  853. </ul>
  854. </div>
  855. </nav>
  856.  
  857.  
  858. <div id="sh-faixabt"></div>
  859.  
  860. </div>
  861. <!-- FIM CAIXA ABOUT -->
  862.  
  863.  
  864.  
  865.  
  866.  
  867.  
  868. <!-- CAIXA ABOUT -->
  869. <div id="about" style="display:none; padding-bottom:100px!important;">
  870.  
  871. <!-- CAIXA ASK -->
  872. <div id="sh-contato">
  873.  
  874. <!-- TÍTULOS/DETALHES -->
  875. <div class="sh-cx2"> <div class="sh-titc"> About-me! </div>
  876.  
  877. <!-- REGRINHAS -->
  878. <div class="sh-listbox">
  879.  
  880. <div class="sh-list"> Me chamo Ana Gabriela, tenho 20 anos, sou do MT e curso Engenharia Civil. Básico sobre mim. <br> Esta vitrine foi criada na intenção de lhes ajudar com o que for preciso em HTML, CSS, materiais, entre outros. Estarei sempre postando diversos materiais para auxiliar vocês, conforme minha disponibilidade. E peço com carinho, que cuidem dos themes, façam bom uso e que se gostarem de algo, me peça. Pois é muito chato ter que ir pedir para remover tal coisa, pois foi usado indevidamente. Enfim, fiquem à vontade!! </div> </div>
  881.  
  882. </div>
  883.  
  884.  
  885. <!-- ASK -->
  886. <div class="sh-cx2" style="margin-top:60px;">
  887.  
  888. <!-- TÍTULOS/DETALHES -->
  889. <div class="sh-titc"> Avisem se pegar algum theme/tirem suas dúvidas. </div>
  890.  
  891. <div class="sh-askb"> <iframe frameborder="0" scrolling="no" width="100%" height="200" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe> </div> </div>
  892.  
  893. </div>
  894. <!-- FIM CAIXA ASK -->
  895.  
  896. <div id="sh-faixabt"></div>
  897.  
  898. </div>
  899. <!-- FIM CAIXA ABOUT -->
  900.  
  901.  
  902.  
  903.  
  904.  
  905.  
  906. <!-- CAIXAS THEMES -->
  907. <div id="themes" style="display:none;">
  908. <div id="sh-themes">
  909.  
  910.  
  911. <!-- SOBRE OS THEMES -->
  912. <div class="sh-cx2"> <div class="sh-titc"> LEIAM!!! </div>
  913.  
  914. <!-- REGRINHAS -->
  915. <div class="sh-listbox">
  916.  
  917. <div class="sh-list"> Os themes são dividos por 2 categorias, <b>simples</b> (femininos/masculinos) e <b>luxury</b>. </div>
  918.  
  919. <div class="sh-list"> <s>Não</s> usem meus themes como base, para isso farei <b>bases para disponibilizar</b>, confome meu tempo. </div>
  920.  
  921. <div class="sh-list"> Se gostou de algo, que não esteja disponibilizado, ou algo que não tenha em tutoriais, <b>venha na minha ask</b>, e eu explicarei com vontade. </div>
  922.  
  923. <div class="sh-list"> E <b>não retire</b> códigos dos meus themes para usar em outros trabalhos. </div>
  924.  
  925. <div class="sh-list"> <b>Obrigada pela preferência. Espero que gostem. ❤ </b> </div>
  926.  
  927. <div class="sh-list"> Aqui vocês encontraram apenas os <b>themes</b> e os <b>estilos</b>, caso queiram saber mais sobre os themes, tais como: Quantidade de links | Quantidade de Colunas | Cores | Entre outros, encontraram no início do theme, aí só procurar pelas páginas... Pois aqui só terá o estilo e os links para visualizar e pegar o código!!! <b>Fiquem à vontade!</b> </div>
  928.  
  929.  
  930. </div>
  931. <!-- REGRINHAS -->
  932.  
  933. </div>
  934. <!-- SOBRE OS THEMES -->
  935.  
  936.  
  937.  
  938. <!-- BOX CAIXA THEMES LUXURY/SIMPLES -->
  939. <div class="sh-cx2" style="margin-top:60px;">
  940.  
  941. <!-- TÍTULOS/DETALHES -->
  942. <div class="sh-titc"> Themes: Pessoais (Femininos/Masculinos) and Vitrines </div>
  943.  
  944.  
  945. <!-- THEME 01 -->
  946. <div class="sh-estilo"> Estilo: <shestilo> Simples </shestilo>
  947. <div class="sh-theme"><img src="https://static.tumblr.com/jtskk8i/W9npcdp6r/theme01.png"></div>
  948. <div class="sh-linkst"><a href="https://shthemesfem.tumblr.com/01" target="_blank"> Preview </a> <a href="https://pastebin.com/KXd1qUHd" target="_blank"> Download </a></div>
  949.  
  950. </div>
  951. <!-- THEME 01 -->
  952.  
  953.  
  954.  
  955.  
  956. <!-- THEME 02 -->
  957. <div class="sh-estilo"> Estilo: <shestilo> Luxury </shestilo>
  958. <div class="sh-theme"><img src="https://static.tumblr.com/jtskk8i/VRzpcdvx7/theme02.png"></div>
  959. <div class="sh-linkst"><a href="https://shthemesfem.tumblr.com/02" target="_blank"> Preview </a> <a href="https://pastebin.com/P8H3w8vh" target="_blank"> Download </a></div>
  960.  
  961. </div>
  962. <!-- THEME 02 -->
  963.  
  964.  
  965.  
  966.  
  967. <!-- THEME 03 -->
  968. <div class="sh-estilo"> Estilo: <shestilo> Luxury </shestilo>
  969. <div class="sh-theme"><img src="https://static.tumblr.com/jtskk8i/0pGpcfj6e/theme03.png"></div>
  970. <div class="sh-linkst"><a href="https://shthemesfem.tumblr.com/03" target="_blank"> Preview </a> <a href="https://pastebin.com/0j990NyX" target="_blank"> Download </a></div>
  971.  
  972. </div>
  973. <!-- THEME 03 -->
  974.  
  975.  
  976.  
  977.  
  978. <!-- THEME 04 -->
  979. <div class="sh-estilo"> Estilo: <shestilo> Luxury </shestilo>
  980. <div class="sh-theme"><img src="https://static.tumblr.com/jtskk8i/DYzpcfra1/theme04.png"></div>
  981. <div class="sh-linkst"><a href="https://shthemesfem.tumblr.com/04" target="_blank"> Preview </a> <a href="https://pastebin.com/gBMsCQW5" target="_blank"> Download </a></div>
  982.  
  983. </div>
  984. <!-- THEME 04 -->
  985.  
  986.  
  987.  
  988.  
  989. <!-- THEME 05 -->
  990. <div class="sh-estilo"> Estilo: <shestilo> Luxury </shestilo>
  991. <div class="sh-theme"><img src="https://static.tumblr.com/jtskk8i/YNcpcfrb4/theme05.png"></div>
  992. <div class="sh-linkst"><a href="https://shthemesfem.tumblr.com/05" target="_blank"> Preview </a> <a href="https://pastebin.com/Hb1CeCzD" target="_blank"> Download </a></div>
  993.  
  994. </div>
  995. <!-- THEME 05 -->
  996.  
  997.  
  998.  
  999.  
  1000. <!-- THEME 06 -->
  1001. <div class="sh-estilo"> Estilo: <shestilo> Simples </shestilo>
  1002. <div class="sh-theme"><img src="https://static.tumblr.com/jtskk8i/gOTpcfrew/theme06.png"></div>
  1003. <div class="sh-linkst"><a href="https://shthemesfem.tumblr.com/06" target="_blank"> Preview </a> <a href="https://pastebin.com/9YjQic9X" target="_blank"> Download </a></div>
  1004.  
  1005. </div>
  1006. <!-- THEME 06 -->
  1007.  
  1008.  
  1009.  
  1010.  
  1011. <!-- VITRINE 01 -->
  1012. <div class="sh-estilo" title="Com appearence é para mudar nas opções de temas, mudar automaticamente!!"> Vitrine: <shestilo> C/ appearence </shestilo>
  1013. <div class="sh-theme"><img src="https://static.tumblr.com/jtskk8i/ZWQpchr2i/recomendo01.png"></div>
  1014. <div class="sh-linkst"><a href="http://shvitrines.tumblr.com/recomendo01" target="_blank"> Preview </a> <a href="https://pastebin.com/cVjk7f7p" target="_blank"> Download </a></div>
  1015.  
  1016. </div>
  1017. <!-- VITRINE 01 -->
  1018.  
  1019.  
  1020.  
  1021.  
  1022. <!-- VITRINE 01 -->
  1023. <div class="sh-estilo" title="Sem appearence é para páginas ou caso queiram mudar cor por cor!!"> Vitrine: <shestilo> S/ appearence </shestilo>
  1024. <div class="sh-theme"><img src="https://static.tumblr.com/jtskk8i/ZWQpchr2i/recomendo01.png"></div>
  1025. <div class="sh-linkst"><a href="http://shvitrines.tumblr.com/recomendo01" target="_blank" > Preview </a> <a href="https://pastebin.com/N5hdETct" target="_blank"> Download </a></div>
  1026.  
  1027. </div>
  1028. <!-- VITRINE 01 -->
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035. </div>
  1036. <!-- FIM BOX CAIXA THEMES LUXURY/SIMPLES -->
  1037.  
  1038. </div>
  1039.  
  1040. <div id="sh-faixabt" style="height:50px;"></div>
  1041.  
  1042. </div>
  1043. <!-- FIM CAIXAS THEMES -->
  1044.  
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050. <!-- CAIXAS MATERIAIS -->
  1051. <div id="codes" style="display:none;">
  1052. <div id="sh-materiais">
  1053.  
  1054. <!-- BOX CAIXA LINKS MATERIAIS 01 -->
  1055. <div class="sh-cx2">
  1056.  
  1057. <!-- TÍTULOS/DETALHES -->
  1058. <div class="sh-titc"> Materiais | Tutoriais. </div>
  1059.  
  1060. <div class="sh-mat">
  1061. <a href="http://www.colorion.co/" target="_blank"> Paleta de Cores. </a>
  1062. <a href="https://www.tumblr.com/themes/recover" target="_blank"> Recuperar Theme. </a>
  1063. <a href="http://fontawesome.io/icons/" target="_blank"> Icons CSS. </a>
  1064. <a href="http://leaverou.github.io/animatable/" target="_blank"> Hovers. </a>
  1065. <a href="http://musicpleer.audio/" target="_blank"> Download Music. </a>
  1066. <a href="https://goo.gl/" target="_blank"> Encurtar links. </a>
  1067. <a href="http://online-image-editor.com/?language=portuguese" target="_blank"> Editar PNG. </a>
  1068. <a href="https://fonts.google.com/" target="_blank"> Google Fonts. </a>
  1069. <a href="http://en.savefrom.net/" target="_blank"> Baixar Vídeos. </a>
  1070. <a href="http://sorteador.com.br/" target="_blank"> Site p/ Sorteio. </a>
  1071. <a href="http://wigflip.com/ds/" target="_blank"> WigFlip tools. </a>
  1072. <a href="http://www.css3maker.com/css3-transform.html#close" target="_blank"> Css Transform </a>
  1073. <a href="http://css3generator.com/" target="_blank"> Gerador CSS. </a>
  1074. <a href="https://patterninja.com/" target="_blank"> Criar Patterns. </a>
  1075.  
  1076.  
  1077. </div></div>
  1078. <!-- FIM BOX CAIXA LINKS MATERIAIS 01 -->
  1079.  
  1080.  
  1081.  
  1082.  
  1083.  
  1084. <!-- BOX CAIXA LINKS MATERIAIS 02 -->
  1085. <div class="sh-cx2" style="margin-top:60px;">
  1086.  
  1087. <!-- TÍTULOS/DETALHES -->
  1088. <div class="sh-titc"> Html | Css. </div>
  1089.  
  1090. <div class="sh-mat">
  1091.  
  1092. <a> Em breve. </a>
  1093. <a> Em breve. </a>
  1094. <a> Em breve. </a>
  1095. <a> Em breve. </a>
  1096. <a> Em breve. </a>
  1097. <a> Em breve. </a>
  1098.  
  1099.  
  1100. </div></div>
  1101. <!-- FIM BOX CAIXA LINKS MATERIAIS 02 -->
  1102.  
  1103.  
  1104.  
  1105.  
  1106.  
  1107. <!-- BOX CAIXA LINKS MATERIAIS 03 -->
  1108. <div class="sh-cx2" style="margin-top:60px;">
  1109.  
  1110. <!-- TÍTULOS/DETALHES -->
  1111. <div class="sh-titc"> Estilos de Ask | Moderadoras | Notes. </div>
  1112.  
  1113. <div class="sh-mat">
  1114.  
  1115. <a title="Em breve"> E. Ask </a>
  1116. <a title="Em breve"> E. Moderador </a>
  1117. <a title="Em breve"> E. notes Txt </a>
  1118. <a title="Em breve"> E. Notes Pht </a>
  1119. <a> Em breve. </a>
  1120. <a> Em breve. </a>
  1121.  
  1122.  
  1123. </div></div>
  1124. <!-- FIM BOX CAIXA LINKS MATERIAIS 03 -->
  1125.  
  1126. </div>
  1127.  
  1128. <div id="sh-faixabt"></div>
  1129.  
  1130. </div>
  1131. <!-- FIM CAIXAS MATERIAIS -->
  1132.  
  1133.  
  1134.  
  1135.  
  1136.  
  1137.  
  1138. <!-- CAIXAS ENCOMENDAS -->
  1139. <div id="encomendas" style="display:none;">
  1140. <div id="sh-encomendas">
  1141.  
  1142. <!-- BOX CAIXA ENCOMENDAS -->
  1143. <div class="sh-cx2">
  1144.  
  1145. <!-- TÍTULOS/DETALHES -->
  1146. <div class="sh-titc"> Encomendas de Themes. </div>
  1147.  
  1148. <!-- PEDIDOS EXCLUSIVOS -->
  1149. <div class="sh-listbox">
  1150.  
  1151. <div class="sh-list"> Primeiramente estejam me seguindo e olhem o status de pedidos. Após isso, entrem em contato comigo antes de preencher a ficha, com o desenho pronto, pois irei cobrar pelos <b>Themes Exclusivos.</b></div>
  1152.  
  1153. <div class="sh-list"> <b>Preencha a ficha corretamente</b>, pois na falta de algum detalhe, seu pedido será <i>cancelado</i>, e não vou nem avisar. </div>
  1154.  
  1155. <div class="sh-list"> Mande todos os detalhes possíveis, <b>para não houver dúvidas</b>. </div>
  1156.  
  1157. <div class="sh-list"> <i>Não me <b>apresse</b></i>, eu farei conforme a minha disponibilidade, e conforme a quantidade de pedidos. </div>
  1158.  
  1159. <div class="sh-list"> <u>Não repasse</u> nenhum código meu, nem pensar!!</div>
  1160.  
  1161. <div class="sh-list"> Se houver <b>reclamação de plágio</b>, resolva com a pessoa ou família que está usando o theme, pois eu apenas <b>CODIFICO.</b>, o desenho é por conta de quem pediu. </div>
  1162.  
  1163. <div class="sh-list"> Abaixo terá os status de cada material exclusivo, <b><u>obrigada pela atenção.</u></b></div>
  1164.  
  1165.  
  1166. </div>
  1167. <!-- PEDIDOS EXCLUSIVOS -->
  1168.  
  1169. </div>
  1170. <!-- FIM BOX CAIXA ENCOMENDAS -->
  1171.  
  1172.  
  1173. <!-- STATUS DO PEDIDO -->
  1174. <div class="sh-cx2" style="margin-top:60px;">
  1175.  
  1176. <!-- TÍTULOS/DETALHES -->
  1177. <div class="sh-titc"> Status de Pedidos Exclusivos. </div>
  1178.  
  1179. <div class="sh-listbox">
  1180.  
  1181. <div class="sh-list"> No momento só estou codificando themes, apenas, não estou fazendo <b>skins, contadores, caixinhas.</b></div>
  1182.  
  1183. <div class="sh-list"> <a href="/" title="ESTOU REFORMULANDO A FICHA DE PEDIDOS DE THEMES!" target="_blank"><b>01.</b>&nbsp; Themes <font color="green" style="font-size:13px;"><small> ON </small></font> </a> </div>
  1184.  
  1185.  
  1186. </div></div>
  1187. <!-- STATUS DO PEDIDO -->
  1188.  
  1189. </div>
  1190.  
  1191. <div id="sh-faixabt" style="height:600px;"></div>
  1192.  
  1193. </div>
  1194. <!-- FIM CAIXAS ENCOMENDAS -->
  1195.  
  1196.  
  1197.  
  1198.  
  1199.  
  1200.  
  1201. <!-- CAIXA CRÉDITOS MORE. -->
  1202. <div id="creditos" style="display:none;">
  1203. <div id="sh-credcx">
  1204.  
  1205. <!-- BOX CAIXA CRÉDITOS MORE -->
  1206. <div class="sh-cx2">
  1207.  
  1208. <!-- TÍTULOS/DETALHES -->
  1209. <div class="sh-titc"> Todos os créditos do theme. </div>
  1210. <div class="sh-listbox">
  1211.  
  1212. <div class="sh-list"> <a href="http://shwnty.tumblr.com" target="_blank"> Gabriela Souza </a>: Codificação. </div>
  1213.  
  1214. <div class="sh-list"><a href="http://things-to-help-you.tumblr.com/" target="_blank"> Things To Help You</a>: Dados das postagem Permalink. E Desenho do theme (PSD) </div>
  1215.  
  1216. <div class="sh-list"> Se eu deixei de creditar alguém, venha falar comigo. Por favor! </div>
  1217.  
  1218. <div class="sh-list"> SHWNTY THEMES! </div>
  1219.  
  1220.  
  1221. </div>
  1222. </div>
  1223. <!-- BOX CAIXA CRÉDITOS MORE -->
  1224.  
  1225.  
  1226. </div>
  1227.  
  1228. <div id="sh-faixabt" style="height:750px;"></div>
  1229.  
  1230.  
  1231. </div>
  1232. <!-- FIM CAIXA CRÉDITOS MORE. -->
  1233.  
  1234.  
  1235.  
  1236. <!-- NÃO REMOVA. -->
  1237. <div class="engrenagem"><i class="fa fa-gear"></i></div>
  1238.  
  1239.  
  1240.  
  1241. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  1242.  
  1243. <div id="sh-cx">
  1244.  
  1245. {block:Posts}
  1246. <div class="sh-posts">
  1247.  
  1248.  
  1249.  
  1250.  
  1251. {block:Text}
  1252. {block:Title}<div class="h1"><center>{Title}</center></div>{/block:Title}
  1253. {body}
  1254. {/block:Text}
  1255.  
  1256.  
  1257.  
  1258.  
  1259. {block:Quote}
  1260. <div class="sh-quotes">{Quote}</div>
  1261. {block:Source}<div class="sh-source"> &mdash; {Source} </div>{/block:Source}
  1262. {/block:Quote}
  1263.  
  1264.  
  1265.  
  1266.  
  1267. {block:Chat}
  1268. {block:Lines}
  1269. <div class="chat">
  1270. <div class="lines">{block:Label}
  1271. <span>{Label}</span>
  1272. {/block:Label}
  1273. {Line}</div></div>
  1274. {/block:Lines}
  1275. {/block:Chat}
  1276.  
  1277.  
  1278.  
  1279.  
  1280. {block:Link}
  1281. <a href="{URL}" target="{Target}"><div class="sh-link"><titulo>{Name}</a></titulo></div>{block:Description}{Description}{/block:Description}
  1282. {/block:Link}
  1283.  
  1284.  
  1285.  
  1286.  
  1287. {block:Audio}
  1288. <div class="text">
  1289. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  1290. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  1291. <div id="laudio-caption">
  1292. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  1293. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  1294. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  1295. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  1296. </div></div>
  1297. {/block:Audio}
  1298.  
  1299.  
  1300.  
  1301.  
  1302. {block:Photo}
  1303. <div class="sh-imgp"><img src="{PhotoURL-500}"></div>
  1304. {Caption}
  1305. {/block:Photo}
  1306.  
  1307.  
  1308.  
  1309.  
  1310. {block:Photoset}
  1311. <div class="sh-photoset"><center>{Photoset}</center></div>
  1312. {Caption}
  1313. {/block:Photoset}
  1314.  
  1315.  
  1316.  
  1317.  
  1318. {block:Video}
  1319. {block:Indexpage}<div class="sh-video">{Video-250}</div>{/block:IndexPage}
  1320. {Caption}
  1321. {/block:Video}
  1322.  
  1323.  
  1324.  
  1325.  
  1326. {block:Answer}
  1327. <img src="{AskerPortraitURL-24}"class="sh-icon">
  1328. <div class="sh-pergunta"><div class="sh-perguntou">{Asker}</div> {Question}</div>
  1329. <div class="sh-resposta">{Answer}</div>
  1330. {/block:Answer}
  1331.  
  1332.  
  1333.  
  1334.  
  1335. <!--- shwnty notes --->
  1336. {block:Indexpage}
  1337. <div class="shnotes-cx">
  1338.  
  1339. <div class="shnotes-date"><i class="fa fa-calendar" title="{TimeAgo}"></i> {DayOfMonth}, {ShortMonth} de {Year}, <a href="{Permalink}" title="{NoteCount} Notes!">.N</a></div>
  1340.  
  1341. <div class="shnotes-reblog"><a href="{ReblogURL}" title="Reblog!"><i class="fa fa-retweet"></i></a> </div>
  1342.  
  1343. <div class="custom-like-button" title="Gostou? Foi útil? Deixe seu like!">{LikeButton}<span class="our_button"><i class="ion-heart" title="Gostou? Deixe seu like."></i></span> </div>
  1344.  
  1345. </div>
  1346. {/block:Indexpage}
  1347. <!--- shwnty notes --->
  1348.  
  1349.  
  1350.  
  1351.  
  1352.  
  1353. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  1354. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  1355.  
  1356.  
  1357. <!-- PERMALINK -->
  1358. {block:Permalinkpage}
  1359. <div class="sh-posts">
  1360. <div class="perma-tit"><i class="ion-chatbox-working" style="color:{color:negrito};"></i> &nbsp; Post Info: </div>
  1361. <div id="perma">
  1362. {block:NoteCount}<div id="permalink"><i class="ion-heart"></i> {NoteCountWithLabel}</div>{/block:NoteCount}
  1363. <div id="permalink"><i class="ion-pricetag"></i> Tag's: {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  1364. {block:Date}
  1365. <div id="permalink"><i class="ion-code-download"></i> {DayOfMonth} de <u>{Month}</u> de {Year}</div>{/block:Date}
  1366. {block:ContentSource}
  1367. <div id="permalink"><i class="ion-code"></i> Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a></div>
  1368. {/block:ContentSource}</div></div>
  1369.  
  1370. {block:PostNotes}
  1371. <div class="sh-posts">
  1372. <div class="perma-tit"><i class="ion-pin" style="color:{color:negrito};"></i> &nbsp; Notas</div>
  1373. {PostNotes}
  1374. </div>
  1375. {/block:PostNotes}
  1376. {/block:Permalinkpage}
  1377. <!-- PERMALINK -->
  1378.  
  1379.  
  1380. </div>
  1381. {/block:Posts}
  1382.  
  1383.  
  1384.  
  1385.  
  1386. {block:IndexPage}
  1387. <div style="position:absolute; width:400px; margin-left:30px; margin-top:0px; float:center; text-align:center;">
  1388. {block:Pagination}
  1389. {block:Pagination}{block:PreviousPage}
  1390. <a class="paginacao" href="{PreviousPage}">página anterior</a>
  1391. {/block:PreviousPage}
  1392. {/block:Pagination}
  1393. <a class="paginacao" href="/">Atualizar</a>
  1394. <a class="paginacao" href="#" style="text-align:center;"> Topo </a>
  1395. {block:Pagination}
  1396. {block:NextPage}
  1397. <a class="paginacao" href="{NextPage}">Próxima página</a>
  1398. {/block:NextPage}
  1399. {/block:Pagination}
  1400. {/block:Pagination}
  1401. </div>{/block:IndexPage}
  1402.  
  1403. </div>
  1404.  
  1405.  
  1406.  
  1407. <!-- FIM CAIXA DOS POSTS -->
  1408.  
  1409.  
  1410.  
  1411.  
  1412.  
  1413.  
  1414. <!-- SCROLL -->
  1415. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  1416. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  1417. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  1418.  
  1419.  
  1420.  
  1421.  
  1422.  
  1423.  
  1424. <!-- SCRIPT MENU -->
  1425. <script type="text/javascript">
  1426. $(document).scroll(function () {var y = $(this).scrollTop(); if (y > 150) {$('#sh-menuhover').fadeIn();} if (y < 150) {$('#sh-menuhover').fadeOut();} });
  1427. </script>
  1428.  
  1429.  
  1430.  
  1431.  
  1432.  
  1433. <!-- jquery -->
  1434. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  1435. <!-- jquery -->
  1436.  
  1437.  
  1438.  
  1439. <!-- Slide Down FAQ (by https://anyhs-themes.tumblr.com) -->
  1440. <script>
  1441. $(window).ready(function(){
  1442. var pergunta = $(".faq").find(".pergunta");
  1443. var resposta = $(".faq").find(".resposta");
  1444. pergunta.append('<i class="fa fa-angle-down" aria-hidden="true"></i>');
  1445. resposta.hide();
  1446. pergunta.click(function(){
  1447. $(this).next().slideToggle();
  1448. $(this).find(".fa").toggleClass("fa-angle-down");
  1449. $(this).find(".fa").toggleClass("fa-angle-up");
  1450. })
  1451. ;});
  1452. </script>
  1453. <!-- Slide Down FAQ (by https://anyhs-themes.tumblr.com) -->
  1454.  
  1455.  
  1456.  
  1457.  
  1458.  
  1459.  
  1460. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  1461. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1462. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1463. <script>(function($){$(document).ready(function(){$("[title]")
  1464. .style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:20,
  1465. tip_fade_speed:400, attribute:"title"});});})(jQuery);</script>
  1466.  
  1467. <script> function click() {if (event.button==2||event.button==3) {oncontextmenu='return false';}} document.onmousedown=click document.oncontextmenu = new Function("return false;") </script>
  1468.  
  1469.  
  1470.  
  1471.  
  1472.  
  1473.  
  1474.  
  1475. <!-- VOLTAR AO TOPO. -->
  1476. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  1477. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1478. <a href="javascript:;" title="Voltar ao Topo" id="scrollToTop"><i class="ion-ios-arrow-up"> </i></a>
  1479.  
  1480.  
  1481.  
  1482.  
  1483.  
  1484.  
  1485. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  1486. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  1487. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  
  1493.  
  1494. <!-- FOTTER POR MR. WAFIOSA - DON'T COPY -->
  1495. <div id="sh-footer">
  1496. <div id="sh-footercred"><a href="/"> Shwnty Themes</a> &mdash; 2016/2017 all rights reserved <font color="#2e2e2e" style="font-family:'Calibri';">©</font> &nbsp;&nbsp;&nbsp; <i class="fa fa-plug" aria-hidden="true"></i> Powered by <a href="http://tumblr.com" target="_blank">Tumblr</a> &nbsp;&nbsp;&nbsp; <i class="fa fa-paint-brush" aria-hidden="true"></i> Designed by <a href="http://shwntythms.tumblr.com" target="_blank"> Gabriela S.</a></div>
  1497. </div>
  1498.  
  1499.  
  1500. </body>
  1501. </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!