planejava

theme 14

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