tema atl


SUBMITTED BY: Jonathasazevedo

DATE: March 14, 2022, 7:46 p.m.

UPDATED: March 16, 2022, 3:10 p.m.

FORMAT: Text only

SIZE: 22.0 kB

HITS: 4023

  1. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><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. , #20144a, #000000, #087c29);
  17. color: white;
  18. margin: 0px;
  19. left: 0px;
  20. top: 0px;
  21. height: 100%;
  22. width: 100%;
  23. }
  24. .notification
  25. {
  26. width: 90%;
  27. text-align: center;
  28. position: relative;
  29. background: linear-gradient(
  30. 45deg
  31. , #000000, #2c2a49);
  32. border-radius: 5px;
  33. position: absolute;
  34. left: 50%;
  35. white-space: nowrap;
  36. overflow: hidden;
  37. text-overflow: ellipsis;
  38. height: 35px;
  39. padding-top: 5px;
  40. display: none;
  41. z-index: 2;
  42. top: 303%;
  43. -webkit-transform: translate(-50%, -50%);
  44. transform: translate(-50%, -50%);
  45. }
  46. #logsview
  47. {
  48. position: absolute;
  49. -webkit-transform: translate(-50%, -50%);
  50. transform: translate(-50%, -50%);
  51. top: 83%;
  52. left: 50%;
  53. height: 40px;
  54. font-size: 11px;
  55. width: 200px;
  56. text-align: center;
  57. color: #ccc;
  58. overflow:scroll;
  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: 40px;
  147. top: 23px;
  148. background: black;
  149. border-top-left-radius: 20px;
  150. border-top-right-radius: 20px;
  151. padding: 5px;
  152. z-index: 0;
  153. }
  154. .statusserver
  155. {
  156. position: absolute;
  157. width: 100%;
  158. top: 75px;
  159. text-align: left;
  160. font-size: 15px;
  161. color: #ffffff;
  162. display: inline-block;
  163. text-shadow: 0px 0px 20px black;
  164. left: -51px;
  165. }
  166. .arrowserver
  167. {
  168. position: absolute;
  169. right: 13px;
  170. height: 18px;
  171. top: 21px;
  172. filter: invert(1);
  173. }
  174. .descserver
  175. {
  176. width: 59%;
  177. text-align: left;
  178. height: 22px;
  179. white-space: nowrap;
  180. overflow: hidden;
  181. text-overflow: ellipsis;
  182. position: absolute;
  183. top: 28px;
  184. font-size: 12px;
  185. left: 67px;
  186. color: #ccc;
  187. }
  188. .inputmax
  189. {
  190. -webkit-transform: translate(-50%, -50%);
  191. transform: translate(-50%, -50%);
  192. position: absolute;
  193. left: 50%;
  194. top: 42%;
  195. padding: 13px;
  196. background: #000000d6;
  197. font-size: 18px;
  198. z-index: 7;
  199. border: 0px;
  200. color: white;
  201. border-radius: 5px;
  202. }
  203. .nameserver
  204. {
  205. position: absolute;
  206. top: 8px;
  207. font-size: 15px;
  208. width: 64%;
  209. text-align: left;
  210. left: 67px;
  211. white-space: nowrap;
  212. overflow: hidden;
  213. text-overflow: ellipsis;
  214. }
  215. .selectedserver
  216. {
  217. background: linear-gradient(
  218. 45deg
  219. , black, #102517);
  220. width: 90%;
  221. -webkit-transform: translate(-50%, -50%);
  222. transform: translate(-50%, -50%);
  223. left: 50%;
  224. height: 40px;
  225. border-radius: 60px;
  226. top: 337%;
  227. padding: 9px;
  228. position: absolute;
  229. z-index: 1;
  230. }
  231. #menuexpand
  232. {
  233. position: absolute;
  234. left: 0px;
  235. height: 100%;
  236. bottom: 0px;
  237. display: none;
  238. width: 300px;
  239. background: linear-gradient(
  240. 45deg
  241. , black, #250200ed, #560400d4);
  242. z-index: 4;
  243. border-bottom-right-radius: 20px;
  244. border-top-right-radius: 20px;
  245. }
  246. .presshere
  247. {
  248. position: absolute;
  249. -webkit-transform: translate(-50%, -50%);
  250. transform: translate(-50%, -50%);
  251. top: 77%;
  252. left: 50%;
  253. font-size: 20px;
  254. width: 330px;
  255. text-align: center;
  256. }
  257. .connectbt
  258. {
  259. height: 120px;
  260. width: 120px;
  261. background: #ffffff url(pictures/power.svg);
  262. BORDER-RADIUS: 100%;
  263. -webkit-transform: translate(-50%, -50%);
  264. transform: translate(-50%, -50%);
  265. position: absolute;
  266. background-size: 53px !important;
  267. background-repeat: no-repeat;
  268. background-position: 34px !important;
  269. filter: invert(1);
  270. top: 63%;
  271. left: 50%;
  272. z-index: 1;
  273. }
  274. .freeimg
  275. {
  276. height: 40px;
  277. width: 40px;
  278. background: #ffffff4d url(pictures/crown.png);
  279. background-repeat: no-repeat;
  280. background-position: 5px;
  281. border-radius: 60px;
  282. position: absolute;
  283. top: 9px;
  284. left: 6px;
  285. }
  286. .freetxtsmall
  287. {
  288. position: absolute;
  289. left: 58px;
  290. top: 26px;
  291. color: #ccc;
  292. font-size: 12px;
  293. }
  294. .freetxt
  295. {
  296. position: absolute;
  297. left: 58px;
  298. top: 4px;
  299. font-size: 17px;
  300. }
  301. .header
  302. {
  303. position: fixed;
  304. top: 57px;
  305. left: 0px;
  306. width: 100%;
  307. z-index:3;
  308. text-align: center;
  309. }
  310. .startfree
  311. {
  312. width: 300px;
  313. height: 60px;
  314. background: #4b0e79;
  315. position: absolute;
  316. left: 50%;
  317. bottom: 27px;
  318. -webkit-transform: translate(-50%, -50%);
  319. transform: translate(-50%, -50%);
  320. border-radius: 10px;
  321. }
  322. #application
  323. {
  324. }
  325. .menuiconx
  326. {
  327. position: absolute;
  328. right: 19px;
  329. filter: invert(1);
  330. top: 44px;
  331. height: 24px;
  332. }
  333. #appname
  334. {
  335. font-size: 26px;
  336. color: #03a9f4;
  337. text-transform: uppercase;
  338. }
  339. .pingserver
  340. {
  341. position: absolute;
  342. right: 14px;
  343. font-size: 13px;
  344. color: #ccc;
  345. }
  346. .premiumserver
  347. {
  348. display:none;
  349. }
  350. .bronzeserver
  351. {
  352. display: none;
  353. }
  354. .freeserver
  355. {
  356. }
  357. .goldserver
  358. {
  359. display: none;
  360. }
  361. .recommendserver
  362. {
  363. display: none;
  364. }
  365. .greenping
  366. {
  367. background: #49ff50;
  368. width: 5px;
  369. height: 13px;
  370. position: absolute;
  371. right: -8px;
  372. border-radius: 55px;
  373. top: 7px;
  374. }
  375. .svbubble
  376. {
  377. background: #1d212a;
  378. width: 88%;
  379. transform: translate(-50%, 0%);
  380. left: 45%;
  381. height: 50px;
  382. border-radius: 19px;
  383. top: 6px;
  384. margin-bottom: 7px;
  385. padding: 9px;
  386. position: relative;
  387. }
  388. .typeserver
  389. {
  390. position: relative;
  391. width: 100%;
  392. text-align: left;
  393. padding-left: 20px;
  394. top: 20px;
  395. }
  396. .userprofile
  397. {
  398. background: url(pictures/149071.png);
  399. position: relative;
  400. height: 80px;
  401. width: 220px;
  402. background-size: 80px 80px;
  403. border-bottom: 1px solid #2b3548;
  404. background-repeat: no-repeat;
  405. left: 40px;
  406. top: 100px;
  407. padding-bottom: 50px;
  408. background-position-x: 65px;
  409. }
  410. #serverlist
  411. {
  412. -webkit-transform: translate(-50%, -50%);
  413. transform: translate(-50%, -50%);
  414. position: absolute;
  415. top: 828%;
  416. border-radius: 20px;
  417. left: 50%;
  418. display: none;
  419. overflow-x: hidden;
  420. overflow-y: scroll;
  421. width: 98%;
  422. height: 311px;
  423. padding-bottom: 100px;
  424. }
  425. .userid
  426. {
  427. position: absolute;
  428. bottom: 8px;
  429. width: 100%;
  430. text-align: center;
  431. font-size: 12px;
  432. color: #909090;
  433. }
  434. .userexp
  435. {
  436. position: absolute;
  437. bottom: 23px;
  438. color: #8e8e8e;
  439. width: 100%;
  440. text-align: center;
  441. font-size: 12px;
  442. }
  443. .menulist
  444. {
  445. position: absolute;
  446. color: #adadaf;
  447. top: 275px;
  448. left: 52px;
  449. }
  450. .menuicon
  451. {
  452. position: absolute;
  453. left: 19px;
  454. filter: invert(1);
  455. top: 11px;
  456. height: 24px;
  457. }
  458. .menutxt
  459. {
  460. position: relative;
  461. margin-bottom: 30px;
  462. }
  463. .rightbt
  464. {
  465. position: absolute;
  466. right: 5px;
  467. padding: 7px;
  468. border-radius: 5px;
  469. width: 62px;
  470. top: 5px;
  471. padding-right: 8px;
  472. }
  473. .menuicond
  474. {
  475. position: absolute;
  476. height: 18px;
  477. left: -27px;
  478. top: 6px;
  479. filter: invert(1);
  480. opacity: 0.77;
  481. }
  482. .crowimg
  483. {
  484. height: 18px;
  485. position: absolute;
  486. left: 5px;
  487. top: 9px;
  488. }
  489. .activebt
  490. {
  491. position: relative;
  492. top: 14px;
  493. padding: 5px;
  494. background: #3f51b5;
  495. width: 100px;
  496. left: 106px;
  497. border-radius: 5px;
  498. }
  499. .textboost
  500. {
  501. font-size: 14px;
  502. color: #e6e6e6;
  503. }
  504. .titleboost
  505. {
  506. margin-top: -59px;
  507. font-size: 24px;
  508. color: #ffa382;
  509. }
  510. .bodyboost
  511. {
  512. position: absolute;
  513. left: 50%;
  514. top: 48%;
  515. -webkit-transform: translate(-50%, -50%);
  516. transform: translate(-50%, -50%);
  517. background: #420000;
  518. height: 350px;
  519. width: 330px;
  520. border-radius: 10px;
  521. text-align: center;
  522. }
  523. .atlantusoverlay
  524. {
  525. display: none;
  526. position: absolute;
  527. height: 100%;
  528. width: 100%;
  529. background: rgba(0, 0, 0, 0.76);
  530. z-index: 10;
  531. }
  532. #boostmode
  533. {
  534. display:none;
  535. position: absolute; height: 100%;
  536. width: 100%; background: rgba(0, 0, 0, 0.76); z-index: 5;
  537. }
  538. #storagemode
  539. {
  540. display:none;
  541. position: absolute; height: 100%;
  542. width: 100%; background: rgba(0, 0, 0, 0.76); z-index: 5;
  543. }
  544. .protxt
  545. {
  546. position: relative;
  547. left: 9px;
  548. color: #fbc14d;
  549. font-weight: 100;
  550. text-shadow: 0px 0px 20px yellow;
  551. letter-spacing: 1.5px;
  552. font-size: 13px;
  553. top: -1px;
  554. }</style><meta name="viewport" content="width=device-width, initial-scale=1.0">
  555. </head><body><div id="withoutlogin" class="body">
  556. <div id="withoutlogin" class="header">
  557. <div id="serverlist" onclick="serverchange()">
  558. </div>
  559. <div class="selectedserver" onclick="serverchange()">
  560. <img id="fserver" src="file:///C:/Users/sport/Downloads/pictures/flags/none.svg" class="flagserver">
  561. <div id="nserver" class="nameserver"></div>
  562. <div id="dserver" class="descserver"></div>
  563. <img src="file:///C:/Users/sport/Downloads/pictures/arrow.png" class="arrowserver">
  564. </div>
  565. <div class="rightbt" onclick="boostmode()">
  566. <img src="file:///C:/Users/sport/Downloads/pictures/thunder.png" class="crowimg">
  567. <div class="protxt">Boost</div>
  568. </div>
  569. <img onclick="menuaction()" src="file:///C:/Users/sport/Downloads/pictures/menu.png" class="menuicon">
  570. <div id="appname">Atlantus</div>
  571. <div class="statusserver">Status:
  572. <div class="substatus">Desconectado</div>
  573. </div>
  574. </div>
  575. <div id="scamme" style="
  576. overflow: hidden;
  577. position: fixed;
  578. font-family: &#39;Palanquin Dark&#39;, sans-serif;
  579. background: url(https://blogger.googleusercontent.com/img/a/AVvXsEgCw20i6dYtQAvpGkQOjIc-09CYNV24qDRD7UeOmdCDxujVWVIOC1ifV82sxTc-KouzlQqvSE4DyDHQFgPMCjDUxsKIMVLmAmCL0UG-E-Z4RyeFkcryFXpz-j0VMifU04sGXCOXw0vF7-8RK1IKRWdAW9Dx8L8K2drUc_ZN0z0UECOtsxngZ8Hn9rFsEQ=s776);
  580. background-size: 100% 100%;
  581. color: white;
  582. margin: 0px;
  583. left: -19px;
  584. top: -20px;
  585. height: 112%;
  586. width: 112%;
  587. opacity: 0.77;
  588. "></div><div id="menuexpand" onclick="menuclose()">
  589. <div class="menulist">
  590. <div class="menutxt" onclick="authfinishu()"><img src="file:///C:/Users/sport/Downloads/pictures/token.svg" class="menuicond">Autenticar</div>
  591. <div class="menutxt"><img src="file:///C:/Users/sport/Downloads/pictures/refresh.png" class="menuicond">Verificar atualizações</div>
  592. <div class="menutxt" onclick="termos()"><img src="file:///C:/Users/sport/Downloads/pictures/29302.png" class="menuicond">Termos de uso</div>
  593. <div class="menutxt" onclick="opencontact()"><img src="file:///C:/Users/sport/Downloads/pictures/13936.png" class="menuicond">Suporte</div>
  594. <div class="menutxt"><img src="file:///C:/Users/sport/Downloads/pictures/59254.png" class="menuicond">Encerrar aplicativo</div>
  595. </div>
  596. <div class="userprofile">
  597. <div class="userid">USER-ID: 0000xx</div>
  598. </div>
  599. <img src="file:///C:/Users/sport/Downloads/pictures/menu.png" class="menuiconx">
  600. </div>
  601. <div id="wronguser" class="atlantusoverlay">
  602. <div class="bodyboost" style="
  603. height: 246px;
  604. ">
  605. <img src="file:///C:/Users/sport/Downloads/pictures/wrong.svg" style="
  606. height: 106px;
  607. position: relative;
  608. top: -55px;
  609. ">
  610. <div class="titleboost" style="
  611. color: #ff2222;
  612. ">Autenticação Falhou<br>
  613. <div class="textboost">Seus dados de usuário estão incorretos, por favor verifique novamente o seu acesso.</div></div>
  614. <br><div onclick="authfinishu()" class="activebt">Corrigir</div>
  615. </div></div>
  616. <div id="termos" class="atlantusoverlay">
  617. <div class="bodyboost">
  618. <img src="file:///C:/Users/sport/Downloads/pictures/terms.svg" style="
  619. height: 106px;
  620. position: relative;
  621. top: -55px;
  622. ">
  623. <div class="titleboost" style=" color: #e64c3c;">Termos de Uso<br>
  624. <div class="textboost" style="font-size: 14px; color: #e6e6e6; height: 168px; overflow: scroll;">
  625. <center>Certifique-se de não usar este aplicativo para atividades ilegais, sua conta será suspensa se detectada.<br>
  626. Algum conteúdo pode estar banido em seu país, então não acesse,<br>
  627. apenas faça atividades básicas como filmes, jogos e música e pesquisas em geral,<br>
  628. pornografia infantil e golpes são inaceitáveis ​​e você será severamente punido se usar<br>
  629. este aplicativo para cometer esses absurdos .</center></div></div>
  630. <br><div onclick="termos()" class="activebt">Concordo</div>
  631. </div></div>
  632. <div id="storagemode">
  633. <div class="bodyboost">
  634. <img src="file:///C:/Users/sport/Downloads/pictures/storage.svg" style="
  635. height: 106px;
  636. position: relative;
  637. top: -55px;
  638. ">
  639. <div class="titleboost" style=" color: #00c3ff;">Permissão necessária<br>
  640. <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>
  641. <br><div onclick="storagemode()" class="activebt">Permitir</div>
  642. </div></div>
  643. <div id="boostmode">
  644. <div class="bodyboost">
  645. <img src="file:///C:/Users/sport/Downloads/pictures/boost.svg" style="
  646. height: 106px;
  647. position: relative;
  648. top: -55px;
  649. ">
  650. <div class="titleboost">Modo Boost<br>
  651. <div class="textboost">O modo Boost pode otimizar a velocidade e detectar os aplicativos usados ​​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>
  652. <br><div onclick="acboostmode()" class="activebt">Ativar</div>
  653. <div onclick="boostmode()" style="margin-top: 5px; background: #9e330a;" class="activebt">Cancelar</div></div></div>
  654. <div id="authtype" style="
  655. position: absolute;
  656. height: 100%;
  657. width: 100%;
  658. display:none;
  659. background: #000000c2;
  660. z-index: 5;
  661. "><div style="
  662. position: absolute;
  663. left: 50%;
  664. top: 35%;
  665. -webkit-transform: translate(-50%, -50%);
  666. transform: translate(-50%, -50%);
  667. background: #e91e1e;
  668. height: 250px;
  669. width: 330px;
  670. border-radius: 10px;
  671. text-align: center;
  672. "><img src="file:///C:/Users/sport/Downloads/pictures/149071.png" style="
  673. height: 77px;
  674. position: relative;
  675. top: -37px;
  676. ">
  677. <div style=" margin-top: -23px;color: cadetblue; margin-bottom: 1px;">Selecione o modo de login</div>
  678. <div onclick="authfinish()" style="
  679. position: relative;
  680. top: 14px;
  681. padding: 5px;
  682. background: #673ab7;
  683. width: 200px;
  684. left: 59px;
  685. border-radius: 5px;
  686. ">Modo Token</div>
  687. <div onclick="authfinishu()" style="
  688. position: relative; top: 21px; padding: 5px; background: #30329a; width: 200px; left: 59px; border-radius: 5px;
  689. ">Modo Usuário</div>
  690. <div style="
  691. font-size: 11px;
  692. margin-top: 26px;
  693. color: #ccc;
  694. ">Selecione o modo de autenticação.</div></div></div>
  695. <div id="authuserff" style="
  696. position: absolute;
  697. height: 100%;
  698. width: 100%;
  699. display:none;
  700. background: #000000c2;
  701. z-index: 5;
  702. "><div style="
  703. position: absolute;
  704. left: 50%;
  705. top: 35%;
  706. -webkit-transform: translate(-50%, -50%);
  707. transform: translate(-50%, -50%);
  708. background: #e91e1e;
  709. height: 250px;
  710. width: 330px;
  711. border-radius: 10px;
  712. text-align: center;
  713. "><img src="file:///C:/Users/sport/Downloads/pictures/user.png" style="
  714. filter: invert(1);
  715. height: 77px;
  716. position: relative;
  717. top: -37px;
  718. ">
  719. <div style="
  720. margin-top: -28px;
  721. ">Dados de usuário</div><input type="text" style="
  722. padding: 10px;
  723. border-radius: 5px;
  724. background: #460404;
  725. border: 0px;
  726. font-size: 18px;
  727. color: #999;
  728. margin-top: 11px;
  729. ">
  730. <input type="text" placeholder="senha" style="
  731. padding: 10px;
  732. border-radius: 5px;
  733. background: #460404;
  734. border: 0px;
  735. font-size: 18px;
  736. color: #999;
  737. margin-top: 11px;
  738. ">
  739. <div onclick="authfinishu()" style="
  740. position: relative;
  741. top: 14px;
  742. padding: 5px;
  743. background: #3f51b5;
  744. width: 100px;
  745. left: 106px;
  746. border-radius: 5px;
  747. ">Entrar</div></div></div>
  748. <div id="authtoken" style="
  749. position: absolute;
  750. height: 100%;
  751. width: 100%;
  752. display:none;
  753. background: #000000c2;
  754. z-index: 5;
  755. "><div style="
  756. position: absolute;
  757. left: 50%;
  758. top: 35%;
  759. -webkit-transform: translate(-50%, -50%);
  760. transform: translate(-50%, -50%);
  761. background: #e91e1e;
  762. height: 250px;
  763. width: 330px;
  764. border-radius: 10px;
  765. text-align: center;
  766. "><img src="file:///C:/Users/sport/Downloads/pictures/user.png" style="
  767. filter: invert(1);
  768. height: 77px;
  769. position: relative;
  770. top: -37px;
  771. ">
  772. <div style="
  773. margin-top: -11px;
  774. ">Acesso token</div><input type="text" id="token" placeholder="token" style="
  775. padding: 10px;
  776. border-radius: 5px;
  777. background: #460404;
  778. border: 0px;
  779. font-size: 18px;
  780. color: #999;
  781. margin-top: 11px;
  782. ">
  783. <div onclick="authfinish()" style="
  784. position: relative;
  785. top: 14px;
  786. padding: 5px;
  787. background: #3f51b5;
  788. width: 100px;
  789. left: 106px;
  790. border-radius: 5px;
  791. ">Entrar</div>
  792. <div style="
  793. font-size: 11px;
  794. margin-top: 26px;
  795. color: #ccc;
  796. ">O acesso token pode ser obtido com o fornecedor.</div></div></div>
  797. <div id="withoutlogin" class="body centerbody"></div>
  798. <div><input type="TEXT" id="userssh" placeholder="login" class="inputmax ismain">
  799. <input type="TEXT" id="passssh" placeholder="senha" class="inputmax ismain" style=" margin-top: 23px;
  800. top: 46%;"></div>
  801. <div onclick="startatlantus()" class="connectbt">
  802. </div>
  803. <div id="logsview"></div>
  804. <div id="dontconnect" class="presshere">Pressione para conectar</div>
  805. <div id="connecting" class="presshere"><div class="lds-dual-ring"></div>Conectando</div>
  806. <div id="connected" class="presshere">Conexão Estabelecida</div>
  807. </div><div id="withoutlogin" class="header">
  808. <div id="serverlist" onclick="serverchange()">
  809. </div>
  810. <div class="selectedserver" onclick="serverchange()">
  811. <img id="fserver" src="file:///C:/Users/sport/Downloads/pictures/flags/none.svg" class="flagserver">
  812. <div id="nserver" class="nameserver"></div>
  813. <div id="dserver" class="descserver"></div>
  814. <img src="file:///C:/Users/sport/Downloads/pictures/arrow.png" class="arrowserver">
  815. </div>
  816. <div id="appname" style="color:transparent;">ATLANTUS</div>
  817. <div class="logoapp" style="
  818. background: url(https://i.ibb.co/LvM6cRb/banner.png);
  819. position: absolute;
  820. height: 240px;
  821. width: 140px;
  822. background-size: 100%;
  823. background-repeat: no-repeat;
  824. -webkit-transform: translate(-50%, -50%);
  825. transform: translate(-50%, -50%);
  826. left: 50%;
  827. top: 72px;
  828. ">
  829. </div>
  830. <div class="statusserver">Status:
  831. <div class="substatus">Desconectado</div>
  832. </div>
  833. </div><!-- –– User logged out view inicio ––-->
  834. <div id="withoutlogin" class="footer" style="display:none;">
  835. <div class="startfree">
  836. <div class="freeimg">
  837. </div>
  838. <div class="freetxt">Faça um teste grátis</div>
  839. <div class="freetxtsmall">Ou compre um acesso para começar.</div>
  840. </div>
  841. </div>
  842. <!-- –– User logged out view final ––-->

comments powered by Disqus