wafiosadesigns

SH Themes #06 (Modificado - Well)

Feb 6th, 2018
189
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.09 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. <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{position:absolute; float:center; top:100px; left:40px; width:1300px; color:{color:texto}; letter-spacing:1px; font-family: 'Rationale'; font-size:10px; text-transform:uppercase; float:center;}
  114.  
  115. /* PERSONALIZAÇÃO DOS POSTS */
  116. .sh-posts{position:relative; font-family: 'Rationale'; float:left; display:inline-block; width:190px; height:auto; background:{color:posts color}; padding:5px 5px 3px 5px; margin:15px; text-transform:uppercase; overflow:hidden;}
  117. .sh-posts {{block:PermalinkPage}width:250px; height:auto;{/block:PermalinkPage} }
  118.  
  119. /* IMAGEM DOS POSTS */
  120. .sh-posts img{max-width:190px; height:auto; }
  121. .sh-posts img{{block:PermalinkPage}float:center; max-width:250px;{/block:PermalinkPage} }
  122.  
  123. .sh-imgp img{width:190px; height:auto;}
  124. .sh-imgp img{{block:PermalinkPage}float:center; width:250px;{/block:PermalinkPage} }
  125.  
  126. .sh-photoset img{width:190px; height:auto;}
  127. .sh-photoset img{{block:PermalinkPage}float:center; width:250px;{/block:PermalinkPage} }
  128.  
  129. .sh-video {max-width:250px; height:auto; overflow-x:hidden; overflow-y:hidden;}
  130.  
  131. .vsanna{display:none;}
  132.  
  133.  
  134. /* CURSOR PERSONALIZADO */
  135. html {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  136. a, a:hover{cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;}
  137.  
  138.  
  139. /* SCROLL TO TOP */
  140. #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;}
  141.  
  142.  
  143.  
  144. /* --• ESTILO DE NOTES DOS TEXTOS BY SHWNTY
  145. DON'T COPY. GOSTOU? PEDE NA ASK. •-- */
  146.  
  147. .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;}
  148.  
  149. .shnotes-date{display:inline-block; float:left; color:{color:texto}; margin-top:5px; font-size:10px;}
  150. .shnotes-date a{margin-left:5px;}
  151.  
  152. .shnotes-reblog{display:inline-block; float:right; margin-top:5px; margin-right:5px; font-size:10px;}
  153.  
  154.  
  155. /* --• ESTILO DE NOTES DAS PHOTOS BY SHWNTY
  156. DON'T COPY. GOSTOU? PEDE NA ASK. •-- */
  157.  
  158. #shnotescx {position:absolute; width:190px; background:rgba(0, 0, 0, .9); top:0px; text-align:center; -webkit-transition-duration: .5s; opacity:0; height:0px;
  159. background:-webkit-linear-gradient({color:posts color}, rgba(0,0,0,.4));
  160. background:-o-linear-gradient({color:posts color}, rgba(0,0,0,.4)));
  161. background:-moz-linear-gradient({color:posts color}, rgba(0,0,0,.4)));
  162. background:linear-gradient({color:posts color}, rgba(0,0,0,.4))); }
  163.  
  164. .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;}
  165.  
  166. .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;}
  167. .sh-reblog a{text-transform:none;}
  168.  
  169. .sh-posts:hover #shnotescx {opacity:1; height:calc(100% - 5px) !important; }
  170. .sh-posts:hover .sh-notesp{opacity:1; top:5px; left:5px;}
  171. .sh-posts:hover .sh-reblog{opacity:1; top:5px;}
  172.  
  173.  
  174.  
  175. /* --• ESTILO DE ASK BY SHWNTY
  176. DON'T COPY. GOSTOU? PEDE NA ASK. •-- */
  177. .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;}
  178.  
  179. .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;}
  180.  
  181. .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;}
  182.  
  183.  
  184. /* --• ESTILO DE QUOTES BY: SHWNTY •-- */
  185.  
  186. .sh-quotes {position: relative; font-family: 'Rationale'; font-size:10px; text-align:left; line-height:10px; margin-top:5px; margin-left:5px;}
  187. .sh-source { letter-spacing:1px; text-transform:uppercase; font-family: 'Rationale'; font-size:9px; text-align:right; margin:5px; width:100%; right:0px;}
  188.  
  189. .chat {margin:0px; text-align:left;}
  190. .chat .lines {color: {color:texto}; background:{color:background color}; padding:4px; margin-bottom:2px;}
  191. .chat .lines span {text-transform:uppercase; color:{color:negrito};}
  192. #laudio-caption {margin-top:10px;}
  193. #laudio-caption p {padding:5px; margin-bottom:1px; background:{color:background color};}
  194. #lalbum-art {display:inline-block; float:left;}
  195. #laudio-player {display:inline-block;}
  196.  
  197. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  198. .sh-cred {position:fixed; margin-left:10px; bottom:50px; width:auto; height:auto; display:inline-block; cursor: hand; float:left; z-index:9999999;}
  199. .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%;}
  200. /* --• ESTILO DE CRÉDITOS BY: SHWNTY •-- */
  201.  
  202.  
  203.  
  204. /* SIDEBAR GERAL */
  205.  
  206. #sh-box1{position:absolute; width:101%; height:100px; margin-left:-10px; top:0px; text-align:center; background:{color:posts color}; z-index:999999;}
  207.  
  208. /* DESCRIÇÃO */
  209. .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;}
  210.  
  211.  
  212. /* MENU */
  213. #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;}
  214. #sh-menu a{width:auto; text-align:center; font-size:10px; text-transform:uppercase; letter-spacing:1px; font-family: 'Rationale'; margin:5px;}
  215. #sh-menu a:hover {color:{color:posts color}; transition:1s;}
  216.  
  217. /* ICON */
  218. #sh-img {position:fixed; margin-left:20px; margin-top:-35px; width:100px; text-align:left; float:left; }
  219. #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;}
  220.  
  221.  
  222. /* PAINEL */
  223. .sh-status{position:fixed; width:100px; margin-top:-40px; right:5px; text-align:center; z-index:99999999999999;}
  224. .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;}
  225. .sh-status a:hover {color:{color:detalhes do theme};}
  226.  
  227.  
  228. /*/ Controles hover por nevalisca.tumblr.com /*/
  229. .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;}
  230. .tmblr-iframe:hover, iframe#tumblr_controls:hover{opacity:0;}
  231. .engrenagem{position:fixed; left:-20px; top:-20px;font-size:13px}
  232.  
  233.  
  234.  
  235. </style>
  236.  
  237. <!--- FONTES PERSONALIZADAS GOOGLE --->
  238. <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">
  239.  
  240. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  241.  
  242. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  243. <!--- FONTES PERSONALIZADAS GOOGLE --->
  244.  
  245.  
  246.  
  247. <body>
  248.  
  249.  
  250. <!-- INÍCIO BOX 01 -->
  251. <div id="sh-box1">
  252.  
  253. <!-- DESCRIÇÃO -->
  254. <div class="sh-desc"> {text:titulo} </div>
  255.  
  256. </div>
  257. <!-- FIM BOX 01 -->
  258.  
  259.  
  260. <!-- MENU -->
  261. <div id="sh-menu">
  262.  
  263. <a href="{text:link1}"> <b>001.</b> {text:link1 nome} </a>
  264.  
  265. <a href="{text:link2}"> <b>002.</b> {text:link2 nome}</a>
  266.  
  267. <a href="{text:link3}"> <b>003.</b> {text:link3 nome} </a>
  268.  
  269. <a href="{text:link4}"> <b>004.</b> {text:link4 nome}</a>
  270.  
  271. <a href="{text:link5}"> <b>005.</b> {text:link5 nome}</a>
  272.  
  273.  
  274. <!-- STATUS -->
  275. <div class="sh-status">
  276. <a href="https://www.tumblr.com/follow/{Name}" title=" Follow me " target="_blank"><i class="ion-person-add"></i> </a>
  277.  
  278. <a href="https://www.tumblr.com/message/{Name}" title=" Conversation" target="_blank"><i class="ion-chatbubbles"></i></a>
  279.  
  280. <a href="https://www.tumblr.com/" title=" Dashboard " target="_blank"><i class="ion-ios-home"></i></a>
  281.  
  282. <a href="https://www.instagram.com/{text:user instagram}/" title="{text:user instagram}" target="_blank"><i class="ion-social-instagram-outline"></i></a>
  283.  
  284. </div>
  285.  
  286.  
  287. <!-- ICON -->
  288. <div id="sh-img"><img src="{image:sidebar}"></div>
  289.  
  290. </div>
  291.  
  292.  
  293.  
  294. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  295. <div class="sh-cred"><a href="http://shwnty.tumblr.com/" title="Shwnty Themes."> SH </a> </div>
  296. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  297.  
  298. <!-- NÃO REMOVA. -->
  299. <div class="engrenagem"><i class="fa fa-gear"></i></div>
  300.  
  301.  
  302. <!-- FIM DA SIDEBAR AND INICIO DOS POSTS -->
  303.  
  304.  
  305.  
  306. <div id="sh-cx">
  307.  
  308. {block:Posts}
  309. <div class="sh-posts">
  310.  
  311. {block:Text}
  312. {block:Title}<div class="h1"><center>{Title}</center></div>{/block:Title}
  313. {body}
  314.  
  315. <!--- shwnty notes --->
  316. <div class="shnotes-cx">
  317. <div class="shnotes-date"><a href="{Permalink}"> {NoteCountWithLabel} </a></div>
  318. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  319. </div>
  320. <!--- shwnty notes --->
  321.  
  322. {/block:Text}
  323.  
  324.  
  325.  
  326.  
  327. {block:Quote}
  328. <div class="sh-quotes">{Quote}</div>
  329. {block:Source}<div class="sh-source"> &mdash; {Source} </div>{/block:Source}
  330.  
  331. <!--- shwnty notes --->
  332. <div class="shnotes-cx">
  333. <div class="shnotes-date"><a href="{Permalink}"> {NoteCountWithLabel} </a></div>
  334. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  335. </div>
  336. <!--- shwnty notes --->
  337.  
  338. {/block:Quote}
  339.  
  340.  
  341.  
  342.  
  343. {block:Chat}
  344. {block:Lines}
  345. <div class="chat">
  346. <div class="lines">{block:Label}
  347. <span>{Label}</span>
  348. {/block:Label}
  349. {Line}</div></div>
  350. {/block:Lines}
  351.  
  352. <!--- shwnty notes --->
  353. <div class="shnotes-cx">
  354. <div class="shnotes-date"><a href="{Permalink}"> {NoteCountWithLabel} </a></div>
  355. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  356. </div>
  357. <!--- shwnty notes --->
  358.  
  359. {/block:Chat}
  360.  
  361.  
  362.  
  363.  
  364. {block:Link}
  365. <a href="{URL}" target="{Target}"><div class="sh-link"><titulo>{Name}</a></titulo></div>{block:Description}{Description}{/block:Description}
  366.  
  367. <!--- shwnty notes --->
  368. <div class="shnotes-cx">
  369. <div class="shnotes-date"><a href="{Permalink}"> {NoteCountWithLabel} </a></div>
  370. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  371. </div>
  372. <!--- shwnty notes --->
  373.  
  374. {/block:Link}
  375.  
  376.  
  377.  
  378.  
  379. {block:Audio}
  380. <div class="text">
  381. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  382. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  383. <div id="laudio-caption">
  384. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  385. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  386. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  387. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  388. </div></div>
  389.  
  390. <!--- shwnty notes --->
  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. <!--- shwnty notes --->
  396.  
  397. {/block:Audio}
  398.  
  399.  
  400.  
  401.  
  402. {block:Photo}
  403. <div class="sh-imgp"><img src="{PhotoURL-500}"></div>
  404.  
  405. <!--- shwnty notes --->
  406. <div id="shnotescx"></div>
  407. <div class="sh-reblog"><a href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  408. <div class="sh-notesp">{TimeAgo}, <a href="{Permalink}">{NoteCountWithLabel} </a> </div>
  409. <!--- shwnty notes --->
  410.  
  411. {/block:Photo}
  412.  
  413.  
  414.  
  415.  
  416. {block:Photoset}
  417. <div class="sh-photoset"><center>{Photoset}</center></div>
  418.  
  419. <!--- shwnty notes --->
  420. <div id="shnotescx"></div>
  421. <div class="sh-reblog"><a href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  422. <div class="sh-notesp">{TimeAgo}, <a href="{Permalink}">{NoteCountWithLabel} </a> </div>
  423. <!--- shwnty notes --->
  424.  
  425. {/block:Photoset}
  426.  
  427.  
  428.  
  429.  
  430. {block:Video}
  431. {block:Indexpage}<div class="sh-video">{Video-250}</div>{/block:IndexPage}
  432.  
  433. <!--- shwnty notes --->
  434. <div id="shnotescx"></div>
  435. <div class="sh-reblog"><a href="{ReblogURL}" target="_blank"><i class="fa fa-retweet"></i></a></div>
  436. <div class="sh-notesp">{TimeAgo}, <a href="{Permalink}">{NoteCountWithLabel} </a> </div>
  437. <!--- shwnty notes --->
  438.  
  439. {/block:Video}
  440.  
  441.  
  442.  
  443.  
  444. {block:Answer}
  445. <div class="sh-pergunta">{Question}</div>
  446. <div class="sh-perguntou">{Asker} perguntou: </div>
  447.  
  448. <br><br>
  449. <div class="sh-resposta"> {Answer}</div>
  450.  
  451. <!--- shwnty notes --->
  452. <div class="shnotes-cx">
  453. <div class="shnotes-date"><a href="{Permalink}"> {NoteCountWithLabel} </a></div>
  454. <div class="shnotes-reblog"><a href="{ReblogURL}" target="_blank"> Reblog </a></div>
  455. </div>
  456. <!--- shwnty notes --->
  457.  
  458. {/block:Answer}
  459.  
  460.  
  461. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  462. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  463.  
  464. {/block:Posts}
  465. </div>
  466.  
  467.  
  468.  
  469. {block:IndexPage}
  470. <div class="column navigation" id="navigation">
  471. {block:Pagination}
  472. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  473. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  474. </div>
  475. {/block:IndexPage}
  476. </div>
  477.  
  478. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  479. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  480. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  481.  
  482.  
  483. <!-- VOLTAR AO TOPO. -->
  484. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  485. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  486. <a href="javascript:;" title="Voltar ao Topo" id="scrollToTop"><i class="ion-ios-arrow-up"> </i></a>
  487.  
  488.  
  489. <script type="text/javascript">
  490. $(document).scroll(function () {var y = $(this).scrollTop(); if (y > 100) {$('#sh-menu').fadeIn();} if (y < 100) {$('#sh-menu').fadeOut();} });
  491. </script>
  492.  
  493.  
  494. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  495. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  496. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  497. <script>(function($){$(document).ready(function(){$("[title]")
  498. .style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:20,
  499. tip_fade_speed:400, attribute:"title"});});})(jQuery);</script>
  500.  
  501. <script> function click() {if (event.button==2||event.button==3) {oncontextmenu='return false';}} document.onmousedown=click document.oncontextmenu = new Function("return false;") </script>
  502.  
  503.  
  504.  
  505. <!-- Wikplayer https://www.wikplayer.com -->
  506. <script type="text/javascript" src="https://www.wikplayer.com/code.js"
  507. data-config="{'skin':'http://static.tumblr.com/s2k8dvk/9oIocmzyc/nobroken-60-2.css','volume':100,'autoplay':true,'shuffle':true,'repeat':1,'showcomment':false,'marqueetexton':true,'placement':'mini','showplaylist':false,'playlist':[{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DKbQvgorumHs%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DRgoiSJ23cSc%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DLrWwtU7iyl0%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DytQ5CYE1VZw%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dgm-1NcHV2v8%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DCxnaPa8ohmM%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DgAGE9vkJLD8%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DE2xSVYf8Hog%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D-3wlroM2gZ8%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DGGTfFBz0M1c%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DH77fRz1rybs%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D3BXDsVD6O10%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DrVlvNtL-Kt4%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D5taVOFb_qe4%26feature%3Dyoutu.be'},{'title':'%E2%99%86','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DWxgL6AkIAhQ%26feature%3Dyoutu.be'}]}" ></script>
  508. <!-- Wikplayer code end -->
  509.  
  510. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  511. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  512. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  513.  
  514.  
  515. <script type="text/javascript">
  516. $(window).load(function () {
  517. $('#sh-cx').masonry(),
  518. $('.masonryWrap').infinitescroll({
  519. navSelector : "div#navigation",
  520. nextSelector : "div#navigation a#nextPage",
  521. itemSelector : ".sh-posts",
  522. bufferPx : 10000,
  523. extraScrollPx: 11000,
  524. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  525. loadingText : "",
  526. },
  527. // call masonry as a callback.
  528. function() { $('#sh-cx').masonry({ appendedContent: $(this) }); }
  529. );
  530. });
  531. </script>
  532.  
  533.  
  534. </body>
  535. </html>
Advertisement
Add Comment
Please, Sign In to add comment