Joo

SUBMITTED BY: BL420

DATE: May 28, 2022, 1:25 p.m.

UPDATED: May 28, 2022, 1:39 p.m.

FORMAT: Text only

SIZE: 50.4 kB

History Raw Download

HITS: 458

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