Atualização tema

SUBMITTED BY: Mentalista

DATE: April 24, 2022, 4:07 p.m.

UPDATED: June 22, 2022, 2:21 a.m.

FORMAT: Text only

SIZE: 35.8 kB

History Raw Download

HITS: 424

Report
  1. <meta name='viewport' content='width=device-width, initial-scale=1.0'><style>@font-face {
  2. font-family: 'Palanquin Dark';
  3. font-style: normal;
  4. font-weight: 400;
  5. font-display: swap;
  6. src: url(pictures/atlantus.woff2) format('woff2');
  7. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  8. }
  9. body
  10. {
  11. overflow: hidden;
  12. position: fixed;
  13. font-family: 'Palanquin Dark', sans-serif;
  14. background: url(https://wallpapercave.com/wp/TkzMdMk.jpg);
  15. background-size: cover;
  16. color: white;
  17. margin: 0px;
  18. left: 0px;
  19. top: 0px;
  20. height: 100%;
  21. width: 100%;
  22. }
  24. .waves {
  25. position:relative;
  26. width: 100%;
  27. height:15vh;
  28. margin-bottom:-7px; /*Fix for safari gap*/
  29. min-height:100px;
  30. max-height:150px;
  31. }
  33. .content {
  34. position:relative;
  35. height:20vh;
  36. text-align:center;
  37. background-color: white;
  38. }
  40. /* Animation */
  42. .parallax > use {
  43. animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
  44. }
  45. .parallax > use:nth-child(1) {
  46. animation-delay: -2s;
  47. animation-duration: 7s;
  48. }
  49. .parallax > use:nth-child(2) {
  50. animation-delay: -3s;
  51. animation-duration: 10s;
  52. }
  53. .parallax > use:nth-child(3) {
  54. animation-delay: -4s;
  55. animation-duration: 13s;
  56. }
  57. .parallax > use:nth-child(4) {
  58. animation-delay: -5s;
  59. animation-duration: 20s;
  60. }
  61. @keyframes move-forever {
  62. 0% {
  63. transform: translate3d(-90px,0,0);
  64. }
  65. 100% {
  66. transform: translate3d(85px,0,0);
  67. }
  68. }
  69. /*Shrinking for mobile*/
  70. @media (max-width: 768px) {
  71. .waves {
  72. height:40px;
  73. min-height:40px;
  74. }
  75. .content {
  76. height:30vh;
  77. }
  78. h1 {
  79. font-size:24px;
  80. }
  81. }
  82. .notification
  83. {
  84. background: linear-gradient(45deg, #6e3033, #810d52);
  85. transform: translate(0%, -50%);
  86. position: fixed;
  87. right: 5px;
  88. top: 88%;
  89. height: 50px;
  90. width: max-content;
  91. color: white;
  92. text-align: left;
  93. padding-left: 19px;
  94. padding-right: 15px;
  95. z-index: 7;
  96. font-size: 15px;
  97. border-radius: 3px;
  98. }
  100. #logsview
  101. {
  102. position: absolute;
  103. top: 46px;
  104. left: 0px;
  105. height: 69%;
  106. display: none;
  107. font-size: 14px;
  108. font-family: sans-serif;
  109. width: 100%;
  110. text-align: left;
  111. color: #ccc;
  112. overflow: scroll;
  113. padding-left: 20px;
  114. }
  116. .atlimg.animated {
  117. -webkit-animation: filter-animation 5s infinite;
  118. animation: filter-animation 5s infinite;
  119. }
  120. @-webkit-keyframes filter-animation {
  121. 0% {
  122. -webkit-filter: hue-rotate(0deg);
  123. }
  125. 40% {
  126. -webkit-filter: hue-rotate(100deg);
  127. }
  129. 76% {
  130. -webkit-filter: hue-rotate(
  131. 241deg);
  132. }
  133. 100% {
  134. -webkit-filter: hue-rotate(
  135. 343deg);
  136. }
  137. }
  139. @keyframes filter-animation {
  140. 0% {
  141. filter: hue-rotate(0deg);
  142. }
  144. 50% {
  145. filter: hue-rotate(100deg);
  146. }
  147. 86% {
  148. filter: hue-rotate(
  149. 241deg);
  150. }
  151. 100% {
  152. filter: hue-rotate(
  153. 343deg);
  154. }
  156. }
  158. .demotxt
  159. {
  160. position: fixed;
  161. -webkit-transform: translate(-50%, -50%);
  162. transform: translate(-50%, -50%);
  163. left: 50%; top: 50%;
  164. font-size: 7vw; width: 85%;
  165. text-shadow: 0px 0px 5px black;
  166. }
  167. @keyframes demo {
  168. 0% {
  169. box-shadow: 0px 0px 0px 2px #ff004c;;
  170. }
  171. 25% {
  172. box-shadow: 0px 0px 0px 2px #8a2b47;;
  173. }
  174. 75% {
  175. box-shadow: 0px 0px 0px 2px #4b242f;;
  176. }
  177. 100% {
  178. box-shadow: 0px 0px 0px 2px #972b4c;;
  179. }
  180. }
  182. @keyframes shake {
  183. 0% {
  184. transform: translate(-50%, -50%) rotate(
  185. 0deg);
  186. filter: drop-shadow(2px 4px 16px red);
  187. }
  188. 25% {
  189. transform: translate(-50%, -50%) rotate(
  190. -1deg);
  191. filter: drop-shadow(2px 4px 6px rgb(197, 12, 43));
  192. }
  193. 50% {
  194. transform: translate(-50%, -50%) rotate(
  195. 1deg);
  196. filter: drop-shadow(2px 4px 6px darkred);
  197. }
  198. 75% {
  199. transform: translate(-50%, -50%) rotate(
  200. -1deg);
  201. }
  202. 100% {
  203. transform: translate(-50%, -50%) rotate(
  204. -1deg);
  205. }
  206. }
  208. .hshakex {
  209. animation: shakex 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  210. }
  212. .hshake {
  213. animation: shake 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  214. }
  216. .hshakez {
  217. animation: shakez 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  218. }
  222. @keyframes shakez {
  223. 0% {
  224. transform:translate(-50%, -50%) rotate(
  225. 0deg);
  226. filter: drop-shadow(2px 5px 16px rgb(204, 167, 167));
  227. }
  228. 25% {
  229. transform:translate(-50%, -50%) rotate(
  230. -1deg);
  231. filter: drop-shadow(2px 4px 6px rgb(87, 156, 196));
  232. }
  233. 50% {
  234. transform:translate(-50%, -50%) rotate(
  235. 1deg);
  236. filter: drop-shadow(2px 4px 6px rgb(195, 201, 159));
  237. }
  238. 75% {
  239. transform:translate(-50%, -50%) rotate(
  240. -1deg);
  241. }
  242. 100% {
  243. transform:translate(-50%, -50%) rotate(
  244. -1deg);
  245. }
  246. }
  248. @keyframes shakex {
  249. 0% {
  250. transform: rotate(
  251. 0deg);
  252. filter: drop-shadow(2px 4px 16px red);
  253. }
  254. 25% {
  255. transform: rotate(
  256. -1deg);
  257. filter: drop-shadow(2px 4px 6px rgb(197, 12, 43));
  258. }
  259. 50% {
  260. transform: rotate(
  261. 1deg);
  262. filter: drop-shadow(2px 4px 6px darkred);
  263. }
  264. 75% {
  265. transform: rotate(
  266. -1deg);
  267. }
  268. 100% {
  269. transform: rotate(
  270. -1deg);
  271. }
  272. }
  274. #connecting
  275. {
  276. display: none;
  277. margin-left: 7px;
  278. color: #b7344a;
  279. }
  280. #connected
  281. {
  282. display:none;
  283. color: #7fffdc;
  284. }
  285. .lds-ring {
  286. display: inline-block;
  287. position: absolute;
  288. display:none;
  289. top: -13px;
  290. left: -13px;
  291. }
  292. .lds-ring div {
  293. box-sizing: border-box;
  294. display: block;
  295. position: absolute;
  296. width: 160px;
  297. height: 161px;
  298. margin: 8px;
  299. border: 4px solid #1f312f;
  300. border-radius: 50%;
  301. animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  302. border-color: #3ab757 #41b73a #69b73a #80b73a;
  303. }
  304. .lds-ring div:nth-child(1) {
  305. animation-delay: -0.45s;
  306. }
  307. .lds-ring div:nth-child(2) {
  308. animation-delay: -0.3s;
  309. }
  310. .lds-ring div:nth-child(3) {
  311. animation-delay: -0.15s;
  312. }
  313. @keyframes lds-ring {
  314. 0% {
  315. transform: rotate(0deg);
  316. }
  317. 100% {
  318. transform: rotate(360deg);
  319. }
  320. }
  321. .lds-dual-ring {
  322. display: inline-block;
  323. width: 80px;
  324. height: 80px;
  325. position: absolute;
  326. margin-left: -35px;
  327. margin-top: 1px;
  328. }
  329. .lds-dual-ring:after {
  330. content: " ";
  331. display: block;
  332. width: 17px;
  333. height: 17px;
  334. margin: 8px;
  335. border-radius: 50%;
  336. border: 2px solid #fff;
  337. border-color: #fff #fff5f536 #fff white;
  338. animation: lds-dual-ring 1.2s linear infinite;
  339. }
  340. @keyframes lds-dual-ring {
  341. 0% {
  342. transform: rotate(0deg);
  343. }
  344. 100% {
  345. transform: rotate(360deg);
  346. }
  347. }
  349. .lds-dual-ring {
  350. display: inline-block;
  351. width: 80px;
  352. height: 80px;
  353. position: absolute;
  354. margin-left: -35px;
  355. margin-top: 1px;
  356. }
  357. .lds-dual-ring:after {
  358. content: " ";
  359. display: block;
  360. width: 17px;
  361. height: 17px;
  362. margin: 8px;
  363. border-radius: 50%;
  364. border: 2px solid #fff;
  365. border-color: #fff #fff5f536 #fff white;
  366. animation: lds-dual-ring 1.2s linear infinite;
  367. }
  368. @keyframes lds-dual-ring {
  369. 0% {
  370. transform: rotate(0deg);
  371. }
  372. 100% {
  373. transform: rotate(360deg);
  374. }
  375. }
  378. .flagserver
  379. {
  380. height: 32px;
  381. position: absolute;
  382. left: 11px;
  383. top: 10px;
  384. }
  385. .substatus
  386. {
  387. display: inline-block;
  388. font-size: 16px;
  389. position: relative;
  390. left: 7px;
  391. top: 0px;
  392. }
  393. .statusserver
  394. {
  395. position: absolute;
  396. width: 100%;
  397. top: 113px;
  398. font-size: 16px;
  399. color: #9e9e9e;
  400. display: inline-block;
  401. left: 0px;
  402. }
  404. .arrowudp
  405. {
  406. position: absolute;
  407. right: 13px;
  408. height: 18px;
  409. top: 18px;
  410. filter: invert(1);
  411. }
  413. .arrowserver
  414. {
  415. position: absolute;
  416. right: 13px;
  417. height: 18px;
  418. top: 18px;
  419. filter: invert(1);
  420. }
  422. .descserver
  423. {
  424. width: 59%;
  425. text-align: left;
  426. height: 22px;
  427. white-space: nowrap;
  428. overflow: hidden;
  429. text-overflow: ellipsis;
  430. position: absolute;
  431. top: 23px;
  432. font-size: 12px;
  433. left: 57px;
  434. color: #cccc;
  435. }
  437. .focuinauth
  438. { position: fixed;
  439. background: #00000017;
  440. height: 200%;
  441. width: 100%;
  442. top: -176px;
  443. z-index: 1;
  444. left: 0px;
  445. backdrop-filter: blur(0.5px);
  446. display:none;
  447. }
  449. .focuinserver
  450. {
  451. backdrop-filter: blur(2px);
  452. height: 200%;
  453. width: 100%;
  454. position: fixed;
  455. background: #0000006e;
  456. display:none;
  457. left: 0px;
  458. top: -248px;
  459. z-index: 4;
  460. }
  461. .nameserver
  462. {
  463. position: absolute;
  464. top: 3px;
  465. font-size: 16px;
  466. width: 64%;
  467. text-align: left;
  468. left: 57px;
  469. white-space: nowrap;
  470. overflow: hidden;
  471. text-overflow: ellipsis;
  472. }
  473. .selectedserver
  474. {
  475. background: #11111d;
  476. width: 64%;
  477. height: 35px;
  478. z-index: 5;
  479. padding: 9px;
  480. position: relative;
  481. top: 0px;
  482. display: inline-block;
  483. border-radius: 6px;
  484. }
  488. #menuexpand
  489. {
  490. position: absolute;
  491. left: 0px;
  492. height: 100%;
  493. bottom: 0px;
  494. display: none;
  495. width: 298px;
  496. padding-left: 11px;
  497. background: #0a0e17f5;
  498. z-index: 6;
  499. }
  501. .connectbt
  502. {
  503. width: 83%;
  504. margin-top: 68px;
  505. padding: 10px;
  506. background: #0000007a;
  507. border-radius: 8px;
  508. font-size: 24px;
  509. box-shadow: 0px 0px 20px #26133f;
  510. border-radius: 10px;
  511. }
  513. .inputmax
  514. {
  515. padding: 11px;
  516. width: 90%;
  517. font-size: 19px;
  518. border: 0;
  519. color: #acacac;
  520. position: relative;
  521. top: 27px;
  522. border-radius: 8px;
  523. font-size: 23px;
  524. background: transparent;
  525. text-shadow: 6px 0px 20px #304255;
  526. border-bottom: 2px solid #673ab7;
  527. border-radius: 0px;
  528. }
  531. #nrlixuser
  532. {
  533. background: linear-gradient(
  534. 45deg
  535. , #00000085, #100516);
  536. width: 94%;
  537. height: 336px;
  538. transform: translate(-50%, -50%);
  539. left: 50%;
  540. top: 54%;
  541. z-index: 1;
  542. position: fixed;
  543. border-radius: 10px;
  544. color: white;
  545. }
  547. #logsbar
  548. {
  549. position: absolute;
  550. bottom: -1px;
  551. height: 80px;
  552. font-size: 11px;
  553. transition: width 2s, height 0.8s;
  554. width: 100%;
  555. text-align: center;
  556. z-index: 5;
  557. background: #0000004d;
  558. color: #ccc;
  559. overflow: visible;
  560. }
  562. .presshere
  563. {
  564. position: absolute;
  565. -webkit-transform: translate(-50%, -50%);
  566. transform: translate(-50%, -50%);
  567. top: 79%;
  568. left: 150%;
  569. font-size: 18px;
  570. width: 330px;
  571. text-align: center;
  572. }
  576. .freeimg
  577. {
  578. height: 40px;
  579. width: 40px;
  580. background: #ffffff4d url(pictures/crown.png);
  581. background-repeat: no-repeat;
  582. background-position: 5px;
  583. border-radius: 60px;
  584. position: absolute;
  585. top: 9px;
  586. left: 6px;
  587. }
  589. .freetxtsmall
  590. {
  591. position: absolute;
  592. left: 58px;
  593. top: 26px;
  594. color: #ccc;
  595. font-size: 12px;
  596. }
  597. .freetxt
  598. {
  599. position: absolute;
  600. left: 58px;
  601. top: 4px;
  602. font-size: 17px;
  603. }
  605. .header
  606. {
  607. position: fixed;
  608. top: 57px;
  609. left: 0px;
  610. width: 100%;
  611. z-index:3;
  612. text-align: center;
  613. }
  615. .startfree
  616. {
  617. width: 300px;
  618. height: 60px;
  619. background: #4b0e79;
  620. position: absolute;
  621. left: 50%;
  622. bottom: 27px;
  623. -webkit-transform: translate(-50%, -50%);
  624. transform: translate(-50%, -50%);
  625. border-radius: 10px;
  626. }
  628. .centerbody
  629. {
  630. background: url(pictures/map.png);
  631. position: absolute;
  632. opacity: 0.03;
  633. height: 495px;
  634. width: 100%;
  635. z-index: 1;
  636. left: 50%;
  637. background-size: 200% 100%;
  638. background-position-x: -120px;
  639. top: 55%;
  640. -webkit-transform: translate(-50%, -50%);
  641. transform: translate(-50%, -50%);
  642. }
  644. .containerzz
  645. {
  646. position: relative;
  647. width: 100%;
  648. display: flex;
  649. justify-content: center;
  650. align-items: center;
  651. transform: translate(-50%, -50%);
  652. left: 50%;
  653. top: 50%;
  654. }
  655. .containerzz .ringplus
  656. {
  657. position: relative;
  658. width: 150px;
  659. height: 150px;
  660. margin: -30px;
  661. border-radius: 50%;
  662. border: 4px solid transparent;
  663. border-top: 4px solid #24ecff;
  664. animation: animate 4s linear infinite;
  665. }
  666. @keyframes animate
  667. {
  668. 0%
  669. {
  670. transform: rotate(0deg);
  671. }
  672. 100%
  673. {
  674. transform: rotate(360deg);
  675. }
  676. }
  677. .containerzz .ringplus::before
  678. {
  679. content: '';
  680. position: absolute;
  681. top: 12px;
  682. right: 12px;
  683. border-radius: 50%;
  684. width: 15px;
  685. height: 15px;
  686. background: #24ecff;
  687. box-shadow: 0 0 0 5px #24ecff33,
  688. 0 0 0 10px #24ecff22,
  689. 0 0 0 20px #24ecff11,
  690. 0 0 20px #24ecff,
  691. 0 0 50px #24ecff;
  692. }
  693. .containerzz .ringplus:nth-child(2)
  694. {
  695. animation: animate2 4s linear infinite;
  696. animation-delay: -1s;
  697. border-top: 4px solid transparent;
  698. border-left: 4px solid #93ff2d;
  699. }
  700. .containerzz .ringplus:nth-child(2)::before
  701. {
  702. content: '';
  703. position: absolute;
  704. top: initial;
  705. bottom: 12px;
  706. left: 12px;
  707. border-radius: 50%;
  708. width: 15px;
  709. height: 15px;
  710. background: #93ff2d;
  711. box-shadow: 0 0 0 5px #93ff2d33,
  712. 0 0 0 10px #93ff2d22,
  713. 0 0 0 20px #93ff2d11,
  714. 0 0 20px #93ff2d,
  715. 0 0 50px #93ff2d;
  716. }
  717. @keyframes animate2
  718. {
  719. 0%
  720. {
  721. transform: rotate(360deg);
  722. }
  723. 100%
  724. {
  725. transform: rotate(0deg);
  726. }
  727. }
  728. .containerzz .ringplus:nth-child(3)
  729. {
  730. animation: animate2 4s linear infinite;
  731. animation-delay: -3s;
  732. position: absolute;
  733. top: -66.66px;
  734. border-top: 4px solid transparent;
  735. border-left: 4px solid #e41cf8;
  736. }
  737. .containerzz .ringplus:nth-child(3)::before
  738. {
  739. content: '';
  740. position: absolute;
  741. top: initial;
  742. bottom: 12px;
  743. left: 12px;
  744. border-radius: 50%;
  745. width: 15px;
  746. height: 15px;
  747. background: #e41cf8;
  748. box-shadow: 0 0 0 5px #e41cf833,
  749. 0 0 0 10px #e41cf822,
  750. 0 0 0 20px #e41cf811,
  751. 0 0 20px #e41cf8,
  752. 0 0 50px #e41cf8;
  753. }
  754. .containerzz p
  755. {
  756. position: absolute;
  757. color: #9d9d9d;
  758. font-size: 1.5em;
  759. bottom: -129px;
  760. text-shadow: 0px 0px 10px #ffffff24;
  761. }
  762. #splashscreen
  763. {
  764. background: #0c0c11;
  765. position: fixed;
  766. height: 100%;
  767. width: 100%;
  768. z-index: 500;
  769. }
  771. #application
  772. {
  773. display: none;
  774. }
  775. .menuiconx
  776. {
  777. position: absolute;
  778. right: 19px;
  779. filter: invert(1);
  780. top: 44px;
  781. height: 24px;
  782. }
  784. #appname
  785. {
  786. font-size: 0px;
  787. color: #ff3434;
  788. }
  790. .pingserver
  791. {
  792. position: absolute;
  793. right: 14px;
  794. font-size: 13px;
  795. color: #ccc;
  796. }
  798. .premiumserver
  799. {
  800. display:none;
  801. }
  803. .bronzeserver
  804. {
  805. display: none;
  806. }
  808. .freeserver
  809. {
  810. }
  812. .goldserver
  813. {
  814. display: none;
  815. }
  817. .recommendserver
  818. {
  819. display: none;
  820. }
  822. .greenping
  823. {
  824. background: #49ff50;
  825. width: 5px;
  826. height: 13px;
  827. position: absolute;
  828. right: -8px;
  829. border-radius: 55px;
  830. top: 7px;
  831. }
  832. .svbubble
  833. {
  834. background: #0f171e;
  835. width: 88%;
  836. transform: translate(-50%, 0%);
  837. left: 45%;
  838. height: 31px;
  839. border-radius: 8px;
  840. top: 6px;
  841. margin-bottom: 7px;
  842. padding: 9px;
  843. position: relative;
  844. }
  846. .typeserver
  847. {
  848. position: relative;
  849. width: 100%;
  850. text-align: left;
  851. padding-left: 20px;
  852. top: 20px;
  854. }
  855. .userprofile
  856. {
  857. background: url(pictures/149071.png);
  858. position: relative;
  859. height: 80px;
  860. width: 220px;
  861. background-size: 80px 80px;
  862. border-bottom: 1px solid #2b3548;
  863. background-repeat: no-repeat;
  864. left: 40px;
  865. top: 100px;
  866. padding-bottom: 50px;
  867. background-position-x: 65px;
  868. }
  870. .descudp
  871. {
  872. left: 14px;
  873. font-family: sans-serif;
  874. top: 27px;
  875. }
  877. #serverlist
  878. {
  879. position: fixed;
  880. top: 77px;
  881. left: 2.5%;
  882. display: none;
  883. overflow-x: hidden;
  884. overflow-y: scroll;
  885. width: 95%;
  886. background: #080607ad;
  887. height: 39vh;
  888. padding-bottom: 100px;
  889. z-index: 8;
  890. border-radius: 6px;
  891. }
  893. .userid
  894. {
  895. position: absolute;
  896. bottom: 8px;
  897. width: 100%;
  898. text-align: center;
  899. font-size: 12px;
  900. color: #909090;
  901. }
  903. .userexp
  904. {
  905. position: absolute;
  906. bottom: 23px;
  907. color: #8e8e8e;
  908. width: 100%;
  909. text-align: center;
  910. font-size: 12px;
  911. }
  912. .menulist
  913. {
  914. position: absolute;
  915. color: #adadaf;
  916. top: 275px;
  917. left: 52px;
  918. }
  919. .menuicon
  920. {
  921. position: absolute;
  922. left: 19px;
  923. filter: invert(1);
  924. top: 11px;
  925. height: 24px;
  926. }
  928. .menutxt
  929. {
  930. position: relative;
  931. margin-bottom: 30px;
  932. margin-left: -38px;
  933. }
  934. .rightbt
  935. {
  936. position: absolute;
  937. right: 8px;
  938. border-radius: 5px;
  939. transform: rotate(
  940. 0deg
  941. );
  942. top: 8px;
  943. background: #0806076b;
  944. text-align: center;
  945. width: max-content;
  946. padding: 4px;
  947. }
  949. .menuicond
  950. {
  951. position: absolute;
  952. height: 18px;
  953. left: -27px;
  954. top: 6px;
  955. filter: invert(1);
  956. opacity: 0.77;
  957. }
  958. .crowimg
  959. {
  960. height: 20px;
  961. position: relative;
  962. left: 11px;
  963. top: 0px;
  964. display: inline-block;
  965. }
  967. .activebt
  968. {
  969. position: relative;
  970. top: 14px;
  971. padding: 5px;
  972. display: inline-block;
  973. background: #3f51b5;
  974. width: 100px;
  975. border-radius: 5px;
  976. }
  977. .textboost
  978. {
  979. font-size: 14px;
  980. color: #e6e6e6;
  981. }
  982. .titleboost
  983. {
  984. margin-top: -59px;
  985. font-size: 24px;
  986. color: #ffa382;
  987. }
  989. .wave {
  990. animation-name: wave-animation; /* Refers to the name of your @keyframes element below */
  991. animation-duration: 2.5s; /* Change to speed up or slow down */
  992. animation-iteration-count: infinite; /* Never stop waving :) */
  993. transform-origin: 70% 70%; /* Pivot around the bottom-left palm */
  994. display: inline-block;
  995. }
  997. @keyframes wave-animation {
  998. 0% { transform: rotate( 0.0deg) }
  999. 10% { transform: rotate(14.0deg) } /* The following five values can be played with to make the waving more or less extreme */
  1000. 20% { transform: rotate(-8.0deg) }
  1001. 30% { transform: rotate(14.0deg) }
  1002. 40% { transform: rotate(-4.0deg) }
  1003. 50% { transform: rotate(10.0deg) }
  1004. 60% { transform: rotate( 0.0deg) } /* Reset for the last half to pause */
  1005. 100% { transform: rotate( 0.0deg) }
  1006. }
  1010. .bodyboost
  1011. {
  1012. position: absolute;
  1013. left: 50%;
  1014. top: 48%;
  1015. -webkit-transform: translate(-50%, -50%);
  1016. transform: translate(-50%, -50%);
  1017. background: #121f2dd9;
  1018. height: 350px;
  1019. width: 330px;
  1020. border-radius: 10px;
  1021. padding: 20px;
  1022. text-align: center;
  1023. }
  1024. .atlantusoverlay
  1025. {
  1026. display: none;
  1027. position: absolute;
  1028. height: 100%;
  1029. width: 100%;
  1030. backdrop-filter: blur(4px);
  1031. background: rgb(0 0 0 / 61%);
  1032. z-index: 5;
  1033. }
  1034. #boostmode
  1035. {
  1036. display:none;
  1037. position: absolute; height: 100%;
  1038. width: 100%;
  1039. backdrop-filter: blur(4px);
  1040. background: rgb(0 0 0 / 61%); z-index: 5;
  1041. }
  1042. #connectedpl
  1043. {
  1044. display:none;
  1045. position: absolute; height: 100%;
  1046. width: 100%;
  1047. backdrop-filter: blur(4px);
  1048. background: rgb(0 0 0 / 61%); z-index: 5;
  1049. }
  1050. #storagemode
  1051. {
  1052. display:none;
  1053. position: absolute; height: 100%;
  1054. width: 100%; background: rgba(0, 0, 0, 0.76); z-index: 5;
  1055. }
  1056. .protxt
  1057. {
  1058. color: #dadada;
  1059. font-weight: 100;
  1060. display: inline-block;
  1061. font-size: 14px;
  1062. width: 100%;
  1063. text-align: center;
  1064. position: relative;
  1065. left: 0px;
  1066. }</style><meta name="viewport" content="width=device-width, initial-scale=1.0">
  1069. <div id="withoutlogin" class="body">
  1070. <div id="updatechecking" style="
  1071. position: absolute;
  1072. bottom: 63px;
  1073. display:none;
  1074. left: 42px;
  1075. font-size: 13px;
  1076. color: #999;
  1077. text-align: center;
  1078. "><div class="lds-dual-ring" style="
  1079. height: 30px;
  1080. width: 30px;
  1081. position: relative;
  1082. top: 7px;
  1083. left: -3px;
  1084. "></div>Buscando atualização...</div>
  1085. <div id="menuexpand" onclick="menuclose()">
  1086. <div class="menulist">
  1087. <div class="menutxt" onclick="authfinishu()">👤 Autenticar</div>
  1088. <div class="menutxt">☁️ Verificar atualizações</div>
  1089. <div class="menutxt" onclick="termos()">📕 Termos de uso</div>
  1090. <div class="menutxt hsharez" onclick="hostshare()">🔌 HostShare</div>
  1091. <div class="menutxt ipv6txt" onclick="setipv6()">🕋 IPV6 (Desligado)</div>
  1092. <div class="menutxt" onclick="exitapp('')">❌ Encerrar aplicativo</div>
  1093. </div>
  1094. <div class="userprofile">
  1095. <div class="userid">USER-ID: 0000xx</div>
  1096. </div>
  1097. <img src="pictures/menu.png" class="menuiconx" />
  1098. </div>
  1104. <div id="exitapp" class="atlantusoverlay">
  1105. <div class="bodyboost" style="
  1106. height: 260px;
  1107. "><span class="wave" style="
  1108. height: 106px;
  1109. position: relative;
  1110. top: -70px;
  1111. font-size: 70px;
  1112. margin-left: -16px;
  1113. ">👋</span>
  1115. <div class="titleboost" style="
  1116. color: #ffc83d;
  1117. ">Deseja realmente sair?<br>
  1118. <div class="textboost">Sua conexão será encerrada, se você confirmar este dialogo.</div></div>
  1119. <br>
  1120. <div onclick="exitappfinish()" class="activebt hshareon">Sim</div>
  1121. <div onclick="exitappclose()" class="activebt" style="
  1122. margin-left: 5px;
  1123. background: #b2355b;
  1124. ">Não</div><div onclick="exitapphide()" class="activebt" style="
  1125. margin-left: 5px;
  1126. background: #673ab7;
  1127. margin-top: 5px;
  1128. ">Minimizar</div>
  1129. </div></div>
  1134. <div id="hostshare" class="atlantusoverlay" style="">
  1135. <div class="bodyboost" style="
  1136. height: 246px;
  1137. ">
  1138. <img src="pictures/hostshare.gif" style="
  1139. height: 106px;
  1140. position: relative;
  1141. top: -55px;
  1142. filter: invert(1);
  1143. ">
  1144. <div class="titleboost" style="
  1145. color: #2196f3;
  1146. ">HostShare<br>
  1147. <div class="textboost">Esta função serve para rotear para outros dispositivos o hostshare, caso queira configurar, clique em gerenciar.</div></div>
  1148. <br>
  1149. <div onclick="hostshareset()" class="activebt hshareon">Gerenciar</div>
  1150. <div onclick="hostshareclose()" class="activebt" style="
  1151. margin-left: 5px;
  1152. background: #b2355b;
  1153. ">Cancelar</div>
  1154. </div></div>
  1158. <div id="wronguser" class="atlantusoverlay">
  1159. <div class="bodyboost" style="
  1160. height: 246px;
  1161. ">
  1162. <img src="pictures/wrong.svg" style="
  1163. height: 106px;
  1164. position: relative;
  1165. top: -55px;
  1166. ">
  1167. <div class="titleboost" style="
  1168. color: #ff2222;
  1169. ">Autenticação Falhou<br>
  1170. <div class="textboost">Seus dados de usuário estão incorretos, por favor verifique novamente o seu acesso.</div></div>
  1171. <br><div onclick="authfinishu()" class="activebt">Corrigir</div>
  1172. </div></div>
  1174. <div id="termos" class="atlantusoverlay">
  1175. <div class="bodyboost">
  1176. <img src="pictures/terms.svg" style="
  1177. height: 106px;
  1178. position: relative;
  1179. top: -55px;
  1180. ">
  1181. <div class="titleboost" style=" color: #e64c3c;">Termos de Uso<br>
  1182. <div class="textboost" style="font-size: 14px; color: #e6e6e6; height: 168px; overflow: scroll;">
  1183. <center>Certifique-se de não usar este aplicativo para atividades ilegais, sua conta será suspensa se detectada.<br>
  1184. Algum conteúdo pode estar banido em seu país, então não acesse,<br>
  1185. apenas faça atividades básicas como filmes, jogos e música e pesquisas em geral,<br>
  1186. pornografia infantil e golpes são inaceitáveis ​​e você será severamente punido se usar<br>
  1187. este aplicativo para cometer esses absurdos .</center></div></div>
  1188. <br><div onclick="termos()" class="activebt">Concordo</div>
  1189. </div></div>
  1192. <div id="storagemode">
  1193. <div class="bodyboost" style="
  1194. height: 241px;">
  1195. <img src="pictures/lock.svg" style="
  1196. height: 106px;
  1197. position: relative;
  1198. top: -55px;
  1199. ">
  1200. <div class="titleboost" style="
  1201. color: #b79608;">Acesso Restrito<br>
  1202. <div class="textboost">Este acesso atingiu o limite em dipositivos que pode conectar, caso esta mensagem seja um engano, contate o fornecedor de serviço para mais informações.</div></div>
  1203. <br><div onclick="storagemode()" class="activebt">Certo</div>
  1204. </div></div>
  1206. <div id="connectedpl" >
  1207. <div class="bodyboost" style="
  1208. height: 271px;">
  1209. <img src="pictures/check.svg" style="
  1210. height: 106px;
  1211. position: relative;
  1212. top: -55px;
  1213. ">
  1214. <div class="titleboost" style="
  1215. color: #6d86ff;
  1216. ">Conectado com sucesso<br>
  1217. <div class="textboost">Conexão bem sucedida, fique atento <b style="
  1218. color: cadetblue;
  1219. ">{{ username }}</b> faltam 56 dias para seu acesso expirar, recomendamos renovar de forma antecipada para que ele não seja excluido após acabar os dias.</div></div>
  1220. <br><div onclick="$('#connectedpl').fadeOut(0);" class="activebt" style=" color: white;
  1221. background: #12226e;">Entendi</div>
  1222. </div></div>
  1225. <div id="boostmode">
  1226. <div class="bodyboost">
  1227. <img src="pictures/boost.svg" style="
  1228. height: 106px;
  1229. position: relative;
  1230. top: -55px;
  1231. ">
  1232. <div class="titleboost">Modo Boost<br>
  1233. <div class="textboost">O modo Boost pode otimizar a velocidade e detectar os aplicativos usados &ZeroWidthSpace;&ZeroWidthSpace;para melhorar a experiência de conexão, você pode habilitar este modo. No entanto, você precisa conceder as permissões necessárias para realizar esta atividade.</div></div>
  1234. <br><div onclick="acboostmode()" class="activebt">Ativar</div>
  1235. <div onclick="boostmode()" style="margin-top: 5px; background: #9e330a;" class="activebt">Cancelar</div></div></div>
  1238. <div id="authtype" style="
  1239. position: absolute;
  1240. height: 100%;
  1241. width: 100%;
  1242. display:none;
  1243. background: #000000c2;
  1244. z-index: 5;
  1245. "><div style="
  1246. position: absolute;
  1247. left: 50%;
  1248. top: 35%;
  1249. -webkit-transform: translate(-50%, -50%);
  1250. transform: translate(-50%, -50%);
  1251. background: #1e2532;
  1252. height: 250px;
  1253. width: 330px;
  1254. border-radius: 10px;
  1255. text-align: center;
  1256. "><img src="pictures/149071.png" style="
  1257. height: 77px;
  1258. position: relative;
  1259. top: -37px;
  1260. ">
  1261. <div style=" margin-top: -23px;color: cadetblue; margin-bottom: 1px;">Selecione o modo de login</div>
  1262. <div onclick="authfinish()" style="
  1263. position: relative;
  1264. top: 14px;
  1265. padding: 5px;
  1266. background: #673ab7;
  1267. width: 200px;
  1268. left: 59px;
  1269. border-radius: 5px;
  1270. ">Modo Token</div>
  1271. <div onclick="authfinishu()" style="
  1272. position: relative; top: 21px; padding: 5px; background: #30329a; width: 200px; left: 59px; border-radius: 5px;
  1273. ">Modo Usuário</div>
  1274. <div style="
  1275. font-size: 11px;
  1276. margin-top: 26px;
  1277. color: #ccc;
  1278. ">Selecione o modo de autenticação.</div></div></div>
  1282. <div id="authuser" style="
  1283. position: absolute;
  1284. display:none;
  1285. height: 100%;
  1286. width: 100%;
  1287. backdrop-filter: blur(4px);
  1288. background: rgb(0 0 0 / 61%);
  1289. z-index: 5;
  1290. "><div style="
  1291. position: absolute;
  1292. left: 50%;
  1293. top: 48%;
  1294. -webkit-transform: translate(-50%, -50%);
  1295. transform: translate(-50%, -50%);
  1296. background: #111724c4;
  1297. height: 261px;
  1298. width: 330px;
  1299. border-radius: 4px;
  1300. padding: 20px;
  1301. text-align: center;
  1302. "><img src="pictures/user.png" style="
  1303. filter: invert(1);
  1304. height: 77px;
  1305. position: relative;
  1306. top: -37px;
  1307. ">
  1308. <div style="
  1309. margin-top: -28px;
  1311. ">Dados de usuário</div><input type="text" id="userssh" placeholder="login" style="
  1312. padding: 10px;
  1313. border-radius: 5px;
  1314. background: #00000087;
  1315. border: 0px;
  1316. font-size: 18px;
  1317. color: #ddd;
  1318. margin-top: 11px;
  1319. ">
  1320. <input type="text" id="passssh" placeholder="senha" style="
  1321. padding: 10px;
  1322. border-radius: 5px;
  1323. background: #00000087;
  1324. border: 0px;
  1325. font-size: 18px;
  1326. color: #ddd;
  1327. margin-top: 11px;
  1328. ">
  1329. <div onclick="authfinishu()" style="
  1330. position: relative;
  1331. top: 14px;
  1332. padding: 5px;
  1333. background: #3f51b5;
  1334. width: 100px;
  1335. left: 106px;
  1336. border-radius: 5px;
  1337. ">Entrar</div></div></div>
  1339. <div id="authtoken" style="
  1340. position: absolute;
  1341. height: 100%;
  1342. width: 100%;
  1343. display:none;
  1344. background: #000000c2;
  1345. z-index: 5;
  1346. "><div style="
  1347. position: absolute;
  1348. left: 50%;
  1349. top: 35%;
  1350. -webkit-transform: translate(-50%, -50%);
  1351. transform: translate(-50%, -50%);
  1352. background: #1e2532;
  1353. height: 250px;
  1354. width: 330px;
  1355. border-radius: 10px;
  1356. text-align: center;
  1357. "><img src="pictures/user.png" style="
  1358. filter: invert(1);
  1359. height: 77px;
  1360. position: relative;
  1361. top: -37px;
  1362. ">
  1363. <div style="
  1364. margin-top: -11px;
  1365. ">Acesso token</div><input type="text" id="token" placeholder="token" style="
  1366. padding: 10px;
  1367. border-radius: 5px;
  1368. background: #191e25;
  1369. border: 0px;
  1370. font-size: 18px;
  1371. color: #999;
  1372. margin-top: 11px;
  1373. ">
  1374. <div onclick="authfinish()" style="
  1375. position: relative;
  1376. top: 14px;
  1377. padding: 5px;
  1378. background: #3f51b5;
  1379. width: 100px;
  1380. left: 106px;
  1381. border-radius: 5px;
  1382. ">Entrar</div>
  1383. <div style="
  1384. font-size: 11px;
  1385. margin-top: 26px;
  1386. color: #ccc;
  1387. ">O acesso token pode ser obtido com o fornecedor.</div></div></div>
  1390. <div id="withoutlogin" class="body centerbody"></div>
  1392. <div id="logsbar" onclick="viewlogs()"><div id="openlog" style="
  1393. text-align: center;
  1394. font-size: 14px;
  1395. margin-top: 8px;
  1396. ">🔼 Expandir Logs 🔼</div> <div id="logsview"></div></div>
  1399. <div id="dontconnect" class="presshere"></div>
  1400. <div id="connecting" class="presshere"><div class="lds-dual-ring"></div>Conectando</div>
  1401. <div id="connected" class="presshere">Conexão Estabelecida</div>
  1402. </div><div id="withoutlogin" class="header">
  1403. <!--Hey! This is the original version
  1404. of Simple CSS Waves-->
  1407. <div class="focuinauth"></div>
  1408. <div id="nrlixserver" style="
  1409. background: transparent;
  1410. width: 97%;
  1411. -webkit-transform: translate(-50%, -50%);
  1412. transform: translate(-50%, -50%);
  1413. left: 50%;
  1414. height: 435px;
  1415. border-radius: 7px;
  1416. top: 308px;
  1417. padding: 9px;
  1418. position: absolute;
  1419. "><center>
  1420. <div id="serverlist" onclick="serverchange()">
  1422. </div>
  1425. <div class="focuinserver"></div>
  1426. <div class="selectedserver selectedserverz" onclick="serverchange()">
  1427. <img id="fserver" src="pictures/flags/location.png" class="flagserver">
  1428. <div id="nserver" class="nameserver">Defina um provedor</div>
  1429. <div id="dserver" class="descserver">Provedor é a forma de conexão.</div>
  1430. <img src="pictures/arrow.png" class="arrowserver">
  1431. </div>
  1433. <div class="selectedserver selectedudp" onclick="udpchange()" style="
  1434. width: 22%;
  1435. left: 0px;
  1436. margin-left: 1px;
  1437. ">
  1439. <div id="nserver" class="nameserver" style="
  1440. left: 14px;
  1441. ">UDP</div>
  1442. <div id="dserver" class="descserver descudp">* Random</div>
  1443. <img src="pictures/arrow.png" class="arrowudp">
  1444. </div>
  1446. <div class="selectedserver udplist" style="
  1447. width: 22%;
  1448. margin-left: 1px;
  1449. z-index: 25;
  1450. position: absolute;
  1451. right: 3%;
  1452. top: 72px;
  1453. height: 134px;
  1454. border-radius: 6px;
  1455. ">
  1456. </div>
  1458. <div id="nrlixuser">
  1462. <div id="connectedvalidity" style="
  1463. position: relative;
  1464. display:none;
  1465. ">
  1466. <div style="
  1467. padding-left: 7px;
  1468. font-size: 20px;
  1469. color: #8bc34a;
  1470. margin-top: 23px;
  1471. position: relative;
  1472. top: -11px;
  1473. ">Conexão estabelecida</div>🚀
  1474. <div id="checkvl">Checando validade...</div>
  1476. </div>
  1479. <div id="connectedview" style="
  1480. position: relative;
  1481. display:none;
  1482. ">
  1483. <div style="
  1484. padding-left: 7px;
  1485. font-size: 20px;
  1486. color: #8bc34a;
  1487. margin-top: 23px;
  1488. position: relative;
  1489. top: -11px;
  1490. ">Conexão estabelecida</div>
  1491. <div style="
  1492. font-size: 44px;
  1493. position: absolute;
  1494. -webkit-transform: translate(-50%, -50%);
  1495. transform: translate(-50%, -50%);
  1496. left: 50%;
  1497. top: 67%;
  1498. ">🌍<div class="lds-ringx" style="-webkit-transform: translate(-50%, -50%);text-align: center;font-size: 22px;transform: translate(-50%, -50%);position: absolute;top: 20%;left: 50%;width: 200px;display: block;filter: hue-rotate(7deg) drop-shadow(1px 1px 4px green);height: 34px;"><center><div style="position: relative;height: 89px;width: 89px;border: 2px double #222;border-color: #83b646 #00ff0a #8bc34a00 #8bc34a00;margin: 0px;border-radius: 50%;"></div></center></div></div>
  1500. <input type="text" placeholder="Login" class="nrlixusesr inputmax" style="opacity: 0;">
  1501. <input type="text" placeholder="Senha" style="margin-top:4px;opacity: 0;" class="nrlsixpass inputmax">
  1502. </div>
  1505. <div id="startedview" style="
  1506. position: relative;
  1507. display:none;
  1508. ">
  1509. <div style="
  1510. padding-left: 7px;
  1511. font-size: 20px;
  1512. color: #a48a8c;
  1513. margin-top: 23px;
  1514. ">Conectando</div>
  1515. <div style="
  1516. font-size: 44px;
  1517. position: absolute;
  1518. -webkit-transform: translate(-50%, -50%);
  1519. transform: translate(-50%, -50%);
  1520. left: 50%;
  1521. top: 67%;
  1522. ">🔌<div class="lds-ringx" style="-webkit-transform: translate(-50%, -50%);text-align: center;font-size: 22px;transform: translate(-50%, -50%);position: absolute;top: 20%;left: 50%;width: 200px;display: block;filter: hue-rotate(300deg) drop-shadow(1px 1px 4px red);height: 34px;"><center><div style="position: relative;height: 89px;width: 89px;border: 3px solid #222;border-color: #000000 #9c27b0 #673ab7 #3f51b5;filter: invert(1);margin: 0px;border-radius: 50%;"></div></center></div></div>
  1524. <input type="text" placeholder="Login" class="nrlixusesr inputmax" style="opacity: 0;">
  1525. <input type="text" placeholder="Senha" style="margin-top:4px;opacity: 0;" class="nrlsixpass inputmax">
  1526. </div>
  1533. <div id="accessview">
  1534. <div style="
  1535. padding-left: 7px;
  1536. font-size: 20px;
  1537. color: #ffffff;
  1538. margin-top: 23px;
  1539. text-shadow: 0px 0px 20px black;
  1540. ">Dados de Acesso</div>
  1542. <input type="text" placeholder="Login" class="nrlixuser inputmax">
  1543. <input type="password" placeholder="Senha" style="margin-top:4px;" class="nrlixpass inputmax">
  1544. </div>
  1545. <div onclick="startatlantus()" class="connectbt">Conectar</Div>
  1546. <div id="wrongaccess" style="
  1547. font-size: 12px;
  1548. margin-top: 8px;
  1549. display:none;
  1550. color: #c54671;
  1551. ">Por favor, preencha os dados.</div>
  1552. </div>
  1554. </center></div>
  1556. <div class="rightbt">
  1557. <div class="substatus protxt">Inativo</div>
  1558. </div>
  1560. <img onclick="menuaction()" src="pictures/menu.png" class="menuicon">
  1561. <div id="appname"></div>
  1562. <img class="logoapp" src="pictures/logo702.png" style="
  1563. height: 110px;
  1564. -webkit-transform: translate(-50%, -50%);
  1565. transform: translate(-50%, -50%);
  1566. top: 76px;
  1567. position: fixed;
  1568. ">
  1569. <div class="logoappx" style="
  1570. background: url(pictures/logo702.png);
  1571. display:none;
  1572. height: 107px;
  1573. background-size: 100% 100%;
  1574. width: 107px;
  1575. -webkit-transform: translate(-50%, -50%);
  1576. transform: translate(-50%, -50%);
  1577. left: 50%;
  1578. top: 109px;
  1579. position: fixed;
  1580. "></div>
  1581. <div style="display:none;" class="statusserver">Status:
  1582. <div class="substatusz">Desconectado</div>
  1583. </div>
  1584. </div>
comments powered by Disqus