API tools faq
paste
Advertisement
PESS_dodo

Untitled

PESS_dodo
Apr 25th, 2017
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.47 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en" class="no-js"><head>
  2. <meta charset="UTF-8">
  3. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <title>Advanced Life RPG - OFICIAL™</title>
  6. <meta name="description" content="Advanced Life RPG - OFICIAL™">
  7. <meta name="keywords" content="SA:MP - DM">
  8. <meta name="author" content="Codrops">
  9. <link rel="shortcut icon" href="http://i.imgur.com/b03KyMn.png">
  10. <link rel="stylesheet" href="http://asusgames.esy.es/MyCSS.css" type="text/css" media="screen">
  11. <script src="http://asusgames.esy.es/CSS/modernizr.custom.js"></script>
  12. <style>
  13. /* General styles for all menus */
  14. .cbp-spmenu {
  15. background: #104e8b;
  16. position: fixed;
  17. }
  18.  
  19. .cbp-spmenu h3 {
  20. color: #afdefa;
  21. font-size: 1.9em;
  22. padding: 20px;
  23. margin: 0;
  24. font-weight: 300;
  25. background: #0d77b6;
  26. }
  27.  
  28. .cbp-spmenu a {
  29. display: block;
  30. color: #fff;
  31. font-size: 1.1em;
  32. font-weight: 300;
  33. }
  34.  
  35. .cbp-spmenu a:hover {
  36. background: #104e8b;
  37. }
  38.  
  39. .cbp-spmenu a:active {
  40. background: #afdefa;
  41. color: #104e8b;
  42. }
  43.  
  44. /* Orientation-dependent styles for the content of the menu */
  45.  
  46. .cbp-spmenu-vertical {
  47. width: 240px;
  48. height: 100%;
  49. top: 0;
  50. z-index: 1000;
  51. }
  52.  
  53. .cbp-spmenu-vertical a {
  54. border-bottom: 1px solid #1c5f85;
  55. padding: 1em;
  56. -webkit-transition:background 0.5s ease-out;
  57. -moz-transition:background 0.5s ease-out;
  58. -o-transition:background 0.5s ease-out;
  59. -ms-transition:background 0.5s ease-out;
  60. }
  61.  
  62. .cbp-spmenu-horizontal {
  63. width: 100%;
  64. height: 85px;
  65. left: 0;
  66. z-index: 1000;
  67. overflow: hidden;
  68. }
  69.  
  70. .cbp-spmenu-horizontal h3 {
  71. height: 100%;
  72. width: 20%;
  73. float: left;
  74. }
  75.  
  76. .cbp-spmenu-horizontal a {
  77. float: left;
  78. width: 20%;
  79. padding: 1.8em;
  80. border-left: 1px solid #1c5f85;
  81. -webkit-transition:background 0.5s ease-out;
  82. -moz-transition:background 0.5s ease-out;
  83. -o-transition:background 0.5s ease-out;
  84. -ms-transition:background 0.5s ease-out;
  85. }
  86.  
  87. /* Vertical menu that slides from the left or right */
  88.  
  89. .cbp-spmenu-left {
  90. left: -240px;
  91. }
  92.  
  93. .cbp-spmenu-right {
  94. right: -240px;
  95. }
  96.  
  97. .cbp-spmenu-left.cbp-spmenu-open {
  98. left: 0px;
  99. }
  100.  
  101. .cbp-spmenu-right.cbp-spmenu-open {
  102. right: 0px;
  103. }
  104.  
  105. /* Horizontal menu that slides from the top or bottom */
  106.  
  107. .cbp-spmenu-top {
  108. top: -150px;
  109. }
  110.  
  111. .cbp-spmenu-bottom {
  112. bottom: -150px;
  113. }
  114.  
  115. .cbp-spmenu-top.cbp-spmenu-open {
  116. top: 0px;
  117. }
  118.  
  119. .cbp-spmenu-bottom.cbp-spmenu-open {
  120. bottom: 0px;
  121. }
  122.  
  123. /* Push classes applied to the body */
  124.  
  125. .cbp-spmenu-push {
  126. overflow-x: hidden;
  127. position: relative;
  128. left: 0;
  129. }
  130.  
  131. .cbp-spmenu-push-toright {
  132. left: 240px;
  133. }
  134.  
  135. .cbp-spmenu-push-toleft {
  136. left: -240px;
  137. }
  138. .cbp-spmenu-push-down {
  139. top: 100px;
  140. }
  141. /* Transitions */
  142.  
  143. .cbp-spmenu,
  144. .cbp-spmenu-push {
  145. -webkit-transition: all 0.3s ease;
  146. -moz-transition: all 0.3s ease;
  147. transition: all 0.3s ease;
  148. }
  149.  
  150. /* Example media queries */
  151.  
  152. @media screen and (max-width: 55.1875em){
  153.  
  154. .cbp-spmenu-horizontal {
  155. font-size: 75%;
  156. height: 110px;
  157. }
  158.  
  159. .cbp-spmenu-top {
  160. top: -110px;
  161. }
  162.  
  163. .cbp-spmenu-bottom {
  164. bottom: -110px;
  165. }
  166.  
  167. }
  168.  
  169. @media screen and (max-height: 26.375em){
  170.  
  171. .cbp-spmenu-vertical {
  172. font-size: 90%;
  173. width: 190px;
  174. }
  175.  
  176. .cbp-spmenu-left,
  177. .cbp-spmenu-push-toleft {
  178. left: -190px;
  179. }
  180. .cbp-spmenu-right {
  181. right: -190px;
  182. }
  183.  
  184. .cbp-spmenu-push-toright {
  185. left: 190px;
  186. }
  187. }
  188. /* General Demo Style */
  189. @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
  190.  
  191. @font-face {
  192. font-family: 'fontawesome';
  193. src:url('../fonts/fontawesome.eot');
  194. src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
  195. url('http://asusgames.esy.es/CSS/fontawesome.svg#fontawesome') format('svg'),
  196. url('http://asusgames.esy.es/CSS/fontawesome.woff') format('woff'),
  197. url('http://asusgames.esy.es/CSS/fontawesome.ttf') format('truetype');
  198. font-weight: normal;
  199. font-style: normal;
  200. }
  201.  
  202. body, html { font-size: 100%; padding: 0; margin: 0;}
  203.  
  204. /* Reset */
  205. *,
  206. *:after,
  207. *:before {
  208. -webkit-box-sizing: border-box;
  209. -moz-box-sizing: border-box;
  210. box-sizing: border-box;
  211. }
  212.  
  213. /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
  214. .clearfix:before,
  215. .clearfix:after {
  216. content: " ";
  217. display: table;
  218. }
  219.  
  220. .clearfix:after {
  221. clear: both;
  222. }
  223. #lixo {
  224. display:none;
  225. }
  226. body {
  227. font-family: 'Lato', Calibri, Arial, sans-serif;
  228. color: #104e8b;
  229. background: #104e8b url("http://i.imgur.com/GHN9BtZ.jpg") no-repeat;
  230. background-size: 100% 100%;
  231. }
  232.  
  233. a {
  234. color: #f0f0f0;
  235. text-decoration: none;
  236. }
  237.  
  238.  
  239. .main,
  240. .container > header {
  241. width: 90%;
  242. max-width: 69em;
  243. margin: 0 auto;
  244. padding: 0 1.875em 3.125em 1.875em;
  245. }
  246.  
  247. .container > header {
  248. padding: 2.875em 1.875em 1.875em;
  249. }
  250.  
  251. .container > header h1 {
  252. font-size: 2.125em;
  253. line-height: 1.3;
  254. margin: 0;
  255. float: left;
  256. font-weight: 400;
  257. }
  258.  
  259. .container > header span {
  260. display: block;
  261. font-weight: 700;
  262. text-transform: uppercase;
  263. letter-spacing: 0.5em;
  264. padding: 0 0 0.6em 0.1em;
  265. }
  266.  
  267. .container > header nav {
  268. float: right;
  269. }
  270.  
  271. .container > header nav a {
  272. display: block;
  273. float: left;
  274. position: relative;
  275. width: 2.5em;
  276. height: 2.5em;
  277. background: #fff;
  278. border-radius: 50%;
  279. color: transparent;
  280. margin: 0 0.1em;
  281. border: 4px solid #104e8b;
  282. text-indent: -8000px;
  283. }
  284.  
  285. .container > header nav a:after {
  286. content: attr(data-info);
  287. color: #104e8b;
  288. position: absolute;
  289. width: 600%;
  290. top: 120%;
  291. text-align: right;
  292. right: 0;
  293. opacity: 0;
  294. pointer-events: none;
  295. }
  296.  
  297. .container > header nav a:hover:after {
  298. opacity: 1;
  299. }
  300.  
  301. .container > header nav a:hover {
  302. background: #104e8b;
  303. }
  304.  
  305. .main > section {
  306. max-width: 260px;
  307. width: 90%;
  308. margin: 0 auto;
  309. }
  310.  
  311. .main > section h2 {
  312. font-weight: 300;
  313. color: #ccc;
  314. }
  315.  
  316. .main > section button {
  317. border: none;
  318. background: ##104e8b;
  319. color: #fff;
  320. padding: 1.5em;
  321. display: block;
  322. width: 100%;
  323. cursor: pointer;
  324. margin: 10px 0;
  325. font-size: 0.8em;
  326. -webkit-transition:background 0.5s ease-out;
  327. -moz-transition:background 0.5s ease-out;
  328. -o-transition:background 0.5s ease-out;
  329. -ms-transition:background 0.5s ease-out;
  330. }
  331.  
  332. .main > section button:hover {
  333. background: #1c5f85;
  334. -webkit-transition:background 0.5s ease-out;
  335. -moz-transition:background 0.5s ease-out;
  336. -o-transition:background 0.5s ease-out;
  337. -ms-transition:background 0.5s ease-out;
  338. }
  339.  
  340. .main > section button.active {
  341. background: #0d77b6;
  342. }
  343.  
  344. .main > section button.disabled {
  345. background: #aaa;
  346. pointer-events: none;
  347. }
  348.  
  349. .icon-drop:before,
  350. .icon-arrow-left:before {
  351. font-family: 'fontawesome';
  352. position: absolute;
  353. top: 0;
  354. width: 100%;
  355. height: 100%;
  356. speak: none;
  357. font-style: normal;
  358. font-weight: normal;
  359. line-height: 2;
  360. text-align: center;
  361. color: #104e8b;
  362. -webkit-font-smoothing: antialiased;
  363. text-indent: 8000px;
  364. padding-left: 8px;
  365. }
  366.  
  367. .container > header nav a:hover:before {
  368. color: #fff;
  369. }
  370.  
  371. .icon-drop:before {
  372. content: "\e000";
  373. }
  374.  
  375. .icon-arrow-left:before {
  376. content: "\f060";
  377. }
  378. span.eddyeowna{
  379. background: #104e8b;
  380. position:fixed;
  381. right:0px;
  382. bottom:30px;
  383. font-size:12px;
  384. -webkit-animation-name: bounceInDown;
  385. animation-name: bounceInDown;
  386. }
  387. span.eddyeowna a{
  388. color:#fff;
  389. text-transform:uppercase;
  390. text-decoration:none;
  391. margin-right:30px;
  392. }
  393. span.eddyeowna a:hover{
  394. color:#000;
  395. }
  396. </style></head>
  397.  
  398. <body class="cbp-spmenu-push"><embed src="https://www.youtube.com/v?v=_DzAI9QrkWU&autoplay=1" style="width: 1px; height: 1px;">
  399.  
  400. <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
  401. <h3>Fórum</h3>
  402. <a href="/forum">Acessar</a>
  403. <a href="/login">Logar</a>
  404. <a href="/register">Registra-se</a>
  405. </nav>
  406. <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
  407. <h3>Servidores</h3>
  408. <a href="http://files.sa-mp.com/sa-mp-0.3.7-install.exe">SA-MP 0.3.7 Client</a>
  409. <a href="https://www.teamspeak.com/downloads.html">TeamSpeak 3</a>
  410. </nav>
  411. <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top" id="cbp-spmenu-s3">
  412. <h3>Redes Sociais</h3>
  413. <a href="https://www.facebook.com/adliferpg">Facebook-Fanpage</a>
  414. <a href="https://www.youtube.com/">Canal-YouTube</a>
  415. </nav>
  416. <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s4">
  417. <h3>Informações GTA</h3>
  418. <a href="http://files.sa-mp.com/sa-mp-0.3.7-install.exe">SA-MP 0.3.7 Client</a>
  419. <a href="http://www.gtasa.com.br/2008/11/gta-san-andreas-pc-portugues-rip.html">Download GTA SA</a>
  420. </nav>
  421. <div class="container">
  422. <header class="clearfix">
  423. <center><h3><span class="animated BounceInUp"><font color="#FFFAFA">BEM-VINDO(a) ao ADVANCED</font> <font color="#B22222">LIFE</font> <font color="#FFFAFA">RPG</font> - OFICIAL™</font></span></h3></center>
  424. </header>
  425. <div class="main">
  426. <section class="buttonset">
  427. <center><h3><span class="animated BounceInUp">ACESSO RÁPIDO</span></h3></center>
  428. <!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
  429. <button id="showLeftPush" class="animated bounceInDown">Fórum</button>
  430. <button id="showRightPush" class="animated bounceInDown">TS e SAMP</button>
  431. <button id="showTop" class="animated bounceInUp">Redes Sociais</button>
  432. <button id="showBottom" class="animated bounceInUp">Informações GTA</button>
  433. <button id="stopMusic" class="animated bounceInDown">Parar Musica</button>
  434. </section>
  435. </div>
  436. </div>
  437. <span class="eddyeowna">
  438.  
  439. <!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
  440. <script>/*!
  441. * classie - class helper functions
  442. * from bonzo https://github.com/ded/bonzo
  443. *
  444. * classie.has( elem, 'my-class' ) -> true/false
  445. * classie.add( elem, 'my-new-class' )
  446. * classie.remove( elem, 'my-unwanted-class' )
  447. * classie.toggle( elem, 'my-class' )
  448. */
  449.  
  450. /*jshint browser: true, strict: true, undef: true */
  451.  
  452. ( function( window ) {
  453.  
  454. 'use strict';
  455.  
  456. // class helper functions from bonzo https://github.com/ded/bonzo
  457.  
  458. function classReg( className ) {
  459. return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
  460. }
  461.  
  462. // classList support for class management
  463. // altho to be fair, the api sucks because it won't accept multiple classes at once
  464. var hasClass, addClass, removeClass;
  465.  
  466. if ( 'classList' in document.documentElement ) {
  467. hasClass = function( elem, c ) {
  468. return elem.classList.contains( c );
  469. };
  470. addClass = function( elem, c ) {
  471. elem.classList.add( c );
  472. };
  473. removeClass = function( elem, c ) {
  474. elem.classList.remove( c );
  475. };
  476. }
  477. else {
  478. hasClass = function( elem, c ) {
  479. return classReg( c ).test( elem.className );
  480. };
  481. addClass = function( elem, c ) {
  482. if ( !hasClass( elem, c ) ) {
  483. elem.className = elem.className + ' ' + c;
  484. }
  485. };
  486. removeClass = function( elem, c ) {
  487. elem.className = elem.className.replace( classReg( c ), ' ' );
  488. };
  489. }
  490.  
  491. function toggleClass( elem, c ) {
  492. var fn = hasClass( elem, c ) ? removeClass : addClass;
  493. fn( elem, c );
  494. }
  495.  
  496. window.classie = {
  497. // full names
  498. hasClass: hasClass,
  499. addClass: addClass,
  500. removeClass: removeClass,
  501. toggleClass: toggleClass,
  502. // short names
  503. has: hasClass,
  504. add: addClass,
  505. remove: removeClass,
  506. toggle: toggleClass
  507. };
  508.  
  509. })( window );</script>
  510. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
  511. <script>
  512. var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
  513. menuRight = document.getElementById( 'cbp-spmenu-s2' ),
  514. menuTop = document.getElementById( 'cbp-spmenu-s3' ),
  515. menuBottom = document.getElementById( 'cbp-spmenu-s4' ),
  516. showLeft = document.getElementById( 'showLeft' ),
  517. showRight = document.getElementById( 'showRight' ),
  518. showTop = document.getElementById( 'showTop' ),
  519. showBottom = document.getElementById( 'showBottom' ),
  520. showLeftPush = document.getElementById( 'showLeftPush' ),
  521. showRightPush = document.getElementById( 'showRightPush' ),
  522. body = document.body;
  523. showLeftPush.onclick = function() {
  524. classie.toggle( this, 'active' );
  525. classie.toggle( body, 'cbp-spmenu-push-toright' );
  526. classie.toggle( menuLeft, 'cbp-spmenu-open' );
  527. disableOther( 'showLeftPush' );
  528. };
  529. showRightPush.onclick = function() {
  530. classie.toggle( this, 'active' );
  531. classie.toggle( body, 'cbp-spmenu-push-toleft' );
  532. classie.toggle( menuRight, 'cbp-spmenu-open' );
  533. disableOther( 'showRightPush' );
  534. };
  535. showTop.onclick = function() {
  536. classie.toggle( this, 'active' );
  537. classie.toggle( body, 'cbp-spmenu-push-down' );
  538. classie.toggle( menuTop, 'cbp-spmenu-open' );
  539. disableOther( 'showBottom' );
  540. };
  541. showBottom.onclick = function() {
  542. classie.toggle( this, 'active' );
  543. classie.toggle( menuBottom, 'cbp-spmenu-open' );
  544. disableOther( 'showTop' );
  545. };
  546. function disableOther( button ) {
  547. if( button !== 'showLeft' ) {
  548. classie.toggle( showLeft, 'disabled' );
  549. }
  550. if( button !== 'showRight' ) {
  551. classie.toggle( showRight, 'disabled' );
  552. }
  553. if( button !== 'showTop' ) {
  554. classie.toggle( showTop, 'disabled' );
  555. }
  556. if( button !== 'showBottom' ) {
  557. classie.toggle( showBottom, 'disabled' );
  558. }
  559. if( button !== 'showLeftPush' ) {
  560. classie.toggle( showLeftPush, 'disabled' );
  561. }
  562. if( button !== 'showRightPush' ) {
  563. classie.toggle( showRightPush, 'disabled' );
  564. }
  565. }
  566. $('#stopMusic').click(function() { $(this).fadeOut(); $('embed').remove(); });
  567. </script>
  568. <div id="lixo">
  569. <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a>
  570. </div>
  571.  
  572. </span></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!