Penelope Tema

SUBMITTED BY: SrTriste

DATE: April 7, 2022, 7:53 p.m.

UPDATED: April 16, 2022, 5:02 p.m.

FORMAT: Text only

SIZE: 29.7 kB

History Raw Download

HITS: 450

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