Advertisement
thmxpedro

Theme 146 / One or Two columns

Mar 18th, 2014
293
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.73 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <!------------------------------------------------------------------------
  3. THEMES FEITO POR PEDRO COSTA /FRAQUEAR.TUMBLR
  4. BASE POR DECREPITAR / CREDS: HELPDESIGNS
  5. ----------------------------------------------------------------------
  6. * NÃO RETIRE OS CREDITOS ;
  7. * NÃO PLAGIE , ART. LEI 184
  8. * DÚVIDAS ME PERGUNTE, OKAY?
  9. * NÃO SE INSPIRE, NEM COPIE.
  10. * PENSE BEM ANTES DE FAZER BESTEIRA
  11. ----------------------------------------------------------------------
  12. ---------------->
  13.  
  14. <html>
  15.  
  16. <head>
  17.  
  18. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>
  19.  
  20.  
  21. <title>{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}
  26. <meta name="description" content="{MetaDescription}" />
  27.  
  28. {/block:Description}
  29.  
  30. <meta name="text:Link1" content="/" />
  31. <meta name="text:Link1 Title" content="link" />
  32. <meta name="text:Link2" content="/" />
  33. <meta name="text:Link2 Title" content="link" />
  34. <meta name="text:Link3" content="/" />
  35. <meta name="text:Link3 Title" content="link" />
  36. <meta name="text:Link4" content="/" />
  37. <meta name="text:Link4 Title" content="link" />
  38. <meta name="text:Link5" content="/" />
  39. <meta name="text:Link5 Title" content="link" />
  40.  
  41. <meta name="if:Two columns" content="0">
  42.  
  43. <meta name="image:background" content="" />
  44.  
  45. <meta name="color:background" content="#ffffff" />
  46. <meta name="color:posts" content="#fafafa" />
  47. <meta name="color:detalhes" content="#000" />
  48. <meta name="color:borda" content="#000" />
  49. <meta name="color:bpost" content="#e1e1e1" />
  50. <meta name="color:text" content="#a1a1a1" />
  51. <meta name="color:link" content="#a1a1a1" />
  52. <meta name="color:scrollbar" content="#a1a1a1">
  53.  
  54. <meta name="text:titulo" content="vai acontecer, tenha fé . . ." />
  55.  
  56. {/block:Description}
  57. <script type="text/javascript"
  58. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  59.  
  60. <!-----FONTES------>
  61. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  62. <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  63. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Dosis|Inconsolata' rel='stylesheet' type='text/css'>
  64. <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  65. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  66. <link href='http://fonts.googleapis.com/css?family=Share+Tech+Mono' rel='stylesheet' type='text/css'>
  67. <link href='http://fonts.googleapis.com/css?family=Princess+Sofia|Crafty+Girls|Stalemate|Allura|Sevillana|Great+Vibes|Mouse+Memoirs|Merienda' rel='stylesheet' type='text/css'>
  68. </script>
  69. <link href='http://fonts.googleapis.com/css?family=Snippet|Sue+Ellen+Francisco|Andika|Delius+Swash+Caps|Lobster|Redressed|Tangerine|Rancho|Rochester|Lobster+Two|Dancing+Script|Pacifico|Crafty+Girls' rel='stylesheet' type='text/css'>
  70. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  71.  
  72.  
  73. {block:IndexPage}
  74.  
  75. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  76.  
  77. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  78.  
  79. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  80.  
  81. <script type="text/javascript">
  82. $(window).load(function(){
  83. var $wall = $('#enter');
  84. $wall.imagesLoaded(function(){
  85. $wall.masonry({
  86. itemSelector: '.posts',
  87. isAnimated : true
  88. });
  89. });
  90. $wall.infinitescroll({
  91. navSelector : "div#navigation",
  92. nextSelector : "div#navigation a#nextPage",
  93. itemSelector : '.posts',
  94. loadingImg : "http://static.tumblr.com/gdekeu9/M6Wmrjlhk/iiiiiiii.png",
  95. loadingText : "",
  96. donetext : " ",
  97. extraScrollPx : 1000,
  98. bufferPx : 10100,
  99. debug : false,
  100. errorCallback: function() {
  101. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  102. }},
  103. function( newElements ) {
  104. var $newElems = $( newElements );
  105. $newElems.hide();
  106. $newElems.imagesLoaded(function(){
  107. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  108. });
  109. }); $('#enter').show(500);
  110. });
  111. </script>
  112.  
  113.  
  114. {/block:IndexPage}
  115.  
  116.  
  117. <style type="text/css">
  118. {color: #fff; background: #ccc;}
  119. ::selection
  120. {color: #fff; background:#797979;text-shadow:
  121. 0px 0px 0px;}
  122.  
  123.  
  124. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 15px; left: 1050px;}
  125. /******* THEME POR DECREPITAR ********/
  126. body {background-color: {color:background}; font-family:Cambria, arial; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  127.  
  128. a {color: {color:link}; text-decoration: none; text-transform: none;}
  129. a:hover {color: {color:link}; background-color: transparent; text-decoration: none;}
  130.  
  131. p {margin: 6px 0 0 0}
  132.  
  133. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  134. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  135. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  136. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  137.  
  138. blockquote img{max-width: 240px!important}
  139. blockquote blockquote img{max-width: 230px!important}
  140. blockquote blockquote blockquote img{max-width: 220px!important}
  141. blockquote blockquote blockquote blockquote img{max-width: 210px!important}
  142.  
  143.  
  144. #container {text-align: center; width: 935px; margin: 10px auto 0px auto; padding: 0px; z-index:0}
  145.  
  146.  
  147. #enter {float: center; margin-left: 385px; margin-top:170px; width: 350px;{block:IfTwoColumns}width:600px;{/block:IfTwoColumns};}
  148.  
  149.  
  150. .posts {width: 514px;{block:IfTwoColumns}width:250px;{/block:IfTwoColumns}background-color:{color:posts}; padding: 2px; padding: 10px; {block:IfTwoColumns}padding:6px;{/block:IfTwoColumns}float: left; margin: 8px 0 0 8px;opacity:2; text-align: justify; font-family: 'Baumans'; font-size: 12px; position: relative; border:1px solid {color:bpost}; border-radius:0px;}
  151. .posts:hover .nn {opacity: 1;width:100%;left:35%;}
  152.  
  153.  
  154. h1 {font-family: 'cambria'; text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  155. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  156. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  157.  
  158.  
  159. .image {text-align: center; border: 0px}
  160. .image img { max-width: 500px; {block:IfTwoColumns}width:250px;{/block:IfTwoColumns} margin-bottom: 2px; -webkit-transition: all 0.6s ease-out;;-webkit-filter: grayscale(65%); border-radius:0px;}
  161. .image img:hover { -webkit-transition: all 0.6s ease-out;;-webkit-filter: grayscale(30%);}
  162.  
  163. .quotesource:first-letter{font-family:'Baumans'; font-size: 13px; font-weight: none;}
  164. .quote {margin: 0; padding: 7px; font: normal 12px 'Baumans' ; text-align: justify;}
  165. .posts:hover .quotesource{text-align: right;opacity:0;}
  166. .quotesource {text-align: center; font-family:consolas; font-size:10px; text-transform:uppercase;font-style:none;}
  167. .quotesource a, a:hover{text-transform: none;}
  168.  
  169. .chat {line-height: 14px; list-style: none; }
  170. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  171. .person1 {color: {color:text}; padding: 2px; }
  172. .person1 .label {font-weight: bold; color:{color:text}}
  173. .person2 {color: {color:text}; padding: 2px; }
  174. .person2 .label {font-weight: bold; color:{color:text}}
  175.  
  176. .player {background-color: #000; text-align: left; display:block;}
  177.  
  178. /** estilo de ask #04 - bombasticdesign.tumblr.com **/
  179. .askfoto{border-radius: 50px;border:2px solid #FFF;margin-left:10px;margin-top:-10px;}
  180. .perguntou{background:#eee;padding:4px;color:{color:text};}}
  181. .perguntou a {color:{color:text}; font-family:'cambria'}
  182. .perguntou:hover a {color:{color:text};font-family:'cambria'}
  183. .resposta{background-color:#FFF;padding:7px;font-family:'cambria', sans-serif; font-size: 9pt;color:{color:text};;text-align: left;border-radius:0px 0px 5px 5px}
  184. .pergunta{ margin-left: 50px;
  185. font-family: 'cambria', sans-serif;}
  186. .perguntas{background-color:#FFF;padding:7px;font-family:'cambria', sans-serif; font-size: 9pt;color:{color:text};text-align: left;border-radius:5px 5px 0px 0px;}
  187.  
  188. /** fim do código **/
  189.  
  190. .nn {opacity:0;width:100%;
  191. position: absolute;
  192. text-align: left;
  193. height:10%;line-height:10%;
  194. text-transform:uppercase;
  195. top:40%;
  196. left:25%;
  197. -webkit-transition-duration: 0.9s;-webkit-transition: opacity 0.5s linear; opacity: 0.0;z-index:9;
  198.  
  199. -webkit-transition: all 0.5s linear;
  200.  
  201. -moz-transition: all 0.5s linear;
  202.  
  203. transition: all 0.5s linear;font-size:9px;color:#;text-transform:none;font-family:muli;
  204. }
  205.  
  206. .notess {position: absolute; background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");height: 20px;font-size: 11px;line-height: 20px;color: #fff;position: absolute; margin-left: 20px;padding-left: 4px;padding-right: 4px;-moz-border-radius: 2px;border-radius: 2px; -webkit-transition-duration: 0s; opacity: 0;z-index:99;top: 0%;}
  207.  
  208. .notess a{color: #fff;font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
  209. .posts:hover .notess {opacity: 1; margin-left:20%;}
  210.  
  211. .gradient{
  212.  
  213. -webkit-transition: all .6s ease-in-out;position:absolute;right:5px;text-align:center; opacity:0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff)) repeat-X;bottom:5px; width:96.5%;height:50px;
  214. }
  215.  
  216.  
  217. #tumblr_controls{position: fixed!important;z-index:15; -webkit-filter:invert(100%);}
  218.  
  219. iframe#tumblr_controls { right:3px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;-webkit-filter:invert(100%);}
  220. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-filter:invert(100%);}
  221.  
  222.  
  223.  
  224. ::-webkit-scrollbar{width:7px;height:7px;}
  225. ::-webkit-scrollbar-button:start:decrement
  226. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  227. ::-webkit-scrollbar-track-piece{background-color: {color:post}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  228. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};}
  229. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};}
  230.  
  231. .caixinha {opacity:0;position: absolute;text-align: center; height:20px;line-height:20px;text-transform:uppercase;bottom:10px;right:0%;-webkit-transition-duration: 0.9s;z-index:99;-webkit-transition: opacity 0.5s linear; opacity: 0.0;;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-webkit-transition: all 0.6s ease-out;-o-transition:All 1s ease; font-family:arial;font-size:9px;background:{color:posts};width:100%;}
  232. .posts:hover .caixinha {opacity:1;bottom:4px;}
  233. .caixinha a{font-family:Baumans;font-size:9px;text-transform:uppercase;}
  234.  
  235. .caixinha1 {opacity:0;position: absolute;text-align: center; height:20px;text-transform:uppercase;top: -5px;left:13%;-webkit-transition-duration: 0.9s;z-index:99;-webkit-transition: opacity 0.5s linear; opacity: 0.0;;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-webkit-transition: all 0.6s ease-out;-o-transition:All 1s ease; font-family:arial;font-size:7px;}.caixinha1 img {width:23px;}.posts:hover .caixinha1 {opacity: 0.85;top:7px;}
  236.  
  237. /******* helpdesigns.**********/
  238. #creditos {width:30px; height: 42px; float: left; margin-left:5px; margin-top:600px; position: fixed;z-index:999999999;}
  239. #creditos a {display: inline-block;float: left; font: 10px consolas; height: 25px; width:25px;color:#777777; line-height: 25px;text-transform: none;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:transparent; -webkit-transition: all 0.99s ease-in-out;overflow: hidden; border:1px solid #ccc; border-radius:100px;}
  240. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  241.  
  242. .caixinha3 {opacity:0;position: absolute;text-align: center; height:20px;text-transform:uppercase;top: 7px;left:-1%;-webkit-transition-duration: 0.9s;z-index:99;-webkit-transition: opacity 0.5s linear; opacity: 0.0;;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-webkit-transition: all 0.6s ease-out;-o-transition:All 1s ease; font-family:arial;font-size:7px;}.caixinha3 img {width:23px;}.posts:hover .caixinha3 {opacity: 0.85;left:9px;}
  243.  
  244. #info {text-align: left; margin-top:-30px;margin-left:410px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  245. #info a {font-size: 10px; text-transform: uppercase;}
  246.  
  247. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  248. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  249.  
  250. #cap {margin-top: -2px;}
  251. .source {display: none;}
  252.  
  253. .fotinha { margin-left:393px; margin-top:-20px;position:fixed;background-color:{color:background};opacity:1; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;z-index:999999;}
  254. .fotinha img { background-color:transparent;display: inline; -webkit-transition: all 0.99s ease-in-out;-webkit-border-radius: 0px; display: block; height:170px; width:300px; background-color: ; padding-top:4px;margin-left:0px; margin-top:0px; opacity:1;padding-left:118px;padding-right:118px; opacity:10;border:0px solid {color:borda};-webkit-filter: grayscale(0%); border:0px solid #ccc;}
  255. .fotinha img:hover { -webkit-transition: all 0.99s ease-in-out;-webkit-filter: grayscale(0%);}
  256.  
  257. .menu {width: 533px;
  258. line-height:14px;
  259. text-align:center;margin-top:0px;margin-left:00px;opacity:10;border:0px solid {color:borda};padding:2px;background-color:{color:borda};z-index:99999999;opacity:10;position:absolute;}
  260.  
  261. .menu a {height:20px; line-height:20px;
  262. font-size:10px;
  263. display:inline-block;
  264. text-transform:uppercase;
  265. text-decoration:none;background-color:transparent;
  266. -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; border:0px solid {color:borda};padding:2px;font-family:'Baumans'; color:{color:link};}
  267.  
  268. .menu a:hover {color:#797979;}
  269.  
  270.  
  271.  
  272. /*********Tooltip por helpdesigns | se usar credite. ******/ #s-m-t-tooltip {max-width:300px; padding:4px 4px 4px 4px;margin:15px 20px;background-color:#e1e1e1; font:8px PF Arma Five; text-transform:uppercase; color:#797979; z-index:9999999; text-shadow: 1px 1px 0px #fff; }@font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}/*********helpdesigns******/
  273.  
  274.  
  275.  
  276. </style>
  277.  
  278. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  279.  
  280. </div>
  281.  
  282. <body>
  283.  
  284.  
  285.  
  286.  
  287. <div id="creditos" title="THEME POR FRAQUEAR + detalhes helpdesigns">
  288. <a href="http://fraquear.tumblr.com/">PC</a></div>
  289.  
  290. <div class="fotinha"><img src="http://static.tumblr.com/8338ea9e123dea879ca37498fdacd02e/xt7sis3/9O6n2n8p1/tumblr_static_rch.png">
  291.  
  292. <div class="menu">
  293. <a href="{text:Link1}">{text:Link1 Title}</a>
  294. <a href="{text:Link2}">{text:Link2 Title}</a>
  295. <a href="{text:Link3}">{text:Link3 Title}</a>
  296. <a href="{text:Link4}">{text:Link4 Title}</a>
  297. <a href="{text:Link5}">{text:Link5 Title}</a>
  298. </div>
  299.  
  300. </DIV>
  301.  
  302. </div>
  303. {block:IndexPage}
  304. <div class="column navigation" id="navigation">
  305. {block:Pagination}
  306. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  307. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  308. </div>
  309. {/block:IndexPage}
  310. </div></div></div></div>
  311.  
  312. <br></center></div></div></div></div></div></div>
  313.  
  314. <div id="enter">
  315.  
  316.  
  317. <div class="autopagerize_page_element">
  318. {block:Posts}
  319.  
  320. <div class="posts">
  321.  
  322.  
  323.  
  324.  
  325. {block:Text}
  326. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  327. <div class="caixinha">
  328. <a href="{ReblogURL}">Reblog</a> /
  329. <a href="{Permalink}">{NoteCount}</a> /
  330. <a href="{SourceURL}">Source</a>
  331. </div>
  332. {/block:Text}
  333.  
  334. {block:Photo}
  335.  
  336.  
  337.  
  338. {LinkOpenTag} <div class="caixinha1">
  339. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/gdekeu9/zwPmz03r6/kc0ux.png"></a></div>
  340. <div class="caixinha3">
  341. <a href="{permalink}"><img src="http://static.tumblr.com/gdekeu9/jOGmz03ry/236z2x.png" title="{NoteCount}"></a>
  342. <a href="{SourceURL}"></a>
  343.  
  344. </div> {block:IndexPage}<div class="image"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="520"/></div>{/block:IndexPage}{block:PermalinkPage}<div class="foto"><img src="{PhotoURL-500}" width="520"/></div>{/block:PermalinkPage}{/block:Photo}
  345.  
  346. {/block:Photo}{block:Photoset}
  347.  
  348. <div class="image"><div class="caixinha1">
  349. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/gdekeu9/zwPmz03r6/kc0ux.png"></a></div>
  350. <div class="caixinha3">
  351. <a href="{permalink}"><img src="http://static.tumblr.com/gdekeu9/jOGmz03ry/236z2x.png" title="{NoteCount}"></a>
  352. <a href="{SourceURL}"></a></div>{Photoset-250}</div>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:Photoset}
  353.  
  354.  
  355. {block:Quote}
  356.  
  357. <div class="quote">{Quote}</div>
  358. {block:Source}<div class="quotesource">{Source}</div>
  359. {/block:Source}
  360. <a href="{SourceURL}"></a>
  361. <a href="{ReblogParentURL}"></a>
  362. <div class="caixinha">
  363. <a href="{ReblogURL}">Reblog</a> /
  364. <a href="{Permalink}">{NoteCount}</a> /
  365. <a href="{SourceURL}">Source</a>
  366. </div>
  367. {/block:Quote}
  368.  
  369. {block:Link}
  370.  
  371. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  372. {block:Description}{Description}{/block:Description} <div class="caixinha">
  373. <a href="{ReblogURL}">Reblog</a> /
  374. <a href="{Permalink}">{NoteCount}</a> /
  375. <a href="{SourceURL}">Source</a>
  376. </div>
  377. {/block:Link}
  378.  
  379. {block:Chat}
  380. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  381. <div class="chat"><ul>{block:Lines}
  382. <li class="person{UserNumber}">{block:Label}
  383. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div> <div class="caixinha">
  384. <a href="{ReblogURL}">Reblog</a> /
  385. <a href="{Permalink}">{NoteCount}</a> /
  386. <a href="{SourceURL}">Source</a>
  387. </div>
  388. {/block:Chat}
  389.  
  390. {block:Audio}
  391. <div class="player">{AudioPlayerBlack}</div>
  392. {block:Caption}{Caption}{/block:Caption} <div class="caixinha">
  393. <a href="{ReblogURL}">Reblog</a> /
  394. <a href="{Permalink}">{NoteCount}</a> /
  395. <a href="{SourceURL}">Source</a>
  396. </div>
  397. {/block:Audio}
  398.  
  399. {block:Video}{Video-250} <div class="caixinha">
  400. <a href="{ReblogURL}">Reblog</a> /
  401. <a href="{Permalink}">{NoteCount}</a> /
  402. <a href="{SourceURL}">Source</a>
  403. </div>{/block:Video}
  404.  
  405. {block:Answer}<div class="perguntas">{Question}</div><div class="perguntou"><img src="{AskerPortraitURL-30}" align="left" class="askfoto"><div class="pergunta">{Asker} perguntou:</div></div><div class="resposta">{Answer}</div>
  406. {/block:Answer}
  407.  
  408. {/block:IndexPage}
  409. </div>
  410. {/block:Posts}</div></div></div>
  411. </div></div></div></div></div></div></div></div></div>
  412.  
  413. {block:IndexPage}
  414.  
  415. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  416.  
  417. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  418.  
  419. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  420.  
  421. <script type="text/javascript">
  422. $(window).load(function(){
  423. var $wall = $('#enter');
  424. $wall.imagesLoaded(function(){
  425. $wall.masonry({
  426. itemSelector: '.posts',
  427. isAnimated : true
  428. });
  429. });
  430. $wall.infinitescroll({
  431. navSelector : "div#navigation",
  432. nextSelector : "div#navigation a#nextPage",
  433. itemSelector : '.posts',
  434. loadingImg : "http://static.tumblr.com/gdekeu9/sPBmvuxx8/loader.gif",
  435. loadingText : "",
  436. donetext : " ",
  437. extraScrollPx : 1000,
  438. bufferPx : 10100,
  439. debug : false,
  440. errorCallback: function() {
  441. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  442. }},
  443. function( newElements ) {
  444. var $newElems = $( newElements );
  445. $newElems.hide();
  446. $newElems.imagesLoaded(function(){
  447. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  448. });
  449. }); $('#enter').show(500);
  450. });
  451. </script>
  452.  
  453. {/block:IndexPage}
  454. </div>
  455. {/block:Posts}</div></div></div>
  456. </div></div></div></div></div></div></div></div></div>
  457. </div></div></div></div></div></div></div></div>
  458.  
  459. </div></div></div></div></div></div></div></div>
  460.  
  461. </div></div></div></div></div></div></div></div>
  462.  
  463. </div></div></div></div>
  464.  
  465. </body>
  466.  
  467. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement