chapsthmx

Theme 3 vbb

Jul 22nd, 2014
235
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.28 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="color:linkover" content="#D02090" />
  17. <meta name="image:background" content="" />
  18. <meta name="image:sidebar" content="http://38.media.tumblr.com/2a72c95ef6dde6389269992c3f7c948b/tumblr_n868f9c6BO1tv4x8ho6_250.png" />
  19. <meta name="text:Link1" content="/" />
  20. <meta name="text:Link1 Title" content="PUSH" />
  21. <meta name="text:Link2" content="/" />
  22. <meta name="text:Link2 Title" content="CHAMA" />
  23. <meta name="text:Link3" content="/" />
  24. <meta name="text:Link3 Title" content="CHAMA" />
  25. <meta name="text:Link4" content="/" />
  26. <meta name="text:Link4 Title" content="EXTRAS" />
  27. <meta name="text:Link5" content="/" />
  28. <meta name="text:Link5 Title" content="LAERTE" />
  29. <meta name="if:Rolagem infinita" content="1"/>
  30. <meta name="text:frase" content="Se cruzar o meu caminho, eu vou te atropelar." />
  31.  
  32. <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}
  33.  
  34. <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">
  35.  
  36.  
  37. /*** CORPO BÁSICO
  38. ***/
  39.  
  40.  
  41.  
  42.  
  43.  
  44. body {font-family:times; font-size: 10px; background-attachment: fixed;background:#fff;background-image:url('x'); color:#000;}
  45.  
  46. a {color: #666; text-decoration: none; text-transform: none;}
  47. a:hover {color: #666;}
  48. p {margin: 6px 0 0 0}
  49.  
  50. blockquote {margin: 0px; padding-left: 0px; }
  51. blockquote img{width: 400px!important; text-align:justify;}
  52.  
  53.  
  54.  
  55.  
  56.  
  57. /*** CONFIGURAÇÕES DOS POSTS
  58. ***/
  59.  
  60. #entryys {position:absolute; margin:auto; margin-top:50px; margin-bottom:30px; margin-left:400px; width:700px;}
  61.  
  62. #everytg {margin:0px auto 20px auto; width:auto;}
  63.  
  64. .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;}
  65. .posts:hover {width:250px;opacity:1; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  66. .posts:hover .infoimg{opacity:9;}
  67.  
  68. .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; }
  69. .bpostx:hover {width:250px; opacity:9; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  70.  
  71.  
  72.  
  73.  
  74.  
  75. /*** CONFIGURAÇÕES DAS FONTES
  76. ***/
  77.  
  78. h1 {font-family:calibri;text-align:center; font-size: 14px; letter-spacing:1px; font-weight: normal; line-height: 14px;color: #000;}
  79. h1 a {text-align: center;color: #000; }
  80.  
  81.  
  82.  
  83.  
  84.  
  85. /*** CONFIGURAÇÕES DOS QUOTES
  86. ***/
  87.  
  88. .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;}
  89. .sc {font-family:calibri; color:#000; text-transform:uppercase; float:right;font-size:11px; margin-top:1px;}
  90.  
  91.  
  92.  
  93.  
  94.  
  95. /*** CONFIGURAÇÕES DOS CHATS
  96. ***/
  97.  
  98. .chat {font-size:10px; font-family:arial;background:transparent;margin:0}
  99. .chat .lines {padding: 0px 0px 0px 0px; background: transparent; color: #000;}
  100. .chat .lines span{font-style: italic;}
  101. .person1 {color: #000; padding: 2px; }
  102. .person1 .label {color:#000}
  103. .person2 {color: #000; padding: 2px; }
  104. .person2 .label {color:#000}
  105. .player {background-color: #000; text-align: left; display:block;}
  106.  
  107.  
  108.  
  109.  
  110.  
  111. /*** CONFIGURAÇÕES DAS PERGUNTAS-RESPOSTAS
  112. ***/
  113.  
  114. #balaoask{font-size:8px; background-color:#eee; padding:5px; margin-left:35px;}
  115. #askker img{vertical-align:center;float:left; height:35px;margin-left: 0px;margin-top:0px;}
  116. #answer{font-family: arial; margin-top:20px; font-size:8px; }
  117.  
  118.  
  119.  
  120.  
  121.  
  122. /*** INFORMAÇOES DOS POSTS
  123. ***/
  124.  
  125. .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;}
  126. .infoimg .notess{font-size:18px; color:#fff; font-family:calibri; padding-left: 10px; padding-right: 10px; }
  127. .infoimg a:hover{text-decoration:none;}
  128. .infoimg .rebblog img{width:13px; margin-top:3px;}
  129. .heart img{width:13px; margin-top:3px;}
  130.  
  131.  
  132. .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;}
  133. .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;}
  134.  
  135. .source {display: none;} .vsanna{display: none;}
  136.  
  137.  
  138.  
  139.  
  140.  
  141. /*** BARRA DE ROLAGEM
  142. ***/
  143.  
  144. ::-webkit-scrollbar{width:5px;height:5px;}
  145. ::-webkit-scrollbar-button:start:decrement
  146. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  147. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  148. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  149. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  150.  
  151.  
  152. 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; }
  153.  
  154. .tumblrAutoPager_page_separator,
  155. .tumblrAutoPager_page_info {display: none;}
  156.  
  157. #tumblr_controls{position: fixed!important}
  158. #tumblr_controls{position: fixed!important}
  159. #tumblr_controls{position: fixed!important}
  160. #tumblr_controls{position: fixed!important}
  161.  
  162.  
  163. /*** SIDEBAR
  164. ***/
  165.  
  166. #sidebar {float:left; position:fixed; width:200px; bottom:85px; height:8px;top:100px; left:300px; position: fixed;}
  167. .imgs {margin-top:0px; margin-left:-200px; margin-bottom:0px; padding:9px;border:px solid ; height:auto; width:px; -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  168. .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; }
  169. .imgs img {opacity:0.9;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;all 0.3s ease-out;}
  170. .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;}
  171.  
  172. /*** DESCRIÇÃO DA SIDEBAR
  173. ***/
  174.  
  175. #descri {width:196px;background-color:#f2f2f2;position: fixed;font-style:; font-family:verdana; letter-spacing:px; font-size:12px; line-height:12px; height:15px;text-align:center; color:#;padding:0px;margin-top:314px;margin-left:-185px;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;opacity:0.0;}
  176. #descri {opacity:0.9;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out;opacity:0.0;}
  177. #sidebar:hover #descri {margin-top:314px;background-color:transparent;color:#000;height:24px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.9s ease-out;all 0.3s ease-out;opacity:0.9;}
  178.  
  179. /*** LINKS DA SIDEBAR
  180. ***/
  181.  
  182.  
  183. #links {width: 300px; height:20px; margin-top:-12px; margin-left:-236px;position:fixed; font-family:arial; text-align:center;background-color:#ffffff;}
  184. #links a {line-height:20px; text-align: center; padding:2px; background-color:#ffffff; border: px solid #000; color:#000; font-size:9px; }
  185. #links a:hover {color:{color:linkover};}
  186.  
  187. /*Estilo de ask por blindar-te */
  188. .askbaby {background:#eee;color:#000;font-size:9px;padding:3px;text-transform: uppercase;text-indent:32px;margin-top:-11px;}
  189. .askbaby a{COLOR:#000;text-transform: uppercase;font-weight:none;text-decoration: none;}
  190. .ask {margin-top:-25px;border:2px solid #eee;margin-left:0px;border-radius: 200px;border-top-right-radius: 0;}
  191. .assk {background-color:#fafafa; font-size: 10px;color:#aaa;text-align: left;padding:8px;font-family:'muli';}
  192. .resp {margin-left:1px;margin-top:-11px;font-family:'muli';font-size:10px;padding:3px;color:#aaa;text-align:justify;width:auto;background-color:#fafafa;}
  193.  
  194.  
  195.  
  196. </style><body>
  197.  
  198. <div id="container">
  199. <div id="sidebar">
  200. <div id="descri"> {text:frase} </div>
  201. <div class="imgs"><img src="{image:sidebar}"/></div>
  202. <div id="links">
  203. <a href="{text:link1}">{text:link1 title}</a>
  204. <a href="{text:link2}">{text:link2 title}</a>
  205. <a href="{text:link3}">{text:link3 title}</a>
  206. <a href="{text:link4}">{text:link4 title}</a>
  207. <a href="{text:Link5}">{text:link5 title}</a>
  208.  
  209.  
  210.  
  211. </div>
  212.  
  213. </div>
  214. <div id="entryys">{block:Posts}<div class="posts"><div class="bpostx">
  215.  
  216. <!-- postagem texto-->{block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  217. <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}
  218.  
  219. <!--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}
  220.  
  221. <!--postagem photoset-->
  222. {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}
  223.  
  224. <!--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}
  225.  
  226. <!--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}
  227.  
  228. <!--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}
  229.  
  230. <!--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}
  231.  
  232. <!--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}
  233.  
  234. <!--ask-->{block:Answer}<div class="assk">{Question}</div><p></p>
  235. <div class="askbaby" align="left"> {Asker} susurrou:</div><p></p>
  236. <img src="{AskerPortraitURL-24}" class="ask">
  237. <div class="resp">{Answer}</div>{/block:answer}</div>
  238.  
  239. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  240. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div></div>{/block:Posts}
  241.  
  242.  
  243.  
  244.  
  245. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  246. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  247. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  248. <script type="text/javascript">
  249. $(window).load(function(){
  250. var $wall = $('#entryys');
  251. $wall.imagesLoaded(function(){
  252. $wall.masonry({
  253. itemSelector: '.posts',
  254. isAnimated : true
  255. });
  256. });
  257. $wall.infinitescroll({
  258. navSelector : "div#navigation",
  259. nextSelector : "div#navigation a#nextPage",
  260. itemSelector : '.posts',
  261. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  262. loadingText : "",
  263. donetext : " ",
  264. extraScrollPx : 1000,
  265. bufferPx : 10100,
  266. debug : false,
  267. errorCallback: function() {
  268. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  269. }},
  270. function( newElements ) {
  271. var $newElems = $( newElements );
  272. $newElems.hide();
  273. $newElems.imagesLoaded(function(){
  274. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  275. });
  276. }); $('#entryys').show(500);
  277. });
  278. </script>
  279. <div class="column navigation" id="navigation">
  280. {block:Pagination}
  281. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  282. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  283. </div>
  284. {/block:IndexPage}
  285.  
  286. </div></div></div></div></div>
  287. </div></div></div></div></div></div></div></div></div>
  288. <a style="width:115px; font-size:10px; color:#0029ff; font-family:cambria;position:fixed;font-style:normal;bottom:25px;right:-15px;" href="http://haikax.tumblr.com/" title="n copia porra"> chaps
  289.  
  290. </body>
  291. </html>
Advertisement
Add Comment
Please, Sign In to add comment