API tools faq
paste
Advertisement
planejava

theme 21

planejava
Aug 13th, 2014
234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.64 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5.  
  6. <html>
  7.  
  8. <head>
  9.  
  10.  
  11.  <!--------------- THEME POR PLANEJAVA, BASE POR OHSLUV, NÃO COPIE, NÃO SE INSPIRE, PEGOU DETALHES? CREDITE E ME AVISE PORRA, É PRA AVISAR SE NÃO, NÃO VO LIBERAR MAIS ESSA PORRA BLZ ? ----------------->
  12.  
  13. <script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script>
  14.  
  15.  
  16.  
  17.  <link href='http://fonts.googleapis.com/css?family=Marck+Script|Tangerine' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26. <meta name="color:background" content="#ffffff" />
  27. <meta name="image:background" content="/" />
  28. <meta name="image:side" content="/" />
  29.  <meta name="color:text" content="#000" />
  30.   <meta name="color:link" content="#000" />
  31.    <meta name="color:link hover" content="#FF3030" />
  32.    <meta name="color:link hover" content="#FF3030" />
  33. <meta name="color:background link" content="#fff" />
  34. <meta name="color:bg imagem" content="#FFf" />
  35. <meta name="color:bg frase" content="#000" />
  36. <meta name="text:frase" content="ajoelha se prepara e faz um boquete bom" />
  37.  
  38.  
  39.  <meta name="text:link1" content="/" />
  40. <meta name="text:link1 title" content="vibe" />
  41. <meta name="text:link2" content="/" />
  42. <meta name="text:link2 title" content="wspp" />
  43. <meta name="text:link3" content="/" />
  44. <meta name="text:link3 title" content="photos" />
  45. <meta name="text:link4" content="/" />
  46. <meta name="text:link4 title" content="thms" />
  47. <meta name="text:link5" content="/" />
  48. <meta name="text:link5 title" content="thms" />
  49.  
  50.  
  51.  
  52.  
  53.  
  54. <!-- TÍTULO DA FAVICON (ABA DO NAVEGADOR) -->
  55.  <title>{Title}</title>
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  <!-- IMAGEM DA FAVICON (ABA DO NAVEGADOR) -->
  62.         <link rel="shortcut icon" href="{FavIcon}">
  63.        
  64.        
  65.        
  66.        
  67.        
  68. <!-- DESCRIÇÃO  -->        
  69.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  70.         {block:description}
  71.   <meta name="description" content="{Meta
  72. ption}" />
  73.         {/block:Description}
  74.        
  75.        
  76.        
  77.        
  78.        
  79.          
  80.  
  81.     <style type="text/css">
  82.  
  83.  
  84.  
  85.  
  86.    body {color:{color:text};background-color:{color:background}; background-image: url('{image:background}'); background-attachment:fixed;  font-family:'calibri';font-size:11px; line-height:100%; text-align:justify; text-transform: none;text-align: left; font-style: none; }
  87.    
  88.  
  89.  
  90. #entries {position:absolute; margin:auto; margin-top:10px;  margin-bottom:30px; margin-left:350px; width:910px;}
  91.  
  92.  
  93.  
  94. .nigga {overflow: hidden; float:left; position:relative;  {block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:250px;{/block:PermalinkPage};}
  95.  
  96.  
  97. .entry {background:transparent; margin: 1px; {block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:250px;{/block:PermalinkPage};  overflow: hidden; float:left; position:relative; padding:2px;}
  98.  
  99.  
  100.  .entry img {max-width:250px; {block:IndexPage}max-width:250px;{/block:IndexPage};}
  101.  
  102.  
  103.  
  104.  /* BLOCKQUOTE */
  105. blockquote {margin: 0px; padding-left: 0px; }
  106. blockquote img{width:250px!important; text-align:justify;}
  107.  
  108.  
  109.  
  110.   /* NOTES DAS IMAGENS, PHOTOSETS E VIDEOS */
  111. .notes{background: none ; height:14px;    padding:15px 0 15px 0; width:250px; left:-90; 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;}
  112. .notes a:hover{text-decoration:none;}
  113.  
  114. .notes .flow img{width:13px;  padding-top:px; background:#000; padding:5px;   /* REBLOG */}
  115.  
  116. .like img {width:13px;  margin-left:2px; padding:5px; background:#000;   /* LIKE */}
  117. .entry:hover .notes{opacity:0.8;}
  118.  
  119.  
  120.  
  121.  
  122.  /* NOTES DOS TÍTULOS, QUOTES, CHATS, LINKS E TEXTOS */
  123. .notex {font-family:calibri; opacity:0; font-size:10px; text-transform: lowercase; text-align:right; color:{color:text}; -webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; margin-top:0px;}
  124. .entry:hover .notex {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; opacity:1; font-size:10px; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;}  
  125.  
  126.  
  127.  
  128. /* NEGRITO, ITALICO E SUBLINHADO */
  129. b, strong {color: {color:text}; text-decoration: none;}
  130. s {color: {color:text};}
  131. i, em {color:{color:text}; text-decoration: none;}
  132. u,underline {color:{color:text}; border-bottom: 1px dashed {color:text}; text-decoration:none; }
  133.  
  134.  
  135.  /* LINKS */
  136.  
  137. a {color: {color:text}; text-decoration: none; text-transform: none;}
  138. a:hover {-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; color:{color:text}text-transform: none ;}
  139. }
  140.  
  141.  
  142. /* PARÁGRAFO */
  143. p {margin: 6px 0 0 0}
  144.  
  145.  
  146.  
  147. /* TÍTULOS */
  148.  
  149. h1 { font-family: 'calibri'; text-align: center; font-size: 14px; font-style: none; color: {color:text}; font-weight: normal; }
  150. h1 a {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal; ;padding: 4px;}
  151. h1 a:hover {text-align: center; font-size: 14px; text-transform: none; color: {color:text}; font-weight: normal;padding: 4px;}
  152.  
  153.  
  154.  
  155.  
  156. /* QUOTES */
  157.  
  158. /* QUOTE  cerejadosundae */
  159. .quote {margin: 0; padding: 5px; font: normal 11px 'calibri'; text-align: justify;}
  160. .qsource {font-family:calibri; color:{color:text}; text-transform:none; text-align:center;font-size:11px; margin-top:1px;}
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167. /*BARRA DE ROLAGEM PERSONALIZADA */  
  168. ::-webkit-scrollbar-thumb:vertical {background: #aaa Url('');height:6px; ;}
  169.  
  170. ::-webkit-scrollbar-button:vertical {height:0px;display: block; background:#fff;}
  171.  
  172.  
  173. ::-webkit-scrollbar {height:0px;width:5px;background-color:#fff;}
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181. /* CHATS */
  182.  
  183.  
  184. .chat {line-height: 13px; list-style: none }
  185. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:13px;}
  186. .person1 {color: {color:text}; padding: 2px; background:; border-radius:10px; margin-bottom:2px;}
  187. .person1 .label {font-weight: bold;  color:{color:text}}
  188. .person2 {color: {color:text}; padding: 2px; background:; border-radius:10px;  margin-bottom:2px; }
  189. .person2 .label {font-weight: bold;  color:{color:text}}
  190.  
  191.  
  192.  
  193.  
  194.  
  195. /* ASK */
  196.  
  197. #pergunta { font-family:verdana; text-align:left; color:{color:text}; font-size:10px; }
  198. #resposta {font-family:verdana; font-size:10px;}
  199.  
  200.  
  201.  
  202. /* TIRAR O VIA E O SOURCE */
  203. .crlh{display: none;}
  204. .source {display: none;}
  205.  
  206.  
  207.  
  208.  
  209.  
  210. /*CONTROLES (NÃO MEXA) */
  211.  
  212. .tumblrAutoPager_page_separator,
  213. .tumblrAutoPager_page_info {display: none;}
  214.  
  215. #tumblr_controls{position: fixed!important}
  216. #tumblr_controls{position: fixed!important}
  217. #tumblr_controls{position: fixed!important}
  218. #tumblr_controls{position: fixed!important}
  219.  
  220. /* ÁUDIO */
  221.  
  222. .audio{background-color:#fff; COLOR: {color:text};}
  223.    
  224.  
  225.  
  226.  
  227. .stefan {position:  fixed; width: 100px; margin-top: 700px; margin-left: 10px;}
  228. .stefan a {text-align: center; font-size: 12px; color:{color:text}; text-transform: none; font-family: 'calibri';}
  229.  
  230. .nubss {width: 120px; height: 170px; position: fixed; margin-top: 50px; margin-left: 150px; }
  231. .nubss img {position: fixed; width: 120px; height: 170px; }
  232.  
  233.  .hihau {width: 70px; height: 40px; position: fixed; margin-top: 123px; margin-left: 5px;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;  z-index: 9;}
  234. .hihau img {position: fixed; width: 110px; height: 40px;}
  235.  
  236. .bg {background:{color:bg imagem}; position: fixed; width: 120px; height: 40px; margin-top: 123px; margin-left: 0px; opacity: 0.5;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; }
  237.  
  238.  
  239.   /*** MENU POR PLANEJAVA, TUTORIAL POR HTML-PARTY **/
  240. .pimenta { font-size: 10px;  display: inline-block; background:transparent;  width:120px; height: 15px; ;text-align: center; position: fixed ; font-family: 'calibri'; margin-top: 0px; line-height: 15px; margin-left: 0px;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;opacity:0;z-index:9;}
  241. .pimenta a {text-transform: none; color:{color:link};}
  242. .pimenta a:hover {color:{color:link hover} ; }
  243.  
  244. .nubss:hover .pimenta {margin-top: -15px; opacity: 1; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  245.  
  246. .nubss:hover .hihau {opacity: 0; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  247.  
  248. .frase { width: 120px; height: 10px; position: fixed; margin-top: 170px; margin-left: 0px; font-size: 12px; font-family: 'calibri'; color:#fff; background-color:transparent; text-align: center;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;; z-index: 10;}
  249.  
  250. .nubss:hover .frase {margin-top: 127px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  251.  
  252. .nubss:hover .bg {background: {color:bg frase}; opacity: 0.5;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; height: 30px;}
  253.  
  254. </style>
  255.  
  256. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  257.  
  258.  
  259.  
  260. <div class="stefan"> <a href="http://planejava.tumblr.com/" title="base por OHSLUV">planejava</a> </div>
  261.  
  262.  <div class="nubss">
  263. <img src="{image:side}">
  264.    
  265.  <div class="hihau">
  266. <img src="http://static.tumblr.com/3enpkf8/iM1n9ljay/tumblr_mq4tbrlykq1sb6h6oo1_500.png"> </div>
  267.  
  268. <div class="bg"></div>
  269.  
  270. <div class="pimenta">
  271. <a href="{text:link1}">{text:link1 title} </a>  
  272.  
  273. <a href="{text:link2}">{text:link2 title} </a>
  274.  
  275. <a href="{text:link3}">{text:link3 title}</a>
  276.  
  277. <a href="{text:link4}">{text:link4 title} </a>
  278.  
  279. <a href="{text:link5}">{text:link5 title} </a></div>
  280.  
  281. <div class="frase">{text:frase}</div>
  282.    
  283. </div>
  284.  
  285.  
  286.  
  287.  
  288.  
  289.  
  290.  
  291.  
  292.  
  293.  
  294. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  295. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  296. <!-- FIM ROLAGEM INFINITA -->
  297.  
  298.  
  299.  
  300.  
  301. <!-- INICIO DOS POSTS-->
  302. <div id="entries">{block:Posts}
  303.  
  304.  
  305. <div class="entry">
  306.  
  307.  
  308. <div class="nigga">
  309.  
  310.    <!-- TÍTULOS  -->
  311. {block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  312. <div class="notex">{block:IndexPage}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:Text}
  313.  
  314.  <!-- FIM TÍTULOS -->
  315.  
  316.  
  317.  
  318.  
  319.  
  320.   <!-- PHOTOSET -->
  321.  
  322. {block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}<div class="notes"><a href="{ReblogURL}"  target="_blank"><span class="flow"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><span class="like" data-reblog="{ReblogURL}" data-id="{PostID}" ><img src="http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{/block:Photoset}
  323.  <!-- FIM PHOTOSET -->
  324.  
  325.  
  326.  
  327.  
  328.  
  329.   <!-- IMAGENS -->
  330.  
  331. <div id="cap">{block:Photo}{block:IndexPage}<div class="notes"><a href="{ReblogURL}"  target="_blank"><span class="flow"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><span class="like" data-reblog="{ReblogURL}" data-id="{PostID}" ><img src="http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}<img src="{PhotoURL-250}" width="400">{/block:IndexPage}{/block:Photo}
  332.  <!-- FIM IMAGENS -->
  333.  
  334.  
  335.  
  336.  
  337.  
  338.   <!-- LINKS -->
  339.  
  340.  
  341. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{block:IndexPage}<div class="notex">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Link}
  342.  
  343.  
  344.  
  345.  <!-- FIM LINKS -->
  346.  
  347.  
  348.  
  349.  
  350.  
  351.   <!-- QUOTES -->
  352.  {block:Quote}<div class="quote"> "{Quote}"</div>
  353. {block:Source}<div class="qsource">{Source}</div>{/block:Source}{block:IndexPage}<div class="notex"><br>{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Quote}
  354.  
  355.  <!-- FIM QUOTES -->
  356.  
  357.  
  358.  
  359.  
  360.  
  361.   <!-- CHATS -->  
  362. {block:Chat}
  363. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  364. <div class="chat"><ul>{block:Lines}
  365. <li class="person{UserNumber}">{block:Label}
  366. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{block:IndexPage}<div class="notex">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}</div>
  367. {/block:Chat}
  368.  <!-- QUOTES -->
  369.  
  370.  
  371.  
  372.  
  373.  
  374.   <!-- VÍDEOS -->
  375.  
  376. {block:Video}{block:IndexPage}<div class="notes"><a href="{ReblogURL}" target="_blank"><span class="flow"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><span class="like" data-reblog="{ReblogURL}" data-id="{PostID}"><img src="http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png"></span></div>{/block:IndexPage}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}<center>{Video-250}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  377.  <!-- FIM VÍDEOS -->
  378.  
  379.  
  380.  
  381.  
  382.  
  383.   <!-- AUDIOS -->
  384.  
  385. {block:Audio}<div class="AUDIO">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{block:IndexPage}<div class="notex">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Audio}
  386.  
  387.  <!--AUDIOS -->
  388.  
  389.  
  390.  
  391.  
  392.  
  393.   <!-- ASK-->
  394. {block:Answer}<div id="pergunta"><b>{Asker}</b>:
  395. {Question}</div>
  396. <div id="resposta">{Answer}</div>
  397. <div class="notex">{block:IndexPage}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>
  398. {/block:answer}</div>
  399.  
  400.   <!-- FIM ASK -->
  401.  
  402.  
  403.  
  404.  
  405.  
  406.   <!-- BLOCK SOURCE E VIA -->
  407.  <div class="crlh">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  408. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  409.  <!-- FIM BLOCK SOURCE E VIA -->
  410.  
  411.  
  412.  
  413.  
  414.  
  415.  
  416. </div></div>{/block:Posts}
  417.   <!-- FIM DOS POSTS -->
  418.  
  419.  
  420.  
  421.  
  422.  <!-- ROLAGEM INFINITA E EFEITO DOS POSTS AO SURGIREM (FALSE = SEM EFEITO / TRUE = COM EFEITO) -->  
  423. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  424. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  425. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  426. <script type="text/javascript">
  427. $(window).load(function(){
  428. var $wall = $('#entries');
  429. $wall.imagesLoaded(function(){
  430. $wall.masonry({
  431. itemSelector: '.entry',
  432. isAnimated : false
  433. });
  434. });
  435. $wall.infinitescroll({
  436. navSelector : "div#navigation",
  437. nextSelector : "div#navigation a#nextPage",
  438. itemSelector : '.entry',
  439. loadingImg : "",
  440. loadingText : "",
  441. donetext : " ",
  442. extraScrollPx : 1000,
  443. bufferPx : 10100,
  444. debug : false,
  445. errorCallback: function() {
  446. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  447. }},
  448. function( newElements ) {
  449. var $newElems = $( newElements );
  450. $newElems.hide();
  451. $newElems.imagesLoaded(function(){    
  452. $wall.masonry( 'appended', $newElems, {isAnimated: false, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  453. });
  454. }); $('#entries').show(500);
  455. });
  456. </script>
  457. <div class="column navigation" id="navigation">
  458.  <!-- ROLAGEM INFINITA E EFEITO DOS POSTS AO SURGIREM -->
  459.  
  460.  
  461.  
  462.  <!-- BLOCK PAGINAÇÃO -->
  463. {block:Pagination}
  464. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  465. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  466. </div>
  467. {/block:IndexPage}
  468.  
  469.  
  470.  
  471.  
  472.  
  473. </div></div></div></div></div>
  474. </div></div></div></div></div></div></div></div></div>
  475. </body>
  476. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!