Advertisement
thmxpedro

Theme 150 - One / Two or Tree columns

Mar 28th, 2014
308
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.71 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. <meta name="if:Tree columns" content="0">
  43.  
  44. <meta name="image:background" content="" />
  45. <meta name="image:sidebar" content=""/>
  46.  
  47. <meta name="color:background" content="#fafafa" />
  48. <meta name="color:posts" content="#fff" />
  49. <meta name="color:detalhes" content="#ccc" />
  50. <meta name="color:borda" content="#ccc" />
  51. <meta name="color:bpost" content="#e1e1e1" />
  52. <meta name="color:bgfoto" content="#e1e1e1" />
  53. <meta name="color:bglink" content="#e1e1e1" />
  54. <meta name="color:bglink2" content="#ccc" />
  55. <meta name="color:text" content="#a1a1a1" />
  56. <meta name="color:link" content="#a1a1a1" />
  57. <meta name="color:scrollbar" content="#a1a1a1">
  58.  
  59. <meta name="text:titulo" content="vai acontecer, tenha fé . . ." />
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
  62.  
  63.  
  64. {/block:Description}
  65. <script type="text/javascript"
  66. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  67.  
  68. <!-----FONTES------>
  69. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  70. <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  71. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Dosis|Inconsolata' rel='stylesheet' type='text/css'>
  72. <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  73. <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  74. <link href='http://fonts.googleapis.com/css?family=Share+Tech+Mono' rel='stylesheet' type='text/css'>
  75. <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'>
  76. </script>
  77. <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'>
  78. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  79.  
  80.  
  81. {block:IndexPage}
  82.  
  83. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  84.  
  85. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  86.  
  87. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  88.  
  89. <script type="text/javascript">
  90. $(window).load(function(){
  91. var $wall = $('#enter');
  92. $wall.imagesLoaded(function(){
  93. $wall.masonry({
  94. itemSelector: '.posts',
  95. isAnimated : true
  96. });
  97. });
  98. $wall.infinitescroll({
  99. navSelector : "div#navigation",
  100. nextSelector : "div#navigation a#nextPage",
  101. itemSelector : '.posts',
  102. loadingImg : "http://static.tumblr.com/gdekeu9/M6Wmrjlhk/iiiiiiii.png",
  103. loadingText : "",
  104. donetext : " ",
  105. extraScrollPx : 1000,
  106. bufferPx : 10100,
  107. debug : false,
  108. errorCallback: function() {
  109. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  110. }},
  111. function( newElements ) {
  112. var $newElems = $( newElements );
  113. $newElems.hide();
  114. $newElems.imagesLoaded(function(){
  115. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  116. });
  117. }); $('#enter').show(500);
  118. });
  119. </script>
  120.  
  121.  
  122. {/block:IndexPage}
  123.  
  124.  
  125. <style type="text/css">
  126. {color: #fff; background: #ccc;}
  127. ::selection
  128. {color: #fff; background:#797979;text-shadow:
  129. 0px 0px 0px;}
  130.  
  131.  
  132. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 15px; left: 1050px;}
  133. /******* THEME POR DECREPITAR ********/
  134. 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; }
  135.  
  136. a {color: {color:link}; text-decoration: none; text-transform: none;}
  137. a:hover {color: {color:link}; background-color: transparent; text-decoration: none;}
  138.  
  139. p {margin: 6px 0 0 0}
  140.  
  141. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  142. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  143. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  144. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  145.  
  146. blockquote img{max-width: 240px!important}
  147. blockquote blockquote img{max-width: 230px!important}
  148. blockquote blockquote blockquote img{max-width: 220px!important}
  149. blockquote blockquote blockquote blockquote img{max-width: 210px!important}
  150.  
  151.  
  152. #container {text-align: center; width: 935px; margin: 10px auto 0px auto; padding: 0px; z-index:0}
  153.  
  154.  
  155. #enter {float: center; margin-left: 305px;margin-top:-6px; width: 350px;{block:IfTwoColumns}width:600px;{/block:IfTwoColumns}; {block:IfTreeColumns}width:930px;{/block:IfTreeColumns};}
  156.  
  157.  
  158. .posts {width: 310px;{block:IfTwoColumns}width:250px;{/block:IfTwoColumns}{block:IfTreeColumns}width:256px;{/block:IfTreeColumns};background-color:{color:posts}; padding: 10px; padding: 10px; {block:IfTwoColumns}padding:15px;{/block:IfTwoColumns} {block:IfTreeColumns}padding:5px;{/block:IfTreeColumns};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;}
  159. .posts:hover .nn {opacity: 1;width:100%;left:35%;}
  160.  
  161.  
  162. h1 {font-family: 'cambria'; text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  163. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  164. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  165.  
  166.  
  167. .image {text-align: center; border: 0px}
  168. .image img { max-width: 300px; {block:IfTwoColumns}width:250px;{/block:IfTwoColumns} {block:IfTreeColumns}width:250px;{/block:IfTreeColumns} margin-bottom: 2px; -webkit-transition: all 0.6s ease-out;;-webkit-filter: grayscale(65%); border-radius:0px;padding-top:10px;{block:IfTwoColumns}padding-top:3px;{/block:IfTwoColumns}padding-bottom:10px;{block:IfTwoColumns}padding-bottom:3px;{/block:IfTwoColumns}{block:IfTreeColumns}padding-top:3px; padding-bottom:3px; padding-left:3px; padding-right:3px;{/block:IfTreeColumns};}
  169. .image img:hover { -webkit-transition: all 0.6s ease-out;;-webkit-filter: grayscale(30%);}
  170.  
  171. .quotesource:first-letter{font-family:consolas; font-size: 13px; font-weight: none;}
  172. .quote {margin: 0; padding: 7px; font: normal 12px cambria ; text-align: justify;}
  173. .posts:hover .quotesource{text-align: right;opacity:0;}
  174. .quotesource {text-align: center; font-family:consolas; font-size:10px; text-transform:uppercase;font-style:none;}
  175. .quotesource a, a:hover{text-transform: none;}
  176.  
  177. .chat {line-height: 14px; list-style: none; }
  178. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  179. .person1 {color: {color:text}; padding: 2px; }
  180. .person1 .label {font-weight: bold; color:{color:text}}
  181. .person2 {color: {color:text}; padding: 2px; }
  182. .person2 .label {font-weight: bold; color:{color:text}}
  183.  
  184. .player {background-color: #000; text-align: left; display:block;}
  185.  
  186. /** estilo de ask #04 - bombasticdesign.tumblr.com **/
  187. .askfoto{border-radius: 50px;border:2px solid #FFF;margin-left:10px;margin-top:-10px;}
  188. .perguntou{background:#eee;padding:4px;color:{color:text};}}
  189. .perguntou a {color:{color:text}; font-family:'cambria'}
  190. .perguntou:hover a {color:{color:text};font-family:'cambria'}
  191. .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}
  192. .pergunta{ margin-left: 50px;
  193. font-family: 'cambria', sans-serif;}
  194. .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;}
  195.  
  196. /** fim do código **/
  197.  
  198. .nn {opacity:0;width:100%;
  199. position: absolute;
  200. text-align: left;
  201. height:10%;line-height:10%;
  202. text-transform:uppercase;
  203. top:40%;
  204. left:25%;
  205. -webkit-transition-duration: 0.9s;-webkit-transition: opacity 0.5s linear; opacity: 0.0;z-index:9;
  206.  
  207. -webkit-transition: all 0.5s linear;
  208.  
  209. -moz-transition: all 0.5s linear;
  210.  
  211. transition: all 0.5s linear;font-size:9px;color:#;text-transform:none;font-family:muli;
  212. }
  213.  
  214. .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%;}
  215.  
  216. .notess a{color: #fff;font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
  217. .posts:hover .notess {opacity: 1; margin-left:20%;}
  218.  
  219. .gradient{
  220.  
  221. -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;
  222. }
  223.  
  224.  
  225. #tumblr_controls{position: fixed!important;z-index:15; -webkit-filter:invert(100%);}
  226.  
  227. 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%);}
  228. 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%);}
  229.  
  230.  
  231.  
  232. ::-webkit-scrollbar{width:1px;height:7px;}
  233. ::-webkit-scrollbar-button:start:decrement
  234. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  235. ::-webkit-scrollbar-track-piece{background-color: {color:post}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  236. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};}
  237. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};}
  238.  
  239. .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%;}
  240. .posts:hover .caixinha {opacity:1;bottom:4px;}
  241. .caixinha a{font-family:Baumans;font-size:9px;text-transform:uppercase;}
  242.  
  243. .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:15px;left:42px; }
  244.  
  245. /******* helpdesigns modificado por fraquear **********/
  246. #creditos {width:30px; height: 60px; float: left; margin-left:5px; margin-top:580px; position: fixed;z-index:999999999;}
  247. #creditos a {display: inline-block;float: left; font: 10px consolas; height: 25px; width:27px;color:{color:text}; line-height: 25px;text-transform: none;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; background-color:#eee; -webkit-transition: all 0.99s ease-in-out;overflow: hidden; border:1px solid #ccc; border-radius:100px;}
  248. #creditos a:hover {border-radius:5px;background:#ccc;}
  249. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  250.  
  251. .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:15px; top:15px;}
  252.  
  253. #info {text-align: left; margin-top:-30px;margin-left:410px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  254. #info a {font-size: 10px; text-transform: uppercase;}
  255.  
  256. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  257. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  258.  
  259. #cap {margin-top: -2px;}
  260. .source {display: none;}
  261.  
  262. .fotinha { margin-left:120px; margin-top:250px;position:fixed;background-color:transparent;opacity:0.90; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;opacity:0.9;}
  263. .fotinha img { background-color:{color:bgfoto};display: inline; -webkit-transition: all 0.99s ease-in-out;-webkit-border-radius: 0px; display: block; height:130px; width:130px; background-color: ; padding-top:4px;margin-left:0px; margin-top:0px; opacity:1;padding:15px; opacity:10;border:1px solid {color:borda};-webkit-filter: grayscale(30%);}
  264. .fotinha img:hover { -webkit-transition: all 0.99s ease-in-out;-webkit-filter: grayscale(20%);}
  265. .fotinha:hover {opacity:10;}
  266.  
  267. .demi {margin-left:1px; margin-top:2px; background-color:transparent; opacity:10; font-size:8px; font-family:consolas; color:{color:text}; width:160px;padding:0px;text-align:justify; border-bottom:1px solid {color:borda};border-top:1px solid {color:borda};text-transform:uppercase;padding-left:0px;line-height:11px;height:55px;z-index:9999999999999999;}
  268.  
  269.  
  270. .menu {width: 120%;
  271. line-height:14px;
  272. text-align:center;margin-top:617px;margin-left:-20px;opacity:10;border:0px solid {color:borda};padding:2px;background-color:{color:bglink};z-index:99999;opacity:0.6;position:fixed;border-bottom:10px solid #797979;height:35px; line-height:30px;;-webkit-transition: all 0.9s ease-in-out; -webkit-transition:all 1.0s ease-out;}
  273.  
  274. .menu a {height:30px; line-height:33px;
  275. font-size:10px;
  276. display:inline-block;
  277. text-transform:uppercase;
  278. text-decoration:none;background-color:transparent;
  279. -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; border-bottom:0px solid {color:borda};padding:2px;font-family:'Baumans'; color:{color:link};text-align:center;}
  280.  
  281. .menu a:hover {color:#fff; background-color:{color:bglink2}; height:37px;}
  282.  
  283. .menu:hover {opacity:10;;-webkit-transition: all 0.9s ease-in-out; -webkit-transition:all 1.0s ease-out;}
  284.  
  285. .simb{position:fixed;margin-top:473px;margin-left:118px;width:30px;height:30px; border:0px solid #fff;z-index:99999999999;}
  286. .simb img{width:165px; height:25px;opacity:0.7;z-index:99999999999;}
  287.  
  288. /*********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******/
  289.  
  290.  
  291.  
  292. </style>
  293.  
  294. <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'>
  295.  
  296. </div>
  297.  
  298. <body>
  299.  
  300.  
  301.  
  302.  
  303. <div id="creditos" title="THEME POR FRAQUEAR + detalhes helpdesigns">
  304. <a href="http://fraquear.tumblr.com/">PC</a></div>
  305.  
  306. <div class="simb"><img src="http://static.tumblr.com/4422cfa5e16bd7cb02736655295eeeef/mgjr0tx/xOEn2tv0z/tumblr_static_banner_by_shumin.png"></div>
  307.  
  308. <div class="menu">
  309. <a href="{text:Link1}">{text:Link1 Title}</a>
  310. <a href="{text:Link2}">{text:Link2 Title}</a>
  311. <a href="{text:link3}" onclick="window.open('http://instagram.com/itspedrocosta');window.location.href='http://fraquearthmx.tumblr.com/';">diamonds</a> <a href="{text:Link4}">{text:Link4 Title}</a>
  312. <a href="{text:Link5}">{text:Link5 Title}</a>
  313. </div>
  314.  
  315. <div class="fotinha"><img src="{image:sidebar}">
  316.  
  317. <div class="demi"> {Description}</div>
  318.  
  319.  
  320. </DIV>
  321.  
  322. </div>
  323. {block:IndexPage}
  324. <div class="column navigation" id="navigation">
  325. {block:Pagination}
  326. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  327. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  328. </div>
  329. {/block:IndexPage}
  330. </div></div></div></div>
  331.  
  332. <br></center></div></div></div></div></div></div>
  333.  
  334. <div id="enter">
  335.  
  336.  
  337. <div class="autopagerize_page_element">
  338. {block:Posts}
  339.  
  340. <div class="posts">
  341.  
  342.  
  343.  
  344.  
  345. {block:Text}
  346. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  347. <div class="caixinha">
  348. <a href="{ReblogURL}">Reblog</a> /
  349. <a href="{Permalink}">{NoteCount}</a> /
  350. <a href="{SourceURL}">Source</a>
  351. </div>
  352. {/block:Text}
  353.  
  354. {block:Photo}
  355.  
  356.  
  357.  
  358. {LinkOpenTag} <div class="caixinha1">
  359. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/gdekeu9/zwPmz03r6/kc0ux.png"></a></div>
  360. <div class="caixinha3">
  361. <a href="{permalink}"><img src="http://static.tumblr.com/gdekeu9/jOGmz03ry/236z2x.png" title="{NoteCount}"></a>
  362. <a href="{SourceURL}"></a>
  363.  
  364. </div> {block:IndexPage}<div class="image"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="290"/></div>{/block:IndexPage}{block:PermalinkPage}<div class="foto"><img src="{PhotoURL-500}" width="290"/></div>{/block:PermalinkPage}{/block:Photo}
  365.  
  366. {/block:Photo}{block:Photoset}
  367.  
  368. <div class="image"><div class="caixinha1">
  369. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/gdekeu9/zwPmz03r6/kc0ux.png"></a></div>
  370. <div class="caixinha3">
  371. <a href="{permalink}"><img src="http://static.tumblr.com/gdekeu9/jOGmz03ry/236z2x.png" title="{NoteCount}"></a>
  372. <a href="{SourceURL}"></a></div>{Photoset-250}</div>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:Photoset}
  373.  
  374.  
  375. {block:Quote}
  376.  
  377. <div class="quote">{Quote}</div>
  378. {block:Source}<div class="quotesource">{Source}</div>
  379. {/block:Source}
  380. <a href="{SourceURL}"></a>
  381. <a href="{ReblogParentURL}"></a>
  382. <div class="caixinha">
  383. <a href="{ReblogURL}">Reblog</a> /
  384. <a href="{Permalink}">{NoteCount}</a> /
  385. <a href="{SourceURL}">Source</a>
  386. </div>
  387. {/block:Quote}
  388.  
  389. {block:Link}
  390.  
  391. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  392. {block:Description}{Description}{/block:Description} <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:Link}
  398.  
  399. {block:Chat}
  400. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  401. <div class="chat"><ul>{block:Lines}
  402. <li class="person{UserNumber}">{block:Label}
  403. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div> <div class="caixinha">
  404. <a href="{ReblogURL}">Reblog</a> /
  405. <a href="{Permalink}">{NoteCount}</a> /
  406. <a href="{SourceURL}">Source</a>
  407. </div>
  408. {/block:Chat}
  409.  
  410. {block:Audio}
  411. <div class="player">{AudioPlayerBlack}</div>
  412. {block:Caption}{Caption}{/block:Caption} <div class="caixinha">
  413. <a href="{ReblogURL}">Reblog</a> /
  414. <a href="{Permalink}">{NoteCount}</a> /
  415. <a href="{SourceURL}">Source</a>
  416. </div>
  417. {/block:Audio}
  418.  
  419. {block:Video}{Video-250} <div class="caixinha">
  420. <a href="{ReblogURL}">Reblog</a> /
  421. <a href="{Permalink}">{NoteCount}</a> /
  422. <a href="{SourceURL}">Source</a>
  423. </div>{/block:Video}
  424.  
  425. {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>
  426. {/block:Answer}
  427.  
  428. {/block:IndexPage}
  429. </div>
  430. {/block:Posts}</div></div></div>
  431. </div></div></div></div></div></div></div></div></div>
  432.  
  433. {block:IndexPage}
  434.  
  435. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  436.  
  437. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  438.  
  439. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  440.  
  441. <script type="text/javascript">
  442. $(window).load(function(){
  443. var $wall = $('#enter');
  444. $wall.imagesLoaded(function(){
  445. $wall.masonry({
  446. itemSelector: '.posts',
  447. isAnimated : true
  448. });
  449. });
  450. $wall.infinitescroll({
  451. navSelector : "div#navigation",
  452. nextSelector : "div#navigation a#nextPage",
  453. itemSelector : '.posts',
  454. loadingImg : "http://static.tumblr.com/gdekeu9/sPBmvuxx8/loader.gif",
  455. loadingText : "",
  456. donetext : " ",
  457. extraScrollPx : 1000,
  458. bufferPx : 10100,
  459. debug : false,
  460. errorCallback: function() {
  461. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  462. }},
  463. function( newElements ) {
  464. var $newElems = $( newElements );
  465. $newElems.hide();
  466. $newElems.imagesLoaded(function(){
  467. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  468. });
  469. }); $('#enter').show(500);
  470. });
  471. </script>
  472.  
  473. {/block:IndexPage}
  474. </div>
  475. {/block:Posts}</div></div></div>
  476. </div></div></div></div></div></div></div></div></div>
  477. </div></div></div></div></div></div></div></div>
  478.  
  479. </div></div></div></div></div></div></div></div>
  480.  
  481. </div></div></div></div></div></div></div></div>
  482.  
  483. </div></div></div></div>
  484.  
  485. </body>
  486.  
  487. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement