API tools faq
paste
planejava

theme 11

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