API tools faq
paste
planejava

theme 18

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