API tools faq
paste
planejava

theme 20

planejava
Aug 8th, 2014
250
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.08 KB | None | 0 0
raw download clone embed print report
  1.  <!--❀ THEME POR PLANEJAVA ❀-->
  2. <!--❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀❀-->
  3.                 <!--❀ THEME BASE POR FCKRAW ❀-->
  4.  
  5.  
  6.  
  7.  
  8.  
  9. <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}
  10.  
  11. <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>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Marck+Script|Tangerine' rel='stylesheet' type='text/css'>
  14.  
  15.  
  16.  
  17. <meta name="image:side" content="/" />
  18. <meta name="image:background" content="/" />
  19. <meta name="color:background" content="#fff" />
  20.  
  21.  
  22. <meta name="color:text" content="#000" />
  23.  
  24.  
  25. <meta name="color:frase" content="#000" />
  26. <meta name="color:bgs links e frase" content="#fff" />
  27. <meta name="color:links" content="#000" />
  28. <meta name="text:frase" content="ah moreninha, senta naquele pique oh" />
  29.  
  30. <meta name="color:links hover" content="#4682B4" />
  31.  
  32.  
  33.  
  34.  <meta name="text:link1" content="/" />
  35. <meta name="text:link1 title" content="vibe" />
  36. <meta name="text:link2" content="/" />
  37. <meta name="text:link2 title" content="wspp" />
  38. <meta name="text:link3" content="/" />
  39. <meta name="text:link3 title" content="texts" />
  40. <meta name="text:link4" content="/" />
  41. <meta name="text:link4 title" content="thms" />
  42. <meta name="text:link5" content="/" />
  43. <meta name="text:link5 title" content="thms" />
  44.  
  45.  
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50.  
  51.  
  52. body {font-family:'calibri'; font-size: 12px; background-attachment: fixed;background:{color:background};background-image:url('{image:background}'); color:{color:text}; background-size: 100% 100%;}
  53.  
  54. a {color: {color:text}; text-decoration: none; text-transform: none;}
  55. a:hover {color: {color:text};}
  56. p {margin: 6px 0 0 0}
  57.  
  58. blockquote {margin: 0px; padding-left: 0px; }
  59. blockquote img{width: 400px!important; text-align:justify;}
  60.  
  61.  
  62. #entryys {position:absolute; margin:auto; margin-top:10px;  margin-bottom:30px; margin-left:400px; width:610px;}
  63.  
  64. #everytg {margin:0px auto 20px auto; width:auto;}
  65.  
  66. .posts {background:#f8f8f8;  margin: 1px; width: 300px; -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:1px;}
  67. .posts:hover {width:300px;opacity:1; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  68. .posts:hover .infoimg{opacity:9;}
  69.  
  70. .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: 300px; }
  71. .bpostx:hover {width:300px; opacity:9; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  72.  
  73.  
  74.  
  75.  
  76. h1 {font-family:'calibri';text-align:center; font-size: 13px; letter-spacing:1px; font-weight: normal; line-height: 14px;color: {color:text};}
  77. h1 a {text-align: center;color: {color:text}; }
  78.  
  79.  
  80.  
  81.  
  82. .quote {text-align:justify; font-family:arial; line-height:15px; font-size:12px; color:{color:text}; padding:3px;margin-left:-2px;margin-bottom:3px; margin-top:2px;background-color:transparent;}
  83. .sc {font-family:calibri; color:{color:text}; text-transform:none; float:right;font-size:11px; margin-top:1px;}
  84.  
  85.  
  86.  
  87. .chat {font-size:12px; font-family:'calibri';background:transparent;margin:0}
  88. .chat .lines {padding: 0px 0px 0px 0px; background: transparent; color: {color:text};}
  89. .chat .lines span{font-style: italic;}
  90. .person1 {color: {color:text}; padding: 2px; }
  91. .person1 .label {color:{color:text}}
  92. .person2 {color: {color:text}; padding: 2px; }
  93. .person2 .label {color:{color:text}}
  94. .player {background-color: {color:text}; text-align: left; display:block;}
  95.  
  96.  
  97.  
  98. /* ask by: conservos */
  99. .ask {background: #fff; width: 500px; padding: 4px; font-family: ‘Cambria’;color:{color:text};}
  100. .bge{border:solid 2px #eee;border-radius:100px;}
  101. .bge:hover {-webkit-transform: rotate(360deg); -webkit-transition: all 0.99s ease-in-out; border: 1px solid {color:text};border-radius:0px;}
  102. .fd {border-bottom:2px solid {color:text};}
  103. .th {font-size: 11px;}
  104. lk{color:{color:text};}
  105. /* Fim de código */
  106.  
  107.  
  108.  
  109.  
  110. .infoimg{background-image: linear-gradient(to bottom, transparent, #000); height:14px; padding:20px 0 15px 0; width:300px; 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;}
  111. .infoimg .notess{font-size:18px; color:#fff; font-family:calibri; padding-left: 10px; padding-right: 10px; }
  112. .infoimg a:hover{text-decoration:none;}
  113. .infoimg .rebblog img{width:13px; margin-top:3px;}
  114. .heart img{width:13px; margin-top:3px;}
  115.  
  116.  
  117. .infotxt {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-bottom:0px;   margin-top:10px;}
  118. .posts:hover .infotxt {-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;}
  119.  
  120. .source {display: none;} .vsanna{display: none;}
  121.  
  122.  
  123.  
  124. ::-webkit-scrollbar{width:5px;height:5px;}
  125. ::-webkit-scrollbar-button:start:decrement
  126. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  127. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  128. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  129. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  130.  
  131.  
  132. 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; }
  133.  
  134. .tumblrAutoPager_page_separator,
  135. .tumblrAutoPager_page_info {display: none;}
  136.  
  137. #tumblr_controls{position: fixed!important}
  138. #tumblr_controls{position: fixed!important}
  139. #tumblr_controls{position: fixed!important}
  140. #tumblr_controls{position: fixed!important}
  141.  
  142.  
  143.  
  144.  
  145. .stefan {position:  fixed; width: 100px; margin-top: 700px; margin-left: 1050px;}
  146. .stefan a {text-align: center; font-size: 12px; color: {color:text}; text-transform: none; font-family: 'calibri';}
  147.  
  148. .nubss {width: 220px; height: 40px; position: fixed; margin-top: 100px; margin-left: 250px;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  149. .nubss img {position: fixed; width: 120px; height: 170px; }
  150.  
  151. .hihau {width: 100px; height: 40px; position: fixed; margin-top: 175px; margin-left: 5px;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
  152. .hihau img {position: fixed; width: 110px; z-index: 9; height: 20px;}
  153.  
  154.    
  155. .bg {background:#fff; position: fixed; width: 120px; height: 30px; margin-top: 135px; margin-left: 0px; opacity: 0.5; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;z-index:9;}
  156.  
  157. .frase { width: 120px; height: 10px; position: fixed; margin-top: 135px; margin-left: 0px; font-size: 12px; font-family: 'calibri'; color:{color:frase}; background-color:transparent; text-align: center;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; z-index: 10;}
  158.  
  159.  /*** MENU POR PLANEJAVA, TUTORIAL POR HTML-PARTY **/
  160. .pimenta { font-size: 10px;  display: inline-block; background:transparent;  width:120px; height: 15px; ;text-align: center; position: fixed ; font-family: 'calibri'; margin-top: 135px; line-height: 15px; margin-left: 0px;;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;opacity:0;z-index:9;}
  161. .pimenta a {text-transform: none; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;color: {color:links};}
  162. .pimenta a:hover {color:{color:links hover} ; }
  163.  
  164. .nubss:hover .pimenta {opacity: 1; margin-top: 120px; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  165.  
  166. .caixinha {background:{color:bgs links e frase}; position: fixed; width: 120px; height: 15px; margin-top: 135px; margin-left: 0px; opacity: 0;;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  167.  
  168. .nubss:hover .caixinha {margin-top: 120px; opacity:0.5; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s;}
  169.  
  170.  
  171.  
  172.    
  173. </style>
  174.  
  175. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  176.  
  177.  
  178.  
  179.  <div class="stefan"> <a href="http://planejava.tumblr.com/" title="base por FCKRAW">planejava</a> </div>
  180.  
  181.  
  182. <div class="nubss">
  183. <img src="{image:side}">
  184.  
  185. <div class="hihau">
  186. <img src="http://static.tumblr.com/3enpkf8/Pusn9hvwm/tumblr_mxy8xvj7wn1r2p77io1_500.jpg"> </div>
  187.  
  188. <div class="bg"></div>
  189.  
  190. <div class="frase">{text:frase}</div>
  191.  
  192.  
  193.  
  194. <div class="pimenta">
  195. <a href="{text:link1}">{text:link1 title} </a>  
  196.  
  197. <a href="{text:link2}">{text:link2 title} </a>
  198.  
  199. <a href="{text:link3}">{text:link3 title} </a>
  200.  
  201. <a href="{text:link4}">{text:link4 title} </a>
  202.  
  203. <a href="{text:link5}">{text:link5 title} </a></div>
  204.  
  205. <div class="caixinha"></div>
  206.    
  207. </div>
  208.  
  209.  
  210.  
  211.  
  212.  
  213.  
  214.  
  215.  
  216.  
  217.  
  218. <div id="entryys">{block:Posts}<div class="posts"><div class="bpostx">
  219.  
  220. <!-- postagem texto-->{block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  221. <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}
  222.  
  223. <!--postagem foto--><div id="cap">{block:Photo}{block:IndexPage}<img src="{PhotoURL-400}" width="300">{/block:IndexPage}<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:Photo}
  224.  
  225. <!--postagem photoset-->
  226. {block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}<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:IndexPage}{/block:Photoset}
  227.  
  228. <!--postagem quote-->{block:Quote}<div class="quote"> "{Quote}"</div>
  229. {block:Source}<div class="sc"> {Source}</div>
  230. {/block:Source}
  231. <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}
  232.  
  233. <!--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}
  234.  
  235. <!--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}
  236.  
  237. <!--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}
  238.  
  239. <!--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}
  240.  
  241. <!--ask-->{block:Answer}<!—- askby: conservos —->
  242. <div class="ask">
  243. {Question}
  244. </div>
  245. <lk>{Asker} gemeu</lk>
  246. <div class="fd"></div>
  247. <div class="th">{Answer}</div>{/block:answer}</div>
  248.  
  249. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  250. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div></div>{/block:Posts}
  251.  
  252.  
  253.  
  254.  
  255. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  256. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  257. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  258. <script type="text/javascript">
  259. $(window).load(function(){
  260. var $wall = $('#entryys');
  261. $wall.imagesLoaded(function(){
  262. $wall.masonry({
  263. itemSelector: '.posts',
  264. isAnimated : true
  265. });
  266. });
  267. $wall.infinitescroll({
  268. navSelector : "div#navigation",
  269. nextSelector : "div#navigation a#nextPage",
  270. itemSelector : '.posts',
  271. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  272. loadingText : "",
  273. donetext : " ",
  274. extraScrollPx : 1000,
  275. bufferPx : 10100,
  276. debug : false,
  277. errorCallback: function() {
  278. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  279. }},
  280. function( newElements ) {
  281. var $newElems = $( newElements );
  282. $newElems.hide();
  283. $newElems.imagesLoaded(function(){    
  284. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  285. });
  286. }); $('#entryys').show(500);
  287. });
  288. </script>
  289. <div class="column navigation" id="navigation">
  290. {block:Pagination}
  291. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  292. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  293. </div>
  294. {/block:IndexPage}
  295.  
  296. </div></div></div></div></div>
  297. </div></div></div></div></div></div></div></div></div>
  298. </body>
  299. </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!