wafiosadesigns

Theme Exclusivo Pessoal - Jess (usgloth) #01

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