tema brabo vpn

SUBMITTED BY: Leonardofreed

DATE: June 7, 2022, 5:22 p.m.

UPDATED: June 14, 2022, 1:20 p.m.

FORMAT: Text only

SIZE: 20.6 kB

History Raw Download

HITS: 468

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