ultimate teste (tema)


SUBMITTED BY: betodroid22

DATE: July 20, 2024, 1:59 p.m.

UPDATED: July 27, 2024, 3:50 a.m.

FORMAT: Text only

SIZE: 28.5 kB

HITS: 1334

  1. <meta name='viewport' content='width=device-width, initial-scale=1.0'><style>@font-face {
  2. font-family: 'Palanquin Dark';
  3. font-style: normal;
  4. font-weight: 400;
  5. font-display: swap;
  6. src: url(pictures/atlantus.woff2) format('woff2');
  7. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  8. }
  9. body
  10. {
  11. overflow: hidden;
  12. position: fixed;
  13. font-family: 'Palanquin Dark', sans-serif;
  14. background: linear-gradient(
  15. 250deg , #08303e, #0c1023);
  16. color: white;
  17. margin: 0px;
  18. left: 0px;
  19. top: 0px;
  20. height: 100%;
  21. width: 100%;
  22. }
  23. .notification
  24. {
  25. width: 90%;
  26. text-align: center;
  27. position: relative;
  28. background: linear-gradient(
  29. 45deg
  30. , #000000, #2c2a49);
  31. border-radius: 5px;
  32. position: absolute;
  33. left: 50%;
  34. white-space: nowrap;
  35. overflow: hidden;
  36. text-overflow: ellipsis;
  37. height: 35px;
  38. padding-top: 5px;
  39. display: none;
  40. z-index: 2;
  41. top: 303%;
  42. -webkit-transform: translate(-50%, -50%);
  43. transform: translate(-50%, -50%);
  44. }
  45. #logsview
  46. {
  47. position: absolute;
  48. -webkit-transform: translate(-50%, -50%);
  49. transform: translate(-50%, -50%);
  50. top: 83%;
  51. left: 50%;
  52. height: 40px;
  53. font-size: 11px;
  54. width: 200px;
  55. text-align: center;
  56. color: #ccc;
  57. overflow:scroll;
  58. z-index: 2;
  59. }
  60. #connecting
  61. {
  62. display: none;
  63. margin-left: 7px;
  64. color: #75a2c5;
  65. }
  66. #connected
  67. {
  68. display:none;
  69. color: #7fffdc;
  70. }
  71. .lds-ring {
  72. display: inline-block;
  73. position: absolute;
  74. display:none;
  75. top: -13px;
  76. left: -13px;
  77. }
  78. .lds-ring div {
  79. box-sizing: border-box;
  80. display: block;
  81. position: absolute;
  82. width: 160px;
  83. height: 161px;
  84. margin: 8px;
  85. border: 8px solid #1f312f;
  86. border-radius: 50%;
  87. animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  88. border-color: #cddc39 #cddc3999 #cddc3940 #00968830;
  89. }
  90. .lds-ring div:nth-child(1) {
  91. animation-delay: -0.45s;
  92. }
  93. .lds-ring div:nth-child(2) {
  94. animation-delay: -0.3s;
  95. }
  96. .lds-ring div:nth-child(3) {
  97. animation-delay: -0.15s;
  98. }
  99. @keyframes lds-ring {
  100. 0% {
  101. transform: rotate(0deg);
  102. }
  103. 100% {
  104. transform: rotate(360deg);
  105. }
  106. }
  107. .lds-dual-ring {
  108. display: inline-block;
  109. width: 80px;
  110. height: 80px;
  111. position: absolute;
  112. margin-left: -35px;
  113. margin-top: 1px;
  114. }
  115. .lds-dual-ring:after {
  116. content: " ";
  117. display: block;
  118. width: 17px;
  119. height: 17px;
  120. margin: 8px;
  121. border-radius: 50%;
  122. border: 2px solid #fff;
  123. border-color: #fff #fff5f536 #fff white;
  124. animation: lds-dual-ring 1.2s linear infinite;
  125. }
  126. @keyframes lds-dual-ring {
  127. 0% {
  128. transform: rotate(0deg);
  129. }
  130. 100% {
  131. transform: rotate(360deg);
  132. }
  133. }
  134. .flagserver
  135. {
  136. height: 38px;
  137. position: absolute;
  138. left: 11px;
  139. top: 10px;
  140. }
  141. .substatus
  142. {
  143. display: inline-block;
  144. font-size: 12px;
  145. position: relative;
  146. left: 49px;
  147. top: -4px;
  148. width: 100%;
  149. border-top-left-radius: 20px;
  150. border-top-right-radius: 20px;
  151. padding: 5px;
  152. z-index: 0;
  153. text-align: center;
  154. opacity: 0.8;
  155. }
  156. .statusserver
  157. {
  158. position: absolute;
  159. width: 100%;
  160. top: 161px;
  161. text-align: left;
  162. font-size: 15px;
  163. color: #ffffff;
  164. display: inline-block;
  165. left: -51px;
  166. }
  167. .arrowserver
  168. {
  169. position: absolute;
  170. right: 13px;
  171. height: 18px;
  172. top: 21px;
  173. filter: invert(1);
  174. }
  175. .descserver
  176. {
  177. width: 59%;
  178. text-align: left;
  179. height: 22px;
  180. white-space: nowrap;
  181. overflow: hidden;
  182. text-overflow: ellipsis;
  183. position: absolute;
  184. top: 28px;
  185. font-size: 12px;
  186. left: 67px;
  187. color: #ccc;
  188. }
  189. .inputmax
  190. {
  191. -webkit-transform: translate(-50%, -50%);
  192. transform: translate(-50%, -50%);
  193. position: absolute;
  194. left: 50%;
  195. top: 42%;
  196. padding: 13px;
  197. background: #0000008a;
  198. color: #ffffff;
  199. font-size: 18px;
  200. text-shadow: 0px 0px 15px #03a9f4;
  201. z-index: 7;
  202. border: 0px;
  203. border-radius: 5px;
  204. width: 85%;
  205. }
  206. .rocket {
  207. position: absolute;
  208. top: 28%;
  209. display:none;
  210. margin-left: 20px;
  211. width: 80px;
  212. left: calc(50% - 60px);
  213. z-index: 10;
  214. }
  215. .rocket .rocket-body {
  216. width: 80px;
  217. left: calc(50% - 50px);
  218. animation: bounce 0.5s infinite;
  219. }
  220. .rocket .rocket-body .body {
  221. background-color: #dadada;
  222. height: 180px;
  223. left: calc(50% - 50px);
  224. border-top-right-radius: 100%;
  225. border-top-left-radius: 100%;
  226. border-bottom-left-radius: 50%;
  227. border-bottom-right-radius: 50%;
  228. border-top: 5px solid #f5f5f5;
  229. }
  230. .rocket .rocket-body:before {
  231. content: "";
  232. position: absolute;
  233. left: calc(50% - 24px);
  234. width: 48px;
  235. height: 13px;
  236. background-color: #554842;
  237. bottom: -13px;
  238. border-bottom-right-radius: 60%;
  239. border-bottom-left-radius: 60%;
  240. }
  241. .rocket .window {
  242. position: absolute;
  243. width: 40px;
  244. height: 40px;
  245. border-radius: 100%;
  246. background-color: #a75248;
  247. left: calc(50% - 25px);
  248. top: 40px;
  249. border: 5px solid #b4b2b2;
  250. }
  251. .rocket .fin {
  252. position: absolute;
  253. z-index: -100;
  254. height: 55px;
  255. width: 50px;
  256. background-color: #a75248;
  257. }
  258. .rocket .fin-left {
  259. left: -30px;
  260. top: calc(100% - 55px);
  261. border-top-left-radius: 80%;
  262. border-bottom-left-radius: 20%;
  263. }
  264. .rocket .fin-right {
  265. right: -30px;
  266. top: calc(100% - 55px);
  267. border-top-right-radius: 80%;
  268. border-bottom-right-radius: 20%;
  269. }
  270. .rocket .exhaust-flame {
  271. position: absolute;
  272. top: 90%;
  273. width: 28px;
  274. background: linear-gradient(to bottom, transparent 10%, #f5f5f5 100%);
  275. height: 150px;
  276. left: calc(50% - 14px);
  277. animation: exhaust 0.2s infinite;
  278. }
  279. .rocket .exhaust-fumes li {
  280. width: 60px;
  281. height: 60px;
  282. background-color: #f5f5f5;
  283. list-style: none;
  284. position: absolute;
  285. border-radius: 100%;
  286. }
  287. .rocket .exhaust-fumes li:first-child {
  288. width: 200px;
  289. height: 200px;
  290. bottom: -300px;
  291. animation: fumes 5s infinite;
  292. }
  293. .rocket .exhaust-fumes li:nth-child(2) {
  294. width: 150px;
  295. height: 150px;
  296. left: -120px;
  297. top: 260px;
  298. animation: fumes 3.2s infinite;
  299. }
  300. .rocket .exhaust-fumes li:nth-child(3) {
  301. width: 120px;
  302. height: 120px;
  303. left: -40px;
  304. top: 330px;
  305. animation: fumes 3s 1s infinite;
  306. }
  307. .rocket .exhaust-fumes li:nth-child(4) {
  308. width: 100px;
  309. height: 100px;
  310. left: -170px;
  311. animation: fumes 4s 2s infinite;
  312. top: 380px;
  313. }
  314. .rocket .exhaust-fumes li:nth-child(5) {
  315. width: 130px;
  316. height: 130px;
  317. left: -120px;
  318. top: 350px;
  319. animation: fumes 5s infinite;
  320. }
  321. .rocket .exhaust-fumes li:nth-child(6) {
  322. width: 200px;
  323. height: 200px;
  324. left: -60px;
  325. top: 280px;
  326. animation: fumes2 10s infinite;
  327. }
  328. .rocket .exhaust-fumes li:nth-child(7) {
  329. width: 100px;
  330. height: 100px;
  331. left: -100px;
  332. top: 320px;
  333. }
  334. .rocket .exhaust-fumes li:nth-child(8) {
  335. width: 110px;
  336. height: 110px;
  337. left: 70px;
  338. top: 340px;
  339. }
  340. .rocket .exhaust-fumes li:nth-child(9) {
  341. width: 90px;
  342. height: 90px;
  343. left: 200px;
  344. top: 380px;
  345. animation: fumes 20s infinite;
  346. }
  347. .star li {
  348. list-style: none;
  349. position: absolute;
  350. }
  351. .star li:before, .star li:after {
  352. content: "";
  353. position: absolute;
  354. background-color: #f5f5f5;
  355. }
  356. .star li:before {
  357. width: 10px;
  358. height: 2px;
  359. border-radius: 50%;
  360. }
  361. .star li:after {
  362. height: 8px;
  363. width: 2px;
  364. left: 4px;
  365. top: -3px;
  366. }
  367. .star li:first-child {
  368. top: -30px;
  369. left: -210px;
  370. animation: twinkle 0.4s infinite;
  371. }
  372. .star li:nth-child(2) {
  373. top: 0;
  374. left: 60px;
  375. animation: twinkle 0.5s infinite;
  376. }
  377. .star li:nth-child(2):before {
  378. height: 1px;
  379. width: 5px;
  380. }
  381. .star li:nth-child(2):after {
  382. width: 1px;
  383. height: 5px;
  384. top: -2px;
  385. left: 2px;
  386. }
  387. .star li:nth-child(3) {
  388. left: 120px;
  389. top: 220px;
  390. animation: twinkle 1s infinite;
  391. }
  392. .star li:nth-child(4) {
  393. left: -100px;
  394. top: 200px;
  395. animation: twinkle 0.5s ease infinite;
  396. }
  397. .star li:nth-child(5) {
  398. left: 170px;
  399. top: 100px;
  400. animation: twinkle 0.4s ease infinite;
  401. }
  402. .star li:nth-child(6) {
  403. top: 87px;
  404. left: -79px;
  405. animation: twinkle 0.2s infinite;
  406. }
  407. .star li:nth-child(6):before {
  408. height: 1px;
  409. width: 5px;
  410. }
  411. .star li:nth-child(6):after {
  412. width: 1px;
  413. height: 5px;
  414. top: -2px;
  415. left: 2px;
  416. }
  417. @keyframes fumes {
  418. 50% {
  419. transform: scale(1.5);
  420. background-color: transparent;
  421. }
  422. 51% {
  423. transform: scale(0.8);
  424. }
  425. 100% {
  426. background-color: #f5f5f5;
  427. transform: scale(1);
  428. }
  429. }
  430. @keyframes bounce {
  431. 0% {
  432. transform: translate3d(0px, 0px, 0);
  433. }
  434. 50% {
  435. transform: translate3d(0px, -4px, 0);
  436. }
  437. 100% {
  438. transform: translate3d(0px, 0px, 0);
  439. }
  440. }
  441. @keyframes exhaust {
  442. 0% {
  443. background: linear-gradient(to bottom, transparent 10%, #f5f5f5 100%);
  444. }
  445. 50% {
  446. background: linear-gradient(to bottom, transparent 8%, #f5f5f5 100%);
  447. }
  448. 75% {
  449. background: linear-gradient(to bottom, transparent 12%, #f5f5f5 100%);
  450. }
  451. }
  452. @keyframes fumes2 {
  453. 50% {
  454. transform: scale(1.1);
  455. }
  456. }
  457. @keyframes twinkle {
  458. 80% {
  459. transform: scale(1.1);
  460. opacity: 0.7;
  461. }
  462. }
  463. .nameserver
  464. {
  465. position: absolute;
  466. top: 5px;
  467. font-size: 15px;
  468. width: 64%;
  469. text-align: left;
  470. left: 67px;
  471. white-space: nowrap;
  472. overflow: hidden;
  473. text-overflow: ellipsis;
  474. }
  475. .selectedserver
  476. {
  477. background: #0000008a;
  478. width: 81%;
  479. -webkit-transform: translate(-50%, -50%);
  480. transform: translate(-50%, -50%);
  481. left: 50%;
  482. height: 40px;
  483. top: 34%;
  484. border-radius: 5px;
  485. padding: 7px;
  486. position: absolute;
  487. z-index: 1;
  488. }
  489. #menuexpand
  490. {
  491. position: absolute;
  492. left: 0px;
  493. height: 100%;
  494. bottom: 0px;
  495. display: none;
  496. width: 300px;
  497. background: linear-gradient(
  498. 45deg
  499. , black, #250200ed, #560400d4);
  500. z-index: 4;
  501. border-bottom-right-radius: 20px;
  502. border-top-right-radius: 20px;
  503. }
  504. .presshere
  505. {
  506. position: absolute;
  507. -webkit-transform: translate(-50%, -50%);
  508. transform: translate(-50%, -50%);
  509. top: 77%;
  510. left: 50%;
  511. font-size: 20px;
  512. width: 330px;
  513. text-align: center;
  514. z-index: 2;
  515. }
  516. .connectbt
  517. {
  518. height: 120px;
  519. width: 120px;
  520. background: #ffffff url(pictures/power.svg);
  521. BORDER-RADIUS: 100%;
  522. -webkit-transform: translate(-50%, -50%);
  523. transform: translate(-50%, -50%);
  524. position: absolute;
  525. background-size: 53px !important;
  526. background-repeat: no-repeat;
  527. background-position: 34px !important;
  528. filter: invert(1);
  529. top: 63%;
  530. left: 50%;
  531. z-index: 1;
  532. }
  533. .freeimg
  534. {
  535. height: 40px;
  536. width: 40px;
  537. background: #ffffff4d url(pictures/crown.png);
  538. background-repeat: no-repeat;
  539. background-position: 5px;
  540. border-radius: 60px;
  541. position: absolute;
  542. top: 9px;
  543. left: 6px;
  544. }
  545. .freetxtsmall
  546. {
  547. position: absolute;
  548. left: 58px;
  549. top: 26px;
  550. color: #ccc;
  551. font-size: 12px;
  552. }
  553. .freetxt
  554. {
  555. position: absolute;
  556. left: 58px;
  557. top: 4px;
  558. font-size: 17px;
  559. }
  560. .header
  561. {
  562. position: fixed;
  563. top: 57px;
  564. left: 0px;
  565. width: 100%;
  566. z-index:3;
  567. text-align: center;
  568. }
  569. .startfree
  570. {
  571. width: 300px;
  572. height: 60px;
  573. background: #4b0e79;
  574. position: absolute;
  575. left: 50%;
  576. bottom: 27px;
  577. -webkit-transform: translate(-50%, -50%);
  578. transform: translate(-50%, -50%);
  579. border-radius: 10px;
  580. }
  581. .centerbody
  582. {
  583. position: absolute;
  584. opacity: 0.1;
  585. height: 495px;
  586. width: 100%;
  587. z-index: 1;
  588. left: 50%;
  589. background-size: 200% 100%;
  590. background-position-x: -120px;
  591. top: 49%;
  592. -webkit-transform: translate(-50%, -50%);
  593. transform: translate(-50%, -50%);
  594. }
  595. #application
  596. {
  597. }
  598. .menuiconx
  599. {
  600. position: absolute;
  601. right: 19px;
  602. filter: invert(1);
  603. top: 44px;
  604. height: 24px;
  605. }
  606. #appname
  607. {
  608. font-size: 26px;
  609. color: #03a9f4;
  610. text-transform: uppercase;
  611. }
  612. .pingserver
  613. {
  614. position: absolute;
  615. right: 14px;
  616. font-size: 13px;
  617. color: #ccc;
  618. }
  619. .premiumserver
  620. {
  621. display:none;
  622. }
  623. .bronzeserver
  624. {
  625. display: none;
  626. }
  627. .freeserver
  628. {
  629. }
  630. .goldserver
  631. {
  632. display: none;
  633. }
  634. .recommendserver
  635. {
  636. display: none;
  637. }
  638. .greenping
  639. {
  640. background: #49ff50;
  641. width: 5px;
  642. height: 13px;
  643. position: absolute;
  644. right: -8px;
  645. border-radius: 55px;
  646. top: 7px;
  647. }
  648. .svbubble
  649. {
  650. background: #070d13ba;
  651. width: 88%;
  652. transform: translate(-50%, 0%);
  653. left: 45%;
  654. height: 50px;
  655. border-radius: 5px;
  656. top: 6px;
  657. margin-bottom: 7px;
  658. padding: 4px;
  659. position: relative;
  660. }
  661. .typeserver
  662. {
  663. position: relative;
  664. width: 100%;
  665. text-align: left;
  666. padding-left: 20px;
  667. top: 20px;
  668. }
  669. .userprofile
  670. {
  671. background: url(pictures/149071.png);
  672. position: relative;
  673. height: 80px;
  674. width: 220px;
  675. background-size: 80px 80px;
  676. border-bottom: 1px solid #2b3548;
  677. background-repeat: no-repeat;
  678. left: 40px;
  679. top: 100px;
  680. padding-bottom: 50px;
  681. background-position-x: 65px;
  682. }
  683. #serverlist
  684. {
  685. -webkit-transform: translate(-50%, -50%);
  686. transform: translate(-50%, -50%);
  687. position: absolute;
  688. top: 51%;
  689. border-radius: 5px;
  690. left: 50%;
  691. display: none;
  692. overflow-x: hidden;
  693. overflow-y: scroll;
  694. width: 98%;
  695. padding-bottom: 8px;
  696. padding-top: 8px;
  697. height: 450px;
  698. }
  699. .userid
  700. {
  701. position: absolute;
  702. bottom: 8px;
  703. width: 100%;
  704. text-align: center;
  705. font-size: 12px;
  706. color: #909090;
  707. }
  708. .userexp
  709. {
  710. position: absolute;
  711. bottom: 23px;
  712. color: #8e8e8e;
  713. width: 100%;
  714. text-align: center;
  715. font-size: 12px;
  716. }
  717. .menulist
  718. {
  719. position: absolute;
  720. color: #adadaf;
  721. top: 275px;
  722. left: 52px;
  723. }
  724. .menuicon
  725. {
  726. position: absolute;
  727. left: 19px;
  728. filter: invert(1);
  729. top: 11px;
  730. height: 24px;
  731. }
  732. .menutxt
  733. {
  734. position: relative;
  735. margin-bottom: 30px;
  736. }
  737. .rightbt
  738. {
  739. position: absolute;
  740. right: 5px;
  741. padding: 7px;
  742. border-radius: 5px;
  743. width: 62px;
  744. top: 5px;
  745. padding-right: 8px;
  746. }
  747. .menuicond
  748. {
  749. position: absolute;
  750. height: 18px;
  751. left: -27px;
  752. top: 6px;
  753. filter: invert(1);
  754. opacity: 0.77;
  755. }
  756. .crowimg
  757. {
  758. height: 18px;
  759. position: absolute;
  760. left: 5px;
  761. top: 9px;
  762. }
  763. .activebt
  764. {
  765. position: relative;
  766. top: 14px;
  767. padding: 5px;
  768. background: #fe9a01;
  769. width: 100px;
  770. left: 106px;
  771. border-radius: 5px;
  772. }
  773. .textboost
  774. {
  775. font-size: 14px;
  776. color: #e6e6e6;
  777. }
  778. .titleboost
  779. {
  780. margin-top: -59px;
  781. font-size: 24px;
  782. color: #ffa382;
  783. }
  784. .bodyboost
  785. {
  786. position: absolute;
  787. left: 50%;
  788. top: 46%;
  789. -webkit-transform: translate(-50%, -50%);
  790. transform: translate(-50%, -50%);
  791. background: #0a87fb;
  792. height: 350px;
  793. width: 330px;
  794. border-radius: 5px;
  795. text-align: center;
  796. }
  797. .atlantusoverlay
  798. {
  799. display: none;
  800. position: absolute;
  801. height: 100%;
  802. width: 100%;
  803. background: rgba(0, 0, 0, 0.76);
  804. z-index: 10;
  805. }
  806. #boostmode
  807. {
  808. display:none;
  809. position: absolute; height: 100%;
  810. width: 100%; background: rgba(0, 0, 0, 0.76); z-index: 5;
  811. }
  812. #storagemode
  813. {
  814. display:none;
  815. position: absolute; height: 100%;
  816. width: 100%; background: rgba(0, 0, 0, 0.76); z-index: 5;
  817. }
  818. .protxt
  819. {
  820. position: relative;
  821. left: 9px;
  822. color: #fbc14d;
  823. font-weight: 100;
  824. text-shadow: 0px 0px 20px yellow;
  825. letter-spacing: 1.5px;
  826. font-size: 13px;
  827. top: -1px;
  828. }</style><script>
  829. function startatlantusrocket()
  830. {
  831. startatlantus();
  832. }
  833. function serverchangex()
  834. {
  835. $(".boxlistsv").animate({height: 'toggle'});
  836. atlantusdropserver();
  837. }
  838. </script>
  839. <script>
  840. (function(){
  841. var tId = setInterval(function() {
  842. if (document.readyState == "complete") onComplete()
  843. }, 11);
  844. function onComplete(){
  845. //sshplus
  846. setInterval( async function(){ sshpluscore(); }, 200);
  847. };
  848. })()
  849. async function sshpluscore()
  850. {
  851. if(!$('#dontconnect').is(':visible'))
  852. {
  853. $("#sshplusbt").text("ENCERRAR");
  854. }
  855. else
  856. {
  857. $("#sshplusbt").text("CONECTAR");
  858. }
  859. }
  860. </script><meta name="viewport" content="width=device-width, initial-scale=1.0">
  861. <div id="withoutlogin" class="body">
  862. <div style="
  863. position: absolute;
  864. width: 100%;
  865. height: 260px;
  866. background: linear-gradient(45deg, black, transparent);
  867. top: -70px;
  868. /* border-bottom-left-radius: 150%; */
  869. border-bottom-right-radius: 150%;
  870. z-index: 2;
  871. opacity: 0.5;
  872. "></div><div style="
  873. position: absolute;
  874. width: 100%;
  875. height: 260px;
  876. background: linear-gradient(226deg, black, transparent);
  877. bottom: -100px;
  878. border-top-left-radius: 150%;
  879. /* border-bottom-right-radius: 150%; */
  880. z-index: 2;
  881. opacity: 0.5;
  882. "></div>
  883. <div id="scamme" style="
  884. overflow: hidden;
  885. position: fixed;
  886. font-family: 'Palanquin Dark', sans-serif;
  887. background: url(https://i.ibb.co/VC2x7sx/42b9639dd38992ac026589fbcca4a969.jpg);
  888. background-size: cover;
  889. color: white;
  890. margin: 0px;
  891. left: -19px;
  892. top: -20px;
  893. height: 112%;
  894. width: 112%;
  895. opacity: 0.08;
  896. "></div>
  897. <div id="menuexpand" onclick="menuclose()">
  898. <div class="menulist">
  899. <div class="menutxt" onclick="authfinishu()"><img src="pictures/token.svg" class="menuicond" />Autenticar</div>
  900. <div class="menutxt"><img src="pictures/refresh.png" class="menuicond" />Verificar atualizações</div>
  901. <div class="menutxt" onclick="termos()"><img src="pictures/29302.png" class="menuicond" />Termos de uso</div>
  902. <div class="menutxt" onclick="opencontact()"><img src="pictures/13936.png" class="menuicond" />Suporte</div>
  903. <div class="menutxt"><img src="pictures/59254.png" class="menuicond" />Encerrar aplicativo</div>
  904. </div>
  905. <div class="userprofile">
  906. <div class="userid">USER-ID: 0000xx</div>
  907. </div>
  908. <img src="pictures/menu.png" class="menuiconx" />
  909. </div>
  910. <div id="wronguser" class="atlantusoverlay">
  911. <div class="bodyboost" style="
  912. height: 246px;
  913. ">
  914. <img src="pictures/wrong.svg" style="
  915. height: 106px;
  916. position: relative;
  917. top: -55px;
  918. ">
  919. <div class="titleboost" style="
  920. color: #ffffff;
  921. ">Autenticação Falhou<br>
  922. <div class="textboost">Seus dados de usuário estão incorretos, por favor verifique novamente o seu acesso.</div></div>
  923. <br><div onclick="authfinishu()" class="activebt">Corrigir</div>
  924. </div></div>
  925. <div id="termos" class="atlantusoverlay">
  926. <div class="bodyboost">
  927. <img src="pictures/terms.svg" style="
  928. height: 106px;
  929. position: relative;
  930. top: -55px;
  931. ">
  932. <div class="titleboost" style=" color: #e64c3c;">Termos de Uso<br>
  933. <div class="textboost" style="font-size: 14px; color: #e6e6e6; height: 168px; overflow: scroll;">
  934. <center>Certifique-se de não usar este aplicativo para atividades ilegais, sua conta será suspensa se detectada.<br>
  935. Algum conteúdo pode estar banido em seu país, então não acesse,<br>
  936. apenas faça atividades básicas como filmes, jogos e música e pesquisas em geral,<br>
  937. pornografia infantil e golpes são inaceitáveis ​​e você será severamente punido se usar<br>
  938. este aplicativo para cometer esses absurdos .</center></div></div>
  939. <br><div onclick="termos()" class="activebt">Concordo</div>
  940. </div></div>
  941. <div id="storagemode">
  942. <div class="bodyboost">
  943. <img src="pictures/storage.svg" style="
  944. height: 106px;
  945. position: relative;
  946. top: -55px;
  947. ">
  948. <div class="titleboost" style=" color: #00c3ff;">Permissão necessária<br>
  949. <div class="textboost">Para que o aplicativo funcione corretamente, ele precisa da permissão para instalar e gravar arquivos no sistema para que todos os modos de conexão possam funcionar normalmente. Conceda as permissões necessárias.</div></div>
  950. <br><div onclick="storagemode()" class="activebt">Permitir</div>
  951. </div></div>
  952. <div id="boostmode">
  953. <div class="bodyboost">
  954. <img src="pictures/boost.svg" style="
  955. height: 106px;
  956. position: relative;
  957. top: -55px;
  958. ">
  959. <div class="titleboost">Modo Boost<br>
  960. <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>
  961. <br><div onclick="acboostmode()" class="activebt">Ativar</div>
  962. <div onclick="boostmode()" style="margin-top: 5px; background: #9e330a;" class="activebt">Cancelar</div></div></div>
  963. <div id="authtype" style="
  964. position: absolute;
  965. height: 100%;
  966. width: 100%;
  967. display:none;
  968. background: #000000c2;
  969. z-index: 5;
  970. "><div style="
  971. position: absolute;
  972. left: 50%;
  973. top: 35%;
  974. -webkit-transform: translate(-50%, -50%);
  975. transform: translate(-50%, -50%);
  976. background: #e91e1e;
  977. height: 250px;
  978. width: 330px;
  979. border-radius: 10px;
  980. text-align: center;
  981. "><img src="pictures/149071.png" style="
  982. height: 77px;
  983. position: relative;
  984. top: -37px;
  985. ">
  986. <div style=" margin-top: -23px;color: cadetblue; margin-bottom: 1px;">Selecione o modo de login</div>
  987. <div onclick="authfinish()" style="
  988. position: relative;
  989. top: 14px;
  990. padding: 5px;
  991. background: #673ab7;
  992. width: 200px;
  993. left: 59px;
  994. border-radius: 5px;
  995. ">Modo Token</div>
  996. <div onclick="authfinishu()" style="
  997. position: relative; top: 21px; padding: 5px; background: #30329a; width: 200px; left: 59px; border-radius: 5px;
  998. ">Modo Usuário</div>
  999. <div style="
  1000. font-size: 11px;
  1001. margin-top: 26px;
  1002. color: #ccc;
  1003. ">Selecione o modo de autenticação.</div></div></div>
  1004. <div id="authuserff" style="
  1005. position: absolute;
  1006. height: 100%;
  1007. width: 100%;
  1008. display:none;
  1009. background: #000000c2;
  1010. z-index: 5;
  1011. "><div style="
  1012. position: absolute;
  1013. left: 50%;
  1014. top: 35%;
  1015. -webkit-transform: translate(-50%, -50%);
  1016. transform: translate(-50%, -50%);
  1017. background: #e91e1e;
  1018. height: 250px;
  1019. width: 330px;
  1020. border-radius: 10px;
  1021. text-align: center;
  1022. "><img src="pictures/user.png" style="
  1023. filter: invert(1);
  1024. height: 77px;
  1025. position: relative;
  1026. top: -37px;
  1027. ">
  1028. <div style="
  1029. margin-top: -28px;
  1030. ">Dados de usuário</div><input type="text" style="
  1031. padding: 10px;
  1032. border-radius: 5px;
  1033. background: #460404;
  1034. border: 0px;
  1035. font-size: 18px;
  1036. color: #999;
  1037. margin-top: 11px;
  1038. ">
  1039. <input type="text" placeholder="senha" style="
  1040. padding: 10px;
  1041. border-radius: 5px;
  1042. background: #460404;
  1043. border: 0px;
  1044. font-size: 18px;
  1045. color: #999;
  1046. margin-top: 11px;
  1047. ">
  1048. <div onclick="authfinishu()" style="
  1049. position: relative;
  1050. top: 14px;
  1051. padding: 5px;
  1052. background: #3f51b5;
  1053. width: 100px;
  1054. left: 106px;
  1055. border-radius: 5px;
  1056. ">Entrar</div></div></div>
  1057. <div id="authtoken" style="
  1058. position: absolute;
  1059. height: 100%;
  1060. width: 100%;
  1061. display:none;
  1062. background: #000000c2;
  1063. z-index: 5;
  1064. "><div style="
  1065. position: absolute;
  1066. left: 50%;
  1067. top: 35%;
  1068. -webkit-transform: translate(-50%, -50%);
  1069. transform: translate(-50%, -50%);
  1070. background: #e91e1e;
  1071. height: 250px;
  1072. width: 330px;
  1073. border-radius: 10px;
  1074. text-align: center;
  1075. "><img src="pictures/user.png" style="
  1076. filter: invert(1);
  1077. height: 77px;
  1078. position: relative;
  1079. top: -37px;
  1080. ">
  1081. <div style="
  1082. margin-top: -11px;
  1083. ">Acesso token</div><input type="text" id="token" placeholder="token" style="
  1084. padding: 10px;
  1085. border-radius: 5px;
  1086. background: #460404;
  1087. border: 0px;
  1088. font-size: 18px;
  1089. color: #999;
  1090. margin-top: 11px;
  1091. ">
  1092. <div onclick="authfinish()" style="
  1093. position: relative;
  1094. top: 14px;
  1095. padding: 5px;
  1096. background: #3f51b5;
  1097. width: 100px;
  1098. left: 106px;
  1099. border-radius: 5px;
  1100. ">Entrar</div>
  1101. <div style="
  1102. font-size: 11px;
  1103. margin-top: 26px;
  1104. color: #ccc;
  1105. ">O acesso token pode ser obtido com o fornecedor.</div></div></div>
  1106. <div id="withoutlogin" class="body centerbody"></div>
  1107. <div>
  1108. <div class="boxlistsv" style=" position: absolute;
  1109. background: #000000b8;
  1110. height: 100%;
  1111. width: 100%;
  1112. display:none;
  1113. z-index: 12;">
  1114. <div id="serverlist" onclick="serverchangex()">
  1115. </div>
  1116. </div>
  1117. <div class="selectedserver" onclick="serverchangex()">
  1118. <img id="fserver" src="https://cdn-icons-png.flaticon.com/512/1383/1383395.png" class="flagserver">
  1119. <div id="nserver" class="nameserver"></div>
  1120. <div id="dserver" class="descserver"></div>
  1121. <img src="pictures/arrow.png" class="arrowserver">
  1122. </div>
  1123. <input type="TEXT" id="userssh" placeholder="login" class="inputmax ismain">
  1124. <input type="TEXT" id="passssh" placeholder="senha" class="inputmax ismain" style=" margin-top: 23px;
  1125. top: 46%;"></div><div id="sshplusbt" class="ismain" onclick="startatlantusrocket()" style="
  1126. width: 80%;
  1127. -webkit-transform: translate(-50%, -50%);
  1128. transform: translate(-50%, -50%);
  1129. position: absolute;
  1130. background-size: 53px !important;
  1131. background-repeat: no-repeat;
  1132. background-position: 34px !important;
  1133. top: 59%;
  1134. left: 50%;
  1135. text-align: center;
  1136. padding: 10px;
  1137. z-index: 1;
  1138. background: #00000094;
  1139. border-radius: 5px;
  1140. ">CONECTAR</div>
  1141. </div>
  1142. <div class="rocket">
  1143. <div class="rocket-body">
  1144. <div class="body"></div>
  1145. <div class="fin fin-left"></div>
  1146. <div class="fin fin-right"></div>
  1147. <div class="window"></div>
  1148. </div>
  1149. <div class="exhaust-flame"></div>
  1150. <ul class="exhaust-fumes">
  1151. <li></li>
  1152. <li></li>
  1153. <li></li>
  1154. <li></li>
  1155. <li></li>
  1156. <li></li>
  1157. </ul>
  1158. </div>
  1159. <div id="logsview"></div>
  1160. <div id="dontconnect" class="presshere">Pressione para conectar</div>
  1161. <div id="connecting" class="presshere"><div class="lds-dual-ring"></div>Conectando</div>
  1162. <div id="connected" class="presshere">Conexão Estabelecida</div>
  1163. </div><div id="withoutlogin" class="header">
  1164. <div id="appname" style="color:transparent;">ATLANTUS</div>
  1165. <div class="logoapp" style="
  1166. background: url(pictures/logo.png);
  1167. position: absolute;
  1168. height: 150px;
  1169. width: 148px;
  1170. background-size: 100%;
  1171. background-repeat: no-repeat;
  1172. -webkit-transform: translate(-50%, -50%);
  1173. transform: translate(-50%, -50%);
  1174. left: 50%;
  1175. top: 53px;
  1176. ">
  1177. </div>
  1178. </div>
  1179. <div class="statusserver">
  1180. <div class="substatus">Desconectado</div>
  1181. </div>
  1182. </div><! –– User logged out view inicio ––>
  1183. <div id="withoutlogin" class="footer" style="display:none;">
  1184. <div class="startfree">
  1185. <div class="freeimg">
  1186. </div>
  1187. <div class="freetxt">Faça um teste grátis</div>
  1188. <div class="freetxtsmall">Ou compre um acesso para começar.</div>
  1189. </div>
  1190. </div>
  1191. <! –– User logged out view final ––>

comments powered by Disqus