Advertisement
Inesziinha

theme01

Jan 19th, 2017
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.38 KB | None | 0 0
  1. <body><!-- Wikplayer https://www.wikplayer.com -->
  2. <script type="text/javascript" src="https://www.wikplayer.com/code.js"
  3. data-config="{'skin':'http://static.tumblr.com/s2k8dvk/Mcto9m1v5/nobroken-22-3.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'showcomment':false,'marqueetexton':true,'placement':'mini','showplaylist':false,'playlist':[{'title':'3LAU%20-%20How%20You%20Love%20Me%20feat.%20Bright%20Lights','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DyUR5aIxZCfI'},{'title':'Coldplay%20x%20Porter%20Robinson%20-%20Fix%20Your%20Sad%20Machine','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DqceVSXHZmWU'},{'title':'DJ%20Snake%20-%20Let%20Me%20Love%20You%20ft.%20Justin%20Bieber','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DH516uTzBpsI'},{'title':'Felix%20Cartal%20-%20Keep%20Up%20(ft.%20Steph%20Jones)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dc9FETXumq1w%26spfreload%3D1'},{'title':'Jane%20X%C3%98%20x%20Dannic%20-%20Undone','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D3VvTRMD8Wyo'},{'title':'Marshmello%20-%20Ritual%20(feat.%20Wrabel)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D32lHtrBMrvo'},{'title':'The%20Chainsmokers%20-%20Setting%20Fires%20ft.%20XYL%C3%98','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DjWhV70gVTEo'},{'title':'The%20Killers%20-%20Mr.%20Brightside','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D1pyr8RMLCP4'}]}" ></script>
  4. <!-- Wikplayer code end -->
  5.  
  6.  
  7. </body>
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
  10.  
  11. <!------ THEME BY USFAIRY / DON'T COPY ------->
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16. <!-- APPEARANCE -->
  17. <meta name="color:background" content="#222222" />
  18. <meta name="color:side" content="#1A1A1A"/>
  19. <meta name="color:borda" content="#BD996D"/>
  20. <meta name="color:text" content="#888888" />
  21. <meta name="image:sidebar" content="" />
  22.  
  23. <meta name="text:link1" content="" />
  24. <meta name="text:link1 nome" content="" />
  25. <meta name="text:link2" content="" />
  26. <meta name="text:link2 nome" content="" />
  27. <meta name="text:link3" content="" />
  28. <meta name="text:link3 nome" content="" />
  29. <meta name="text:link4" content="" />
  30. <meta name="text:link4 nome" content="" />
  31. <meta name="text:link5" content="" />
  32. <meta name="text:link5 nome" content="" />
  33.  
  34. <meta name="text:frase" content="" />
  35.  
  36. <title>{Title}</title>
  37. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  38.  
  39. <link rel="shortcut icon" href="http://i387.photobucket.com/albums/oo314/paravidatoda/mini-154.gif">
  40. <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>
  41.  
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44. <script>
  45. (function($){
  46. $(document).ready(function(){
  47. $("a[title]").style_my_tooltips({
  48. tip_follows_cursor:true,
  49. tip_delay_time:90,
  50. tip_fade_speed:600,
  51. attribute:"title"
  52. });
  53. });
  54. })(jQuery);
  55. </script>
  56.  
  57. </head>
  58.  
  59. <style type="text/css">
  60. iframe#tumblr_controls{top: 1px !important;margin: 0 0 0 0; right: 6px !important;position: fixed !important;z-index:52;}
  61.  
  62. /* BACKGROUND E AFINS, CONFIGURAÇÕES TOTAIS DO THEME */
  63. body{background:{color:background}; color:{color:text}; font-family:Courier; font-size:11px; text-align:left;}
  64. body, a{cursor:url(https://36.media.tumblr.com/649c000edb2f0b30a6b3f462d580ffbc/tumblr_inline_nlwxpbVf3W1rk7sh2_500.png), default !important;}
  65. a:hover{cursor:url(https://33.media.tumblr.com/fc639cc30b6b413accbe8e96dc05f687/tumblr_inline_n546y15LHU1sp5vjb.png), default !important;}
  66. a {color:{color:text}; text-decoration:none;}
  67.  
  68. /* NO CONTENT VC MUDA O LEFT E O TOP DOS POSTS, NÃO MEXA NO LEFT E TOP DA ENTRY */
  69.  
  70. #fairy{float:left; margin-top:50px; margin-left:200px; width:1000px; padding-bottom:30px; }
  71.  
  72. /* CODIGO DOS POSTS, AQUI VC PERSONALIZA OS POSTS */
  73.  
  74. .postagens {{block:permalinkpage} width:450px; float:center; position:fixed {/block:permalinkpage} width:195px; background:{color:side}; position:relative; float:left; display:inline-block; top:00px; margin:15px; padding:6px 6px 3px 6px; border:1px solid {color:side};}
  75.  
  76.  
  77. /* AQUI É O TAMANHO DAS IMAGENS NO POST, TEM QUE ESTAR IGUAL AO TAMANHO DA ENTRY, PARA FICAR TUDO CERTO */
  78.  
  79. .postagens img{{block:permalinkpage} width:450px; float:center; position:fixed {/block:permalinkpage} max-width:195px; height:auto; transition:1s;}
  80.  
  81. .vsanna{display:none;}
  82.  
  83. .postagens texto{font-family:Baumans; font-size:13px; line-height:11px; color:{color:text};}
  84.  
  85. .photoset{max-width: 195px;}
  86.  
  87. .postagens corpo{font-family:Baumans; font-size:10px; color:{color:text};}
  88.  
  89. .postagens links{font-family:Baumans; text-transform:uppercase; font-family:Courier; font-style:italic; font-size:13px; }
  90.  
  91.  
  92. /* AQUI É O QUOTE */
  93.  
  94. .quotes {font-family:Arial; font-size:11px; text-align:center; line-height:15px; margin-top:5px; color:{color:text};}
  95. .quotes::first-letter {color:{color:text}; font-family: 'Arial'; font-size:11px;}
  96. .source {margin-top:5px; border-top:1px solid {color:background}; font-family:Calibri; font-size:9px; text-align:right; text-transform:uppercase; line-height:17px; color:{color:text};}
  97.  
  98. /* BLOCKQUOTE DOS TEXTOS (O QUE TEM NO CORPO DE UMA POSTAGEM EM TEXTO) */
  99.  
  100. blockquote {margin:0px; text-align:left; padding:4px; background:{color:side}; width:185px;}
  101. blockquote img{width:183px;}
  102.  
  103. .ph-question{z-index:1; background:{color:borda}; text-align:center; font-weight:normal;font-family:'Arial'; font-size:10px; padding:6px; color:black;}
  104. .ph-bolt{width:10px; height:10px; background:{color:borda}; margin-left:50%; margin-top:-5px; z-index:1; -webkit-transform:rotate(45deg);}
  105. .ph-asker{margin-bottom:3px; font-family:'Arial'; padding:2px; font-size:8px; letter-spacing:.5px; text-align:center; text-transform:uppercase; border-bottom:1px solid {color:borda};}
  106. .ph-asker a{border:none;}
  107. .ph-answer{margin-top:5px; text-align:center;font-family:'Arial'; font-size:10px; padding:0px;}
  108.  
  109. #tumblr_controls{position: fixed!important}
  110.  
  111. #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:-50px!important; right:5px!important; opacity:.5;
  112. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  113.  
  114. #notas{position:absolute;
  115. width:195px; /*/ tamanho da caixa dos posts /*/
  116. height:95px;
  117. text-align:center;
  118. color:{color:borda}; /*/ cor dos detlhes /*/
  119. font-family:calibri; /*/ fonte /*/
  120. margin-top:0px; /*/ distância do topo /*/
  121. margin-left:0px;
  122. opacity:0;
  123. -webkit-transition-duration: .8s;
  124. z-index:999;
  125. background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  126. background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  127. background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  128. }
  129.  
  130. .postagens:hover #notas{opacity:1;}
  131.  
  132. .topo{width:180px; /*/ tamanho da caixa dos posts /*/
  133. font-family:Gabriola; /*/ font da data /*/
  134. font-size:18px; /*/ tamanho da fonte da data /*/
  135. margin-top:10px; /*/ distância do topo /*/
  136. margin-left:20px;
  137. -webkit-transition-duration: 1s;
  138. }
  139. .topo a{color:#fff; /*/ cor da font da data /*/}
  140.  
  141.  
  142. .postagens:hover .topo{margin-left:0px;}
  143.  
  144. .baixo{width:180px; /*/ tamanho da caixa dos posts /*/
  145. font-family:calibri; /*/ font do reblog /*/
  146. font-size:8px; /*/ tamanho dos simbolos /*/
  147. text-transform:uppercase;
  148. margin-top:2px;
  149. margin-left:40px;
  150. -webkit-transition-duration: 1.8s;}
  151.  
  152. .baixo a{
  153. text-transform:uppercase;
  154. font-size:9px;/*/ tamanho da font do reblog /*/
  155. margin-left:3px;margin-right:3px;
  156. color:#fff; /*/ cor da font do reblog /*/
  157. }
  158.  
  159. .postagens:hover .baixo{margin-left:0px;}
  160.  
  161. .postagens .permalink{position: relative; padding-left:5px; text-align:left;width:204px; top:10px; height:16px;font-family:'Oswald'; font-size:8px; text-transform:uppercase;color:#eee; line-height:16px; margin-left:-7px; transition:.9s; background:{color:side};border-top:2px solid {color:borda}; }
  162.  
  163.  
  164. /* CODIGO DOS CHATS */
  165. .chat {line-height: 10px; list-style: none }
  166. .chat ul {line-height: 10px; list-style: none; padding: 0px; line-height:14px;}
  167. .person1 {border:1px solid #eee; color: #999; font-size:9px; font-family:Calibri; text-transform:uppercase;}
  168. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:pink}
  169. .person2 {border:1px solid #eee; color:#999; font-size:9px; font-family:Calibri; text-transform:uppercase; }
  170. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:lightblue}
  171.  
  172. /* SELEÇÃO DO TEXTO DO THEME */
  173.  
  174. ::selection {color:white; background-color:grey;}
  175.  
  176. /* BARRA DE ROLAGEM */
  177.  
  178. ::-webkit-scrollbar-thumb{background:{color:side}; border: 3px solid {color:side}; height:auto;}
  179. ::-webkit-scrollbar {height:5px; width:5px; background:{color:side}; border:2px solid {color:background};}
  180.  
  181. /* SIDE (CAIXA) */
  182.  
  183. .side{position:fixed; width:60px; height:20000px; margin-left:-5px; margin-top:-10px; background:{color:side};z-index:99999999}
  184.  
  185. /* SIDE (FOTO) */
  186.  
  187. .imagem{position:fixed; z-index:99999999;}
  188. .imagem img {width:40px; height:40px; margin-left:6px; margin-top:5px; padding:3px; border:1px solid {color:borda}; background:{color:borda};border-radius:100px; }
  189.  
  190. /* LINKS */
  191.  
  192. #links {width:50px; float: left; margin-left:-10px; margin-top:120px; position:fixed; transition:1s; z-index:99999999; }
  193.  
  194. #links a {display:block; float: left; letter-spacing: 0px; font-family: Courier; font-size:11px; text-align:center; margin-bottom:2px; width:70px; height:19px; color:{color:borda}; text-transform: uppercase; line-height:18px; transition:1s; }
  195.  
  196. #links a:hover {color:#ccc0b6; transition:.9s;}
  197.  
  198. /* DESCRIÇÃO */
  199.  
  200. .descri {position:fixed; width:20000px; height:55px; margin-left:0px; margin-top:-10px; background:{color:side};z-index:99999999}
  201.  
  202. /* TÍTULO */
  203.  
  204. .frase{position:fixed; margin-left:100px; margin-top:18px; height:110px; font-size:11px; color:{color:text}; text-transform:uppercase; font-family:Arial; z-index:99999999}
  205.  
  206. .controle{position:fixed!important;top:18px;right:-10px;opacity:1;z-index:999999999;width:260px;}
  207. .controle a{width:auto; display:block; float:left; padding:6px;color:{color:text};text-align:center; opacity:5; border-radius:4px; margin-top:2px; margin-right:4px; transition:0.3s; background:{color:background}; height:5px; line-height:0px; text-transform:uppercase; font-size:8px;letter-spacing:1px;text-transform:uppercase; font-family:Arial;}
  208. .controle a:hover{color:#fff;box-shadow:inset 0 0 0 25px {color:borda};transition:2s;}
  209.  
  210. html {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  211. a, a:hover{cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  212.  
  213. .wow{position:fixed;bottom:50px;right:5px;width:15px;height:15px;font-size:7px; line-height:15px; font-family:'Pacifico';padding:4px;text-align:center; text-transform: uppercase;z-index:991; background:{color:side}; border-radius:25px;}
  214.  
  215. /* TOOLTIPS */
  216. .tooltip {display: inline; position: relative;}
  217. #s-m-t-tooltip {max-width:auto; padding:6px; padding-left:5px; padding-right:5px; height:8px;line-height:7px; margin:6px 13px -1px 11px; background:rgba(0,0,0,.6); color:#fff;text-shadow:1px 2px 0px black; font-family:calibri; text-transform:uppercase;font-size:9px; z-index:999999999999999999999999999999999999;}
  218.  
  219. </style>
  220.  
  221. <link rel="shortcut icon" href="{Favicon}">
  222. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"
  223. />
  224. <meta name="viewport" content="width=820" />
  225.  
  226. <!--- FONTES PERSONALIZADAS GOOGLE --->
  227.  
  228. <link href='https://fonts.googleapis.com/css?family=Arial' rel='stylesheet' type='text/css'>
  229.  
  230. <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
  231.  
  232. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  233.  
  234. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  235.  
  236. <body>
  237.  
  238. <div class="controle">
  239. <a href="https://www.tumblr.com/follow/usfairy" target="_blank"><i class="fa fa-user-plus"></i> + Follow </a>
  240. <a href="https://www.tumblr.com/dashboard?conversation=usfairy" target="_blank" ><i class="fa fa-comment" aria-hidden="true"></i> MESSENGER</a>
  241. <a href="https://tumblr.com"><i class="fa fa-home"></i> DASHBOARD</a>
  242. </div>
  243.  
  244. </div>
  245.  
  246. <!--- CRÉDITOS, NÃO RETIRE ESSA PORRA AQUI --->
  247. <div class="wow"><a title="Don't Copy. Original Since 2016 (c)." href="http://usfairy.tumblr.com/" target="_blank"><font color={color:text}>UF.</a></div></font>
  248.  
  249. <!--- SIDE (CAIXA) --->
  250. <div class="side"></div>
  251. <div class="descri"></div>
  252.  
  253. <!--- SIDE (FOTO) --->
  254. <div class="imagem"><img src="{image:sidebar}"></div>
  255.  
  256. <!--- LINKS --->
  257. <div id="links">
  258. <a href="{text:link1}" title="{text:link1 nome}"><i class="fa fa-home" aria-hidden="true"></i></a>
  259. <a href="{text:link2}" title="{text:link2 nome}"><i class="fa fa-envelope" aria-hidden="true"></i></a>
  260. <a href="{text:link3}" title="{text:link3 nome}"><i class="fa fa-camera" aria-hidden="true"></i></a>
  261. <a href="{text:link4}" title="{text:link4 nome}"><i class="fa fa-star" aria-hidden="true"></i></a>
  262. <a href="{text:link5}" title="{text:link5 nome}"><i class="fa fa-bars" aria-hidden="true"></i></a></div>
  263.  
  264.  
  265. <!--- TITULO --->
  266. <div class="frase">{text:frase}</div>
  267.  
  268. <div id="fairy">
  269. {block:Posts}
  270. <div class="postagens">
  271.  
  272. <!-- TEXTOS -->
  273. {block:Text}
  274. {block:Title}<texto><center>{Title}</center></texto>{/block:Title}
  275. <corpo>{body}</corpo>
  276.  
  277. <!--- NOTES DOS TEXTOS --->
  278. <div class="permalink">
  279. <a href="{Permalink}"><font color={color:borda}> {DayOfMonthWithZero}.{Month}.{Year},</font> {NoteCount} notes
  280. <div style="position:absolute; margin-top:-18px;width:20px;text-align:center; margin-left:182px; font-size:8px;color:{color:borda};;text-shadow:1px 1px 0px #222;" href="{ReblogURL}" title="love" target="_blank"><font color={color:text}><i class="fa fa-heart"></i></div></font>
  281. </div>
  282. {/block:Text}
  283.  
  284. <!-- FOTOS -->
  285. {block:Photo}
  286.  
  287. <!--- NOTES DAS FOTOS --->
  288. <div id="notas">
  289. <div class="topo"><a href="{permalink}">{DayofMonthWithZero} de {Month} de {year}</a></div>
  290. <div class="baixo">
  291. <a href="{permalink}">{12Hour}:{Minutes} {CapitalAmPm}</a> ●
  292. <a href="{permalink}">{NoteCount} loves</a> ●
  293. <a href="{reblogURL}"> reblog</a></div></div>
  294. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  295. {/block:Photo}
  296.  
  297. <!-- PHOTOSETS -->
  298.  
  299. <!-- PHOTOSETS -->
  300.  
  301. {block:Photoset}
  302.  
  303. <!--- NOTES DOS PHOTOSETS --->
  304. <div id="notas">
  305. <div class="topo"><a href="{permalink}">{DayofMonthWithZero} de {Month} de {year}</a></div>
  306. <div class="baixo">
  307. <a href="{permalink}">{12Hour}:{Minutes} {CapitalAmPm}</a> ●
  308. <a href="{permalink}">{NoteCount} loves</a> ●
  309. <a href="{reblogURL}"> reblog</a></div></div>
  310.  
  311. <div class="photoset">{Photoset-250}</div>
  312. {/block:Photoset}
  313.  
  314. <!-- QUOTES -->
  315.  
  316. {block:Quote}
  317. <div class="quotes">{Quote}</div></font>
  318. {block:Source}<div class="source">• {Source} </div>{/block:Source}
  319.  
  320. <!--- NOTES DOS QUOTES --->
  321. <div class="permalink">
  322. <a href="{Permalink}"><font color={color:borda}> {DayOfMonthWithZero}.{Month}.{Year},</font> {NoteCount} notes
  323. <div style="position:absolute; margin-top:-18px;width:20px;text-align:center; margin-left:182px; font-size:8px;color:{color:borda};;text-shadow:1px 1px 0px #222;" href="{ReblogURL}" title="love" target="_blank"><font color={color:text}><i class="fa fa-heart"></i></div></font>
  324. </div>
  325. {/block:Quote}
  326.  
  327. <!-- VIDEOS -->
  328.  
  329. {block:Video}{block:Indexpage}<div style="max-width:210px; height:auto; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  330.  
  331. <!--- NOTES DOS VIDEOS --->
  332. <div id="notas">
  333. <div class="topo"><a href="{permalink}">{DayofMonthWithZero} de {Month} de {year}</a></div>
  334. <div class="baixo">
  335. <a href="{permalink}">{12Hour}:{Minutes} {CapitalAmPm}</a> ●
  336. <a href="{permalink}">{NoteCount} loves</a> ●
  337. <a href="{reblogURL}"> reblog</a></div></div>
  338. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  339. {/block:Video}
  340.  
  341. <!-- LINKS -->
  342.  
  343. {block:Link}
  344. <a href="{URL}" class="link" {Target}><links>{Name}</links></a>
  345. {block:Description} {Description}{/block:Description}
  346. {/block:Link}
  347.  
  348. <!-- CHAT -->
  349.  
  350. {block:Chat}
  351. {block:Title}
  352. <texto>{Title}</texto>
  353. {/block:Title}
  354. <div class="chat"><ul>{block:Lines}
  355. <li class="person{UserNumber}">{block:Label}
  356. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  357. <div class="permalink">
  358. <a href="{Permalink}"><font color={color:borda}> {DayOfMonthWithZero}.{Month}.{Year},</font> {NoteCount} notes
  359. <div style="position:absolute; margin-top:-18px;width:20px;text-align:center; margin-left:182px; font-size:8px;color:{color:borda};;text-shadow:1px 1px 0px #222;" href="{ReblogURL}" title="love" target="_blank"><font color={color:text}><i class="fa fa-heart"></i></div></font>
  360. </div>
  361. {/block:Chat}
  362.  
  363. {block:Answer}
  364. {block:IndexPage}
  365. <div class="ph-asker">{Asker}</div>
  366. <div class="ph-question">{Question}</div>
  367. <div class="ph-bolt"></div>
  368. <div class="ph-answer">{Answer}</div>
  369. {/block:IndexPage}
  370.  
  371. <!--- NOTES DAS ASKS --->
  372. <div class="permalink">
  373. <a href="{Permalink}"><font color={color:borda}> {DayOfMonthWithZero}.{Month}.{Year},</font> {NoteCount} notes
  374. <div style="position:absolute; margin-top:-18px;width:20px;text-align:center; margin-left:182px; font-size:8px;color:{color:borda};;text-shadow:1px 1px 0px #222;" href="{ReblogURL}" title="love" target="_blank"><font color={color:text}><i class="fa fa-heart"></i></div></font>
  375. </div>
  376. {/block:Answer}
  377.  
  378. {block:Audio}
  379. {AudioPlayer}
  380. {/block:Audio}
  381.  
  382. <!-- BLOQUEIO VIA/SOURCE -->
  383. <div class="vsanna">
  384. {block:RebloggedFrom}
  385. <a href="{ReblogParentURL}">via</a>
  386. {/block:RebloggedFrom}
  387. {block:ContentSource}
  388. <a href="{SourceURL}">source</a>
  389. {/block:ContentSource}
  390. </div>
  391.  
  392. </div>
  393. {/block:Posts}
  394. </div>
  395.  
  396.  
  397. <!-- SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  398. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  399. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  400. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  401. <script type="text/javascript">
  402. $(window).load(function () {
  403. $('#fairy').masonry(),
  404. $('.masonryWrap').infinitescroll({
  405. navSelector : "div#navigation",
  406. nextSelector : "div#navigation a#nextPage",
  407. itemSelector : ".postagens",
  408. bufferPx : 10000,
  409. extraScrollPx: 11000,
  410. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  411. loadingText : "carregando",
  412. },
  413. // call masonry as a callback.
  414. function() { $('#fairy').masonry({ appendedContent: $(this) }); }
  415. );
  416. });
  417. </script>
  418. <!-- FIM DO SCRIPT DE ORGANIZAÇÃO DE POSTS PARA TEMA EM GRADE -->
  419.  
  420.  
  421. <!-- ROLAGEM INFINITA PARA TEMA EM GRADE -->
  422. {block:IndexPage}
  423. <div class="column navigation" id="navigation">
  424. {block:Pagination}
  425. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  426. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  427. </div>
  428. {/block:IndexPage}
  429. <!-- FIM - ROLAGEM INFINITA PARA TEMA EM GRADE -->
  430. </body>
  431. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement