Advertisement
MAFITHM

Mamacite ♥

Apr 19th, 2018
121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.50 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. <!--
  7. theme & design
  8.  
  9. h e r o i n y
  10. -->
  11.  
  12. <html> <head>
  13.  
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  21.  
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  24. <script>
  25. (function($){
  26. $(document).ready(function(){
  27. $("a[title]").style_my_tooltips({
  28. tip_follows_cursor:true,
  29. tip_delay_time:90,
  30. tip_fade_speed:600,
  31. attribute:"title"
  32. });
  33. });
  34. })(jQuery);
  35. </script>
  36.  
  37. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style>
  38.  
  39. <meta name="image:sidebar" content="" />
  40. <meta name="text:link1" content="" />
  41. <meta name="text:link1 titulo" content="" />
  42. <meta name="text:link2" content="" />
  43. <meta name="text:link2 titulo" content="" />
  44. <meta name="text:link3" content="" />
  45. <meta name="text:link3 titulo" content="" />
  46. <meta name="text:link4" content="" />
  47. <meta name="text:link4 titulo" content="" />
  48. <meta name="text:link5" content="" />
  49. <meta name="text:link5 titulo" content="" />
  50.  
  51. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  52. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  53.  
  54. <!-- FONTES DO THEMINHO -->
  55. <link href="https://fonts.googleapis.com/css?family=Catamaran|Oswald|Rochester" rel="stylesheet">
  56. <link href="https://fonts.googleapis.com/css?family=Grand+Hotel|Roboto+Condensed" rel="stylesheet">
  57.  
  58. </head>
  59.  
  60. <style type="text/css">
  61. iframe.tmblr-iframe {{block:indexpage}display:none;{/block:indexpage}z-index:99999999999999!important;transition:.6s;}
  62.  
  63. body{background:#b9b0b1; color:#fff; font-family:'Catamaran', sans-serif; font-size:10px; text-align:center;-webkit-animation:fadein;transition-duration:.5s;}
  64.  
  65. a {color:#b19a9a; text-decoration:none; text-shadow:1px 1px 0px #fff;}
  66. a, a:link, a:active, a:visited {color:#b19a9a; text-decoration:none; transition:.5s;}
  67.  
  68. .tooltip {display: inline; position: relative;}
  69. #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;
  70. background:#e3c7c8; color:#000; font-family:calibri;text-transform:uppercase; font-size:9px; z-index:999999999999999999999999999999999999; border-bottom:2px solid #fff;}
  71.  
  72. ::-webkit-scrollbar{width:6px; height:6px; background:#fff;}
  73. ::-webkit-scrollbar-thumb{background:#e3c7c8; border-radius:4px;}
  74.  
  75. ::moz-selection {color:#fff; background:#ddd;}
  76. ::selection {color:#fff; background:#ddd;}
  77.  
  78. #srg-box{margin-top:150px; margin-left:280px; width:1000px; color:#fff; padding-bottom:30px; {block:permalinkpage}margin-left:420px;{/block:permalinkpage}}
  79. .srg-posts{float:left; width:180px; padding:10px; background:#dfbebf; margin:15px; position:relative; padding:8px 8px 4px 8px; {block:permalinkpage}width:500px;{/block:permalinkpage}; box-shadow:inset -1px -1px 1px rgba(255,255,255,.4), inset 1px 1px 1px rgba(0,0,0,.3); border-radius:7px;}
  80. .srg-posts img {max-width:100%; outline:11px solid rgba(255,255,255,.3); outline-offset:-10px;}
  81.  
  82. .quotes{font-size:12px; text-align:center; padding-left:20px; padding-right:20px;}
  83. .quotes:first-letter {font-family:'Rochester',cursive; font-size:24px;
  84. color:#e39d9c;}
  85.  
  86. .chat {padding:1px;}
  87. .chat ul {list-style:none; padding:10px; background:#f5f5f5; text-align:left;}
  88. .person1 {border:1px solid #ded; color:#666; font-size:12px; background:#eee;
  89. font-family:'Roboto Condensed', sans-serif; padding:3px;}
  90. .person1 .label {font-weight:bold; color:#111;}
  91. .person2 {border:1px solid #ddd; color:#666; font-size:12px; background:#ddd;
  92. font-family:'Roboto Condensed', sans-serif; padding:3px;}
  93. .person2 .label {font-weight:bold; color:#798640;}
  94.  
  95. h1, h2, h3, h4, h5, h6 {text-align:center; color:#e39d9c; font-family:'Rochester',cursive; font-size:18px; text-shadow:1px 1px 0px #fff;}
  96.  
  97. blockquote {margin:0px; border-left:2px solid #e39d9c; padding:2px; background:#e3c7c8; width:97%; box-shadow:inset -1px -1px 1px rgba(255,255,255,.8), inset 1px 1px 1px rgba(0,0,0,.1);}
  98. blockquote img{width:100%;height:auto;}
  99.  
  100. .albumfoto{float:left; width:40px; margin-top:-25px;}
  101. .albumfoto img{width:40px; height:40px; border:2px solid #fff;}
  102.  
  103. .audiodesc{margin-left:40px; margin-top:-35px; padding:10px; width:140px; background:transparent; color:#888; font-family:'Roboto Condensed', sans-serif;}
  104.  
  105. .srg-posts .permalink{position:relative; padding-left:5px; text-align:left; width:190px; top:3px; height:15px; font-family:'Roboto Condensed',sans-serif;
  106. text-transform:uppercase; line-height:18px; margin-left:-8px;
  107. border-top:1px solid #ddd; background:#e3c7c8; border-radius:6px;
  108. text-shadow:1px 1px 0px #c7acad;}
  109.  
  110. /* CODIGO DOS NOTES DA FOTO - FEITO POR PURLUXURY - EXCLUSIVO */
  111. .srg-posts .photos {position:absolute;top:80px; opacity:0; text-align:center; width:20px; height:20px; margin-left:10px; transition:.9s; padding:4px; background:rgba(255,255,255,.4); z-index:99; text-transform:uppercase; overflow:hidden; border-radius:4px; line-height:24px;}
  112. .srg-posts:hover .photos{opacity:1;top:20px; transition:.8s;}
  113. .srg-posts .photos2{position:absolute; top:80px; opacity:0; text-align:center; width:20px; height:20px; margin-left:10px; transition:.9s; padding:4px; background:rgba(255,255,255,.4); z-index:99; text-transform:uppercase; overflow:hidden; border-radius:4px; line-height:24px;}
  114. .srg-posts:hover .photos2{opacity:1;top:52px; transition:.8s;}
  115.  
  116. /* srtadolls */
  117. .icon {display:inline-block; height:20px; width:20px; float:left;
  118. margin-left:5px; margin-top:8px; border:1px solid #efdfdf; padding:2px;
  119. background:#dfbebf;}
  120. .perguntou{width:auto; margin-top:0px; margin-right:0px; font-size:8px; font-family:'Roboto Condensed',sans-serif; padding-right:4px; border-top:10px solid #dfbebf; text-transform:uppercase; text-align:right; line-height:16px;
  121. height:17px; box-shadow:inset 1px 1px 1px rgba(255,255,255,.2), inset -1px -1px 1px rgba(0,0,0,.1); background:#fbfbfb; color:#aaa; text-transform:uppercase;}
  122. .pergunta{margin-top:2px; margin-left:0px; height:auto; width:170px;
  123. text-align:left; padding:5px; font-family:'Roboto Condensed',sans-serif; font-size:9px; background:#edd4d5; box-shadow:inset -1px -1px 1px rgba(255,255,255,.4), inset 1px 1px 1px rgba(0,0,0,.2); color:#fff; text-transform:uppercase;}
  124. .resposta{display:inline-block; margin-left:2px; margin-top:1px; width:170px; height:auto; font-family:'Roboto Condensed',sans-serif; font-size:9px;
  125. text-align:left; text-transform:uppercase;}
  126.  
  127. .sid{position:fixed; left:60px; top:50px; z-index:10;}
  128. .side img {width:60px; height:60px; background:#ddd; padding:2px; border:3px solid #fff;}
  129.  
  130. .hrymenu{position:fixed; left:140px; top:96px; width:110px; z-index:99; height:15px; background:#aea3a4; padding:5px; border-radius:8px; box-shadow:inset -1px -1px 1px rgba(255,255,255,.4), inset 1px 1px 1px rgba(0,0,0,.3); line-height:17px;}
  131. .hrymenu a{margin-right:5px; text-align:center; font-size:13px; width:auto; height:auto; color:#e3c7c8; text-shadow:1px 1px 0px #9b9192;}
  132. .hrymenu a:hover{color:#fff;}
  133.  
  134. .top3{width:auto; height:25px; position:fixed; margin-left:17px; margin-top:40px;}
  135. #top img {width:20px; height:20px; background:#e3c7c8; padding:5px;
  136. margin-left:5px; transition:All 0.4s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease; outline-offset:-30px; outline:solid 30px rgba(225,225,225,.1); box-shadow:inset 1px 1px 1px rgba(255,255,255,.3), inset -1px -1px 1px rgba(0,0,0,.3); border-radius:3px;}
  137. #top img:hover{transition:All 1s ease;-o-transition:All 1s ease; outline-offset:0px; outline:solid 0px rgba(225,225,225,0.6); background:#fff;}
  138.  
  139. .desta{width:120px; height:auto; position:fixed; margin-left:12px; margin-top:120px;}
  140. #destaques img {width:20px; height:20px; background:#e3c7c8; padding:5px;
  141. margin-bottom:2px; margin-left:2px; transition:All 0.4s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease; outline-offset:-30px; outline:solid 30px rgba(225,225,225,.1); box-shadow:inset 1px 1px 1px rgba(255,255,255,.3), inset -1px -1px 1px rgba(0,0,0,.2); border-radius:2px;}
  142. #destaques img:hover{transition:All 1s ease;-o-transition:All 1s ease; outline-offset:0px; outline:solid 0px rgba(225,225,225,0.6); background:#fff;}
  143.  
  144. </style>
  145. <body>
  146.  
  147.  
  148.  
  149. <!-- CAIXA PRINCIPAL -->
  150. <div style="position:fixed; left:50px; top:130px; width:150px; height:200px; background:#c6bfc0; border-radius:0px 10px 10px 0px; box-shadow:inset -1px -1px 1px rgba(255,255,255,.6), inset 1px 1px 1px rgba(0,0,0,.3); border:10px solid #cec8c9;">
  151.  
  152. <div style="margin-left:40px; margin-top:15px; font-size:9px; position:fixed; color:#c6989b; font-family:arial; text-transform:uppercase; padding:3px; background:#e0bfc1; width:60px; height:11px; line-height:11px; text-shadow:1px 1px 0px #fbe0e2; box-shadow:inset -1px -1px 1px rgba(255,255,255,.6), inset 1px 1px 1px rgba(0,0,0,.2); border-radius:8px;">top 3</div>
  153.  
  154. <div class="top3"><div id="top">
  155. <div style="margin-left:7px; margin-top:33px; font-size:9px; position:fixed; z-index:9; color:#c49d9f; font-family:arial; text-shadow:1px 1px 0px #dad0d1; text-transform:uppercase;">TOP 1</div>
  156.  
  157. <a href="http://mamacite.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/mamacite.tumblr.com/avatar/96/"/></a>
  158.  
  159.  
  160. <div style="margin-left:45px; margin-top:-2px; font-size:9px; position:fixed; z-index:9; color:#c49d9f; font-family:arial; text-shadow:1px 1px 0px #dad0d1; text-transform:uppercase;">TOP 2</div>
  161.  
  162. <a href="http://mamacite.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/mamacite.tumblr.com/avatar/96/"/></a>
  163.  
  164.  
  165. <div style="margin-left:83px; margin-top:-2px; font-size:9px; position:fixed; z-index:9; color:#c49d9f; font-family:arial; text-shadow:1px 1px 0px #dad0d1; text-transform:uppercase;">TOP 3</div>
  166.  
  167. <a href="http://mamacite.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/mamacite.tumblr.com/avatar/96/"/></a>
  168. </div></div>
  169.  
  170.  
  171. <div style="margin-left:30px; margin-top:95px; font-size:9px; position:fixed; color:#c6989b; font-family:arial; text-transform:uppercase; padding:3px; background:#e0bfc1; width:80px; height:11px; line-height:11px; text-shadow:1px 1px 0px #fbe0e2; box-shadow:inset -1px -1px 1px rgba(255,255,255,.6), inset 1px 1px 1px rgba(0,0,0,.2); border-radius:8px;">destaques</div>
  172.  
  173. <div class="desta"><div id="destaques">
  174. <a href="http://mamacite.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/mamacite.tumblr.com/avatar/96/"/></a>
  175. <a href="http://mamacite.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/mamacite.tumblr.com/avatar/96/"/></a>
  176. <a href="http://mamacite.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/mamacite.tumblr.com/avatar/96/"/></a>
  177. <a href="http://mamacite.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/mamacite.tumblr.com/avatar/96/"/></a>
  178. <a href="http://mamacite.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/mamacite.tumblr.com/avatar/96/"/></a>
  179. <a href="http://mamacite.tumblr.com/" title="Nome" target="_blank"><img src="http://api.tumblr.com/v2/blog/mamacite.tumblr.com/avatar/96/"/></a>
  180. </div></div>
  181.  
  182.  
  183. <div style="position:fixed; margin-top:170px; margin-left:120px; width:auto; height:auto;"><img src="https://i.imgur.com/TsgeCfj.png"/></div>
  184.  
  185. </div>
  186.  
  187.  
  188. <!-------------------- SIDE E MENU -------------------->
  189. <div class="sid"><div class="side"><img src="{image:sidebar}"></div></div>
  190.  
  191. <div class="hrymenu">
  192. <a href="{text:link1}" title="{text:link1 titulo}"><i class="fa fa-home"></i></a>
  193. <a href="{text:link2}" title="{text:link2 titulo}"><i class="fa fa-folder-open"></i></a>
  194. <a href="{text:link3}" title="{text:link3 titulo}"><i class="fa fa-tag"></i></a>
  195. <a href="{text:link4}" title="{text:link4 titulo}"><i class="fa fa-star"></i></a>
  196. <a href="{text:link5}" title="{text:link5 titulo}"><i class="fa fa-heart"></i></a>
  197. </div>
  198.  
  199. <!-------------------- BARRAS E ETC - NÃO MEXA -------------------->
  200. <div style="position:fixed; top:-5px; left:50px; width:1000%; height:90px; background:#e3c7c8; z-index:8; box-shadow:inset 1px 1px 1px rgba(255,255,255,.1), inset -1px -1px 1px rgba(0,0,0,.2);"></div>
  201.  
  202. <div style="position:fixed; top:-70px; left:40px; width:1000%; height:100px; background-image:url('https://i.imgur.com/2bRxaIF.jpg'); border-bottom:10px solid #fff; z-index:8;"></div>
  203.  
  204. <div style="position:fixed; top:-70px; left:-10px; width:50px; height:1000%; background-image:url('https://i.imgur.com/2bRxaIF.jpg'); border-right:10px solid #fff;"></div>
  205.  
  206. <!-------------------- CRÉDITOS -------------------->
  207. <div style="left:100px; top:400px; font-size:11px; position:fixed; z-index:999;"> <a href="http://heroiny.tumblr.com/" title="codificação por heroiny, exclusivo para mamacite, desenho por dawama - Original 2018"><i class="fa fa-code" aria-hidden="true"></i></a> </div>
  208.  
  209. <!-------------------- CÓDIGO DOS POSTS POR: HEROINY -------------------->
  210. <div id="srg-box">
  211.  
  212. {block:Posts}
  213.  
  214. <div class="srg-posts">
  215.  
  216. {block:Text}
  217. {block:Title} <center>{Title}</center> {/block:Title}
  218. {Body}{block:IndexPage}
  219.  
  220. <!--- NOTES TEXTOS -->
  221. <div class="permalink">
  222. <div style="position:absolute; margin-top:-1px;width:auto;text-align:center; margin-left:-1px; font-size:09px;color:#e39d9c;text-shadow:1px 1px 0px #fae4e5;" target="_blank">{NoteCountWithLabel}</div>
  223. <div style="position:absolute; margin-top:-2px;width:auto;text-align:center; margin-left:177px; font-size:09px;" target="_blank"> <a href="{ReblogURL}" title="reblog" target="_blank"><i class="fa fa-refresh" aria-hidden="true"></i></a></div></div>
  224. {/block:IndexPage}
  225. {/block:Text}
  226.  
  227.  
  228. {block:Photo}
  229. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-HighRes}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"> </a>
  230. {block:IndexPage}
  231. <!--- NOTES PHOTOS -->
  232. <div class="photos">
  233. <a href="{ReblogURL}" title="Reblog baby!"><font style="font-size:16px; text-shadow:1px 1px 0px #000; float:left; color:white; margin-left:1px; margin-top:-2px; padding:2px;"><i class="fa fa-refresh" aria-hidden="true"></i></font></a></div>
  234.  
  235. <div class="photos2">
  236. <a href="{Permalink}" title="{NoteCount}"><font style="font-size:15px; color:#dfbebf; float:left; margin-left:10px; width:10px; margin-left:1px; text-shadow:1px 1px 0px #fff; margin-top:-2px; padding:2px;"><i class="fa fa-heart" aria-hidden="true"></i></font></a>
  237. </div>
  238. {/block:IndexPage}
  239. {/block:Photo}
  240.  
  241.  
  242. {block:Photoset}
  243. {Photoset}
  244. {block:IndexPage}
  245. <!--- NOTES PHOTOSETS -->
  246. <div class="photos">
  247. <a href="{ReblogURL}" title="Reblog baby!"><font style="font-size:16px; text-shadow:1px 1px 0px #000; float:left; color:white; margin-left:1px; margin-top:-2px; padding:2px;"><i class="fa fa-refresh" aria-hidden="true"></i></font></a></div>
  248.  
  249. <div class="photos2">
  250. <a href="{Permalink}" title="{NoteCount}"><font style="font-size:15px; color:#dfbebf; float:left; margin-left:10px; width:10px; margin-left:1px; text-shadow:1px 1px 0px #fff; margin-top:-2px; padding:2px;"><i class="fa fa-heart" aria-hidden="true"></i></font></a>
  251. </div>
  252. {/block:IndexPage}
  253. {/block:Photoset}
  254.  
  255.  
  256. {block:Quote}
  257. <div class="quotes">{Quote}</div></font>
  258. {block:Source}<p><div class="source"><font style="color:#798640;">-</font> {Source}</div>{/block:Source}
  259. {block:IndexPage}
  260. <!--- NOTES QUOTES -->
  261. <div class="permalink">
  262. <div style="position:absolute; margin-top:-1px;width:auto;text-align:center; margin-left:-1px; font-size:09px;color:#e39d9c;text-shadow:1px 1px 0px #fae4e5;" target="_blank">{NoteCountWithLabel}</div>
  263. <div style="position:absolute; margin-top:-2px;width:auto;text-align:center; margin-left:177px; font-size:09px;" target="_blank"> <a href="{ReblogURL}" title="reblog" target="_blank"><i class="fa fa-refresh" aria-hidden="true"></i></a></div></div>
  264. {/block:IndexPage}
  265. {/block:Quote}
  266.  
  267.  
  268. {block:Link}
  269. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  270. {block:Description} {Description} {/block:Description}
  271. {block:IndexPage}
  272. <!--- NOTES LINKS -->
  273. <div class="permalink">
  274. <div style="position:absolute; margin-top:-1px;width:auto;text-align:center; margin-left:-1px; font-size:09px;color:#e39d9c;text-shadow:1px 1px 0px #fae4e5;" target="_blank">{NoteCountWithLabel}</div>
  275. <div style="position:absolute; margin-top:-2px;width:auto;text-align:center; margin-left:177px; font-size:09px;" target="_blank"> <a href="{ReblogURL}" title="reblog" target="_blank"><i class="fa fa-refresh" aria-hidden="true"></i></a></div></div>
  276. {/block:IndexPage}
  277. {/block:Link}
  278.  
  279.  
  280. {block:Chat}
  281. <div class="chat"><ul>{block:Lines}
  282. <li class="person{UserNumber}">{block:Label}
  283. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  284. {block:IndexPage}
  285. <!--- NOTES CHATS -->
  286. <div class="permalink">
  287. <div style="position:absolute; margin-top:-1px;width:auto;text-align:center; margin-left:-1px; font-size:09px;color:#e39d9c;text-shadow:1px 1px 0px #fae4e5;" target="_blank">{NoteCountWithLabel}</div>
  288. <div style="position:absolute; margin-top:-2px;width:auto;text-align:center; margin-left:177px; font-size:09px;" target="_blank"> <a href="{ReblogURL}" title="reblog" target="_blank"><i class="fa fa-refresh" aria-hidden="true"></i></a></div></div>
  289. {/block:IndexPage}
  290. {/block:Chat}
  291.  
  292.  
  293. {block:Audio}
  294. {block:AudioPlayer}
  295. {AudioPlayer}{/block:AudioPlayer}
  296. <div class="albumfoto">
  297. {block:AlbumArt}<img src="{AlbumArtURL}"/>
  298. {/block:AlbumArt}</div>
  299. <div class="audiodesc">
  300. {block:Artist}{Artist}{/block:Artist}</br>
  301. {block:Album}{Album}{/block:Album}</br>
  302. {block:TrackName}{TrackName}{/block:TrackName}</br>
  303. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  304. </div>
  305. {block:IndexPage}
  306. <!--- NOTES ÁUDIOS -->
  307. <div class="permalink">
  308. <div style="position:absolute; margin-top:-1px;width:auto;text-align:center; margin-left:-1px; font-size:09px;color:#e39d9c;text-shadow:1px 1px 0px #fae4e5;" target="_blank">{NoteCountWithLabel}</div>
  309. <div style="position:absolute; margin-top:-2px;width:auto;text-align:center; margin-left:177px; font-size:09px;" target="_blank"> <a href="{ReblogURL}" title="reblog" target="_blank"><i class="fa fa-refresh" aria-hidden="true"></i></a></div></div>
  310. {/block:IndexPage}
  311. {/block:Audio}
  312.  
  313.  
  314. {block:Video}
  315. <div style="max-width:200px; height:auto; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>
  316. {block:IndexPage}
  317. <!--- NOTES VÍDEOS -->
  318. <div class="permalink">
  319. <div style="position:absolute; margin-top:-1px;width:auto;text-align:center; margin-left:-1px; font-size:09px;color:#e39d9c;text-shadow:1px 1px 0px #fae4e5;" target="_blank">{NoteCountWithLabel}</div>
  320. <div style="position:absolute; margin-top:-2px;width:auto;text-align:center; margin-left:177px; font-size:09px;" target="_blank"> <a href="{ReblogURL}" title="reblog" target="_blank"><i class="fa fa-refresh" aria-hidden="true"></i></a></div></div>
  321. {/block:IndexPage}
  322. {/block:Video}
  323.  
  324.  
  325. {block:Answer}
  326. <img src="{AskerPortraitURL-30}" class="icon">
  327. <div class="pergunta">
  328. <div class="perguntou">{Asker} said:</div><br> {Question}</div>
  329. <div class="resposta">{Answer}</div>
  330. {block:IndexPage}
  331. <!--- NOTES ASK -->
  332. <div class="permalink">
  333. <div style="position:absolute; margin-top:-1px;width:auto;text-align:center; margin-left:-1px; font-size:09px;color:#e39d9c;text-shadow:1px 1px 0px #fae4e5;" target="_blank">{NoteCountWithLabel}</div>
  334. <div style="position:absolute; margin-top:-2px;width:auto;text-align:center; margin-left:177px; font-size:09px;" target="_blank"> <a href="{ReblogURL}" title="reblog" target="_blank"><i class="fa fa-refresh" aria-hidden="true"></i></a></div></div>
  335. {/block:IndexPage}
  336. {/block:Answer}
  337.  
  338.  
  339. </div>
  340. {/block:Posts}
  341. </div>
  342.  
  343. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  344. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  345. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  346. <script type="text/javascript">
  347. $(window).load(function () {
  348. $('#srg-box').masonry(),
  349. $('.masonryWrap').infinitescroll({
  350. navSelector : "div#navigation",
  351. nextSelector : "div#navigation a#nextPage",
  352. itemSelector : ".srg-posts",
  353. bufferPx : 10000,
  354. extraScrollPx: 11000,
  355. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  356. loadingText : "carregando",
  357. },
  358. // call masonry as a callback.
  359. function() { $('#srg-box').masonry({ appendedContent: $(this) }); }
  360. );
  361. });
  362. </script>
  363.  
  364.  
  365. {block:IndexPage}
  366. <div class="column navigation" id="navigation">
  367. {block:Pagination}
  368. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  369. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  370. </div>
  371. {/block:IndexPage}
  372.  
  373. </body>
  374. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement