Advertisement
thmxpedro

Theme 152 - One / Two or Tree columns

Apr 5th, 2014
252
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.09 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: 265px;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: 'Baumans'; 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 'Baumans'; 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:#f7f6f6;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:#f7f6f6;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. #musicplayer {text-align: center; font-size: 9px; position:fixed; left:1160px; bottom:-65px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; z-index:999;opacity:0.6;}
  232.  
  233. #musicplayer:hover {bottom:-2px;cursor: pointer; height: autopx;}
  234.  
  235. #music {position: relative; height: 60px; background: #999; width: 100%; z-index: 9999; width: left: 0px; text-align: center; background: ; color:#fff; padding: 2px; width:165px; border-radius: 0px 5px 0px 0px;} #music a { color:#fff;font-family:'Baumans'; font-size: 11px;text-transform:uppercase;display: inline-block; padding: 5px; text-align: center; color:#fff; width: auto; float: center; background: transparent; -webkit-transition-duration: .90s; margin-right:2px;margin-bottom:0px;}
  236.  
  237. #musica a:hover {background:#888;color:#fff;}
  238. #musictab {font-family:arial; font-size: 9px; text-shadow: 0 1px 0 #FFFFFF; height:45px; padding: 0 0 8px 0; background:#999; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; width: 50px; padding-top: 3px;}
  239. .base {bottom: 0px; height: 15px; width: 100%; z-index: 9999; background: #1a1a1a; position: fixed; left: 0px; align: right; }
  240.  
  241.  
  242. ::-webkit-scrollbar{width:1px;height:7px;}
  243. ::-webkit-scrollbar-button:start:decrement
  244. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  245. ::-webkit-scrollbar-track-piece{background-color: {color:post}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  246. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};}
  247. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};}
  248.  
  249. .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%;}
  250. .posts:hover .caixinha {opacity:1;bottom:4px;}
  251. .caixinha a{font-family:Baumans;font-size:9px;text-transform:uppercase;}
  252.  
  253. .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; }
  254.  
  255. /******* helpdesigns modificado por fraquear **********/
  256. #creditos {width:30px; height: 60px; float: left; margin-left:5px; margin-top:580px; position: fixed;z-index:999999999;}
  257. #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;}
  258. #creditos a:hover {border-radius:5px;background:#ccc;}
  259. @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
  260.  
  261. .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;}
  262.  
  263. #info {text-align: left; margin-top:-30px;margin-left:410px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;}
  264. #info a {font-size: 10px; text-transform: uppercase;}
  265.  
  266. #tags {color: {color:text}; font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  267. #tags a {font-size: 10px; font-family: calibri; display: inline; list-style: none; text-transform: uppercase;;}
  268.  
  269. #cap {margin-top: -2px;}
  270. .source {display: none;}
  271.  
  272. .fotinha { margin-left:73px; margin-top:50px;position:fixed;background-color:transparent;opacity:1; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
  273. .fotinha img { background-color:{color:bgfoto};display: inline; -webkit-transition: all 0.99s ease-in-out;-webkit-border-radius: 0px; display: block; height:195px; width:150px; background-color: ; padding-top:4px;margin-left:0px; margin-top:0px; opacity:1;padding:13px; opacity:10;border:1px solid {color:borda};-webkit-filter: grayscale(50%);}
  274. .fotinha img:hover { -webkit-transition: all 0.99s ease-in-out;-webkit-filter: grayscale(20%);}
  275. .fotinha:hover {}
  276.  
  277. .demi {margin-left:1px; margin-top:2px; background-color:transparent; opacity:10; font-size:8px; font-family:consolas; color:{color:text};z-index:9999; width:175px;padding:0px;text-align:justify; border-bottom:2px dotted {color:borda};border-top:1px solid {color:borda};text-transform:uppercase;padding-left:0px;line-height:11px;height:55px;z-index:9999999999999999;}
  278.  
  279.  
  280. #links{ position:fixed;width: 160px; font-family: calibri;font-size: 9px; color:#f0f0f0;margin-left:80px;margin-top:238px;line-height:18px;text-transform:uppercase;-webkit-transition: all 0.8s ease-out;opacity:1;letter-spacing:0px;z-index:99999999999;}
  281.  
  282. #links a{color:#f0f0f0;text-transform:uppercase;}
  283.  
  284. .menu {width: 169px;
  285. line-height:14px;
  286. text-align:center;margin-top:-31px;margin-left:1px;opacity:10;border:1px solid {color:borda};padding:2px;background-color:{color:background};z-index:99999999;opacity:0;-webkit-transition: all 0.9s ease-in-out; -webkit-transition:all 1.0s ease-out;}
  287.  
  288. .menu a {
  289. font-size:10px;
  290.  
  291. text-transform:uppercase;
  292. display:block;
  293. text-decoration:none;background-color:transparent;
  294. -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};}
  295.  
  296. .menu a:hover {background-color:#eee;}
  297.  
  298. .fotinha:hover .menu {opacity:1;margin-top:31px;margin-left:1px;-webkit-transition: all 0.9s ease-in-out; -webkit-transition:all 1.0s ease-out;}
  299.  
  300. .simb{position:fixed;margin-top:335px;margin-left:74px;width:173px;height:26px; border:0px solid #fff;z-index:99999999999; border:1px solid {color:borda}; background-color:{color:bgfoto};}
  301. .simb img{width:165px; height:25px;opacity:0.7;z-index:99999999999;}
  302.  
  303. /*********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******/
  304.  
  305.  
  306.  
  307. </style>
  308.  
  309. <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'>
  310.  
  311. </div>
  312.  
  313. <body>
  314.  
  315. <div id="creditos" title="THEME POR FRAQUEAR + detalhes helpdesigns +link undoned">
  316. <a href="http://fraquear.tumblr.com/">PC</a></div>
  317.  
  318. <div id="links">
  319. <a href="{text:Link1}">{text:Link1 Title}</a> /
  320. <a href="{text:Link2}">{text:Link2 Title}</a> /
  321. <a href="{text:Link3}">{text:Link3 Title}</a></div>
  322.  
  323.  
  324. <div class="simb"><img src="http://static.tumblr.com/4422cfa5e16bd7cb02736655295eeeef/mgjr0tx/xOEn2tv0z/tumblr_static_banner_by_shumin.png"></div>
  325.  
  326. <div class="fotinha"><img src="{image:sidebar}">
  327.  
  328. <div class="demi"> {Description}</div>
  329.  
  330.  
  331.  
  332. </DIV>
  333.  
  334. </div>
  335. {block:IndexPage}
  336. <div class="column navigation" id="navigation">
  337. {block:Pagination}
  338. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  339. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  340. </div>
  341. {/block:IndexPage}
  342. </div></div></div></div>
  343.  
  344. <br></center></div></div></div></div></div></div>
  345.  
  346. <div id="enter">
  347.  
  348.  
  349. <div class="autopagerize_page_element">
  350. {block:Posts}
  351.  
  352. <div class="posts">
  353.  
  354.  
  355.  
  356.  
  357. {block:Text}
  358. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  359. <div class="caixinha">
  360. <a href="{ReblogURL}">Reblog</a> /
  361. <a href="{Permalink}">{NoteCount}</a> /
  362. <a href="{SourceURL}">Source</a>
  363. </div>
  364. {/block:Text}
  365.  
  366. {block:Photo}
  367.  
  368.  
  369.  
  370. {LinkOpenTag} <div class="caixinha1">
  371. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/gdekeu9/zwPmz03r6/kc0ux.png"></a></div>
  372. <div class="caixinha3">
  373. <a href="{permalink}"><img src="http://static.tumblr.com/gdekeu9/jOGmz03ry/236z2x.png" title="{NoteCount}"></a>
  374. <a href="{SourceURL}"></a>
  375.  
  376. </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}
  377.  
  378. {/block:Photo}{block:Photoset}
  379.  
  380. <div class="image"><div class="caixinha1">
  381. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/gdekeu9/zwPmz03r6/kc0ux.png"></a></div>
  382. <div class="caixinha3">
  383. <a href="{permalink}"><img src="http://static.tumblr.com/gdekeu9/jOGmz03ry/236z2x.png" title="{NoteCount}"></a>
  384. <a href="{SourceURL}"></a></div>{Photoset-250}</div>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:Photoset}
  385.  
  386.  
  387. {block:Quote}
  388.  
  389. <div class="quote">{Quote}</div>
  390. {block:Source}<div class="quotesource">{Source}</div>
  391. {/block:Source}
  392. <a href="{SourceURL}"></a>
  393. <a href="{ReblogParentURL}"></a>
  394. <div class="caixinha">
  395. <a href="{ReblogURL}">Reblog</a> /
  396. <a href="{Permalink}">{NoteCount}</a> /
  397. <a href="{SourceURL}">Source</a>
  398. </div>
  399. {/block:Quote}
  400.  
  401. {block:Link}
  402.  
  403. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  404. {block:Description}{Description}{/block:Description} <div class="caixinha">
  405. <a href="{ReblogURL}">Reblog</a> /
  406. <a href="{Permalink}">{NoteCount}</a> /
  407. <a href="{SourceURL}">Source</a>
  408. </div>
  409. {/block:Link}
  410.  
  411. {block:Chat}
  412. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  413. <div class="chat"><ul>{block:Lines}
  414. <li class="person{UserNumber}">{block:Label}
  415. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div> <div class="caixinha">
  416. <a href="{ReblogURL}">Reblog</a> /
  417. <a href="{Permalink}">{NoteCount}</a> /
  418. <a href="{SourceURL}">Source</a>
  419. </div>
  420. {/block:Chat}
  421.  
  422. {block:Audio}
  423. <div class="player">{AudioPlayerBlack}</div>
  424. {block:Caption}{Caption}{/block:Caption} <div class="caixinha">
  425. <a href="{ReblogURL}">Reblog</a> /
  426. <a href="{Permalink}">{NoteCount}</a> /
  427. <a href="{SourceURL}">Source</a>
  428. </div>
  429. {/block:Audio}
  430.  
  431. {block:Video}{Video-250} <div class="caixinha">
  432. <a href="{ReblogURL}">Reblog</a> /
  433. <a href="{Permalink}">{NoteCount}</a> /
  434. <a href="{SourceURL}">Source</a>
  435. </div>{/block:Video}
  436.  
  437. {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>
  438. {/block:Answer}
  439.  
  440. {/block:IndexPage}
  441. </div>
  442. {/block:Posts}</div></div></div>
  443. </div></div></div></div></div></div></div></div></div>
  444.  
  445. {block:IndexPage}
  446.  
  447. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  448.  
  449. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  450.  
  451. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  452.  
  453. <script type="text/javascript">
  454. $(window).load(function(){
  455. var $wall = $('#enter');
  456. $wall.imagesLoaded(function(){
  457. $wall.masonry({
  458. itemSelector: '.posts',
  459. isAnimated : true
  460. });
  461. });
  462. $wall.infinitescroll({
  463. navSelector : "div#navigation",
  464. nextSelector : "div#navigation a#nextPage",
  465. itemSelector : '.posts',
  466. loadingImg : "http://static.tumblr.com/gdekeu9/sPBmvuxx8/loader.gif",
  467. loadingText : "",
  468. donetext : " ",
  469. extraScrollPx : 1000,
  470. bufferPx : 10100,
  471. debug : false,
  472. errorCallback: function() {
  473. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  474. }},
  475. function( newElements ) {
  476. var $newElems = $( newElements );
  477. $newElems.hide();
  478. $newElems.imagesLoaded(function(){
  479. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  480. });
  481. }); $('#enter').show(500);
  482. });
  483. </script>
  484.  
  485. {/block:IndexPage}
  486. </div>
  487. {/block:Posts}</div></div></div>
  488. </div></div></div></div></div></div></div></div></div>
  489. </div></div></div></div></div></div></div></div>
  490.  
  491. </div></div></div></div></div></div></div></div>
  492.  
  493. </div></div></div></div></div></div></div></div>
  494.  
  495. </div></div></div></div>
  496.  
  497.  
  498. </body>
  499.  
  500.  
  501.  
  502. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement