planejava

theme 12

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