API tools faq
paste
planejava

theme 17

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