chapsthmx

exclusivin 2 colunas

Jun 15th, 2014
174
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.14 KB | None | 0 0
  1. <!-- por chapadaaxxx nao copia que é feio amorr / base da fckraw
  2. + DETALHES POR TITANIOS -->
  3.  
  4. <html>
  5. <head>
  6.  
  7. <!-- DEFAULT -->
  8. <meta name="color:background" content="#ffffff" />
  9. <meta name="color:link" content="#000000" />
  10. <meta name="color:text" content="#000000" />
  11. <meta name="color:post" content="#ffffff" />
  12. <meta name="color:scrollbar" content="#000" />
  13. <meta name="color:scrollbar bg" content="#fff" />
  14. <meta name="color:lhover" content="#555555" />
  15. <meta name="color:hover" content="#555555" />
  16. <meta name="image:background" content="" />
  17. <meta name="image:sidebar" content="http://24.media.tumblr.com/60e4526f84be366691af0f04a64297a8/tumblr_n4lchrxI5H1tv4x8ho9_250.png" />
  18. <meta name="text:Link1" content="/" />
  19. <meta name="text:Link1 Title" content="PUSH" />
  20. <meta name="text:Link2" content="/" />
  21. <meta name="text:Link2 Title" content="CHAMA"
  22. <meta name="text:Link3" content="/" />
  23. <meta name="text:Link3 Title" content="CHAMA" />
  24. <meta name="text:Link3" content="/" />
  25. <meta name="text:Link4" content="/" />
  26. <meta name="text:Link4 Title" content="EXTRAS" />
  27. <meta name="if:Rolagem infinita" content="1"/>
  28.  
  29.  
  30. <html><head><title>{Title}</title><link rel="shortcut icon" href="{FavIcon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic' rel='stylesheet' type='text/css'> <script src='http://static.tumblr.com/iihcsbj/QUElox2fq/jquery-1.1.3.1.min.js'type='text/javascript'/></script><script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script> <style type="text/css">
  33.  
  34.  
  35. /*** CORPO BÁSICO
  36. ***/
  37.  
  38.  
  39.  
  40.  
  41.  
  42. body {font-family:times; font-size: 10px; background-attachment: fixed;background:#fff;background-image:url('x'); color:#000;}
  43.  
  44. a {color: #666; text-decoration: none; text-transform: none;}
  45. a:hover {color: #666;}
  46. p {margin: 6px 0 0 0}
  47.  
  48. blockquote {margin: 0px; padding-left: 0px; }
  49. blockquote img{width: 400px!important; text-align:justify;}
  50.  
  51.  
  52.  
  53.  
  54.  
  55. /*** CONFIGURAÇÕES DOS POSTS
  56. ***/
  57.  
  58. #entryys {position:absolute; margin:auto; margin-top:50px; margin-bottom:30px; margin-left:400px; width:700px;}
  59.  
  60. #everytg {margin:0px auto 20px auto; width:auto;}
  61.  
  62. .posts {background:#f8f8f8; border:1px solid #eee; margin: 1px; width: 250px; -webkit-transition: opacity 1.55s linear;-moz-transition: opacity 1.55s linear;-webkit-transition: all 1.55s ease-in-out;-moz-transition: all 1.55s ease-in-out;-o-transition: all 1.55s ease-in-out; overflow: hidden; float:left; position:relative; padding:5px;}
  63. .posts:hover {width:250px;opacity:1; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  64. .posts:hover .infoimg{opacity:9;}
  65.  
  66. .bpostx {overflow: hidden; float:left; position:relative; -webkit-transition: opacity 1.55s linear;-moz-transition: opacity 1.55s linear;-webkit-transition: all 1.55s ease-in-out;-moz-transition: all 1.55s ease-in-out;-o-transition: all 1.55s ease-in-out; width: 250px; }
  67. .bpostx:hover {width:250px; opacity:9; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  68.  
  69.  
  70.  
  71.  
  72.  
  73. /*** CONFIGURAÇÕES DAS FONTES
  74. ***/
  75.  
  76. h1 {font-family:calibri;text-align:center; font-size: 14px; letter-spacing:1px; font-weight: normal; line-height: 14px;color: #000;}
  77. h1 a {text-align: center;color: #000; }
  78.  
  79.  
  80.  
  81.  
  82.  
  83. /*** CONFIGURAÇÕES DOS QUOTES
  84. ***/
  85.  
  86. .quote {text-align:justify; font-family:arial; line-height:15px; font-size:10px; color:#000; padding:3px;margin-left:-2px;margin-bottom:3px; margin-top:2px;background-color:transparent;}
  87. .sc {font-family:calibri; color:#000; text-transform:uppercase; float:right;font-size:11px; margin-top:1px;}
  88.  
  89.  
  90.  
  91.  
  92.  
  93. /*** CONFIGURAÇÕES DOS CHATS
  94. ***/
  95.  
  96. .chat {font-size:10px; font-family:arial;background:transparent;margin:0}
  97. .chat .lines {padding: 0px 0px 0px 0px; background: transparent; color: #000;}
  98. .chat .lines span{font-style: italic;}
  99. .person1 {color: #000; padding: 2px; }
  100. .person1 .label {color:#000}
  101. .person2 {color: #000; padding: 2px; }
  102. .person2 .label {color:#000}
  103. .player {background-color: #000; text-align: left; display:block;}
  104.  
  105.  
  106.  
  107.  
  108.  
  109. /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS
  110. ***/
  111.  
  112. #balaoask{font-size:8px; background-color:#eee; padding:5px; margin-left:35px;}
  113. #askker img{vertical-align:center;float:left; height:35px;margin-left: 0px;margin-top:0px;}
  114. #answer{font-family: arial; margin-top:20px; font-size:8px; }
  115.  
  116.  
  117.  
  118.  
  119.  
  120. /*** INFORMAÇOES DOS POSTS
  121. ***/
  122.  
  123. .infoimg{background-image: linear-gradient(to bottom, transparent, #000); height:14px; padding:20px 0 15px 0; width:250px; left:0; bottom:0;position:absolute;-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;text-align:center;opacity:0;}
  124. .infoimg .notess{font-size:18px; color:#fff; font-family:calibri; padding-left: 10px; padding-right: 10px; }
  125. .infoimg a:hover{text-decoration:none;}
  126. .infoimg .rebblog img{width:13px; margin-top:3px;}
  127. .heart img{width:13px; margin-top:3px;}
  128.  
  129.  
  130. .infotxt {font-family:arial; opacity:0; font-size:8px; text-transform: lowercase; text-align:right; color:#666; -webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; margin-bottom:0px; margin-top:10px;}
  131. .posts:hover .infotxt {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; opacity:1; font-size:8px; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;}
  132.  
  133. .source {display: none;} .vsanna{display: none;}
  134.  
  135.  
  136.  
  137.  
  138.  
  139. /*** BARRA DE ROLAGEM
  140. ***/
  141.  
  142. ::-webkit-scrollbar{width:5px;height:5px;}
  143. ::-webkit-scrollbar-button:start:decrement
  144. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  145. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  146. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  147. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  148.  
  149.  
  150. iframe#tumblr_controls { position:fixed;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.3;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  151.  
  152. .tumblrAutoPager_page_separator,
  153. .tumblrAutoPager_page_info {display: none;}
  154.  
  155. #tumblr_controls{position: fixed!important}
  156. #tumblr_controls{position: fixed!important}
  157. #tumblr_controls{position: fixed!important}
  158. #tumblr_controls{position: fixed!important}
  159.  
  160.  
  161. /*** SIDEBAR
  162. ***/
  163.  
  164. #sidebar {float:left; position:fixed; width:200px; bottom:85px; height:8px;top:100px; left:300px; position: fixed;}
  165. .imgs {margin-top:-5px; margin-left:0px; margin-bottom:0px; padding:9px;border:px solid {color:border}; height:auto; width:px; -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  166. .imgs img {display: inline; height:auto; height:285px; width:200px; border-top:px solid #eee;border-right:px solid #000; ; border-left:px solid #000; padding:3px; }
  167. .imgs img {opacity:0.9;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;}
  168. .imgs img:hover {opacity:0.7;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;}
  169.  
  170. /*** DESCRIÇÃO DA SIDEBAR
  171. ***/
  172.  
  173. #descri {width:196px;background-color:#fff;position: fixed;font-style:; font-family:cambria; letter-spacing:px; font-size:30px; line-height:20px; height:40px;text-align:center; color:#;padding:0px;margin-top:-10px;margin-left:50px;border-right:px solid #000; border-bottom:px solid #ddd; border-top:px solid #000; border-left:px solid #ddd;padding: 2px;text-transform:none;}
  174.  
  175.  
  176. /*** LINKS DA SIDEBAR
  177. ***/
  178.  
  179.  
  180. #links {width: 300px; height:20px; margin-top:-12px; margin-left:-240px;position:fixed; font-family:arial; text-align:center;background-color:#ffffff;}
  181. #links a {line-height:20px; text-align: center; padding:2px; background-color:#ffffff; border: 1px solid #000; color:#000; font-size:9px; }
  182.  
  183.  
  184.  
  185.  
  186. </style><body>
  187.  
  188. <div id="container">
  189. <div id="sidebar">
  190. <div id="links">
  191. <a href="{text:link1}">{text:link1 title}</a>
  192. <a href="{text:link2}">{text:link2 title}</a>
  193. <a href="{text:link3}">{text:link3 title}</a>
  194. <a href="{text:link4}">{text:link4 title}</a>
  195. <div class="imgs"><img src="{image:sidebar}"/></div>
  196. <div id="descri"> <center><img src="https://24.media.tumblr.com/c0f6e7e59a3776df30e6fc3a1fda5fd9/tumblr_n6eglsJEtW1qlx45yo3_400.jpg" width="180"></center> </div>
  197.  
  198.  
  199. </div>
  200.  
  201. </div>
  202. <div id="entryys">{block:Posts}<div class="posts"><div class="bpostx">
  203.  
  204. <!-- postagem texto-->{block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  205. <div class="infotxt">{block:IndexPage}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:Text}
  206.  
  207. <!--postagem foto--><div id="cap">{block:Photo}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><span class="rebblog"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><a href="{Permalink}" title="Permalink"><span class="notess">{NoteCount}</span></a><span class="heart" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><img src="http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{block:IndexPage}<img src="{PhotoURL-400}" width="250">{/block:IndexPage}{/block:Photo}
  208.  
  209. <!--postagem photoset-->
  210. {block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><span class="rebblog"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><a href="{Permalink}" title="Permalink"><span class="notess">{NoteCount}</span></a><span class="heart" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><img src="http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{/block:Photoset}
  211.  
  212. <!--postagem quote-->{block:Quote}<div class="quote">"{Quote}"</div><div class="sc">– {Source}</div>{block:IndexPage}<div class="infotxt"><br>{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Quote}
  213.  
  214. <!--postagem links-->{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Link}
  215.  
  216. <!--chat-->{block:chat}{block:lines}<div class="chat"><div class="lines">{block:Label}<span>{Label}</span>{/block:Label} {Line}</div></div>{/block:lines}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:chat}
  217.  
  218. <!--musica-->{block:Audio}<div class="player">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{block:IndexPage}<div class="infotxt">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Audio}
  219.  
  220. <!--video-->{block:Video}{block:IndexPage}<div class="infoimg"><a href="{ReblogURL}" title="Reblog" target="_blank"><span class="rebblog"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><a href="{Permalink}" title="Permalink"><span class="notess">{NoteCount}</span></a><span class="heart" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><img src="http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  221.  
  222. <!--ask-->{block:Answer}<div id="askker"><a href="/" title="{Asker}"><img src="{AskerPortraitURL-24}"></a></div><div id="balaoask">{Question}</div><div id="answer">{Answer}</div>{/block:answer}</div>
  223.  
  224. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  225. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div></div>{/block:Posts}
  226.  
  227.  
  228.  
  229.  
  230. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  231. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  232. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  233. <script type="text/javascript">
  234. $(window).load(function(){
  235. var $wall = $('#entryys');
  236. $wall.imagesLoaded(function(){
  237. $wall.masonry({
  238. itemSelector: '.posts',
  239. isAnimated : true
  240. });
  241. });
  242. $wall.infinitescroll({
  243. navSelector : "div#navigation",
  244. nextSelector : "div#navigation a#nextPage",
  245. itemSelector : '.posts',
  246. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  247. loadingText : "",
  248. donetext : " ",
  249. extraScrollPx : 1000,
  250. bufferPx : 10100,
  251. debug : false,
  252. errorCallback: function() {
  253. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  254. }},
  255. function( newElements ) {
  256. var $newElems = $( newElements );
  257. $newElems.hide();
  258. $newElems.imagesLoaded(function(){
  259. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  260. });
  261. }); $('#entryys').show(500);
  262. });
  263. </script>
  264. <div class="column navigation" id="navigation">
  265. {block:Pagination}
  266. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  267. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  268. </div>
  269. {/block:IndexPage}
  270.  
  271. </div></div></div></div></div>
  272. </div></div></div></div></div></div></div></div></div>
  273. <a style="width:115px; font-size:10px; color:#0029ff; font-family:cambria;position:fixed;font-style:italic;bottom:25px;right:-15px;" href="http://haikax.tumblr.com/" title="chapadaaxxx"> exclusivo
  274.  
  275. </body>
  276. </html>
Advertisement
Add Comment
Please, Sign In to add comment