UPDATE ECLIPSE temakssk

SUBMITTED BY: isaias

DATE: March 19, 2022, 6:27 a.m.

UPDATED: May 26, 2022, 4:08 a.m.

FORMAT: Text only

SIZE: 54.2 kB

History Raw Download

HITS: 5529

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