API tools faq
paste
wafiosadesigns

SH Theme Exclusive #Well

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