API tools faq
paste
planejava

theme 16

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