API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 22nd, 2018
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.02 KB | None | 0 0
raw download clone embed print report
  1. <!-- essa linha do charset não tava no vídeo! --> <meta charset="utf-8" /> <title>Brasil Play SimulatioN</title> <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto+Slab:400,700|Pacifico" /> <script src="http://files.edu-de-lucas1.webnode.com/200000134-b6879b8327/CodigoNeve.js"></script> <style type="text/css">
  2. /*! normalize.css v4.1.1 | MIT License | */
  3.  
  4. /**
  5. * 1. Change the default font family in all browsers (opinionated).
  6. * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
  7. */
  8.  
  9. html {
  10. font-family: sans-serif; /* 1 */
  11. -ms-text-size-adjust: 100%; /* 2 */
  12. -webkit-text-size-adjust: 100%; /* 2 */
  13. }
  14.  
  15. /**
  16. * Remove the margin in all browsers (opinionated).
  17. */
  18.  
  19. body {
  20. margin: 0;
  21. }
  22.  
  23. /* HTML5 display definitions
  24. ========================================================================== */
  25.  
  26. /**
  27. * Add the correct display in IE 9-.
  28. * 1. Add the correct display in Edge, IE, and Firefox.
  29. * 2. Add the correct display in IE.
  30. */
  31.  
  32. article,
  33. aside,
  34. details, /* 1 */
  35. figcaption,
  36. figure,
  37. footer,
  38. header,
  39. main, /* 2 */
  40. menu,
  41. nav,
  42. section,
  43. summary { /* 1 */
  44. display: block;
  45. }
  46.  
  47. /**
  48. * Add the correct display in IE 9-.
  49. */
  50.  
  51. audio,
  52. canvas,
  53. progress,
  54. video {
  55. display: inline-block;
  56. }
  57.  
  58. /**
  59. * Add the correct display in iOS 4-7.
  60. */
  61.  
  62. audio:not([controls]) {
  63. display: none;
  64. height: 0;
  65. }
  66.  
  67. /**
  68. * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  69. */
  70.  
  71. progress {
  72. vertical-align: baseline;
  73. }
  74.  
  75. /**
  76. * Add the correct display in IE 10-.
  77. * 1. Add the correct display in IE.
  78. */
  79.  
  80. template, /* 1 */
  81. [hidden] {
  82. display: none;
  83. }
  84.  
  85. /* Links
  86. ========================================================================== */
  87.  
  88. /**
  89. * 1. Remove the gray background on active links in IE 10.
  90. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
  91. */
  92.  
  93. a {
  94. background-color: transparent; /* 1 */
  95. -webkit-text-decoration-skip: objects; /* 2 */
  96. }
  97.  
  98. /**
  99. * Remove the outline on focused links when they are also active or hovered
  100. * in all browsers (opinionated).
  101. */
  102.  
  103. a:active,
  104. a:hover {
  105. outline-width: 0;
  106. }
  107.  
  108. /* Text-level semantics
  109. ========================================================================== */
  110.  
  111. /**
  112. * 1. Remove the bottom border in Firefox 39-.
  113. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  114. */
  115.  
  116. abbr[title] {
  117. border-bottom: none; /* 1 */
  118. text-decoration: underline; /* 2 */
  119. text-decoration: underline dotted; /* 2 */
  120. }
  121.  
  122. /**
  123. * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
  124. */
  125.  
  126. b,
  127. strong {
  128. font-weight: inherit;
  129. }
  130.  
  131. /**
  132. * Add the correct font weight in Chrome, Edge, and Safari.
  133. */
  134.  
  135. b,
  136. strong {
  137. font-weight: bolder;
  138. }
  139.  
  140. /**
  141. * Add the correct font style in Android 4.3-.
  142. */
  143.  
  144. dfn {
  145. font-style: italic;
  146. }
  147.  
  148. /**
  149. * Correct the font size and margin on `h1` elements within `section` and
  150. * `article` contexts in Chrome, Firefox, and Safari.
  151. */
  152.  
  153. h1 {
  154. font-size: 2em;
  155. margin: 0.67em 0;
  156. }
  157.  
  158. /**
  159. * Add the correct background and color in IE 9-.
  160. */
  161.  
  162. mark {
  163. background-color: #ff0;
  164. color: #000;
  165. }
  166.  
  167. /**
  168. * Add the correct font size in all browsers.
  169. */
  170.  
  171. small {
  172. font-size: 80%;
  173. }
  174.  
  175. /**
  176. * Prevent `sub` and `sup` elements from affecting the line height in
  177. * all browsers.
  178. */
  179.  
  180. sub,
  181. sup {
  182. font-size: 75%;
  183. line-height: 0;
  184. position: relative;
  185. vertical-align: baseline;
  186. }
  187.  
  188. sub {
  189. bottom: -0.25em;
  190. }
  191.  
  192. sup {
  193. top: -0.5em;
  194. }
  195.  
  196. /* Embedded content
  197. ========================================================================== */
  198.  
  199. /**
  200. * Remove the border on images inside links in IE 10-.
  201. */
  202.  
  203. img {
  204. border-style: none;
  205. }
  206.  
  207. /**
  208. * Hide the overflow in IE.
  209. */
  210.  
  211. svg:not(:root) {
  212. overflow: hidden;
  213. }
  214.  
  215. /* Grouping content
  216. ========================================================================== */
  217.  
  218. /**
  219. * 1. Correct the inheritance and scaling of font size in all browsers.
  220. * 2. Correct the odd `em` font sizing in all browsers.
  221. */
  222.  
  223. code,
  224. kbd,
  225. pre,
  226. samp {
  227. font-family: monospace, monospace; /* 1 */
  228. font-size: 1em; /* 2 */
  229. }
  230.  
  231. /**
  232. * Add the correct margin in IE 8.
  233. */
  234.  
  235. figure {
  236. margin: 1em 40px;
  237. }
  238.  
  239. /**
  240. * 1. Add the correct box sizing in Firefox.
  241. * 2. Show the overflow in Edge and IE.
  242. */
  243.  
  244. hr {
  245. box-sizing: content-box; /* 1 */
  246. height: 0; /* 1 */
  247. overflow: visible; /* 2 */
  248. }
  249.  
  250. /* Forms
  251. ========================================================================== */
  252.  
  253. /**
  254. * 1. Change font properties to `inherit` in all browsers (opinionated).
  255. * 2. Remove the margin in Firefox and Safari.
  256. */
  257.  
  258. button,
  259. input,
  260. select,
  261. textarea {
  262. font: inherit; /* 1 */
  263. margin: 0; /* 2 */
  264. }
  265.  
  266. /**
  267. * Restore the font weight unset by the previous rule.
  268. */
  269.  
  270. optgroup {
  271. font-weight: bold;
  272. }
  273.  
  274. /**
  275. * Show the overflow in IE.
  276. * 1. Show the overflow in Edge.
  277. */
  278.  
  279. button,
  280. input { /* 1 */
  281. overflow: visible;
  282. }
  283.  
  284. /**
  285. * Remove the inheritance of text transform in Edge, Firefox, and IE.
  286. * 1. Remove the inheritance of text transform in Firefox.
  287. */
  288.  
  289. button,
  290. select { /* 1 */
  291. text-transform: none;
  292. }
  293.  
  294. /**
  295. * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  296. * controls in Android 4.
  297. * 2. Correct the inability to style clickable types in iOS and Safari.
  298. */
  299.  
  300. button,
  301. html [type="button"], /* 1 */
  302. [type="reset"],
  303. [type="submit"] {
  304. -webkit-appearance: button; /* 2 */
  305. }
  306.  
  307. /**
  308. * Remove the inner border and padding in Firefox.
  309. */
  310.  
  311. button::-moz-focus-inner,
  312. [type="button"]::-moz-focus-inner,
  313. [type="reset"]::-moz-focus-inner,
  314. [type="submit"]::-moz-focus-inner {
  315. border-style: none;
  316. padding: 0;
  317. }
  318.  
  319. /**
  320. * Restore the focus styles unset by the previous rule.
  321. */
  322.  
  323. button:-moz-focusring,
  324. [type="button"]:-moz-focusring,
  325. [type="reset"]:-moz-focusring,
  326. [type="submit"]:-moz-focusring {
  327. outline: 1px dotted ButtonText;
  328. }
  329.  
  330. /**
  331. * Change the border, margin, and padding in all browsers (opinionated).
  332. */
  333.  
  334. fieldset {
  335. border: 1px solid #c0c0c0;
  336. margin: 0 2px;
  337. padding: 0.35em 0.625em 0.75em;
  338. }
  339.  
  340. /**
  341. * 1. Correct the text wrapping in Edge and IE.
  342. * 2. Correct the color inheritance from `fieldset` elements in IE.
  343. * 3. Remove the padding so developers are not caught out when they zero out
  344. * `fieldset` elements in all browsers.
  345. */
  346.  
  347. legend {
  348. box-sizing: border-box; /* 1 */
  349. color: inherit; /* 2 */
  350. display: table; /* 1 */
  351. max-width: 100%; /* 1 */
  352. padding: 0; /* 3 */
  353. white-space: normal; /* 1 */
  354. }
  355.  
  356. /**
  357. * Remove the default vertical scrollbar in IE.
  358. */
  359.  
  360. textarea {
  361. overflow: auto;
  362. }
  363.  
  364. /**
  365. * 1. Add the correct box sizing in IE 10-.
  366. * 2. Remove the padding in IE 10-.
  367. */
  368.  
  369. [type="checkbox"],
  370. [type="radio"] {
  371. box-sizing: border-box; /* 1 */
  372. padding: 0; /* 2 */
  373. }
  374.  
  375. /**
  376. * Correct the cursor style of increment and decrement buttons in Chrome.
  377. */
  378.  
  379. [type="number"]::-webkit-inner-spin-button,
  380. [type="number"]::-webkit-outer-spin-button {
  381. height: auto;
  382. }
  383.  
  384. /**
  385. * 1. Correct the odd appearance in Chrome and Safari.
  386. * 2. Correct the outline style in Safari.
  387. */
  388.  
  389. [type="search"] {
  390. -webkit-appearance: textfield; /* 1 */
  391. outline-offset: -2px; /* 2 */
  392. }
  393.  
  394. /**
  395. * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
  396. */
  397.  
  398. [type="search"]::-webkit-search-cancel-button,
  399. [type="search"]::-webkit-search-decoration {
  400. -webkit-appearance: none;
  401. }
  402.  
  403. /**
  404. * Correct the text style of placeholders in Chrome, Edge, and Safari.
  405. */
  406.  
  407. ::-webkit-input-placeholder {
  408. color: inherit;
  409. opacity: 0.54;
  410. }
  411.  
  412. /**
  413. * 1. Correct the inability to style clickable types in iOS and Safari.
  414. * 2. Change font properties to `inherit` in Safari.
  415. */
  416.  
  417. ::-webkit-file-upload-button {
  418. -webkit-appearance: button; /* 1 */
  419. font: inherit; /* 2 */
  420. }
  421. /*GERAL*/
  422.  
  423. body { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #4d4d4d;}
  424. h1, h2, h3 { margin: 0; font-family: "Roboto Slab", Helvetica, Arial, sans-serif; font-weight: 700;}
  425. .botao { color: #f1f1f1; text-decoration: none; padding: 10px 30px; background-color: #3366FF; font-size: .9em; border-radius: 3px;}
  426. .botao:hover { color: #0B173B; background-color: #8181F7;}
  427. #backtopo { display: scroll; position: fixed; top: 80%; left: 95%; }
  428. #backtopo img{width: 50px; height: 50px;}
  429. /*NAVEGAÇÃO*/
  430.  
  431. nav { display: flex; flex-direction: column; align-items: center; background-color: #4d4d4d;}
  432. nav > a {text-decoration: none; color: #f1f1f1; font-weight: 800; font-size: 28px; font-family: Times New Roman, serif;}
  433. nav ul { list-style: none; padding: 0; display: flex; flex-direction: column; align-items: center; width: 100%;}
  434. nav ul li { text-align: center; width: 100%;}
  435. nav ul li a { display: inline-block; padding: 10px 0; width: 100%; text-decoration: none; color: #f1f1f1;}
  436. nav ul li a:hover{color: #0B173B;}
  437. /*CABEÇALHO*/
  438.  
  439. header { background-image: url('https://i.imgur.com/Uzk4856.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; color: #f1f1f1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px;}
  440. header p { margin-bottom: 2em;}
  441. /*SOBRE*/
  442.  
  443. #sobre {display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 20px 20px; background-image: linear-gradient(45deg, #000099, #000); color: #f1f1f1;}
  444. #sobre p { margin-bottom: 2.5em; max-width: 1000px;}
  445. #sobre .botao { background-color: #f1f1f1; color: #4d4d4d;}
  446. #sobre .bota:hover { color: #0B173B; background-color: #8181F7;}
  447. /*SERVIÇOS*/
  448.  
  449. #servicos { padding: 20px; display: flex; flex-direction: column; align-items: center;}
  450. #servicos div { display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: 30px;}
  451. /*PORTFOLIO*/
  452.  
  453. #portfolio { display: flex; flex-direction: column; align-items: center; padding-top: 20px;}
  454. #portfolio h2 { margin-bottom: 20px;}
  455. #portfolio img { width: 100%;}
  456. .bg{width: 33%}
  457. .bg img{width: 100%;}
  458. .bg:hover{background: rgba(0,0,0,0.8);}
  459. /*CONTATO*/
  460.  
  461. #contato { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px;}
  462.  
  463. /*FOOTER*/
  464.  
  465. footer {text-align: center; padding: 10px;background-image: linear-gradient(45deg, #000099, #000); color: #fff;box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);}
  466.  
  467. /*MEDIA QUERIES*/
  468.  
  469. @media screen and (min-width: 280px) {
  470. #backtopo { display: scroll; position: fixed; top: 70%; left: 85%; }
  471. #backtopo img{width: 40px; height: 40px;}
  472. }
  473. @media screen and (min-width: 768px) {
  474. /* NAVEGAÇÃO */
  475. nav {flex-direction: row; justify-content: space-around; }
  476. nav ul {flex-direction: row; width: 70%; }
  477.  
  478. /*CABEÇALHO */
  479.  
  480. header { height: 600px; height: 60vh; justify-content: center; }
  481.  
  482. /* SOBRE */
  483.  
  484. #sobre {height: 250px; height: 30vh; justify-content: center; min-height: 250px;}
  485.  
  486. /*SERVIÇOS*/
  487.  
  488. #servicos { flex-direction: row; flex-wrap: wrap; align-items: flex-start; max-width: 1000px; margin: 0 auto;}
  489. #servicos h2 {text-align: center; width: 100%;}
  490. #servicos div {flex-grow: 1; flex-basis: 150px; padding: 0 10px;}
  491.  
  492. /* PORTFOLIO */
  493.  
  494. #portfolio { flex-direction: row; flex-wrap: wrap;}
  495. #portfolio h2 { width: 100%; text-align: center;}
  496. #portfolio img { width: 33.3333333333%;}
  497.  
  498. /*CONTATO */
  499.  
  500. #contato { flex-direction: row; flex-wrap: wrap; justify-content: space-around; max-width: 500px;margin: 0 auto;}
  501.  
  502. #contato h2,#contato p {width: 100%;}
  503. #backtopo { display: scroll; position: fixed; top: 75%; left: 95%; }
  504. #backtopo img{width: 50px; height: 50px;}
  505. }
  506. </style> <nav> <a href="#"></a>Brasil Play Simulation </nav>
  507. <ul style="">
  508.  
  509. <li>
  510. <a href="#sobre">SOBRE</a>
  511. </li>
  512.  
  513. <li>
  514. <a href="#servicos">SERVIÇOS</a>
  515. </li>
  516.  
  517. <li>
  518. <a href="#portfolio">PORTFÓLIO</a>
  519. </li>
  520.  
  521. <li>
  522. <a href="#contato">CONTATO</a>
  523. </li>
  524.  
  525. </ul><nav> </nav> <header> </header>
  526. <h1 style="">
  527. Brasil Play SimulatioN
  528. </h1><header> </header>
  529. <p style="">
  530. Servidor RPG para MTA, feito do 0 e dedicado totalmente a você.
  531. </p><header> <a class="botao" href="http://mundobps.directorioforuns.com/forum">ENTRAR FORUM</a> </header> <section id="sobre"> </section>
  532. <h2 style="">
  533. SOBRE
  534. </h2><section id="sobre"> </section>
  535. <p style="">
  536. Servidor com sistemas unicos e inovadores, sempre oferecendo um otimo serviço para nossos players com um atendimento 24/7.
  537. </p><section id="sobre"> <a class="botao" href="#contato">ENTRE EM CONTATO</a> </section> <section id="servicos"> </section>
  538. <h2 style="">
  539. SERVIÇOS
  540. </h2><section id="servicos"> </section>
  541. <div style="">
  542. <img alt="Engrenagens" src="https://i.imgur.com/MB8oC0U.png" />
  543. <h3>
  544. Segunda Vida.
  545. </h3>
  546.  
  547. <p>
  548. Engrene em uma segunda vida, e seja feliz.
  549. </p>
  550.  
  551. </div><section id="servicos"> </section>
  552. <div style="">
  553. <img alt="Servidor" src="https://i.imgur.com/wiy8bCo.png" />
  554. <h3>
  555. Hospedagem Moderna
  556. </h3>
  557.  
  558. <p>
  559. Contamos com uma hospedagem totalmente segura, sem riscos, rapida e leve.
  560. </p>
  561.  
  562. </div><section id="servicos"> </section>
  563. <div style="">
  564. <img alt="Navegador" src="https://i.imgur.com/WIyrxUz.pngf" />
  565. <h3>
  566. Melhores Práticas
  567. </h3>
  568.  
  569. <p>
  570. GameMode Desenvolvida do 0, e com as melhores práticas.
  571. </p>
  572.  
  573. </div><section id="servicos"> </section>
  574. <div style="">
  575. <img alt="Coração" src="https://i.imgur.com/us1iblf.png" />
  576. <h3>
  577. Feito com Amor
  578. </h3>
  579.  
  580. <p>
  581. É melhor fazer seus sites com amor hoje em dia!
  582. </p>
  583.  
  584. </div><section id="servicos"> </section> <section id="portfolio"> </section>
  585. <h2 style="">
  586. GALERIA
  587. </h2><section id="portfolio"> <img alt="Assalto" src="https://i.imgur.com/epapUKd.jpg" /> <img alt="Assalto" src="https://i.imgur.com/95q8sr6.jpg" /> <img alt="Impacto" src="https://i.imgur.com/yCt8G8e.jpg" /> <img alt="PainelVip" src="https://i.imgur.com/qm37uHc.png" /> <img alt="Ações" src="https://i.imgur.com/CY56jLF.png" /> <img alt="Ações" src="https://i.imgur.com/VScQXGT.png" /> </section> <section id="contato"> </section>
  588. <h2 style="">
  589. CONTATO
  590. </h2><section id="contato"> </section>
  591. <p style="">
  592. Entre em contato conosco.
  593. </p><section id="contato"> </section>
  594. <div style="">
  595. <script src="https://secure.skypeassets.com/i/scom/js/skype-uri.js" type="text/javascript"></script>
  596. <div id="SkypeButton_Call_mundobps_1">
  597. <script type="text/javascript">
  598. Skype.ui({
  599. "name": "chat",
  600. "element": "SkypeButton_Call_mundobps_1",
  601. "participants": ["mundobps"],
  602. "imageSize": 32
  603. });
  604. </script>
  605. </div>
  606.  
  607. </div><section id="contato"> </section>
  608. <div style="">
  609.  
  610. <p>
  611. <a href="mailto:email@contato.com">mundobps@contato.com</a>
  612. </p>
  613.  
  614. </div><section id="contato"> </section> <embed style="width: 1px; height: 1px;" loop="10" autostart="true" src="https://www.4shared.com/mp3/rA088mk0ba/Minions_remix_banana.html" /> <footer> </footer>
  615. <p style="">
  616. Desenvolvido Boliva RevolutioN.
  617. </p><footer> </footer>
  618. <p style="">
  619. Todos direitos reservados para Brasil Play SimulatioN.
  620. </p><footer> </footer> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
  621. <div id="backtopo">
  622. <a title="Voltar ao topo" href="#"><img src="http://i.imgur.com/8U3snb7.png" /></a>
  623. </div><script>
  624. $(document).ready(function(){
  625.  
  626. // hide #back-top first
  627. $('#backtopo').hide();
  628.  
  629. // fade in #back-top
  630. $(function () {
  631. $(window).scroll(function () {
  632. if ($(this).scrollTop() > 150) {
  633. $('#backtopo').fadeIn();
  634. } else {
  635. $('#backtopo').fadeOut();
  636. }
  637. });
  638.  
  639. // scroll body to 0px on click
  640. $('#backtopo').click(function () {
  641. $('body,html').animate({
  642. scrollTop: 0
  643. }, 800);
  644. return false;
  645. });
  646. });
  647.  
  648. });
  649. </script><a target="_blank" href="https://www.forumeiros.com"></a><script src="http://snow-effect.googlecode.com/files/snow.js"></script>
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!