Tema eclipse

SUBMITTED BY: gustavo33

DATE: June 8, 2022, 2:30 a.m.

UPDATED: July 7, 2023, 12:52 a.m.

FORMAT: Text only

SIZE: 31.8 kB

History Raw Download

HITS: 3323

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