Advertisement
clamam

teste

Jun 11th, 2021
225
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.59 KB | None | 0 0
  1. <html><head><link rel="shortcut icon" href="{favicon}">
  2.  
  3. <script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "{title}"; tb8_messages[1] = "{title}"; tb8_messages[2] = "{title}"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
  4.  
  5.  
  6. <!-- T H E M E #01 B Y : http://gridly.tumblr.com/ -->
  7.  
  8. <meta name="image:background" content=""/>
  9. <meta name="color:background" content="#fff6ef"/>
  10. <meta name="color:caixas" content="#361f14"/>
  11. <meta name="color:caixas titulo" content="#5a3418"/>
  12. <meta name="color:caixas texto" content="#ffffff"/>
  13. <meta name="color:destaque" content="#4b301e"/>
  14. <meta name="color:destaque borda" content="#60381b"/>
  15. <meta name="color:negrito" content="#c27a25"/>
  16. <meta name="color:texto" content="#eeeeee"/>
  17. <meta name="color:links" content="#c27a25"/>
  18. <meta name="color:links hover" content="#eeeeee"/>
  19. <meta name="color:bordas" content="#888888"/>
  20. <meta name="color:selecao" content="#000000"/>
  21. <meta name="color:blockquote" content="#888888"/>
  22. <meta name="color:scrollbar" content="#64330f"/>
  23.  
  24. <meta name="select:fonte das postagens"content="'muli', sans-serif"title="Muli"/>
  25. <meta name="select:fonte das postagens"content="'Arvo', serif"title="Arvo"/>
  26. <meta name="select:fonte das postagens"content="arial"title="Arial"/>
  27. <meta name="select:fonte das postagens"content="'Avalon'"title="Avalon"/>
  28. <meta name="select:fonte das postagens"content="calibri"title="Calibri"/>
  29. <meta name="select:fonte das postagens"content="consolas"title="Consolas"/>
  30. <meta name="select:fonte das postagens"content="cambria"title="Cambria"/>
  31. <meta name="select:fonte das postagens"content="georgia"title="Georgia"/>
  32. <meta name="select:fonte das postagens"content="'Signika', sans-serif"title="Signika"/>
  33. <meta name="select:fonte das postagens"content="'Lato', sans-serif"title="Lato"/>
  34. <meta name="select:fonte das postagens"content="'PT Sans', sans-serif"title="PT Sans"/>
  35. <meta name="select:fonte das postagens"content="courier new"title="Courier new"/>
  36. <meta name="select:fonte das postagens"content="century gothic"title="Century gothic"/>
  37. <meta name="select:fonte das postagens"content="'Roboto', sans-serif"title="Roboto"/>
  38. <meta name="select:fonte das postagens"content="'Typewriter FS', serif"title="Typewriter"/>
  39. <meta name="select:fonte das postagens"content="trebuchet ms"title="trebuchet ms"/>
  40. <meta name="select:fonte das postagens"content="'Yantramanav', sans-serif"title="Yantramanav"/>
  41. <meta name="select:fonte das postagens"content="Istok Web, sans-serif"title="Istok Web"/>
  42. <meta name="select:fonte das postagens"content="'Rokkitt', serif"title="Rokkitt"/>
  43.  
  44. <meta name="if:postagem justificada" content=""/>
  45. <meta name="if:neve" content=""/>
  46.  
  47. <meta name="text:tamanho das postagens" content="11"/>
  48.  
  49. <meta name="text:link 1 titulo" content="retorne ao começo"/>
  50. <meta name="text:link 1" content="/" />
  51. <meta name="text:link 2 titulo" content="fale conosco"/>
  52. <meta name="text:link 2" content="/" />
  53. <meta name="text:link 3 titulo" content="colabore"/>
  54. <meta name="text:link 3" content="/" />
  55. <meta name="text:link 4 titulo" content="alguns tutoriais"/>
  56. <meta name="text:link 4" content="/" />
  57.  
  58. <meta name="text:nav 1 titulo" content="banners"/>
  59. <meta name="text:nav 1" content="/" />
  60. <meta name="text:nav 2 titulo" content="icons"/>
  61. <meta name="text:nav 2" content="/" />
  62. <meta name="text:nav 3 titulo" content="sides"/>
  63. <meta name="text:nav 3" content="/" />
  64. <meta name="text:nav 4 titulo" content="headers"/>
  65. <meta name="text:nav 4" content="/" />
  66. <meta name="text:nav 5 titulo" content="skins"/>
  67. <meta name="text:nav 5" content="/" />
  68. <meta name="text:nav 6 titulo" content="urls"/>
  69. <meta name="text:nav 6" content="/" />
  70.  
  71. <meta name="text:mega recomendo" content="http://divulgarsrec.tumblr.com/"/>
  72.  
  73. <meta name="text:moderador url" content="clamam"/>
  74. <meta name="text:moderador nome" content="Gabi"/>
  75. <meta name="text:moderador sobre" content="Gabi, 20 anos e solteira"/>
  76.  
  77. <meta name="text:destaque do mes" content="clamam"/>
  78. <meta name="text:destaque 1" content="clamam"/>
  79. <meta name="text:destaque 2" content="clamam"/>
  80. <meta name="text:destaque 3" content="clamam"/>
  81. <meta name="text:destaque 4" content="clamam"/>
  82. <meta name="text:destaque 5" content="clamam"/>
  83. <meta name="text:destaque 6" content="clamam"/>
  84.  
  85. <meta name="text:instagram" content="https://www.instagram.com/"/>
  86. <meta name="text:snapchat" content="snap:"/>
  87.  
  88. <link rel="alternate"type="application/rss+xml"href="{RSS}">
  89. {block:description}
  90. <meta name="description" content="{Metadescription}"/>
  91. {/block:description}
  92.  
  93. <link href='https://fonts.googleapis.com/css?family=Amatic+SC:400,700|PT+Sans|Lora:700italic|Arvo|PT Sans|Lato:300,400|Roboto|Muli|Signika|Yantramanav|Istok+Web' rel='stylesheet' type='text/css'>
  94. <style type="text/css">
  95.  
  96. /**********
  97. ESTRUTURA
  98. ***********/
  99. *html, body{width:100%;}
  100. body{background:{color:background}; color:{color:texto}; font-family:{select:fonte das postagens}; {block:Ifpostagemjustificada}text-align:justify;{/block:Ifpostagemjustificada} -webkit-animation:Fade 10s; font-size:{text:tamanho das postagens}px; background-image:url('{image:background}');line-height:165%; {block:Ifnaorepetirbackground} background-attachment:fixed; background-repeat:no-repeat; background-position:center; -o-background-size:cover; -webkit-background-size:cover; {/block:Ifnaorepetirbackground}
  101. cursor:url('http://static.tumblr.com/5u1fog0/aaEn06fxx/cursor.png'), default!important;}
  102. #middle{width:845px; {block:permalinkPage}width:845px;{/block:permalinkPage} position:relative; margin-left:auto; margin-right:auto; margin-top:0px; padding-bottom:20px; overflow:hidden;}
  103. #entry{width:1000px; margin-top:80px; {block:permalinkPage}width:500px; margin-left:175px;{/block:permalinkPage}}
  104. .posts{margin:0 15px 45px 0; background:{color:caixas}; float:left; padding:10px; {block:IndexPage}width:180px; position:relative;{/block:IndexPage} {block:permalinkPage}width:500px; margin:0 15px 30px 0;{/block:permalinkPage};}
  105. .box {position:relative;}
  106. .box img {display:block; max-width:100%;}
  107. .box iframe{max-width:100%;}
  108.  
  109.  
  110.  
  111. /**********
  112. LINKS E CORES
  113. ***********/
  114. a{color:{color:texto}; text-decoration:none;}
  115. a:hover{color:{color:links hover}!important; text-decoration:none; cursor:url('http://static.tumblr.com/5u1fog0/zJbn06fy8/cursor_hover.gif'), default!important;}
  116. a:link,a:active,a:visited{color:{color:links}; -webkit-transition-duration: .90s;}
  117. b, strong{color:{color:negrito};}
  118. i, em{color:{color:negrito}; font-family:'Lora', serif;}
  119. s{color:{color:negrito};}
  120. u{border-bottom:{color:negrito}; color:{color:negrito};}
  121. ::selection{background:{color:selecao}; color:{color:negrito};}
  122. ::-moz-selection{background:{color:selecao}; color:{color:negrito};}
  123.  
  124.  
  125.  
  126. /**********
  127. UL, HR E ETC
  128. ***********/
  129. p{margin:6px 0 0 0}
  130. ul{list-style-type:circle;}
  131. hr{text-align:center; border:none; border-top:1px solid {color:bordas}; width:50px;}
  132. blockquote{margin:2px 5px 2px 5px; padding:1px 0 3px 6px; border-left:1px solid {color:blockquote};}
  133. .vsanna{display:none;} .source{display:none;}
  134.  
  135.  
  136.  
  137. /**********
  138. TOOLTIP
  139. ***********/
  140. #s-m-t-tooltip{max-width:300px;outline-offset:-4px; margin:15px; padding:3px 3px; background:rgba({RGBcolor:background},.7); color:{color:caixas}; text-shadow:1px 1px 1px #aaa; z-index:999999; font-size:9px; letter-spacing:1.3px; font-family:roboto;text-transform:uppercase;}
  141.  
  142.  
  143.  
  144. /**********
  145. CHAT
  146. ***********/
  147. .chat ul{padding:0px 0px 0px 0px; margin:0px;}
  148. .chat li{margin-bottom:1px; padding:10px; list-style-type:none;}
  149. .chat li.odd{border-left:1px solid {color:bordas}; transition:.5s;}
  150. .chat li.even{border-right:1px solid {color:bordas}; transition:.5s;}
  151. span.chats{color:{color:texto}; font-size:10px; font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase;}
  152. .chat ul:hover li.odd{border-left:none; border-right:1px solid {color:bordas}; transition:.5s;}
  153. .chat ul:hover li.even{border-right:none; border-left:1px solid{color:bordas}; transition:.5s;}
  154.  
  155.  
  156.  
  157. /**********
  158. CONTROLES
  159. ***********/
  160. #tumblr_controls,.tmblr-iframe--desktop-logged-in-controls,.iframe-controls--desktop{position:fixed!important; -webkit-filter:invert(100%); margin-right:5px!important; display:none; margin-top:0px; opacity:0.4; text-transform:none; {block:PermalinkPage}display:inline-block; margin-right:65px!important;{/block:PermalinkPage} z-index:99999999999999999999999!important;}
  161. {block:PermalinkPage}
  162. .tmblr-iframe--desktop-logged-in-controls,.iframe-controls--desktop, .lcredit.icon.theme{position:fixed!important;-webkit-filter:invert(100%);opacity:0.4; top:5px!important; margin-right:3px; z-index:99999999999999999999999!important; text-transform:none; display:inline-block;}
  163. {/block:PermalinkPage}
  164. #controls{position:fixed; text-transform:uppercase; font-family:PT Sans; float:right; right:9px; margin-top:0px; z-index:99999999999999999999999!important; {block:PermalinkPage}display:none;{/block:PermalinkPage} line-height:0;}
  165. #controls a{margin:3px; color:{color:texto}; font-size:9px; letter-spacing:1px; text-shadow:1px 1px 1px #000; padding:2px 7px 2px 7px; color:{color:caixas texto}; background:{color:destaque borda}}
  166. #controls i{color:{color:caixas texto}}
  167.  
  168.  
  169.  
  170. /**********
  171. PERMALINK E NOTES
  172. ***********/
  173. .base{border-radius:5px; padding:0px; overflow:hidden; float:left; position:relative; {block:indexpage}width:500px;{/block:indexpage} {block:permalinkPage}width:500px;{/block:permalinkPage};}
  174. #permalink{width:500px; font-size:10px; font-family:roboto; text-transform:uppercase; padding-bottom:5px; margin-left:10px; margin-top:0px; line-height:160%; letter-spacing:1px;}
  175. #permalink a{color:{color:texto}}
  176. aside.permalink_page {margin-top:30px; margin-bottom:60px;}
  177. ol.notes li.note img.avatar {display:none!important;}
  178. ol.notes {list-style-type:none; margin:0;}
  179. ol.notes li.note{display:block; margin-bottom:5px; padding:5px; margin-left:-35px;}
  180. li.note:nth-child(odd) {background:{color:destaque};}
  181. li.note{font-size:9px; letter-spacing:1px; text-transform:uppercase; position:relative; font-family:roboto;}
  182.  
  183. #notes{height:300px; overflow:scroll;}
  184. #notes a{color:{color:texto};}
  185.  
  186. #fundopopup{display:none; opacity:0.9; background:{color:background}; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999;}
  187. .caixapopup{padding-top:0px; text-align:left; display:none; background:{color:background}; box-shadow:0px 2px 2px 0px {color:bordas}; padding:10px; float:left; margin:10px auto:0; font-family:{select:font posts}; font-size:{text:tamanho das postagens}px; color:{color:textos}; line-height:16px; position: fixed; top:50%; margin-top:15px; left:35%; z-index:9999999999999999999999; border-radius:10px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; width:300px; height:300px; overflow: scroll;}
  188. img.btn_botaodeclose{float:right;margin: -55px -55px 0 0;}
  189. *html #fundopopup{position:absolute;}
  190. *html .caixapopup{position:absolute;}
  191.  
  192. #permatext{opacity:1; left:0px; bottom:-25px; width:190px; font-family:roboto; position:absolute; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; text-transform:uppercase; font-size:9px; letter-spacing:1.3px; border-top:1px solid {color:destaque borda}; color:{color:caixas texto}; background:{color:caixas};}
  193. #permatext i{color:{color:caixas texto}; font-size:12px; font-weight:lighter;}
  194.  
  195.  
  196.  
  197. /**********
  198. FAIXA E MENU DOS LINKS
  199. ***********/
  200. #top{top:0px; left:0px; position:fixed; width:100%; height:5px; padding:10px; background:{color:caixas}; z-index:9999; line-height:0;}
  201. #linha{position:fixed; height:1px; width:100%; left:0px; margin-top:4px; background:{color:destaque borda}; z-index:99999;}
  202. #menu{position:fixed; z-index:999; background:rgba({RGBcolor:background},.7); height:77px;}
  203. #links{margin-top:30px; margin-left:7px; width:100%; text-align:center; background:{color:caixas}; width:190px!important; padding:7px; text-transform:uppercase; letter-spacing:1.3px; font-family:roboto; font-size:11px; display:inline-block; transition:.5s ease;}
  204. #links a{color:{color:caixas texto};}
  205. #links:hover{background:{color:caixas titulo}; transition:.5s ease;}
  206.  
  207.  
  208. /**********
  209. SIDEBAR LATERAL ESQUERDA E DIREITA
  210. ***********/
  211. #lateral{position:fixed; background:{color:caixas}; width:230px; height:100%; right:10px; z-index:999999; margin-top:30px;}
  212. #content{position:fixed; background:{color:caixas}; width:230px; height:auto; left:10px; z-index:999999; margin-top:30px;}
  213. #sidebar{margin-bottom:30px;}
  214. #titulo{padding:7px; background:{color:caixas titulo}; color:{color:caixas texto}; text-transform:uppercase; text-align:center; font-family:roboto; letter-spacing:2px; margin-bottom:10px; font-size:12px; text-shadow:1px 1px 1px #000;}
  215.  
  216.  
  217.  
  218. /**********
  219. DESTAQUES
  220. ***********/
  221. #destaque img{width:30px; height:30px; padding:5px; background:{color:destaque}; border:1px solid {color:destaque borda}; margin:5px; text-align:center; transition-duration: 1s; -webkit-transition-duration: 1s;}
  222. #destaque img:hover{-webkit-box-shadow:inset 40px -40px 0 0 {color:caixas titulo},inset -40px 40px 0 0 {color:caixas titulo}; box-shadow:inset 40px -40px 0 0 {color:caixas titulo},inset -40px 40px 0 0 {color:caixas titulo}; transition-duration:1s; -webkit-transition-duration:1s;}
  223.  
  224. #mensal img{width:60px; height:60px; background:{color:destaque}; padding:7px; display:inline-block; position:fixed;}
  225. #name{margin-left:70px; margin-top:0px; background:{color:destaque}; padding:7px; font-family:roboto; text-transform:uppercase; letter-spacing:1px; color:{color:caixas texto}; font-size:10px;}
  226. #quem{background:{color:destaque}; margin-top:15px; text-align:right; padding:4px; text-transform:uppercase; font-family:roboto; letter-spacing:2px; font-size:11px;}
  227. #quem a{color:{color:caixas texto}; padding-right:7px;}
  228.  
  229. #emogi i{z-index:9999999; position:fixed; margin-top:50px; margin-left:60px; font-size:27px; color:{color:destaque borda}; text-shadow:1px 1px 0px #111; transform:rotate(13deg); transition-timing-function:ease-out; animation-duration: 1s; animation-timing-function:linear;}
  230. #emogi2 i{z-index:9999999; position:fixed; margin-top:-7px; right:10px; font-size:27px; color:{color:destaque borda}; text-shadow:1px 1px 0px #111; transform:rotate(-13deg); transition-timing-function:ease-out; animation-duration: 1s; animation-timing-function:linear;}
  231.  
  232. #tudo:hover #emogi i{animation-name:example; animation-duration: 1s; animation-timing-function:linear; animation-iteration-count:infinite; transition-timing-function:ease-out;}
  233. #tudo:hover #emogi2 i{animation-name:example; animation-duration: 1s; animation-timing-function:linear; animation-iteration-count:infinite; transition-timing-function:ease-out;}
  234.  
  235.  
  236.  
  237. /**********
  238. NAVEGAÇÃO E RECOMENDO
  239. ***********/
  240. #nav a{width:52px; display:inline-block; background:{color:destaque}; padding:7px; margin:3px; border:1px solid {color:destaque borda}; color:{color:caixas texto}; text-transform:uppercase; letter-spacing:1.3px; font-size:9.5px; font-family:Pt sans; text-align:center;}
  241. #nav a:hover{background:{color:caixas titulo}}
  242. .recomendo{position:fixed; border:1px solid {color:destaque borda}; color:{color:caixas texto}!important; text-transform:uppercase; letter-spacing:1.3px; font-size:9.5px; font-family:Pt sans; text-align:center; background:{color:destaque}; padding:7px; width:214px; margin-left:10px}
  243. .recomendo:hover{background:{color:caixas titulo}}
  244. #reco{position:fixed; left:0px; margin-top:182px; z-index:99999999;}
  245.  
  246.  
  247.  
  248. /**********
  249. PARCEIROS
  250. ***********/
  251. #parc{width:100%; height:80px; overflow:scroll;}
  252. #parc img{width:30px; height:30px; margin:2px;}
  253. #parc img:hover{-webkit-filter:blur(.8px) grayscale(30%); -webkit-transition-duration:1s;}
  254.  
  255.  
  256.  
  257. /**********
  258. MODERADORA
  259. ***********/
  260. #eu img{width:60px; height:60px; background:{color:destaque}; padding:7px;}
  261. #socialm{position:fixed; width:32px; height:32px; text-align:center; margin-top:-79px; background:{color:destaque}; margin-left:130px; transition:.5px ease;}
  262. #socialm i{line-height:34px; color:{color:caixas texto};}
  263. #socialm:hover{background:{color:caixas titulo}; transition:.5px ease;}
  264. #eumesmo1{position:fixed; background:{color:destaque}; padding:7px; margin-left:68px; margin-top:-79px; width:40px; text-align:center; font-family:roboto; text-transform:uppercase; color:{color:caixas texto}; letter-spacing:2px; font-size:10px;}
  265. #eumesmo2{position:fixed; background:{color:destaque}; padding:7px; margin-left:72px; margin-top:-37px; text-align:center; font-family:PT Sans; text-transform:uppercase; color:{color:caixas texto}; letter-spacing:1px; font-size:10px;}
  266.  
  267.  
  268.  
  269. /**********
  270. CRÉDITOS
  271. ***********/
  272. #creditos{position:fixed; font-family:PT Sans; font-size:9px; text-transform:uppercase; color:{color:caixas texto}; letter-spacing:.7px;; text-align:justify; background:{color:caixas}; z-index:9999999; width:230px; margin-top:463px; left:10px;}
  273. #creditos a{color:{color:caixas texto}; background:{color:destaque}; padding:5px;}
  274.  
  275.  
  276.  
  277. /**********
  278. DISCLAIMER
  279. ***********/
  280. #descri{position:fixed; font-family:PT Sans; font-size:9px; text-transform:uppercase; color:{color:caixas texto}; letter-spacing:.7px;; text-align:justify; background:{color:caixas}; z-index:9999999; width:230px; margin-top:240px; left:10px;}
  281. #descri a{color:{color:caixas texto};background:{color:destaque};padding:5px;}
  282.  
  283.  
  284.  
  285. /**********
  286. QUOTE E SOURCE
  287. ***********/
  288. .quote{font-family:{select:fonte das postagens}; line-height:160%; {block:Ifpostagemjustificada}text-align:justify;{/block:Ifpostagemjustificada} font-size:{text:tamanho das postagens}px;}
  289. .qsource{text-align:left; margin-top:0px; font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase; font-size:10.4px;}
  290.  
  291.  
  292.  
  293. /**********
  294. ASK
  295. ***********/
  296. .pessoap{text-transform:uppercase; font-family:Roboto; font-weight:bold; margin-bottom:5px; font-size:10px; letter-spacing:1px; color:{color:caixas texto};}
  297. .pessoap a{color:{color:caixas texto};}
  298. .pessoapfoto{margin-left:0px;}
  299. .pessoapfoto img{width:30px; padding:5px; background:{color:destaque borda}; outline:4px double rgba({RGBcolor:caixas titulo},0.5); outline-offset:-10px; margin-right:0px; float:left;}
  300. .pergunta{padding:15px; margin-left:40px; position:relative; background:{color:destaque}; border-left:2px solid {color:caixas titulo};}
  301. .pergunta:after, .pergunta:before{right:100%; top:20px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
  302. .pergunta:after{border-color:rgba(136, 183, 213, 0); border-right-color:{color:destaque}; border-width:10px; margin-top:-10px;}
  303. .pergunta:before{border-color:rgba(194, 225, 245, 0); border-right-color:{color:destaque}; border-width:11px; margin-top:-11px;}
  304. .sresposta {padding:5px 0px;}
  305. .sresposta img {max-width:100%; height:auto;}
  306.  
  307.  
  308.  
  309. /**********
  310. AUDIO
  311. ***********/
  312. .album{background-repeat: no-repeat; background-position: center; position: absolute; width:86px; height:86px; background-size:60px; overflow:hidden;}
  313. .album img{width:86px; height:86px; overflow: hidden; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; opacity:.7;}
  314. .album img:hover{-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; opacity:1;}
  315. .player{width:10px; height:11px; overflow:hidden; padding:4px 21px 21px 4px; margin-top:27px; margin-left:26px; position:absolute; background-color:{color:background}; opacity: 0.9; z-index: 10; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
  316. .player:hover {opacity:1;}
  317. .track{margin-left:90px; overflow:auto; min-height:80px; max-height:100px; font-family:PT Sans; font-size:10px; padding:3px; text-transform:uppercase; letter-spacing:.5px;}
  318.  
  319.  
  320.  
  321. /**********
  322. BOTÃO DO TOPO
  323. ***********/
  324. #scrollToTop:link,#scrollToTop:visited{position:fixed; display:none; bottom:15px; right:15px; opacity:.7;}
  325.  
  326.  
  327.  
  328. /**********
  329. LOADING
  330. ***********/
  331. #infscr-loading{position:absolute!important; width:5px!important; height:auto!important; margin-bottom:-16px!important; top:auto!important; bottom:0; left:45%!important; padding-bottom:5px; padding-top:10px; -webkit-filter:grayscale(100%);}
  332. #infscr-loading img{width:30px!important;}
  333.  
  334.  
  335.  
  336. /**********
  337. SCROLLBAR
  338. ***********/
  339. ::-webkit-scrollbar{height:1px; width:5px; background:transparent;}
  340. ::-webkit-scrollbar-thumb{background:{color:scrollbar};}
  341. @-webkit-keyframes Fade{0%{opacity:0;} 100%{opacity:1;}}
  342. @keyframes example{25% {transform: scale(1.1);} 75% {transform: scale(1.3);}}
  343.  
  344.  
  345. .phperma{position:absolute; top:0px; left:0px; width:100%; height:100%; -webkit-transition:opacity 0.5s; opacity:0; background:{color:background};padding:0;}
  346. .phperma:hover{opacity:.9;}
  347.  
  348. .ph_base{position:absolute; margin:0; padding:0; top:0; left:0; width:400px; height:70px; list-style:none; overflow:hidden;}
  349. .ph_base a{width:100%; text-decoration:none;}
  350. .ph_base.style3{top:0%; left:0%; width:100%; height:100%;}
  351.  
  352. #phpermalink{margin-top:20px; margin-left:20px; z-index:9999999999999999999999999999; color:#000;}
  353. #phpermalink a{font-size:11px; color:#000!important; font-family:Calibri; text-transform:uppercase; letter-spacing:1px; display:block; text-shadow:1px 1px 1px #eee;}
  354.  
  355.  
  356.  
  357. </style>
  358. </head>
  359. <body>
  360.  
  361.  
  362. <!----------
  363. FAIXA DO TOPO
  364. ----------->
  365. <div id="top"></div>
  366. <div id="linha"></div>
  367.  
  368.  
  369.  
  370. <!----------
  371. CONTROLES
  372. ----------->
  373. <div id="controls">
  374. <a href="https://www.tumblr.com/message/{name}" target="_blank"><i class="fa fa-comments-o"></i> chat box</a>
  375. <a href="http://tumblr.com/follow/{name}"><i class="fa fa-user-plus"></i> follow</a>
  376. <a href="https://www.tumblr.com/dashboard"><i class="fa fa-th-large"></i> dashboard</a>
  377. </div>
  378. {block:PermalinkPage}
  379. <a class="lcredit icon theme" href="http://clamam.tumblr.com" target="_blank">Theme</a>
  380. {/block:PermalinkPage}
  381.  
  382.  
  383.  
  384. <div id="middle"><!-- CENTRALIZAÇÃO -->
  385.  
  386.  
  387.  
  388. <!----------
  389. MENU DOS LINKS
  390. ----------->
  391. <div id="menu">
  392. <div id="links" style="margin-left:0px"><a href="{text:link 1}">{text:Link 1 Titulo}</a></div>
  393. <div id="links"><a href="{text:link 2}">{text:Link 2 Titulo}</a></div>
  394. <div id="links"><a href="{text:link 3}">{text:Link 3 Titulo}</a></div>
  395. <div id="links"><a href="{text:link 4}">{text:Link 4 Titulo}</a></div>
  396. </div>
  397.  
  398.  
  399.  
  400. <div id="content"><!-- SIDEBAR LATERAL DIREIRA -->
  401.  
  402.  
  403.  
  404. <!----------
  405. MODERADORA
  406. ----------->
  407. <div id="sidebar" style="margin-bottom:10px">
  408. <div id="titulo">Moderadora</div>
  409. <div id="eu">
  410. <a href="http://{text:moderador url}.tumblr.com/" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:moderador url}.tumblr.com/avatar/96/"/></a>
  411. </div>
  412. <div id="eumesmo1">{text:moderador nome}</div>
  413. <div id="socialm"><a href="{text:instagram}" target="_blank"><i class="fa fa-instagram"></i></a></div>
  414. <div id="socialm" style="margin-left:170px"><a href="/" title="{text:snapchat}"><i class="fa fa-snapchat"></i></a></div>
  415. <div id="eumesmo2">{text:moderador sobre}</div>
  416. </div>
  417.  
  418. </div><!-- FIM SIDEBAR LATERAL DIREIRA -->
  419.  
  420.  
  421.  
  422. <!----------
  423. MEGA RECOMENDO
  424. ----------->
  425. <div id="reco">
  426. <a href="{text:mega recomendo}" class="recomendo">Nosso mega recomendo</a>
  427. </div>
  428.  
  429.  
  430.  
  431. <!----------
  432. DISCAIMER
  433. ----------->
  434. <div id="descri">
  435. <div id="titulo">Disclaimer</div>
  436. <div style="padding:0 7px 4px 7px">
  437. {description}
  438. </div>
  439. </div>
  440.  
  441.  
  442.  
  443. <!----------
  444. CRÉDITOS - NÃO REMOVA NEM MODIFIQUE
  445. ----------->
  446. <div id="creditos">
  447. <div id="titulo">Créditos</div>
  448. <div style="padding:0 7px 4px 7px">
  449. Theme desenhado por <a href="http://chardioor.tumblr.com" target="_blank">chardioor</a> e códificado por <a href="http://clamam.tumblr.com" target="_blank" style="text-decoration:underline">clamam</a>. Não copie nem se inspire. Plágio é crime!
  450. </div>
  451. </div>
  452.  
  453.  
  454.  
  455. <div id="lateral"><!--SIDEBAR LATERAL ESQUERDA-->
  456.  
  457.  
  458.  
  459. <!----------
  460. DESTAQUES SEMANAIS
  461. ----------->
  462. <div id="sidebar" style="margin-bottom:20px">
  463. <div id="titulo">Destaques Semanais</div>
  464. <div id="destaque" align="center">
  465. <a href="http://{text:destaque 1}.tumblr.com" title="{text:destaque 1}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque 1}.tumblr.com/avatar/96/"/></a>
  466. <a href="http://{text:destaque 2}.tumblr.com" title="{text:destaque 2}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque 2}.tumblr.com/avatar/96/"/></a>
  467. <a href="http://{text:destaque 3}.tumblr.com" title="{text:destaque 3}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque 3}.tumblr.com/avatar/96/"/></a>
  468. <a href="http://{text:destaque 4}.tumblr.com" title="{text:destaque 4}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque 4}.tumblr.com/avatar/96/"/></a>
  469. <a href="http://{text:destaque 5}.tumblr.com" title="{text:destaque 5}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque 5}.tumblr.com/avatar/96/"/></a>
  470. <a href="http://{text:destaque 6}.tumblr.com" title="{text:destaque 6}" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque 6}.tumblr.com/avatar/96/"/></a>
  471. </div>
  472. </div>
  473.  
  474.  
  475.  
  476. <!----------
  477. NAVEGAÇÃO
  478. ----------->
  479. <div id="sidebar">
  480. <div id="titulo">Materiais úteis</div>
  481. <div id="nav">
  482. <a href="{text:Nav 1}">{text:Nav 1 Titulo}</a>
  483. <a href="{text:Nav 2}">{text:Nav 2 Titulo}</a>
  484. <a href="{text:Nav 3}">{text:Nav 3 Titulo}</a>
  485. <a href="{text:Nav 4}">{text:Nav 4 Titulo}</a>
  486. <a href="{text:Nav 5}">{text:Nav 5 Titulo}</a>
  487. <a href="{text:Nav 6}">{text:Nav 6 Titulo}</a>
  488. </div>
  489. </div>
  490.  
  491.  
  492.  
  493. <!----------
  494. DESTAQUE MENSAL
  495. ----------->
  496. <div id="sidebar">
  497. <div id="titulo">Destaque Mensal</div>
  498. <div id="tudo">
  499. <div id="mensal">
  500. <a href="http://{text:destaque do mes}.tumblr.com" target="_blank"><img src="http://api.tumblr.com/v2/blog/{text:destaque do mes}.tumblr.com/avatar/96/"/></a>
  501. <div id="emogi"><i class="fa fa-heart"></i></div>
  502. <div id="name">Parabéns {text:destaque do mes}</div>
  503. <div id="emogi2"><i class="fa fa-heart"></i></div>
  504. <div id="quem"><a href="http://{text:destaque do mes}.tumblr.com" target="_blank">{text:destaque do mes}</a></div>
  505. </div>
  506. </div>
  507. </div>
  508.  
  509.  
  510.  
  511. <!----------
  512. PARCEIROS
  513. ----------->
  514. <div id="sidebar">
  515. <div id="titulo">Nossos parceiros</div>
  516. <div id="parc">
  517. <a href="http://clamam.tumblr.com/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  518.  
  519. <a href="http://clamam.tumblr.com/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  520.  
  521. <a href="http://clamam.tumblr.com/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  522.  
  523. <a href="http://clamam.tumblr.com/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  524.  
  525. <a href="http://clamam.tumblr.com/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  526.  
  527. <a href="http://clamam.tumblr.com/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  528.  
  529. <a href="http://clamam.tumblr.com/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  530.  
  531. <a href="http://clamam.tumblr.com/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  532.  
  533. <a href="/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/" width="50"/></a>
  534.  
  535. <a href="/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  536.  
  537. <a href="/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  538.  
  539. <a href="/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  540.  
  541. <a href="/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  542.  
  543. <a href="/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/" width="50"/></a>
  544.  
  545. <a href="/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  546.  
  547. <a href="/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  548.  
  549. <a href="/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  550.  
  551. <a href="/" title="urldapessoa" target="_blank"><img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/"/></a>
  552. </div>
  553. </div>
  554.  
  555. </div><!--FIM SIDEBAR LATERAL ESQUERDA-->
  556.  
  557.  
  558.  
  559.  
  560. <div id="entry"><!--COMEÇO DAS POSTAGENS-->
  561.  
  562. {block:Posts}
  563. <div class="posts">
  564.  
  565.  
  566.  
  567. <!----------
  568. POSTAGEM DE TEXTO
  569. ----------->
  570. {block:Text}
  571. {block:Title}<div style="font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase; text-align:left; font-size:11px; font-weight:bold; color:{color:negrito};">{Title}</div>
  572. {/block:Title}{Body}
  573. {block:IndexPage}
  574. <div id="permatext">
  575. {timeago}
  576. <div style="float:right; font-size:13px; display:inline-block; margin-top:0px; margin-right:0px; color:{color:texto}; font-weight:lighter;">
  577. <a href="{Permalink}" title="{notecountwithlabel}"><i class="oi-heart"></i></a>
  578. <a href="{ReblogURL}" title="reblog" target="_blank"><i class="oi-refresh"></i></a>
  579. </div>
  580. </div>
  581. {/block:IndexPage}
  582. {/block:Text}
  583.  
  584.  
  585.  
  586.  
  587. <!----------
  588. POSTAGEM DE FOTO
  589. ----------->
  590. {block:Photo}
  591. {block:IndexPage}
  592. <div class="box">
  593. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/>
  594. </div>
  595. <div id="permatext">
  596. {timeago}
  597. <div style="float:right; font-size:13px; display:inline-block; margin-top:0px; margin-right:0px; color:{color:texto}; font-weight:lighter;">
  598. <a href="{Permalink}" title="{notecountwithlabel}"><i class="oi-heart"></i></a>
  599. <a href="{ReblogURL}" title="reblog" target="_blank"><i class="oi-refresh"></i></a>
  600. </div>
  601. </div>{/block:IndexPage}
  602. {block:permalinkPage}
  603. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>
  604. {/block:permalinkPage}
  605. {/block:Photo}
  606.  
  607.  
  608.  
  609. <!----------
  610. POSTAGEM DE PHOTOSET
  611. ----------->
  612. {block:Photoset}
  613. {block:IndexPage}<div class="box">{Photoset-400}</div>
  614. <div id="permatext">
  615. {timeago}
  616. <div style="float:right; font-size:13px; display:inline-block; margin-top:0px; margin-right:0px; color:{color:texto}; font-weight:lighter;">
  617. <a href="{Permalink}" title="{notecountwithlabel}"><i class="oi-heart"></i></a>
  618. <a href="{ReblogURL}" title="reblog" target="_blank"><i class="oi-refresh"></i></a>
  619. </div>
  620. </div>{/block:IndexPage}
  621. {block:permalinkPage}{Photoset-500}{/block:permalinkPage}
  622. {/block:Photoset}
  623.  
  624.  
  625.  
  626. <!----------
  627. POSTAGEM DE QUOTE
  628. ----------->
  629. {block:Quote}
  630. <div class="quote">{Quote}</div>
  631. {block:Source}
  632. <div class="qsource">{Source}</div>
  633. {/block:Source}
  634. {block:IndexPage}
  635. <div id="permatext">
  636. {timeago}
  637. <div style="float:right; font-size:13px; display:inline-block; margin-top:0px; margin-right:0px; color:{color:texto}; font-weight:lighter;">
  638. <a href="{Permalink}" title="{notecountwithlabel}"><i class="oi-heart"></i></a>
  639. <a href="{ReblogURL}" title="reblog" target="_blank"><i class="oi-refresh"></i></a>
  640. </div>
  641. </div>
  642. {/block:IndexPage}
  643. {/block:Quote}
  644.  
  645.  
  646.  
  647. <!----------
  648. POSTAGEM DE LINK
  649. ----------->
  650. {block:Link}
  651. <div style="font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase; text-align:left; font-size:11px; font-weight:bold; color:{color:negrito};"><a href="{URL}" {Target}>{Name}</a></div>
  652. {block:description}{description}{/block:description}
  653. {block:IndexPage}
  654. <div id="permatext">
  655. {timeago}
  656. <div style="float:right; font-size:13px; display:inline-block; margin-top:0px; margin-right:0px; color:{color:texto}; font-weight:lighter;">
  657. <a href="{Permalink}" title="{notecountwithlabel}"><i class="oi-heart"></i></a>
  658. <a href="{ReblogURL}" title="reblog" target="_blank"><i class="oi-refresh"></i></a>
  659. </div>
  660. </div>
  661. {/block:IndexPage}
  662. {/block:Link}
  663.  
  664.  
  665.  
  666. <!----------
  667. POSTAGEM DE CHAT
  668. ----------->
  669. {Block:chat}
  670. {block:Title}<div style="font-family:PT Sans; letter-spacing:1.3px; text-transform:uppercase; text-align:left; font-size:11px; font-weight:bold; color:{color:negrito};">{Title}</div>{/block:Title}
  671. <div class="chat">
  672. <ul>
  673. {block:Lines}
  674. <li class="{Alt} u{UserNumber}">{block:Label}<span class="chats">{Label}</span>{/block:Label} {Line}</li>
  675. {/block:Lines}
  676. </ul>
  677. </div>
  678. {block:IndexPage}
  679. <div id="permatext">
  680. {timeago}
  681. <div style="float:right; font-size:13px; display:inline-block; margin-top:0px; margin-right:0px; color:{color:texto}; font-weight:lighter;">
  682. <a href="{Permalink}" title="{notecountwithlabel}"><i class="oi-heart"></i></a>
  683. <a href="{ReblogURL}" title="reblog" target="_blank"><i class="oi-refresh"></i></a>
  684. </div>
  685. </div>
  686. {/block:IndexPage}
  687. {/block:chat}
  688.  
  689.  
  690.  
  691. <!----------
  692. POSTAGEM DE AUDIO
  693. ----------->
  694. {block:Audio}
  695. <div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  696. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:permalinkPage}<img src="{AlbumArtURL}">{/block:permalinkPage}{/block:AlbumArt}</div>
  697. <div class="track">
  698. <b>Faixa:</b> {block:TrackName}{TrackName}{/block:TrackName}
  699. <br><b>Artista:</b> {block:Artist}{Artist}{/block:Artist}
  700. <br><b>Albúm:</b> {block:Album} {Album}{/block:Album}
  701. <br><b>Reproduções:</b> {FormattedPlayCount}
  702. </div>
  703. {block:IndexPage}
  704. <div id="permatext">
  705. {timeago}
  706. <div style="float:right; font-size:13px; display:inline-block; margin-top:0px; margin-right:0px; color:{color:texto}; font-weight:lighter;">
  707. <a href="{Permalink}" title="{notecountwithlabel}"><i class="oi-heart"></i></a>
  708. <a href="{ReblogURL}" title="reblog" target="_blank"><i class="oi-refresh"></i></a>
  709. </div>
  710. </div>
  711. {/block:IndexPage}
  712. {/block:Audio}
  713.  
  714.  
  715.  
  716. <!----------
  717. POSTAGEM DE VIDEO
  718. ----------->
  719. {block:Video}
  720. {block:IndexPage}{Video-250}{/block:IndexPage}
  721. {block:permalinkPage}{Video-500}{/block:permalinkPage}
  722. {block:IndexPage}
  723. <div id="permatext">
  724. {timeago}
  725. <div style="float:right; font-size:13px; display:inline-block; margin-top:0px; margin-right:0px; color:{color:texto}; font-weight:lighter;">
  726. <a href="{Permalink}" title="{notecountwithlabel}"><i class="oi-heart"></i></a>
  727. <a href="{ReblogURL}" title="reblog" target="_blank"><i class="oi-refresh"></i></a>
  728. </div>
  729. </div>
  730. {/block:IndexPage}
  731. {/block:Video}
  732.  
  733.  
  734.  
  735.  
  736. <!----------
  737. POSTAGEM DE ASK
  738. ----------->
  739. {block:Answer}
  740. <div class="pessoapfoto"><img src="{AskerPortraitURL-64}"></div>
  741. <div class="pergunta">
  742. <div class="pessoap">Disse {asker}:</div>
  743. {Question}</div>
  744. <div class="sresposta">{Answer}</div>
  745. {block:IndexPage}
  746. <div id="permatext">
  747. {timeago}
  748. <div style="float:right; font-size:13px; display:inline-block; margin-top:0px; margin-right:0px; color:{color:texto}; font-weight:lighter;">
  749. <a href="{Permalink}" title="{notecountwithlabel}"><i class="oi-heart"></i></a>
  750. <a href="{ReblogURL}" title="reblog" target="_blank"><i class="oi-refresh"></i></a>
  751. </div>
  752. </div>
  753. {/block:IndexPage}
  754. {/block:Answer}
  755.  
  756.  
  757.  
  758. <!----------
  759. VIA E SOURCE
  760. ----------->
  761. <div class="vsanna">
  762. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  763. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  764.  
  765.  
  766. </div><!--FIM DA CENTRALIZAÇÃO-->
  767.  
  768. {block:PostNotes}
  769. {block:permalinkPage}
  770.  
  771. <div class="posts">
  772. <div class="base">
  773. {block:Date}
  774. <div id="permalink">
  775. Publicado em {DayOfMonth} de {Month} de {Year}, com {NoteCountWithLabel}, às {12hour}:{minutes}{ampm}.
  776. </div>
  777. {block:RebloggedFrom}
  778. <div id="permalink">
  779. Compartilhado de <a href="{ReblogParentURL}"target="_blank">{ReblogParentName}</a>, original de {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>
  780. {/block:RebloggedFrom}
  781. <div id="notes">{PostNotes}</div>
  782. {/block:Date}
  783.  
  784. {/block:permalinkPage}
  785. </div>
  786. {/block:PostNotes}
  787. {/block:Posts}
  788.  
  789. {block:IndexPage}
  790. <div class="column navigation" id="navigation">
  791. {block:Pagination}
  792. {block:PreviousPage}
  793. <a href="{PreviousPage}" class="navigate">
  794. {/block:PreviousPage}
  795. {block:PreviousPage}</a>
  796. {/block:PreviousPage}
  797. {block:NextPage}
  798. <a href="{NextPage}" class="navigate" id="nextPage">
  799. {/block:NextPage}
  800. {block:NextPage}</a>{/block:NextPage}
  801. {/block:Pagination}
  802. </div>
  803. {/block:IndexPage}
  804.  
  805. </div></div>
  806. </div></div></div>
  807. </body>
  808.  
  809. {block:Ifbotaodeiraotopo}
  810. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  811. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/5u1fog0/9KNmunmb6/white.png" border="0"></a>
  812. {/block:Ifbotaodeiraotopo}
  813. {block:Ifneve}
  814. <script src="http://static.tumblr.com/8l2gpxb/Apwlulgho/snowstorm2.js"></script>
  815. {/block:Ifneve}
  816.  
  817. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  818. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  819.  
  820. <script src="http://goo.gl/y7lY8A"></script>
  821. <link rel="stylesheet" type="text/css" href="http://goo.gl/F6c7pZ">
  822. <link rel="stylesheet" type="text/css" href="http://goo.gl/a5mt2U">
  823. <link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/typewriterfs/stylesheet.css">
  824. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/Jbxnhk8nn/lcredit.css">
  825. <link rel="stylesheet" href="http://static.tumblr.com/rkx3jqs/EQgo3gayp/stylesheet.css">
  826. <script type="text/javascript" src="http://goo.gl/ukJ2Cf"></script>
  827. <script type="text/javascript" src="http://goo.gl/R2zQCK"></script>
  828. <script type="text/javascript" src="http://goo.gl/AGLNrG"></script>
  829. <script type="text/javascript" src="http://goo.gl/KEk7xO"></script>
  830.  
  831. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  832. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  833.  
  834. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  835. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  836. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  837. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  838. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:200,tip_fade_speed:300});});})(jQuery);</script>
  839. <script language="javascript">function clickIE() {if (document.all) {(mensagem);return false;}}function clickNS(e) {if
  840. (document.layers||(document.getElementById&&!document.all)) {
  841. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  842. if (document.layers)
  843. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  844. else{document.onmouseup=clickNS;document.oncontextgabi3=clickIE;}
  845. document.oncontextgabi3=new Function("return false")
  846. </script>
  847. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  848. <script src="http://static.tumblr.com/stnnkm0/36Hno1p6t/mhinfinitescroll.js"></script>
  849. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  850. <script>
  851. $(function(){
  852. var $container = $('#entry');
  853. $container.imagesLoaded(function(){
  854. $container.masonry({
  855. itemSelector: '.posts',
  856. columnWidth: 0
  857. });
  858. });
  859. $container.infinitescroll({
  860. navSelector : "div#navigation",
  861. nextSelector : "div#navigation a#nextPage",
  862. itemSelector : '.posts',
  863. loadingImg : "http://i.imgur.com/hS1U2T5.gif",
  864. loadingText : " ",
  865. loading: {
  866. finishedMsg: ' ',
  867. img: 'http://i.imgur.com/hS1U2T5.gif'
  868. }
  869. },
  870. function( newElements ) {
  871. var $newElems = $( newElements ).css({ opacity: 0 });
  872. $newElems.imagesLoaded(function(){
  873. $newElems.animate({ opacity: 1 });
  874. $container.masonry( 'appended', $newElems, true );
  875. });
  876. }
  877. );
  878.  
  879. });
  880. </script>
  881. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement