Untitled

SUBMITTED BY: sanderlyra

DATE: April 4, 2023, 7:48 a.m.

FORMAT: Text only

SIZE: 50.8 kB

Raw Download

HITS: 449

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/aprantus.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. }
  10. body
  11. {
  12. overflow: hidden;
  13. position: fixed;
  14. font-family: 'Palanquin Dark', sans-serif;
  15. background: url(https://img.myloview.com.br/adesivos/heavenly-blue-colored-sky-and-cloud-background-vector-drawing-clouds-sign-funny-cartoon-cloudy-heaven-cloudscape-air-stroke-border-pattern-panorama-signs-700-220746552.jpg);
  16. background-size: 100% 100%;
  17. color: white;
  18. margin: 0px;
  19. left: 0px;
  20. top: 0px;
  21. height: 100%;
  22. width: 100%;
  23. }
  25. .moonbottom
  26. {
  27. position: fixed;
  28. bottom: -5px;
  29. width: 150%;
  30. height: 138px;
  31. left: -25%;
  32. background: #ffffff;
  33. border-top-left-radius: 70%;
  34. border-top-right-radius: 70%;
  35. }
  37. .notification
  38. {
  39. background: linear-gradient(
  40. 45deg
  41. , #3f51b5, #0d4181);
  42. transform: translate(0%, -50%);
  43. position: fixed;
  44. right: 5px;
  45. top: 12%;
  46. height: 50px;
  47. width: max-content;
  48. color: white;
  49. text-align: left;
  50. padding-left: 19px;
  51. padding-right: 15px;
  52. z-index: 7;
  53. font-size: 15px;
  54. border-radius: 11px;
  55. }
  57. #logsview
  58. {
  59. position: absolute;
  60. top: 46px;
  61. left: 0px;
  62. height: 69%;
  63. display: none;
  64. font-size: 14px;
  65. font-family: sans-serif;
  66. width: 100%;
  67. text-align: left;
  68. color: #ccc;
  69. overflow: scroll;
  70. padding-left: 20px;
  71. }
  73. .atlimg.animated {
  74. -webkit-animation: filter-animation 5s infinite;
  75. animation: filter-animation 5s infinite;
  76. }
  77. @-webkit-keyframes filter-animation {
  78. 0% {
  79. -webkit-filter: hue-rotate(0deg);
  80. }
  82. 40% {
  83. -webkit-filter: hue-rotate(100deg);
  84. }
  86. 76% {
  87. -webkit-filter: hue-rotate(
  88. 241deg);
  89. }
  90. 100% {
  91. -webkit-filter: hue-rotate(
  92. 343deg);
  93. }
  94. }
  96. @keyframes filter-animation {
  97. 0% {
  98. filter: hue-rotate(0deg);
  99. }
  101. 50% {
  102. filter: hue-rotate(100deg);
  103. }
  104. 86% {
  105. filter: hue-rotate(
  106. 241deg);
  107. }
  108. 100% {
  109. filter: hue-rotate(
  110. 343deg);
  111. }
  113. }
  115. .demotxt
  116. {
  117. position: fixed;
  118. -webkit-transform: translate(-50%, -50%);
  119. transform: translate(-50%, -50%);
  120. left: 50%; top: 50%;
  121. font-size: 7vw; width: 85%;
  122. text-shadow: 0px 0px 5px black;
  123. }
  124. @keyframes demo {
  125. 0% {
  126. box-shadow: 0px 0px 0px 2px #ff004c;;
  127. }
  128. 25% {
  129. box-shadow: 0px 0px 0px 2px #8a2b47;;
  130. }
  131. 75% {
  132. box-shadow: 0px 0px 0px 2px #4b242f;;
  133. }
  134. 100% {
  135. box-shadow: 0px 0px 0px 2px #972b4c;;
  136. }
  137. }
  139. @keyframes shake {
  140. 0% {
  141. transform: translate(-50%, -50%) rotate(
  142. 0deg);
  143. filter: drop-shadow(2px 4px 16px red);
  144. }
  145. 25% {
  146. transform: translate(-50%, -50%) rotate(
  147. -1deg);
  148. filter: drop-shadow(2px 4px 6px rgb(197, 12, 43));
  149. }
  150. 50% {
  151. transform: translate(-50%, -50%) rotate(
  152. 1deg);
  153. filter: drop-shadow(2px 4px 6px darkred);
  154. }
  155. 75% {
  156. transform: translate(-50%, -50%) rotate(
  157. -1deg);
  158. }
  159. 100% {
  160. transform: translate(-50%, -50%) rotate(
  161. -1deg);
  162. }
  163. }
  165. .hshakex {
  166. animation: shakex 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  167. }
  169. .hshake {
  170. animation: shake 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  171. }
  173. .hshakez {
  174. animation: shakez 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  175. }
  179. @keyframes shakez {
  180. 0% {
  181. filter: drop-shadow(0px 0px 14px rgb(167, 139, 164));
  182. }
  183. 25% {
  184. filter: drop-shadow(0px 0px 10px rgb(167, 144, 168));
  185. }
  186. 50% {
  187. filter: drop-shadow(0px 0px 4px rgb(98, 93, 99));
  188. }
  189. 75% {
  190. }
  191. 100% {
  192. }
  193. }
  195. @keyframes shakex {
  196. 0% {
  197. filter: drop-shadow(2px 4px 16px rgb(10, 24, 44));
  198. }
  199. 25% {
  200. filter: drop-shadow(2px 4px 6px rgb(2, 26, 49));
  201. }
  202. 50% {
  203. filter: drop-shadow(2px 4px 6px rgb(0, 25, 139));
  204. }
  205. 75% {
  206. }
  207. 100% {
  208. filter: drop-shadow(2px 4px 6px rgb(2, 26, 49));
  209. }
  210. }
  212. #connecting
  213. {
  214. display:none;
  215. margin-left: 7px;
  216. color: #c7c7c7;
  217. }
  218. #connected
  219. {
  220. display:none;
  221. color: #1dc471;
  222. }
  223. .lds-ring {
  224. display: inline-block;
  225. position: absolute;
  226. display:none;
  227. top: -13px;
  228. left: -13px;
  229. }
  230. .lds-ring div {
  231. box-sizing: border-box;
  232. display: block;
  233. position: absolute;
  234. width: 160px;
  235. height: 161px;
  236. margin: 8px;
  237. border: 4px solid #1f312f;
  238. border-radius: 50%;
  239. animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  240. border-color: #3ab757 #41b73a #69b73a #80b73a;
  241. }
  242. .lds-ring div:nth-child(1) {
  243. animation-delay: -0.45s;
  244. }
  245. .lds-ring div:nth-child(2) {
  246. animation-delay: -0.3s;
  247. }
  248. .lds-ring div:nth-child(3) {
  249. animation-delay: -0.15s;
  250. }
  251. @keyframes lds-ring {
  252. 0% {
  253. transform: rotate(0deg);
  254. }
  255. 100% {
  256. transform: rotate(360deg);
  257. }
  258. }
  260. .lds-dual-ringz:after {
  261. content: " ";
  262. display: block;
  263. width: 108px;
  264. height: 108px;
  265. margin: 0px;
  266. border-radius: 50%;
  267. margin-left: -21px;
  268. margin-top: -12px;
  269. border: 2px solid #fff;
  270. border-color: #172b4c00 #0e1e3f00 #255caa #2549c8;
  271. animation: lds-dual-ring 1.2s linear infinite;
  272. }
  274. .lds-dual-ringz {
  275. display: inline-block;
  276. width: 80px;
  277. height: 80px;
  278. position: absolute;
  279. margin-left: -35px;
  280. margin-top: 1px;
  281. }
  283. .lds-dual-ring {
  284. display: inline-block;
  285. width: 80px;
  286. height: 80px;
  287. position: absolute;
  288. margin-left: -35px;
  289. margin-top: 1px;
  290. }
  292. .lds-dual-ring:after {
  293. content: " ";
  294. display: block;
  295. width: 12px;
  296. height: 12px;
  297. margin: 8px;
  298. border-radius: 50%;
  299. border: 2px solid #fff;
  300. border-color: #508ef8 #303030 #1e1e1e #3c3c3c;
  301. animation: lds-dual-ring 1.2s linear infinite;
  302. }
  303. @keyframes lds-dual-ring {
  304. 0% {
  305. transform: rotate(0deg);
  306. }
  307. 100% {
  308. transform: rotate(360deg);
  309. }
  310. }
  312. .lds-dual-ring {
  313. display: inline-block;
  314. width: 80px;
  315. height: 80px;
  316. position: absolute;
  317. margin-left: -35px;
  318. margin-top: 1px;
  319. }
  321. .lds-dual-ring:after {
  322. content: " ";
  323. display: block;
  324. width: 13px;
  325. height: 13px;
  326. margin: 6px;
  327. border-radius: 50%;
  328. border: 2px solid #fff;
  329. border-color: #fff #fff5f536 #fff white;
  330. animation: lds-dual-ring 1.2s linear infinite;
  331. }
  332. .atlantusblock {
  333. position: relative;
  334. width: 500px;
  335. height: 250px;
  336. background: linear-gradient(0deg, #000, #272727);
  337. }
  339. .atlantusblock:before, .atlantusblock:after {
  340. content: '';
  341. position: absolute;
  342. left: -2px;
  343. top: -2px;
  344. background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000);
  345. background-size: 400%;
  346. width: calc(100% + 4px);
  347. height: calc(100% + 4px);
  348. z-index: -1;
  349. border-radius: 13px;
  350. opacity: 0.1;
  351. animation: steam 28s linear infinite;
  352. }
  354. @keyframes steam {
  355. 0% {
  356. background-position: 0 0;
  357. }
  358. 50% {
  359. background-position: 400% 0;
  360. }
  361. 100% {
  362. background-position: 0 0;
  363. }
  364. }
  366. .atlantusblock:after {
  367. filter: blur(15px);
  368. -webkit-backface-visibility: hidden;
  369. -webkit-perspective: 1000;
  370. -webkit-transform: translate3d(0,0,0);
  371. -webkit-transform: translateZ(0);
  372. backface-visibility: hidden;
  373. perspective: 1000;
  374. transform: translate3d(0,0,0);
  375. transform: translateZ(0);
  376. }
  377. @keyframes lds-dual-ring {
  378. 0% {
  379. transform: rotate(0deg);
  380. }
  381. 100% {
  382. transform: rotate(360deg);
  383. }
  384. }
  386. .flagserver
  387. {
  388. height: 32px;
  389. position: absolute;
  390. left: 11px;
  391. top: 10px;
  392. }
  394. .substatus
  395. {
  396. display: inline-block;
  397. font-size: 16px;
  398. position: relative;
  399. left: 7px;
  400. top: 0px;
  401. }
  403. .statusserver
  404. {
  405. position: absolute;
  406. width: 100%;
  407. top: 113px;
  408. font-size: 16px;
  409. color: #9e9e9e;
  410. display: inline-block;
  411. left: 0px;
  412. }
  414. .arrowudp
  415. {
  416. position: absolute;
  417. right: 13px;
  418. height: 18px;
  419. top: 18px;
  420. filter: invert(1);
  421. }
  423. .arrowserver
  424. {
  425. position: absolute;
  426. right: 13px;
  427. height: 18px;
  428. top: 18px;
  429. filter: invert(1);
  430. }
  432. .descserver
  433. {
  434. width: 59%;
  435. text-align: left;
  436. height: 22px;
  437. white-space: nowrap;
  438. overflow: hidden;
  439. text-overflow: ellipsis;
  440. position: absolute;
  441. top: 23px;
  442. font-size: 12px;
  443. left: 57px;
  444. color: #cccc;
  445. }
  447. .focuinauth
  448. { position: fixed;
  449. background: #00000017;
  450. height: 200%;
  451. width: 100%;
  452. top: -176px;
  453. z-index: 1;
  454. left: 0px;
  455. backdrop-filter: blur(0.5px);
  456. display:none;
  457. }
  459. .focuinserver
  460. {
  461. height: 200%;
  462. width: 100%;
  463. position: fixed;
  464. background: #000000a3;
  465. display:none;
  466. left: 0px;
  467. top: -248px;
  468. z-index: 4;
  469. }
  471. .nameserver
  472. {
  473. position: absolute;
  474. top: 3px;
  475. font-size: 16px;
  476. width: 64%;
  477. text-align: left;
  478. left: 57px;
  479. white-space: nowrap;
  480. overflow: hidden;
  481. text-overflow: ellipsis;
  482. }
  484. .selectedserver
  485. {
  486. background: linear-gradient(174deg, #0c97ce, #94cee4);
  487. width: 91%;
  488. height: 35px;
  489. border-radius: 4px;
  490. z-index: 5;
  491. padding: 9px;
  492. position: relative;
  493. display: inline-block;
  494. top: -54px;
  495. left: 0px;
  496. box-shadow: 0px 0px 15px white;
  497. border-radius: 18px;
  498. }
  502. #logexpand
  503. {
  504. position: absolute;
  505. right: 0px;
  506. height: 100%;
  507. bottom: 0px;
  508. display: none;
  509. width: 298px;
  510. padding-left: 11px;
  511. background: #0a060ce0;
  512. z-index: 6;
  513. border-bottom-left-radius: 20px;
  514. border-top-left-radius: 20px;
  515. }
  517. #menuexpand
  518. {
  519. position: absolute;
  520. left: 0px;
  521. height: 100%;
  522. bottom: 0px;
  523. display: none;
  524. width: 284px;
  525. padding-left: 11px;
  526. background: linear-gradient(359deg, #031217, #0c97ceba);
  527. z-index: 7;
  528. }
  530. .logbubble
  531. {
  533. background: #15154c;
  534. font-size: 10px;
  535. border-radius: 60px;
  536. z-index: 3;
  537. position: absolute;
  538. width: 18px;
  539. top: 68px;
  540. left: 23px;
  541. }
  543. .connectbt
  544. {
  545. width: 91%;
  546. height: 32px;
  547. padding: 10px;
  548. box-shadow: 0px 0px 15px white;
  549. background: linear-gradient(174deg, #0c97ce2e, #0c97ce);
  550. border-radius: 13px;
  551. font-size: 21px;
  552. border-radius: 10px;
  553. box-shadow: 1px 1px 5px 0px #ffffff;
  554. position: relative;
  555. top: 21px;
  556. display: inline-table;
  557. left: 1px;
  558. }
  562. .inputmax
  563. {
  564. padding: 11px;
  565. width: 48%;
  566. font-size: 19px;
  567. background: #0d0a1dc7;
  568. border: 0;
  569. color: #acacac;
  570. position: relative;
  571. top: 23px;
  572. border-radius: 8px;
  573. border-radius: 10px;
  574. }
  577. #nrlixuser
  578. {
  579. width: 92%;
  580. height: 336px;
  581. border-bottom-left-radius: 10px;
  582. border-bottom-right-radius: 10px;
  583. -webkit-transform: translate(-50%, -50%);
  584. transform: translate(-50%, -50%);
  585. left: 50%;
  586. top: 50%;
  587. z-index: 1;
  588. position: fixed;
  589. border-radius: 10px;
  590. }
  592. #logsbar
  593. {
  595. position: absolute;
  596. bottom: -1px;
  597. left: -2px;
  598. height: 77px;
  599. font-size: 11px;
  600. transition: width 2s, height 0.8s;
  601. width: 100%;
  602. text-align: center; z-index: 5;
  603. background: #0000004d;
  604. color: #ccc;
  605. border: 2px solid #160f0fd1;
  606. overflow: visible;
  607. border-radius: 6px;
  608. }
  610. .presshere
  611. {
  612. position: absolute;
  613. -webkit-transform: translate(-50%, -50%);
  614. transform: translate(-50%, -50%);
  615. top: 24%;
  616. left: 49%;
  617. font-size: 16px;
  618. width: 330px;
  619. text-align: center;
  620. color: #ffffff;
  621. text-shadow: 0px 0px 5px black;
  622. }
  626. .freeimg
  627. {
  628. height: 40px;
  629. width: 40px;
  630. background: #ffffff4d url(pictures/crown.png);
  631. background-repeat: no-repeat;
  632. background-position: 5px;
  633. border-radius: 60px;
  634. position: absolute;
  635. top: 9px;
  636. left: 6px;
  637. }
  639. .freetxtsmall
  640. {
  641. position: absolute;
  642. left: 58px;
  643. top: 26px;
  644. color: #ccc;
  645. font-size: 12px;
  646. }
  647. .freetxt
  648. {
  649. position: absolute;
  650. left: 58px;
  651. top: 4px;
  652. font-size: 17px;
  653. }
  655. .header
  656. {
  657. position: fixed;
  658. top: 57px;
  659. left: 0px;
  660. width: 100%;
  661. z-index:3;
  662. text-align: center;
  663. }
  665. .startfree
  666. {
  667. width: 300px;
  668. height: 60px;
  669. background: #4b0e79;
  670. position: absolute;
  671. left: 50%;
  672. bottom: 27px;
  673. -webkit-transform: translate(-50%, -50%);
  674. transform: translate(-50%, -50%);
  675. border-radius: 10px;
  676. }
  678. .centerbody
  679. {
  680. background: url(pictures/map.png);
  681. position: absolute;
  682. opacity: 0.03;
  683. height: 495px;
  684. width: 100%;
  685. z-index: 1;
  686. left: 50%;
  687. background-size: 200% 100%;
  688. background-position-x: -120px;
  689. top: 49%;
  690. -webkit-transform: translate(-50%, -50%);
  691. transform: translate(-50%, -50%);
  692. }
  694. .containerzz
  695. {
  696. position: relative;
  697. width: 100%;
  698. display: flex;
  699. justify-content: center;
  700. align-items: center;
  701. transform: translate(-50%, -50%);
  702. left: 50%;
  703. top: 50%;
  704. }
  705. .containerzz .ringplus
  706. {
  707. position: relative;
  708. width: 150px;
  709. height: 150px;
  710. margin: -30px;
  711. border-radius: 50%;
  712. border: 4px solid transparent;
  713. border-top: 4px solid #24ecff;
  714. animation: animate 4s linear infinite;
  715. }
  716. @keyframes animate
  717. {
  718. 0%
  719. {
  720. transform: rotate(0deg);
  721. }
  722. 100%
  723. {
  724. transform: rotate(360deg);
  725. }
  726. }
  727. .containerzz .ringplus::before
  728. {
  729. content: '';
  730. position: absolute;
  731. top: 12px;
  732. right: 12px;
  733. border-radius: 50%;
  734. width: 15px;
  735. height: 15px;
  736. background: #24ecff;
  737. box-shadow: 0 0 0 5px #24ecff33,
  738. 0 0 0 10px #24ecff22,
  739. 0 0 0 20px #24ecff11,
  740. 0 0 20px #24ecff,
  741. 0 0 50px #24ecff;
  742. }
  743. .containerzz .ringplus:nth-child(2)
  744. {
  745. animation: animate2 4s linear infinite;
  746. animation-delay: -1s;
  747. border-top: 4px solid transparent;
  748. border-left: 4px solid #93ff2d;
  749. }
  750. .containerzz .ringplus:nth-child(2)::before
  751. {
  752. content: '';
  753. position: absolute;
  754. top: initial;
  755. bottom: 12px;
  756. left: 12px;
  757. border-radius: 50%;
  758. width: 15px;
  759. height: 15px;
  760. background: #93ff2d;
  761. box-shadow: 0 0 0 5px #93ff2d33,
  762. 0 0 0 10px #93ff2d22,
  763. 0 0 0 20px #93ff2d11,
  764. 0 0 20px #93ff2d,
  765. 0 0 50px #93ff2d;
  766. }
  767. @keyframes animate2
  768. {
  769. 0%
  770. {
  771. transform: rotate(360deg);
  772. }
  773. 100%
  774. {
  775. transform: rotate(0deg);
  776. }
  777. }
  778. .containerzz .ringplus:nth-child(3)
  779. {
  780. animation: animate2 4s linear infinite;
  781. animation-delay: -3s;
  782. position: absolute;
  783. top: -66.66px;
  784. border-top: 4px solid transparent;
  785. border-left: 4px solid #e41cf8;
  786. }
  787. .containerzz .ringplus:nth-child(3)::before
  788. {
  789. content: '';
  790. position: absolute;
  791. top: initial;
  792. bottom: 12px;
  793. left: 12px;
  794. border-radius: 50%;
  795. width: 15px;
  796. height: 15px;
  797. background: #e41cf8;
  798. box-shadow: 0 0 0 5px #e41cf833,
  799. 0 0 0 10px #e41cf822,
  800. 0 0 0 20px #e41cf811,
  801. 0 0 20px #e41cf8,
  802. 0 0 50px #e41cf8;
  803. }
  804. .containerzz p
  805. {
  806. position: absolute;
  807. color: #9d9d9d;
  808. font-size: 1.5em;
  809. bottom: -129px;
  810. text-shadow: 0px 0px 10px #ffffff24;
  811. }
  812. #splashscreen
  813. {
  814. background: #0c0c11;
  815. position: fixed;
  816. height: 100%;
  817. width: 100%;
  818. z-index: 500;
  819. }
  821. #application
  822. {
  823. display: none;
  824. }
  825. .menuiconx
  826. {
  827. position: absolute;
  828. right: 19px;
  829. filter: invert(1);
  830. top: 44px;
  831. height: 24px;
  832. }
  834. #appname
  835. {
  836. font-size: 0px;
  837. color: #ff3434;
  838. }
  840. .pingserver
  841. {
  842. position: absolute;
  843. right: 14px;
  844. font-size: 13px;
  845. color: #ccc;
  846. }
  848. .premiumserver
  849. {
  850. display:none;
  851. }
  853. .bronzeserver
  854. {
  855. display: none;
  856. }
  858. .freeserver
  859. {
  860. }
  862. .goldserver
  863. {
  864. display: none;
  865. }
  867. .recommendserver
  868. {
  869. display: none;
  870. }
  872. .greenping
  873. {
  874. background: #49ff50;
  875. width: 5px;
  876. height: 13px;
  877. position: absolute;
  878. right: -8px;
  879. border-radius: 55px;
  880. top: 7px;
  881. }
  882. .orangeping
  883. {
  884. background: #ff9100;
  885. width: 5px;
  886. height: 13px;
  887. position: absolute;
  888. right: -8px;
  889. border-radius: 55px;
  890. top: 7px;
  891. }
  892. .redping
  893. {
  894. background: #ff0000;
  895. width: 5px;
  896. height: 13px;
  897. position: absolute;
  898. right: -8px;
  899. border-radius: 55px;
  900. top: 7px;
  901. }
  902. .svbubble
  903. {
  904. background: #0f171e;
  905. width: 88%;
  906. transform: translate(-50%, 0%);
  907. left: 45%;
  908. height: 31px;
  909. border-radius: 8px;
  910. top: 6px;
  911. margin-bottom: 7px;
  912. padding: 9px;
  913. position: relative;
  914. }
  916. .typeserver
  917. {
  918. position: relative;
  919. width: 100%;
  920. text-align: left;
  921. padding-left: 20px;
  922. top: 20px;
  924. }
  925. .userprofile
  926. {
  927. background: url(pictures/149071.png);
  928. position: relative;
  929. height: 80px;
  930. width: 220px;
  931. background-size: 80px 80px;
  932. border-bottom: 1px solid #2b3548;
  933. background-repeat: no-repeat;
  934. left: 15px;
  935. top: 100px;
  936. padding-bottom: 50px;
  937. background-position-x: 65px;
  938. }
  940. .descudp
  941. {
  942. left: 14px;
  943. font-family: sans-serif;
  944. top: 27px;
  945. }
  947. #serverlist
  948. {
  949. position: fixed;
  950. top: 56px;
  951. left: 2.5%;
  952. display: none;
  953. overflow-x: hidden;
  954. overflow-y: scroll;
  955. width: 95%;
  956. border-bottom: 4px solid #9e9e9e;
  957. border-top: 4px solid #9e9e9e;
  958. background: #000000e0;
  959. height: 56%;
  960. padding-bottom: 100px;
  961. z-index: 8;
  962. transform: translate(-50%, -50%);
  963. left: 50%;
  964. top: 50%;
  965. box-shadow: 8px 7px 9px black;
  966. }
  967. .lds-dual-ringzpzp {
  968. display: inline-block;
  969. width: 80px;
  970. height: 80px;
  971. position: absolute;
  972. margin-left: -35px;
  973. margin-top: 1px;
  974. }
  975. .lds-dual-ringzpzp:after {
  976. content: " ";
  977. display: block;
  978. width: 47px;
  979. height: 47px;
  980. margin: 8px;
  981. border-radius: 50%;
  982. border: 4px solid #000;
  983. border-color: #000 #000000 #673ab7 black;
  984. animation: lds-dual-ring 1.2s linear infinite;
  985. }
  987. .userid
  988. {
  989. position: absolute;
  990. bottom: 8px;
  991. width: 100%;
  992. text-align: center;
  993. font-size: 12px;
  994. color: #909090;
  995. }
  997. .atlcircle
  998. {
  999. height: 19px;
  1000. width: 19px;
  1001. display: inline-block;
  1002. background: #e91e63;
  1003. border-radius: 60px;
  1004. position: absolute;
  1005. top: 9px;
  1006. box-shadow: 0px 0px 13px 3px #060810;
  1007. right: 15px;
  1008. }
  1009. .registerbubble
  1010. {
  1011. position: absolute;
  1012. right: 4px;
  1013. top: 11px;
  1014. font-size: 14px;
  1015. font-weight: 100;
  1016. color: #cdd8df;
  1017. padding: 3px;
  1018. background: linear-gradient(45deg, #49b0d8, #3194bc);
  1019. box-shadow: 0px 0px 5px white;
  1020. border-radius: 23px;
  1021. width: 91px;
  1022. }
  1023. .userexp
  1024. {
  1025. position: absolute;
  1026. bottom: 23px;
  1027. color: #8e8e8e;
  1028. width: 100%;
  1029. text-align: center;
  1030. font-size: 12px;
  1031. }
  1033. .newbtx
  1034. {
  1035. text-align: left;
  1036. margin-left: -7px;
  1037. border-left: 2px solid #1e394e;
  1038. margin-top: 21px;
  1039. padding: 2px;
  1040. }
  1041. .starttext
  1042. {
  1043. font-size: 17px;
  1044. position: relative;
  1045. color: #dfdfee;
  1046. }
  1047. .menulist
  1048. {
  1049. position: absolute;
  1050. color: #adadaf;
  1051. top: 275px;
  1052. left: 52px;
  1053. }
  1054. .menuicon
  1055. {
  1056. position: absolute;
  1057. left: 3px;
  1058. top: 11px;
  1059. height: 23px;
  1060. padding: 5px;
  1061. filter: invert(1);
  1062. }
  1064. .menutxt
  1065. {
  1066. position: relative;
  1067. margin-bottom: 30px;
  1068. margin-left: -38px;
  1069. }
  1070. .rightbt
  1071. {
  1072. position: absolute;
  1073. right: 10px;
  1074. transform: rotate(
  1075. 0deg
  1076. );
  1077. /* background: #00000052; */
  1078. text-align: center;
  1079. padding: 4px;
  1080. width: 33px;
  1081. height: 94px;
  1082. top: -1px;
  1083. border-radius: 60px;
  1084. }
  1086. .menuicond
  1087. {
  1088. position: absolute;
  1089. height: 18px;
  1090. left: -27px;
  1091. top: 6px;
  1092. filter: invert(1);
  1093. opacity: 0.77;
  1094. }
  1095. .crowimg
  1096. {
  1097. height: 20px;
  1098. position: relative;
  1099. left: 11px;
  1100. top: 0px;
  1101. display: inline-block;
  1102. }
  1104. .acceptbt
  1105. {
  1106. position: relative;
  1107. top: 14px;
  1108. padding: 5px;
  1109. background: #3f51b5;
  1110. width: 150px;
  1111. left: 82px;
  1112. border-radius: 5px;
  1113. }
  1115. .activebt
  1116. {
  1117. position: relative;
  1118. top: 14px;
  1119. padding: 5px;
  1120. display: inline-block;
  1121. background: #3f51b5;
  1122. width: 78px;
  1123. border-radius: 5px;
  1124. }
  1125. .textboost
  1126. {
  1127. font-size: 14px;
  1128. color: #e6e6e6;
  1129. }
  1130. .titleboost
  1131. {
  1132. margin-top: -59px;
  1133. font-size: 24px;
  1134. color: #ffa382;
  1135. filter: grayscale(1);
  1136. }
  1138. .wave {
  1139. animation-name: wave-animation; /* Refers to the name of your @keyframes element below */
  1140. animation-duration: 2.5s; /* Change to speed up or slow down */
  1141. animation-iteration-count: infinite; /* Never stop waving :) */
  1142. transform-origin: 70% 70%; /* Pivot around the bottom-left palm */
  1143. display: inline-block;
  1144. }
  1146. @keyframes wave-animation {
  1147. 0% { transform: rotate( 0.0deg) }
  1148. 10% { transform: rotate(14.0deg) } /* The following five values can be played with to make the waving more or less extreme */
  1149. 20% { transform: rotate(-8.0deg) }
  1150. 30% { transform: rotate(14.0deg) }
  1151. 40% { transform: rotate(-4.0deg) }
  1152. 50% { transform: rotate(10.0deg) }
  1153. 60% { transform: rotate( 0.0deg) } /* Reset for the last half to pause */
  1154. 100% { transform: rotate( 0.0deg) }
  1155. }
  1158. #authshow
  1159. {
  1160. transform: translate(-50%, -50%);
  1161. position: fixed;
  1162. left: 49%;
  1163. top: 49%;
  1164. width: 90%;
  1165. height: 185px;
  1166. padding: 9px;
  1167. text-align: center;
  1168. }
  1169. .bodyboost
  1170. {
  1171. position: absolute;
  1172. left: 50%;
  1173. top: 48%;
  1174. -webkit-transform: translate(-50%, -50%);
  1175. transform: translate(-50%, -50%);
  1176. height: 350px;
  1177. width: 80%;
  1178. border-radius: 5px;
  1179. padding: 20px;
  1180. text-align: center;
  1181. max-width: 352px;
  1182. border-bottom: 4px solid #9e9e9e;
  1183. border-top: 4px solid #9e9e9e;
  1184. background: #000000e0;
  1185. }
  1186. .atlantusoverlay
  1187. {
  1188. display: none;
  1189. position: absolute;
  1190. height: 100%;
  1191. width: 100%;
  1192. background: rgb(4 5 10 / 78%);
  1193. z-index: 5;
  1194. }
  1195. #boostmode
  1196. {
  1197. display:none;
  1198. position: absolute; height: 100%;
  1199. width: 100%;
  1200. backdrop-filter: blur(4px);
  1201. background: rgb(0 0 0 / 61%); z-index: 5;
  1202. }
  1203. #connectedpl
  1204. {
  1205. display:none;
  1206. position: absolute; height: 100%;
  1207. width: 100%;
  1208. backdrop-filter: blur(4px);
  1209. background: rgb(0 0 0 / 61%); z-index: 5;
  1210. }
  1211. #storagemode
  1212. {
  1213. display:none;
  1214. position: absolute; height: 100%;
  1215. width: 100%; background: rgba(0, 0, 0, 0.76); z-index: 5;
  1216. }
  1217. .protxt
  1218. {
  1219. color: #dadada;
  1220. font-weight: 100;
  1221. display: inline-block;
  1222. font-size: 13px;
  1223. width: 100%;
  1224. text-align: center;
  1225. position: relative;
  1226. left: 0px;
  1227. }
  1230. .blobs {
  1231. filter: url(#goo);
  1232. width: 300px;
  1233. height: 300px;
  1234. position: relative;
  1235. overflow: hidden;
  1236. border-radius: 70px;
  1237. transform-style: preserve-3d;
  1238. }
  1239. .blobs .blob-center {
  1240. transform-style: preserve-3d;
  1241. position: absolute;
  1242. background: #FFF200;
  1243. top: 50%;
  1244. left: 50%;
  1245. width: 30px;
  1246. height: 30px;
  1247. transform-origin: left top;
  1248. transform: scale(0.9) translate(-50%, -50%);
  1249. -webkit-animation: blob-grow linear 3.4s infinite;
  1250. animation: blob-grow linear 3.4s infinite;
  1251. border-radius: 50%;
  1252. box-shadow: 0 -10px 40px -5px #FFF200;
  1253. }
  1255. .blob {
  1256. position: absolute;
  1257. background: #FFF200;
  1258. top: 50%;
  1259. left: 50%;
  1260. width: 30px;
  1261. height: 30px;
  1262. border-radius: 50%;
  1263. -webkit-animation: blobs ease-out 3.4s infinite;
  1264. animation: blobs ease-out 3.4s infinite;
  1265. transform: scale(0.9) translate(-50%, -50%);
  1266. transform-origin: center top;
  1267. opacity: 0;
  1268. }
  1269. .blob:nth-child(1) {
  1270. -webkit-animation-delay: 0.2s;
  1271. animation-delay: 0.2s;
  1272. }
  1273. .blob:nth-child(2) {
  1274. -webkit-animation-delay: 0.4s;
  1275. animation-delay: 0.4s;
  1276. }
  1277. .blob:nth-child(3) {
  1278. -webkit-animation-delay: 0.6s;
  1279. animation-delay: 0.6s;
  1280. }
  1281. .blob:nth-child(4) {
  1282. -webkit-animation-delay: 0.8s;
  1283. animation-delay: 0.8s;
  1284. }
  1285. .blob:nth-child(5) {
  1286. -webkit-animation-delay: 1s;
  1287. animation-delay: 1s;
  1288. }
  1290. @-webkit-keyframes blobs {
  1291. 0% {
  1292. opacity: 0;
  1293. transform: scale(0) translate(calc(-330px - 50%), -50%);
  1294. }
  1295. 1% {
  1296. opacity: 1;
  1297. }
  1298. 35%, 65% {
  1299. opacity: 1;
  1300. transform: scale(0.9) translate(-50%, -50%);
  1301. }
  1302. 99% {
  1303. opacity: 1;
  1304. }
  1305. 100% {
  1306. opacity: 0;
  1307. transform: scale(0) translate(calc(330px - 50%), -50%);
  1308. }
  1309. }
  1311. @keyframes blobs {
  1312. 0% {
  1313. opacity: 0;
  1314. transform: scale(0) translate(calc(-330px - 50%), -50%);
  1315. }
  1316. 1% {
  1317. opacity: 1;
  1318. }
  1319. 35%, 65% {
  1320. opacity: 1;
  1321. transform: scale(0.9) translate(-50%, -50%);
  1322. }
  1323. 99% {
  1324. opacity: 1;
  1325. }
  1326. 100% {
  1327. opacity: 0;
  1328. transform: scale(0) translate(calc(330px - 50%), -50%);
  1329. }
  1330. }
  1331. @-webkit-keyframes blob-grow {
  1332. 0%, 39% {
  1333. transform: scale(0) translate(-50%, -50%);
  1334. }
  1335. 40%, 42% {
  1336. transform: scale(1, 0.9) translate(-50%, -50%);
  1337. }
  1338. 43%, 44% {
  1339. transform: scale(1.2, 1.1) translate(-50%, -50%);
  1340. }
  1341. 45%, 46% {
  1342. transform: scale(1.3, 1.2) translate(-50%, -50%);
  1343. }
  1344. 47%, 48% {
  1345. transform: scale(1.4, 1.3) translate(-50%, -50%);
  1346. }
  1347. 52% {
  1348. transform: scale(1.5, 1.4) translate(-50%, -50%);
  1349. }
  1350. 54% {
  1351. transform: scale(1.7, 1.6) translate(-50%, -50%);
  1352. }
  1353. 58% {
  1354. transform: scale(1.8, 1.7) translate(-50%, -50%);
  1355. }
  1356. 68%, 70% {
  1357. transform: scale(1.7, 1.5) translate(-50%, -50%);
  1358. }
  1359. 78% {
  1360. transform: scale(1.6, 1.4) translate(-50%, -50%);
  1361. }
  1362. 80%, 81% {
  1363. transform: scale(1.5, 1.4) translate(-50%, -50%);
  1364. }
  1365. 82%, 83% {
  1366. transform: scale(1.4, 1.3) translate(-50%, -50%);
  1367. }
  1368. 84%, 85% {
  1369. transform: scale(1.3, 1.2) translate(-50%, -50%);
  1370. }
  1371. 86%, 87% {
  1372. transform: scale(1.2, 1.1) translate(-50%, -50%);
  1373. }
  1374. 90%, 91% {
  1375. transform: scale(1, 0.9) translate(-50%, -50%);
  1376. }
  1377. 92%, 100% {
  1378. transform: scale(0) translate(-50%, -50%);
  1379. }
  1380. }
  1381. @keyframes blob-grow {
  1382. 0%, 39% {
  1383. transform: scale(0) translate(-50%, -50%);
  1384. }
  1385. 40%, 42% {
  1386. transform: scale(1, 0.9) translate(-50%, -50%);
  1387. }
  1388. 43%, 44% {
  1389. transform: scale(1.2, 1.1) translate(-50%, -50%);
  1390. }
  1391. 45%, 46% {
  1392. transform: scale(1.3, 1.2) translate(-50%, -50%);
  1393. }
  1394. 47%, 48% {
  1395. transform: scale(1.4, 1.3) translate(-50%, -50%);
  1396. }
  1397. 52% {
  1398. transform: scale(1.5, 1.4) translate(-50%, -50%);
  1399. }
  1400. 54% {
  1401. transform: scale(1.7, 1.6) translate(-50%, -50%);
  1402. }
  1403. 58% {
  1404. transform: scale(1.8, 1.7) translate(-50%, -50%);
  1405. }
  1406. 68%, 70% {
  1407. transform: scale(1.7, 1.5) translate(-50%, -50%);
  1408. }
  1409. 78% {
  1410. transform: scale(1.6, 1.4) translate(-50%, -50%);
  1411. }
  1412. 80%, 81% {
  1413. transform: scale(1.5, 1.4) translate(-50%, -50%);
  1414. }
  1415. 82%, 83% {
  1416. transform: scale(1.4, 1.3) translate(-50%, -50%);
  1417. }
  1418. 84%, 85% {
  1419. transform: scale(1.3, 1.2) translate(-50%, -50%);
  1420. }
  1421. 86%, 87% {
  1422. transform: scale(1.2, 1.1) translate(-50%, -50%);
  1423. }
  1424. 90%, 91% {
  1425. transform: scale(1, 0.9) translate(-50%, -50%);
  1426. }
  1427. 92%, 100% {
  1428. transform: scale(0) translate(-50%, -50%);
  1429. }
  1430. }</style><meta name="viewport" content="width=device-width, initial-scale=1.0">
  1431. <div style="
  1432. position: absolute;
  1433. font-size: 3vw;
  1434. color: #eaeaea;
  1435. left: 0px;
  1436. top: 0px;
  1437. width: 173%;
  1438. text-align: left;
  1439. opacity: 0.09;
  1440. display:none;
  1441. ">Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 </div>
  1443. <div id="withoutlogin" class="body">
  1444. <div id="updatechecking" style="
  1445. position: absolute;
  1446. bottom: 63px;
  1447. display:none;
  1448. left: 42px;
  1449. font-size: 13px;
  1450. color: #999;
  1451. text-align: center;
  1452. "><div class="lds-dual-ring" style="
  1453. height: 30px;
  1454. width: 30px;
  1455. position: relative;
  1456. top: 7px;
  1457. left: -3px;
  1458. "></div>Buscando atualização...</div>
  1459. <div id="menuexpand" onclick="menuclose()">
  1460. <div class="menulist">
  1461. <div class="menutxt" onclick=" initupdate();">🔰 Verificar atualizações</div>
  1462. <div class="menutxt" onclick="termos()">📃 Termos de uso</div>
  1463. <div class="menutxt" onclick="settings()">⚙️ Ajustes</div>
  1464. <div class="menutxt hsharez" style="display:none;" onclick="hostshare()">🔌 HostShare</div>
  1465. <div class="menutxt ipv6txt" style="display:none;" onclick="setipv6()">🕋 IPV6 (Desligado)</div>
  1466. <div class="menutxt" onclick="exitapp('')">❌ Encerrar aplicativo</div>
  1467. </div>
  1468. <div class="userprofile">
  1469. <div class="userid">USER-ID: 0000xx</div>
  1470. </div>
  1471. <img src="pictures/menu.png" class="menuiconx" />
  1472. </div>
  1478. <div id="settingsapp" class="atlantusoverlay" >
  1479. <div class="bodyboost" style="
  1480. height: 358px;
  1481. ">
  1483. <div class="titleboost" style=" color: #ffc83d;
  1484. margin-top: -121px;
  1485. font-size: 90px;
  1486. color: azure;
  1487. "><br>
  1488. <div class="textboost" style="
  1489. margin-top: -55px;
  1490. margin-bottom: 38px;
  1491. font-size: 18px;
  1492. ">Área destinada a ajustes de vpn.</div></div>
  1493. <div style=" height: 214px;
  1494. overflow: scroll;
  1495. position: relative;
  1496. padding-top: 19px;">
  1497. <div class="selectedserver udplist" style="
  1498. width: 29%;
  1499. z-index: 25;
  1500. height: 134px;
  1501. position: absolute;
  1502. border-radius: 6px;
  1503. background: rgb(17, 15, 29);
  1504. left: 58%;
  1505. top: 0px;
  1506. ">
  1507. </div>
  1508. <div class="menutxt newbtx" style="margin-bottom: -5px; margin-left: -8px; margin-top: -20px;" onclick="udpchange()">📌 Porta UDP <div id="udpbubble" class="atlcircle descudp" style=" padding: 0px;
  1509. padding: 0px;
  1510. top: 9px;
  1511. color: #999;
  1512. background: transparent;
  1513. font-size: 15px;
  1514. left: 74%;">%</div></div>
  1515. <div class="menutxt newbtx" style="margin-bottom: -5px; margin-left: -8px;" onclick="setipv6()">📌 IPV6 <div id="ipv6bubble" class="atlcircle"></div></div>
  1516. <div class="menutxt newbtx" style="margin-bottom:0px; margin-left: -8px;" onclick="setdialogpass()">📌 Evitar erro de login <div id="wrongauthbubble" class="atlcircle"></div></div>
  1517. <div class="menutxt newbtx" style="margin-bottom:0px; margin-left: -8px;" onclick="setkeepvpn()">📌 KeepVPN <div id="keepvpnbubble" class="atlcircle"></div></div>
  1518. <div class="menutxt newbtx" style="margin-bottom:0px; margin-left: -8px;" onclick="hostshare()">📌 Rotear Internet </div>
  1519. <div class="menutxt newbtx" style="margin-bottom:0px; margin-left: -8px;" onclick="setdatacompression()">📌 Compressão de dados <div id="compressbubble" class="atlcircle"></div></div>
  1520. </div>
  1521. <br>
  1522. <div onclick="exitsettings()" class="activebt" style="margin-left: 5px;background: #ab2323;width: 80%;border-radius: 4px;box-shadow: 5px 4px 5px black;">Fechar</div>
  1523. </div></div>
  1527. <div id="exitapp" class="atlantusoverlay">
  1528. <div class="bodyboost" style="
  1529. height: 260px;
  1530. "><span class="wave" style="
  1531. height: 106px;
  1532. position: relative;
  1533. top: -70px;
  1534. font-size: 70px;
  1535. margin-left: -16px;
  1536. ">👋</span>
  1538. <div class="titleboost" style="
  1539. color: #ffc83d;
  1540. ">Deseja realmente sair?<br>
  1541. <div class="textboost">Sua conexão será encerrada, se você confirmar este dialogo.</div></div>
  1542. <br>
  1543. <div onclick="exitappfinish()" class="activebt hshareon">Sim</div>
  1544. <div onclick="exitappclose()" class="activebt" style="
  1545. margin-left: 5px;
  1546. background: #b2355b;
  1547. ">Não</div><div onclick="exitapphide()" class="activebt" style="
  1548. margin-left: 5px;
  1549. background: #673ab7;
  1550. margin-top: 5px;
  1551. ">Minimizar</div>
  1552. </div></div>
  1557. <div id="hostshare" class="atlantusoverlay" style="">
  1558. <div class="bodyboost" style="
  1559. height: 246px;
  1560. ">
  1561. <img src="pictures/hostshare.svg" style="
  1562. height: 106px;
  1563. position: relative;
  1564. top: -55px;
  1565. filter: invert(1);
  1566. ">
  1567. <div class="titleboost" style="
  1568. color: #2196f3;
  1569. ">HostShare<br>
  1570. <div class="textboost">Esta função serve para rotear para outros dispositivos o hostshare permite rotear a internet, caso queira configurar, clique em gerenciar.</div></div>
  1571. <br>
  1572. <div onclick="hostshareset()" class="activebt hshareon">Gerenciar</div>
  1573. <div onclick="hostshareclose()" class="activebt" style="
  1574. margin-left: 5px;
  1575. background: #b2355b;
  1576. ">Cancelar</div>
  1577. </div></div>
  1581. <div id="wronguser" class="atlantusoverlay">
  1582. <div class="bodyboost" style="
  1583. height: 246px;
  1584. ">
  1585. <img src="pictures/wrong.svg" style="
  1586. height: 106px;
  1587. position: relative;
  1588. top: -55px;
  1589. ">
  1590. <div class="titleboost" style="
  1591. color: #ff2222;
  1592. ">Autenticação Falhou<br>
  1593. <div class="textboost">Seus dados de usuário estão incorretos, por favor verifique novamente o seu acesso.</div></div>
  1594. <br><div onclick="authfinishu()" class="activebt">Corrigir</div>
  1595. </div></div>
  1598. <div id="deviceid" class="atlantusoverlay" style="display:none;">
  1599. <div class="bodyboost" style="height: 247px;border-radius: 30px;border: 0px;background: linear-gradient(273deg, #f48931, #a32020);">
  1600. <img src="pictures/limiter.png" style="
  1601. height: 130px;
  1602. position: relative;
  1603. top: -59px;
  1604. margin-top: -26px;
  1605. ">
  1606. <div class="titleboost" style="
  1607. color: #f0f0f0;
  1608. filter: none;
  1609. ">Limite Ultrapassado<br>
  1610. <div class="textboost" style="font-size: 14px; color: #e6e6e6; height: 168px; overflow: scroll;">
  1611. <center>Este acesso já ultrapassou o limite de dispositivos registrados.<br>
  1612. Entre em contato com o fornecedor para mais informações.<br>
  1613. </center></div></div>
  1614. <br><div onclick="deviceclose()" style="
  1615. width: 200px;
  1616. background: #07060c;
  1617. top: -74px;
  1618. " class="activebt">Confirmar</div>
  1619. </div></div>
  1621. <div id="permissao" class="atlantusoverlay" style="display: none;">
  1622. <div class="bodyboost">
  1623. <img src="pictures/terms.svg" style="
  1624. height: 106px;
  1625. position: relative;
  1626. top: -55px;
  1627. ">
  1628. <div class="titleboost" style="
  1629. color: #ffd800; filter: none;">Permissão Necessária<br>
  1630. <div class="textboost" style="font-size: 14px; color: #e6e6e6; height: 168px; overflow: scroll;">
  1631. <center>Você precisa permitir a sobreposição, isso serve para que a VPN sempre se<br>
  1632. mantenha ativa e também com o processo acima de outros aplicativos
  1633. para que o sistema não encerre a menos que você mesmo faça.<br>
  1634. Você só precisa fazer isso uma única vez.</center></div></div>
  1635. <br><div onclick="permitirsob()" style="
  1636. width: 200px;
  1637. background: #fe9500;" class="activebt">Permitir</div>
  1638. </div></div>
  1641. <div id="logsviewnew" class="atlantusoverlay" style="display: none;">
  1642. <div class="bodyboost" style="
  1643. height: 69%;
  1644. top: 50%;
  1645. ">
  1646. <img src="pictures/document.png" style="
  1647. height: 106px;
  1648. position: relative;
  1649. top: -55px;
  1650. ">
  1651. <div class="titleboost" style=" color: #e64c3c;">
  1652. <div id="logslist" class="textboost" style="font-size: 12px;color: #e6e6e6;height: 168px;overflow: scroll;border-bottom: 2px solid;height: 79%;margin-top: 22px;">
  1653. <center>-- Bem vindo aos registros --</center></div></div>
  1654. <br><div onclick="logsviewnewclose()" class="activebt" style="
  1655. width: 300px;
  1656. top: -19px;
  1657. ">Fechar</div>
  1658. </div></div>
  1661. <div id="termos" class="atlantusoverlay">
  1662. <div class="bodyboost">
  1663. <img src="pictures/terms.svg" style="
  1664. height: 106px;
  1665. position: relative;
  1666. top: -55px;
  1667. ">
  1668. <div class="titleboost" style=" color: #e64c3c;">Termos de Uso<br>
  1669. <div class="textboost" style="font-size: 14px; color: #e6e6e6; height: 168px; overflow: scroll;">
  1670. <center>Certifique-se de não usar este aplicativo para atividades ilegais, sua conta será suspensa se detectada.<br>
  1671. Algum conteúdo pode estar banido em seu país, então não acesse,<br>
  1672. apenas faça atividades básicas como filmes, jogos e música e pesquisas em geral,<br>
  1673. pornografia infantil e golpes são inaceitáveis ​​e você será severamente punido se usar<br>
  1674. este aplicativo para cometer esses absurdos .</center></div></div>
  1675. <br><div onclick="termos()" class="activebt">Concordo</div>
  1676. </div></div>
  1680. <div id="validadeapp" class="atlantusoverlay" style="display: none;">
  1681. <div class="bodyboost" style="
  1682. height: 148px;
  1683. background: white;
  1684. border: 0px;
  1685. "><div id="textvalidade" style="
  1686. position: absolute;
  1687. color: #333;
  1688. width: 100%;
  1689. top: 45px;
  1690. left: 0px;
  1691. "><div class="lds-dual-ringzpzp"></div></div>
  1693. <img src="pictures/pet.png" style="
  1694. position: absolute;
  1695. right: -12px;
  1696. top: -87px;
  1697. height: 114px;
  1698. ">
  1700. <div class="titleboost" style="
  1701. color: #ffc83d;
  1702. margin-top: -121px;
  1703. font-size: 90px;
  1704. "><br>
  1705. <div class="textboost" style="
  1706. margin-top: -55px;
  1707. margin-bottom: 38px;
  1708. font-size: 18px;
  1709. color: #222;
  1710. ">Checando Validade</div></div>
  1712. <br>
  1713. <div onclick="closevalidity()" class="activebt" style="margin-left: 5px;background: #313048;width: 80%;border-radius: 4px;box-shadow: 5px 4px 5px black;margin-top: 17px;">Fechar</div>
  1714. </div></div>
  1723. <div id="devtest" style="display:none;" class="atlantusoverlay">
  1724. <div class="bodyboost">
  1725. <img src="pictures/terms.svg" style="
  1726. height: 106px;
  1727. position: relative;
  1728. top: -55px;
  1729. ">
  1730. <div class="titleboost" style=" color: #e64c3c;">Aplicativo de TESTE<br>
  1731. <div class="textboost" style="font-size: 14px; color: #e6e6e6; height: 168px; overflow: scroll;">
  1732. <center>Esse aplicativo é apenas um teste produzido por RGN & ATLANTUS.<br>
  1733. Não divulgue esta versão, não altere nem faça nada.<br>
  1734. Teste conexões e afins.<br>
  1735. Agradecemos sua contribuição.</center></div></div>
  1736. <br><div onclick='dev()' class="activebt">Concordo</div>
  1737. </div></div>
  1740. <div id="storagemode">
  1741. <div class="bodyboost" style="
  1742. height: 241px;">
  1743. <img src="pictures/lock.svg" style="
  1744. height: 106px;
  1745. position: relative;
  1746. top: -55px;
  1747. ">
  1748. <div class="titleboost" style="
  1749. color: #b79608;">Acesso Restrito<br>
  1750. <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>
  1751. <br><div onclick="storagemode()" class="activebt">Certo</div>
  1752. </div></div>
  1754. <div id="connectedpl" >
  1755. <div class="bodyboost" style="
  1756. height: 271px;">
  1757. <img src="pictures/check.svg" style="
  1758. height: 106px;
  1759. position: relative;
  1760. top: -55px;
  1761. ">
  1762. <div class="titleboost" style="
  1763. color: #6d86ff;
  1764. ">Conectado com sucesso<br>
  1765. <div class="textboost">Conexão bem sucedida, fique atento <b style="
  1766. color: cadetblue;
  1767. ">{{ 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>
  1768. <br><div onclick="$('#connectedpl').fadeOut(0);" class="activebt" style=" color: white;
  1769. background: #12226e;">Entendi</div>
  1770. </div></div>
  1773. <div id="boostmode">
  1774. <div class="bodyboost">
  1775. <img src="pictures/boost.svg" style="
  1776. height: 106px;
  1777. position: relative;
  1778. top: -55px;
  1779. ">
  1780. <div class="titleboost">Modo Boost<br>
  1781. <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>
  1782. <br><div onclick="acboostmode()" class="activebt">Ativar</div>
  1783. <div onclick="boostmode()" style="margin-top: 5px; background: #9e330a;" class="activebt">Cancelar</div></div></div>
  1786. <div id="authtype" style="
  1787. position: absolute;
  1788. height: 100%;
  1789. width: 100%;
  1790. display:none;
  1791. background: #000000c2;
  1792. z-index: 5;
  1793. "><div style="
  1794. position: absolute;
  1795. left: 50%;
  1796. top: 35%;
  1797. -webkit-transform: translate(-50%, -50%);
  1798. transform: translate(-50%, -50%);
  1799. background: #1e2532;
  1800. height: 250px;
  1801. width: 330px;
  1802. border-radius: 10px;
  1803. text-align: center;
  1804. "><img src="pictures/149071.png" style="
  1805. height: 77px;
  1806. position: relative;
  1807. top: -37px;
  1808. ">
  1809. <div style=" margin-top: -23px;color: cadetblue; margin-bottom: 1px;">Selecione o modo de login</div>
  1810. <div onclick="authfinish()" style="
  1811. position: relative;
  1812. top: 14px;
  1813. padding: 5px;
  1814. background: #673ab7;
  1815. width: 200px;
  1816. left: 59px;
  1817. border-radius: 5px;
  1818. ">Modo Token</div>
  1819. <div onclick="authfinishu()" style="
  1820. position: relative; top: 21px; padding: 5px; background: #30329a; width: 200px; left: 59px; border-radius: 5px;
  1821. ">Modo Usuário</div>
  1822. <div style="
  1823. font-size: 11px;
  1824. margin-top: 26px;
  1825. color: #ccc;
  1826. ">Selecione o modo de autenticação.</div></div></div>
  1831. <div id="authtoken" style="
  1832. position: absolute;
  1833. height: 100%;
  1834. width: 100%;
  1835. display:none;
  1836. background: #000000c2;
  1837. z-index: 5;
  1838. "><div style="
  1839. position: absolute;
  1840. left: 50%;
  1841. top: 35%;
  1842. -webkit-transform: translate(-50%, -50%);
  1843. transform: translate(-50%, -50%);
  1844. background: #1e2532;
  1845. height: 250px;
  1846. width: 330px;
  1847. border-radius: 10px;
  1848. text-align: center;
  1849. "><img src="pictures/user.png" style="
  1850. filter: invert(1);
  1851. height: 77px;
  1852. position: relative;
  1853. top: -37px;
  1854. ">
  1855. <div style="
  1856. margin-top: -11px;
  1857. ">Acesso token</div><input type="text" id="token" placeholder="token" style="
  1858. padding: 10px;
  1859. border-radius: 5px;
  1860. background: #191e25;
  1861. border: 0px;
  1862. font-size: 18px;
  1863. color: #999;
  1864. margin-top: 11px;
  1865. ">
  1866. <div onclick="authfinish()" style="
  1867. position: relative;
  1868. top: 14px;
  1869. padding: 5px;
  1870. background: #3f51b5;
  1871. width: 100px;
  1872. left: 106px;
  1873. border-radius: 5px;
  1874. ">Entrar</div>
  1875. <div style="
  1876. font-size: 11px;
  1877. margin-top: 26px;
  1878. color: #ccc;
  1879. ">O acesso token pode ser obtido com o fornecedor.</div></div></div>
  1883. <div id="logsbar" style="display:none;" onclick="viewlogs()"><div id="openlog" style="
  1884. text-align: center;
  1885. font-size: 14px;
  1886. margin-top: 8px;
  1887. ">🔼 Expandir Logs 🔼</div> <div id="logsview"></div></div>
  1889. <div onclick="logsviewnewopen()" style="position: absolute;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
  1890. bottom: 6%;left: 50%;font-size: 18px;width: 330px;text-align: center;color: #000000;z-index: 6;
  1891. border-bottom: 1px dashed;width: 142px;padding-left: 17px;">
  1892. <img src="pictures/share.png" style="
  1893. height: 20px;
  1894. position: absolute;
  1895. margin-left: -26px;
  1896. margin-top: 7px;
  1897. ">Registros</div>
  1898. <div id="dontconnect" class="presshere">Pronto para iniciar</div>
  1899. <div id="connecting" class="presshere"><div class="lds-dual-ring"></div>Conectando</div>
  1900. <div id="connected" class="presshere">Conexão Estabelecida</div>
  1901. </div><div id="withoutlogin" class="header">
  1902. <div class="moonbottom"></div>
  1904. <div class="focuinauth"></div>
  1905. <div id="nrlixserver" style="
  1906. "><center>
  1907. <div id="serverlist" onclick="serverchange()">
  1909. </div>
  1912. <div class="focuinserver"></div>
  1917. <div id="authshow">
  1918. <div id="contentblock" style="
  1919. position: fixed;
  1920. top: -49px;
  1921. width: 97%;
  1922. z-index: 21;
  1923. display: none;
  1924. height: 106%;
  1925. "></div>
  1926. <div class="authshow">
  1927. <div class="selectedserver selectedserverz" onclick="serverchange()">
  1928. <img id="fserver" src="pictures/flags/none.png" class="flagserver">
  1929. <div id="nserver" class="nameserver">Defina um provedor</div>
  1930. <div id="dserver" class="descserver">O modo de proteção</div>
  1931. <img src="pictures/arrow.png" class="arrowserver">
  1932. </div>
  1933. <div style="
  1934. background: linear-gradient(45deg, #691d46, #2d2b539c);
  1935. width: 91%;
  1936. height: 29px;
  1937. z-index: 5;
  1938. padding: 9px;
  1939. position: relative;
  1940. display: inline-block;
  1941. margin-top: -43px;
  1942. box-shadow: 0px 0px 15px white;
  1943. background: linear-gradient(174deg, #0c97ce, #94cee4);
  1944. border-radius: 13px;
  1945. "><img src="pictures/user.png" style="
  1946. position: absolute;
  1947. left: 10px;
  1948. height: 24px;
  1949. top: 11px;
  1950. filter: invert(1);
  1951. opacity: 0.8;
  1952. "><input placeholder="Login" class="nrlixusernew" style="
  1953. position: absolute;
  1954. width: 82%;
  1955. left: 50px;
  1956. padding: 8px;
  1957. background: transparent;
  1958. border: 0px;
  1959. font-size: 19px;
  1960. color: #797979;
  1961. top: 5px;
  1962. "></div><div style="
  1963. background: linear-gradient(45deg, #691d46, #2d2b539c);
  1964. width: 91%;
  1965. height: 29px;
  1966. border-radius: 4px;
  1967. z-index: 5;
  1968. padding: 9px;
  1969. position: relative;
  1970. display: inline-block;
  1971. margin-top: 8px;
  1972. box-shadow: 0px 0px 15px white;
  1973. background: linear-gradient(174deg, #0c97ce, #94cee4);
  1974. border-radius: 13px;
  1975. "><img src="pictures/pass.png" style="
  1976. position: absolute;
  1977. left: 10px;
  1978. height: 24px;
  1979. top: 11px;
  1980. filter: invert(1);
  1981. opacity: 0.8;
  1982. "><input placeholder="Senha" class="nrlixpass" style="
  1983. position: absolute;
  1984. width: 82%;
  1985. left: 50px;
  1986. padding: 8px;
  1987. background: transparent;
  1988. border: 0px;
  1989. font-size: 19px;
  1990. color: #797979;
  1991. top: 5px;
  1992. "></div>
  1993. </div>
  1994. <div onclick="startatlantus()" class="connectbt atlantusblock">
  1995. <div class="starttext">Conectar</div></div>
  1996. </div>
  1998. </center></div>
  1999. <div class="registerbubble" onclick="menuaction()" style="
  2000. left: 9px;
  2001. "><img src="pictures/menububble.png" style="
  2002. position: relative;
  2003. left: -31px;
  2004. top: 1px;
  2005. height: 22px;
  2006. padding: 5px;
  2007. filter: invert(1);
  2008. " class="menuicon"><div style="
  2009. position: absolute;
  2010. top: 6px;
  2011. left: 39px;
  2012. ">Menu</div></div>
  2014. <div id="appname"></div>
  2015. <img class="logoapp" src="pictures/aprantus.gif" style="
  2016. height: 140px;
  2017. -webkit-transform: translate(-50%, -50%);
  2018. transform: translate(-50%, -50%);
  2019. left: 50%;
  2020. top: 92px;
  2021. position: fixed;
  2022. ">
  2023. <div class="logoappx" style="
  2024. display:none;
  2025. height: 107px;
  2026. background-size: 100% 100%;
  2027. width: 107px;
  2028. -webkit-transform: translate(-50%, -50%);
  2029. transform: translate(-50%, -50%);
  2030. left: 50%;
  2031. top: 109px;
  2032. position: fixed;
  2033. "></div>
  2034. <div style="display:none;" class="statusserver">Status:
  2035. <div class="substatusz">Desconectado</div>
  2036. </div>
  2038. </div>
comments powered by Disqus