main.css

SUBMITTED BY: BL420

DATE: March 13, 2022, 6:54 p.m.

FORMAT: Text only

SIZE: 33.4 kB

Raw Download

HITS: 301

Report
  1. @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
  2. /* ===== Scrollbar CSS ===== */
  3. /* Firefox */
  4. * {
  5. scrollbar-width: auto;
  6. scrollbar-color: #194452 #262626;
  7. }
  9. /* Chrome, Edge, and Safari */
  10. *::-webkit-scrollbar {
  11. width: 6px;
  12. }
  14. *::-webkit-scrollbar-track {
  15. background: #00000000;
  16. }
  18. *::-webkit-scrollbar-thumb {
  19. background-color: #151824;
  20. border-radius: 10px;
  21. border: 0px solid #ffffff;
  22. }
  25. .infoperson
  26. {
  27. position: relative;
  28. height: 90px;
  29. color: #6a7789;
  30. border-bottom: 1px solid #0b0f16;
  31. width: 92%;
  32. padding: 1px;
  33. margin-bottom: 19px;
  34. }
  36. #countonlines
  37. {
  38. color: #5ed662;
  39. font-size: 13px;
  40. margin-left: 4px;
  41. position: relative;
  42. top: -3px;
  43. }
  44. .bubblelistrev
  45. {
  46. height: 361px;
  47. overflow: scroll;
  48. }
  49. #bubblelistinfo
  50. {
  51. height: 301px;
  52. overflow: scroll;
  53. }
  54. .ronly
  55. {
  56. background: linear-gradient(
  57. 45deg, #7e181824, #3922227d);
  58. opacity: 0.4;
  59. }
  61. .textareapro
  62. {
  63. background: #0000004d;
  64. height: 178px;
  65. width: 92%;
  66. padding: 9px;
  67. max-width: 400px;
  68. margin-top: 4px;
  69. border: 2px groove #292c39;
  70. box-shadow: 0px 0px 3px black;
  71. color: #84c9ff;
  72. text-align: center;
  73. font-family: 'Roboto Condensed';
  74. font-size: 16px;
  75. }
  76. body {
  77. margin: 0;
  78. font-family: 'Roboto Condensed', sans-serif;
  79. position: fixed;
  80. overflow: visible;
  81. font-size: .9rem;
  82. width: 100%;
  83. height: 100%;
  84. background: #0d0d13;
  85. background-repeat: no-repeat;
  86. background-size: cover;
  87. background-attachment: center;
  88. background-position: fixed;
  89. font-size: inherit;
  90. position: fixed;
  91. overflow: hidden;
  92. line-height: 1.25;
  93. color: #000;
  94. }
  95. .imgbubble
  96. {
  97. position: absolute;
  98. height: 42px;
  99. filter: invert(1);
  100. margin-top: -2px;
  102. }
  103. .userabout
  104. {
  105. font-size: 15px;
  106. color: #e7feff;
  107. margin-top: -8px;
  108. }
  109. .usereditorimg
  110. {
  111. position: relative;
  112. height: 60px;
  113. top: -21px;
  114. opacity: 0.9;
  115. filter: invert(1);
  116. margin-top: -2px;
  117. }
  118. .ubt
  119. {
  120. padding: 8px;
  121. background: #1a1528;
  122. width: 101px;
  123. border-radius: 3px;
  124. position: relative;
  125. margin-left: 2px;
  126. margin-top: 4px;
  127. display: inline-block;
  128. margin-bottom: 4px;
  129. }
  131. .swarn
  132. {
  133. display:none;
  134. position: absolute;right: 5px;top: 8px;
  135. background: linear-gradient(45deg, #ff0000b8, #ff006882);
  136. padding: 2px;border-radius: 60px;
  137. width: 19px;
  138. font-size: 16px;
  139. text-align: center;
  140. }
  141. .inputuitree
  142. {
  143. padding: 7px;
  144. position: relative;
  145. border: 0px;
  146. background: #10141c;
  147. border-radius: 5px;
  148. font-size: 18px;
  149. margin-top: 5px;
  150. margin-bottom: 9px;
  151. color: #888;
  152. width: 207px;
  153. }
  154. .sshuserdialog {
  155. width: 95%;
  156. max-width: 800px;
  157. height: 462px;
  158. border-radius: 7px;
  159. margin-top: 40px;
  160. background: rgb(7, 10, 17);
  161. left: 50%;
  162. top: 44%;
  163. -webkit-transform: translate(-50%, -50%);
  164. position: absolute;
  165. transform: translate(-50%, -50%);
  166. }
  167. .idbubble
  168. {
  169. margin-left: 60px;
  170. font-size: 14px;
  171. }
  172. :focus {outline:none;}
  174. .lds-roller {
  175. display: inline-block;
  176. position: relative;
  177. width: 80px;
  178. height: 80px;
  179. }
  180. .lds-roller div {
  181. animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  182. transform-origin: 40px 40px;
  183. }
  184. .lds-roller div:after {
  185. content: " ";
  186. display: block;
  187. position: absolute;
  188. width: 7px;
  189. height: 7px;
  190. border-radius: 50%;
  191. background: #fff;
  192. margin: -4px 0 0 -4px;
  193. }
  194. .lds-roller div:nth-child(1) {
  195. animation-delay: -0.036s;
  196. }
  197. .lds-roller div:nth-child(1):after {
  198. top: 63px;
  199. left: 63px;
  200. }
  201. .lds-roller div:nth-child(2) {
  202. animation-delay: -0.072s;
  203. }
  204. .lds-roller div:nth-child(2):after {
  205. top: 68px;
  206. left: 56px;
  207. }
  208. .lds-roller div:nth-child(3) {
  209. animation-delay: -0.108s;
  210. }
  211. .lds-roller div:nth-child(3):after {
  212. top: 71px;
  213. left: 48px;
  214. }
  215. .lds-roller div:nth-child(4) {
  216. animation-delay: -0.144s;
  217. }
  218. .lds-roller div:nth-child(4):after {
  219. top: 72px;
  220. left: 40px;
  221. }
  222. .lds-roller div:nth-child(5) {
  223. animation-delay: -0.18s;
  224. }
  225. .lds-roller div:nth-child(5):after {
  226. top: 71px;
  227. left: 32px;
  228. }
  229. .lds-roller div:nth-child(6) {
  230. animation-delay: -0.216s;
  231. }
  232. .lds-roller div:nth-child(6):after {
  233. top: 68px;
  234. left: 24px;
  235. }
  236. .lds-roller div:nth-child(7) {
  237. animation-delay: -0.252s;
  238. }
  239. .lds-roller div:nth-child(7):after {
  240. top: 63px;
  241. left: 17px;
  242. }
  243. .lds-roller div:nth-child(8) {
  244. animation-delay: -0.288s;
  245. }
  246. .lds-roller div:nth-child(8):after {
  247. top: 56px;
  248. left: 12px;
  249. }
  250. @keyframes lds-roller {
  251. 0% {
  252. transform: rotate(0deg);
  253. }
  254. 100% {
  255. transform: rotate(360deg);
  256. }
  257. }
  259. .success-checkmark {
  260. width: 80px;
  261. height: 115px;
  262. margin: 0 auto;
  263. }
  264. .success-checkmark .check-icon {
  265. width: 80px;
  266. height: 80px;
  267. position: relative;
  268. border-radius: 50%;
  269. box-sizing: content-box;
  270. border: 4px solid white;
  271. }
  272. .success-checkmark .check-icon::before {
  273. top: 3px;
  274. left: -2px;
  275. width: 30px;
  276. transform-origin: 100% 50%;
  277. border-radius: 100px 0 0 100px;
  278. }
  279. .success-checkmark .check-icon::after {
  280. top: 0;
  281. left: 30px;
  282. width: 60px;
  283. transform-origin: 0 50%;
  284. border-radius: 0 100px 100px 0;
  285. animation: rotate-circle 4.25s ease-in;
  286. }
  287. .success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  288. content: "";
  289. height: 100px;
  290. position: absolute;
  291. transform: rotate(-45deg);
  292. }
  293. .success-checkmark .check-icon .icon-line {
  294. height: 5px;
  295. background-color: white;
  296. display: block;
  297. border-radius: 2px;
  298. position: absolute;
  299. z-index: 10;
  300. }
  301. .success-checkmark .check-icon .icon-line.line-tip {
  302. top: 46px;
  303. left: 14px;
  304. width: 25px;
  305. transform: rotate(45deg);
  306. animation: icon-line-tip 0.75s;
  307. }
  308. .success-checkmark .check-icon .icon-line.line-long {
  309. top: 38px;
  310. right: 8px;
  311. width: 47px;
  312. transform: rotate(-45deg);
  313. animation: icon-line-long 0.75s;
  314. }
  315. .success-checkmark .check-icon .icon-circle {
  316. top: -4px;
  317. left: -4px;
  318. z-index: 10;
  319. width: 80px;
  320. height: 80px;
  321. border-radius: 50%;
  322. position: absolute;
  323. box-sizing: content-box;
  324. border: 4px solid white;
  325. }
  326. .success-checkmark .check-icon .icon-fix {
  327. top: 8px;
  328. width: 5px;
  329. left: 26px;
  330. z-index: 1;
  331. height: 85px;
  332. position: absolute;
  333. transform: rotate(-45deg);
  334. }
  336. @keyframes rotate-circle {
  337. 0% {
  338. transform: rotate(-45deg);
  339. }
  340. 5% {
  341. transform: rotate(-45deg);
  342. }
  343. 12% {
  344. transform: rotate(-405deg);
  345. }
  346. 100% {
  347. transform: rotate(-405deg);
  348. }
  349. }
  350. @keyframes icon-line-tip {
  351. 0% {
  352. width: 0;
  353. left: 1px;
  354. top: 19px;
  355. }
  356. 54% {
  357. width: 0;
  358. left: 1px;
  359. top: 19px;
  360. }
  361. 70% {
  362. width: 50px;
  363. left: -8px;
  364. top: 37px;
  365. }
  366. 84% {
  367. width: 17px;
  368. left: 21px;
  369. top: 48px;
  370. }
  371. 100% {
  372. width: 25px;
  373. left: 14px;
  374. top: 45px;
  375. }
  376. }
  377. @keyframes icon-line-long {
  378. 0% {
  379. width: 0;
  380. right: 46px;
  381. top: 54px;
  382. }
  383. 65% {
  384. width: 0;
  385. right: 46px;
  386. top: 54px;
  387. }
  388. 84% {
  389. width: 55px;
  390. right: 0px;
  391. top: 35px;
  392. }
  393. 100% {
  394. width: 47px;
  395. right: 8px;
  396. top: 38px;
  397. }
  398. }
  400. #resultfinish
  401. {
  403. height: 33%;
  404. }
  405. .initialtxt
  406. {
  408. position: absolute;
  409. color: rgb(45 45 45);
  410. font-size: 14px;
  411. left: 94px;
  412. top: 45px;
  413. width: 400px;
  414. text-align: left;
  415. font-family: sans-serif;
  416. }
  418. #releaseid
  419. {
  420. position: absolute;
  421. bottom: 3px;
  422. text-align: center;
  423. color: white;
  424. font-size: 11px;
  425. opacity: 0.3;
  426. width: 100%;
  427. }
  428. .announcetitle
  429. {
  430. margin-bottom: 10px;
  431. border-bottom: 1px solid #373158;
  432. width: 80%;
  433. color: cadetblue;
  434. font-size: 18px;
  435. }
  437. .announcetime
  438. {
  439. font-size: 11px;
  440. margin-bottom: 5px;
  441. color: currentColor;
  442. margin-top: -3px;
  443. }
  444. .announcemsg
  445. {
  446. padding: 5px;
  447. background: linear-gradient(
  448. 45deg
  449. , #0e101b, #1d152bdb);
  450. border-radius: 5px;
  451. text-align: left;
  452. padding-left: 24px;
  453. font-size: 15px;
  454. padding-bottom: 8px;
  455. padding-top: 8px;
  456. margin-bottom: 7px;
  457. }
  459. .ocean {
  460. height: 5%;
  461. width: 100%;
  462. position: absolute;
  463. filter: hue-rotate(
  464. 445deg);
  465. bottom: -55px;
  466. left: 0;
  467. background: #015871;
  468. opacity: 0.1;
  469. }
  471. .wave {
  472. background: url(https://cdn.kcak11.com/codepen_assets/wave_animation/wave.svg) repeat-x;
  473. position: absolute;
  474. top: -128px;
  475. width: 6400px;
  476. height: 198px;
  477. animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  478. transform: translate3d(0, 0, 0);
  479. }
  481. .wave:nth-of-type(2) {
  482. top: -175px;
  483. animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
  484. opacity: 1;
  485. }
  487. @keyframes wave {
  488. 0% {
  489. margin-left: 0;
  490. }
  491. 100% {
  492. margin-left: -1600px;
  493. }
  494. }
  495. @keyframes swell {
  496. 0%,
  497. 100% {
  498. transform: translate3d(0, -25px, 0);
  499. }
  500. 50% {
  501. transform: translate3d(0, 5px, 0);
  502. }
  503. }
  504. .endWave{
  505. display:none;
  506. }
  507. .svstatic
  508. {
  509. margin-bottom: 3px;
  510. color: #b5c8d1;
  511. background: linear-gradient(
  512. 65deg, #0e0e14a3, #120d168c);
  513. margin-left: -18px;
  514. padding: 7px;
  515. padding-left: 12px;
  516. border-radius: 8px;
  517. border-right: 15px solid #23153a;
  518. }
  520. #getipsadd
  521. {
  522. color: #9c27b0;
  523. text-shadow: 0px 0px 25px #7b1391;
  524. font-size: 56px;
  525. opacity: 0.44;
  526. }
  527. #getstatistics
  528. {
  529. font-size: 14px;
  530. margin-top: 7px;
  531. color: #c4c4c4;
  532. }
  533. .estimateduse
  534. {
  535. font-size: 20px;
  536. margin-bottom: -27px;
  537. font-weight: 100;
  538. color: #a8c8e1;
  539. }
  540. .classicmoon
  541. {
  542. position: absolute;
  543. left: 50%;
  544. -webkit-transform: translate(-50%, -50%);
  545. transform: translate(-50%, -50%);
  546. top: 46%;
  547. height: 83%;
  548. text-align: center;
  549. width: 100%;
  550. overflow-y: scroll;
  551. }
  552. .fxmore
  553. {
  555. width: 74%;
  556. height: 83%;
  557. border-radius: 10px;
  558. background: #00000045;
  559. display: inline-block;
  560. position: relative;
  561. left: 5px;
  562. top: 14%;
  563. overflow: visible;
  564. }
  566. .itemsxv
  567. {
  568. background: #0000006b;
  569. position: absolute;
  570. left: 13%;
  571. -webkit-transform: translate(-50%, -50%);
  572. transform: translate(-50%, -50%);
  573. top: 5%;
  574. height: 70px;
  575. width: 70px;
  576. filter: invert(1);
  577. border-radius: 20px;
  578. background: url(/promise/img/head.svg), #f5f2f2a3;
  579. background-size: 58%;
  580. background-position: 16px;
  581. background-repeat: no-repeat;
  582. }
  583. .kshellbubble
  584. {
  585. background: url(/promise/img/cow.svg), linear-gradient(
  586. 24deg, #0d0d15, #232220);
  587. background-size: 100% 100%;
  588. height: 69px;
  589. padding: 5px;
  590. margin-bottom: 2px;
  591. color: #fff;
  592. margin-top: 4px;
  593. border: 1px solid #161010;
  594. border-radius: 6px;
  595. }
  596. #kshellconsole
  597. {
  598. height: 300px;
  599. background: linear-gradient(
  600. 45deg, black, transparent);
  601. width: 98%;
  602. border-radius: 5px;
  603. color: #3bff55;
  604. font-size: 13px;
  605. overflow: scroll;
  606. text-align: left;
  607. overflow-x: hidden;
  608. padding: 4px;
  609. }
  610. .sbubble
  611. {
  612. position: relative;
  613. display: inline-block;
  614. font-size: 15px;
  615. margin-left: 2px;
  616. color: #bbdfdf;
  617. }
  618. .pageimg
  619. {
  620. height: 76px;
  621. filter: invert(1);
  622. }
  623. .pageimgz
  624. {
  625. height: 76px;
  626. }
  627. .flag-discount {
  628. border-radius: 6px 0 0 6px;
  629. color: #fff;
  630. display: block;
  631. float: left;
  632. padding: 10px 20px;
  633. background: #93274f;
  634. font-size: 20px;
  635. font-weight: 400;
  636. position: relative;
  637. }
  638. .flag-discount::before,
  639. .flag-discount::after {
  640. content: "";
  641. position: absolute;
  642. left: 100%;
  643. width: 0;
  644. height: 0;
  645. border-style: solid;
  646. display: block;
  647. }
  648. .flag-discount::before {
  649. top: 0;
  650. border-width: 22px 15px 0 0;
  651. border-color: #93274f transparent transparent transparent;
  652. }
  653. .flag-discount::after {
  654. bottom: 0;
  655. border-width: 0 15px 22px 0;
  656. border-color: transparent transparent #93274f transparent;
  657. }
  658. .inverticon
  659. {
  660. filter: invert(1);
  661. }
  662. .lbubble
  663. {
  664. margin-left: 60px;
  665. position: relative;
  666. display: inline-block;
  667. font-size: 15px;
  668. }
  669. .mbubble
  670. {
  671. padding: 13px;
  672. margin-top: 7px;
  673. background: #0e111bc7;
  674. width: 90%;
  675. max-width: 600px;
  676. position: relative;
  677. text-align: left;
  678. color: #c1e0ffd4;
  679. padding-left: 16px;
  680. height: 54px;
  681. border-radius: 3px;
  682. }
  683. .createdtxt
  684. {
  685. width: 248px;
  686. text-align: left;
  687. margin-top: 9px;
  688. color: cadetblue;
  689. font-size: 18px;
  690. font-weight: 600;
  691. }
  692. .mbcount
  693. {
  694. font-size: 30px;
  695. margin-bottom: -27px;
  696. position: absolute;
  697. font-weight: 100;
  698. left: 100px;
  699. top: 67px;
  700. color: #d2f9ff;
  701. }
  702. .linkbtx
  703. {
  704. font-size: 21px;
  705. margin-top: 30px;
  706. color: #f2e1ffe0;
  707. }
  708. .linkbt
  709. {
  710. height: 19px;
  711. padding-right: 6px;
  712. position: relative;
  713. top: 2px;
  714. margin-left: -4px;
  715. filter: invert(1);
  716. }
  717. .lnd
  718. {
  719. background: linear-gradient(236deg, rgba(29, 61, 70, 0.30980392156862746), rgba(0, 0, 0, 0.79), #04090c, #091119e3), url();
  720. background-size: 100% 100%;
  721. }
  723. .usereditor
  724. {
  725. width: 100%;
  726. height: 100%;
  727. left: 50%;
  728. background: #00000033;
  729. -webkit-backdrop-filter: blur(4px);
  730. backdrop-filter: blur(4px);
  731. top: 50%;
  732. -webkit-transform: translate(-50%, -50%);
  733. position: fixed;
  734. transform: translate(-50%, -50%);
  735. }
  737. .attrdescsmall
  738. {
  739. color: #9e9e9e;
  740. font-size: 13px;
  741. margin-top: 2px;
  742. }
  743. .attrbubble
  744. {
  745. padding: 4px;
  746. text-align: left;
  747. position: relative;
  748. background: #0b0f16;
  749. height: 54px;
  750. border-bottom: 1px solid #123754;
  751. font-size: 14px;
  752. }
  753. .rkbubble
  754. {
  755. position: absolute;
  756. background: #2a3660;
  757. height: 43px;
  758. width: 55px;
  759. text-transform: uppercase;
  760. border-radius: 60px;
  761. text-align: center;
  762. font-size: 28px;
  763. padding-top: 10px;
  764. left: 7px;
  765. top: 25px;
  766. }
  767. .infops
  768. {
  769. position: relative;
  770. display: inline-block;
  771. width: 33%;
  772. margin-top: 4px;
  773. }
  774. .addonbt
  775. {
  776. background: #368139;
  777. width: max-content;
  778. padding: 5px;
  779. border-radius: 4px;
  780. margin-bottom: -29px;
  781. top: -34px;
  782. left: 34%;
  783. position: relative;
  784. }
  785. .attributes
  786. {
  787. height: 123px;
  788. width: 96%;
  789. margin-bottom: 3px;
  790. background: #0c0a0ead;
  791. overflow-y: scroll;
  792. position: relative;
  793. overflow-x: hidden;
  794. border-radius: 3px;
  795. }
  797. .reveditor
  798. {
  799. width: 100%;
  800. height: 100%;
  801. left: 50%;
  802. background: #00000033;
  803. -webkit-backdrop-filter: blur(4px);
  804. backdrop-filter: blur(4px);
  805. top: 50%;
  806. -webkit-transform: translate(-50%, -50%);
  807. position: fixed;
  808. transform: translate(-50%, -50%);
  809. }
  811. .revattr
  812. {
  813. width: 100%;
  814. height: 100%;
  815. left: 50%;
  816. top: 50%;
  817. -webkit-backdrop-filter: blur(4px);
  818. backdrop-filter: blur(4px);
  819. -webkit-transform: translate(-50%, -50%);
  820. position: fixed;
  821. transform: translate(-50%, -50%);
  822. }
  824. .closebutton
  825. {
  826. position: absolute;
  827. right: 0px;
  828. bottom: 2px;
  829. background: #812626;
  830. padding: 5px;
  831. border-radius: 5px;
  832. width: 76px;
  833. }
  834. .biginfo
  835. {
  836. position: absolute;
  837. top: 5px;
  838. right: 4px;
  839. color: burlywood;
  840. }
  841. .littleicon
  842. {
  843. position: absolute;
  844. left: -6px;
  845. padding: 5px;
  846. background: #4a1a89;
  847. box-shadow: 0px 0px 12px black;
  848. font-size: 17px;
  849. width: 24px;
  850. top: -10px;
  851. text-transform: uppercase;
  852. border-radius: 60px;
  853. }
  854. .littleinfo
  855. {
  856. font-size: 12px;
  857. position: absolute;
  858. bottom: 5px;
  859. left: 6px;
  860. text-shadow: 0px 0px 3px black;
  861. }
  862. .littleline
  863. {
  864. background: #2196f3;
  865. width: 6px;
  866. height: 83px;
  867. position: relative;
  868. border-radius: 60px;
  869. margin-top: -47px;
  870. z-index: -1;
  871. box-shadow: 0px 0px 11px cyan;
  872. }
  873. .littleinfox
  874. {
  875. font-size: 12px;
  876. position: absolute;
  877. bottom: 22px;
  878. left: 6px;
  879. text-shadow: 0px 0px 3px black;
  880. }
  882. .structureborder
  883. {
  884. height: 50px;
  885. border: 3px solid #182239;
  886. width: 90%;
  887. padding: 12px;
  888. position: relative;
  889. overflow: scroll;
  890. height: 65%;
  891. border-radius: 10px;
  892. display:none;
  893. }
  894. .cardcontent
  895. {
  896. background: #0e1424;
  897. width: 93%;
  898. margin-bottom: 2px;
  899. position: relative;
  900. display:inline-block;
  901. height: 54px;
  902. border-radius: 5px;
  903. }
  904. .structurecontent
  905. {
  906. transform: translate(-50%, -50%);
  907. height: 80%;
  908. width: 97%;
  909. left: 50%;
  910. top: 50%;
  911. position: fixed;
  912. z-index:1;
  913. }
  915. .usersview
  916. {
  917. position: absolute;
  918. right: 5px;
  919. bottom: 3px;
  920. font-size: 14px;
  921. background: #1e5020;
  922. padding: 3px;
  923. border-radius: 3px;
  924. }
  925. .structureimg
  926. {
  927. position: fixed;
  928. left: 0px;
  929. height: 300px;
  930. transform: translate(-50%, -50%);
  931. top: 50%;
  932. left: 50%;
  933. filter: invert(1);
  934. opacity: 0.01;
  935. }
  937. .structuretitle
  938. {
  939. font-size: 34px;
  940. margin-top: -20px;
  941. text-shadow: 0px 0px 5px black;
  942. border-radius: 10px;
  943. }
  946. .blackscreenup
  947. {
  948. width: 100%;
  949. height: 100%;
  950. left: 50%;
  951. background: #0b15219e;
  952. -webkit-backdrop-filter: blur(3px);
  953. /* backdrop-filter: blur(3px); */
  954. top: 50%;
  955. -webkit-transform: translate(-50%, -50%);
  956. position: fixed;
  957. transform: translate(-50%, -50%);
  958. }
  960. #whitelist
  961. {
  962. font-size: 14px;
  963. color: #91a4dc;
  964. }
  966. #getusercreate
  967. {
  968. font-size: 56px;
  969. opacity: 0.44;
  970. text-shadow: 0px 0px 25px #00b6ce;
  971. color: #00bcd4;
  972. }
  973. #getrevscreate
  974. {
  975. font-size: 56px;
  976. opacity: 0.44;
  977. color: #c4f4ff;
  978. text-shadow: 0px 0px 25px #2affe7;
  979. }
  980. #getusersonline
  981. {
  982. font-size: 56px;
  983. opacity: 0.44;
  984. color: #c6ff84;
  985. text-shadow: 0px 0px 25px #b0ff54;
  986. }
  987. .svprepare
  988. {
  989. height: 15px;
  990. margin-left: 4px;
  991. margin-right: 6px;
  992. margin-top: 5px;
  993. position: relative;
  994. top: 2px;
  995. filter: hue-rotate(545deg) brightness(10.5);
  996. }
  997. .userinfo
  998. {
  999. width: 100%;
  1000. height: 100%;
  1001. left: 50%;
  1002. -webkit-backdrop-filter: blur(4px);
  1003. backdrop-filter: blur(4px);
  1004. top: 50%;
  1005. -webkit-transform: translate(-50%, -50%);
  1006. position: fixed;
  1007. transform: translate(-50%, -50%);
  1008. }
  1009. .icnpass
  1010. {
  1011. height: 19px;
  1012. opacity: 0.4;
  1013. left: 15%;
  1014. top: 58%;
  1015. -webkit-transform: translate(-50%, -50%);
  1016. position: absolute;
  1017. transform: translate(-50%, -50%);
  1018. z-index: 1;
  1019. }
  1020. .icnuser
  1021. {
  1022. height: 19px;
  1023. opacity: 0.4;
  1024. left: 15%;
  1025. top: 47%;
  1026. -webkit-transform: translate(-50%, -50%);
  1027. position: absolute;
  1028. transform: translate(-50%, -50%);
  1029. z-index: 1;
  1030. }
  1031. #dwresource
  1032. {
  1033. height: 0px;
  1034. position: absolute;
  1035. width: 1px;
  1036. z-index: 7;
  1037. top: 5px;
  1038. left: 5px;
  1039. overflow: hidden;
  1040. }
  1041. .reconnectbt
  1042. {
  1043. padding: 11px;
  1044. background: #bcbcbd;
  1045. width: 200px;
  1046. color: black;
  1047. position: absolute;
  1048. left: 50%;
  1049. border-radius: 5px;
  1050. top: 100%;
  1051. -webkit-transform: translate(-50%, -50%);
  1052. transform: translate(-50%, -50%);
  1053. }
  1054. .ltxt
  1055. {
  1056. top: 76.5% !important;
  1057. width: 250px !important;
  1058. white-space: nowrap;
  1059. overflow: hidden;
  1060. text-overflow: ellipsis;
  1061. }
  1062. .icnd
  1063. {
  1064. position: relative;
  1065. height: 120px;
  1066. filter: invert(1);
  1067. }
  1068. .disconnectp
  1069. {
  1070. position: absolute;
  1071. left: 50%;
  1072. top: 50%;
  1073. transform: translate(-50%, -50%);
  1074. background: #101319;
  1075. width: 380px;
  1076. height: 400px;
  1077. border-radius: 10px;
  1078. text-align: center;
  1079. color: white;
  1080. font-size: 24px;
  1081. }
  1083. #disconnect
  1084. {
  1085. position: fixed;
  1086. width: 100%;
  1087. height: 100%;
  1088. display: none;
  1089. backdrop-filter: blur(4px);
  1090. z-index: 11111;
  1091. background: #0000005c;
  1092. }
  1093. .tclosz
  1094. {
  1095. display: inline-block;
  1096. padding: 4px;
  1097. background: #b73a3a;
  1098. width: 17px;
  1099. height: 17px;
  1100. text-align: center;
  1101. font-size: 14px;
  1102. }
  1103. .tminz
  1104. {
  1106. display: inline-block;
  1107. padding: 4px;
  1108. background: #291d66;
  1109. width: 17px;
  1110. height: 17px;
  1111. text-align: center;
  1112. font-size: 14px;
  1113. }
  1114. .toolbar
  1115. {
  1116. position: fixed;
  1117. top: -36px;
  1118. right: 3px;
  1119. background: #141a27;
  1120. border: 1px solid #111;
  1121. text-align: center;
  1122. padding: 4px;
  1123. border-radius: 5px;
  1124. box-shadow: 1px 1px #0000001a;
  1125. }
  1126. .search {
  1127. padding: 12px;
  1128. border: 0px;
  1129. border-radius: 5px;
  1130. font-size: 15px;
  1131. background: linear-gradient(
  1132. 45deg, #111722, #232d3d94);
  1133. width: 250px;
  1134. display: inline-block;
  1135. color: #d1c8c8;
  1136. }
  1137. .searchimg
  1138. {
  1139. height: 31px;
  1140. position: relative;
  1141. top: 9px;
  1142. filter: invert(1) brightness(0.5);
  1143. }
  1144. .atlantusicon
  1145. {
  1146. transition: transform .2s; /* Animation */
  1147. height: 26px;
  1148. opacity: 0.81;
  1149. position: relative;
  1150. margin-left: 24px;
  1151. display: block;
  1152. margin-top: 23px;
  1153. }
  1154. .atlantusicon:hover {
  1155. transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  1156. }
  1158. .useron
  1159. {
  1160. background: #4dd353; height: 16px; width: 16px; position: absolute; border-radius: 60px;
  1161. margin-left: 8px; box-shadow: 0px 0px 13px 0px #00ff0e; margin-top: 0px; top: 5px; right: 9px;
  1162. }
  1163. .useroff
  1164. {
  1165. background: #fdfdfd;
  1166. height: 16px;
  1167. width: 16px;
  1168. position: absolute;
  1169. border-radius: 60px;
  1170. margin-left: 8px;
  1171. box-shadow: 0px 0px 13px 0px #000000;
  1172. margin-top: 0px;
  1173. top: 5px;
  1174. right: 9px;
  1175. opacity: 0.2;
  1176. }
  1177. .atlh2
  1178. {
  1179. font-size: 20px;
  1180. margin-top: 20px;
  1181. color: #999;
  1182. }
  1183. .connectcheckp
  1184. {
  1185. margin-left: 60px;
  1186. position: relative;
  1187. display: inline-block;
  1188. font-size: 15px;
  1189. color: aquamarine;
  1190. }
  1191. .bubblecheck
  1192. {
  1193. margin-bottom: 15px;
  1194. background: linear-gradient(
  1195. 45deg, #00000047, transparent);
  1196. width: 95%;
  1197. border-radius: 5px;
  1198. padding: 5px;
  1199. }
  1200. .bubblep
  1201. {
  1202. color: #ffffffc2;
  1203. padding: 5px;
  1204. background: linear-gradient(
  1205. 45deg, #19191d36, #0f21253d);
  1206. height: 100px;
  1207. border-radius: 8px;
  1208. width: 86%;
  1209. position: relative;
  1210. left: 3%;
  1211. font-size: 20px;
  1212. text-align: left;
  1213. margin-top: 9px;
  1214. padding-left: 18px;
  1215. }
  1217. .pmessage
  1218. {
  1219. color: #afafaf;
  1220. font-size: 17px;
  1221. margin-bottom: 20px;
  1222. }
  1223. .notification
  1224. {
  1225. position: fixed;
  1226. height: 53px;
  1227. text-align: center;
  1228. display: none;
  1229. width: 300px;
  1230. background: #0f121b;
  1231. border-radius: 2px;
  1232. bottom: 19px;
  1233. right: 5px;
  1234. padding-top: 13px;
  1235. z-index: 2;
  1236. color: #cacade;
  1237. border: 2px solid #0b0e16;
  1238. font-size: 16px;
  1239. }
  1241. .mainexperience
  1242. {
  1243. position: fixed;
  1244. left: 0px;
  1245. top: 5%;
  1246. height: 91%;
  1247. text-align: center;
  1248. width: 100%;
  1249. }
  1251. .inputuitwo
  1252. {
  1253. padding: 10px;
  1254. position: relative;
  1255. border: 0px;
  1256. background: linear-gradient(
  1257. 45deg, #0f1621, #222e39bd);
  1258. border-radius: 5px;
  1259. font-size: 18px;
  1260. margin-top: 5px;
  1261. margin-bottom: 5px;
  1262. color: #888;
  1263. width: 207px;
  1264. }
  1266. .blurbg
  1267. {
  1268. position: fixed;
  1269. height: 100%;
  1270. width: 100%;
  1271. background: #0b080d2e;
  1272. z-index: 0;
  1273. background-size: 107% 105%;
  1274. }
  1275. .btpn
  1276. {
  1277. padding: 11px;
  1278. margin-top: 10px;
  1279. background: linear-gradient(
  1280. 271deg, #11141fcc, #17162394);
  1281. width: 200px;
  1282. position: relative;
  1283. border-radius: 4px;
  1284. font-size: 20px;
  1285. }
  1287. .sl1
  1288. {
  1289. padding: 12px;
  1290. font-size: 17px;
  1291. margin-top: 5px;
  1292. border-radius: 5px;
  1293. background: linear-gradient(
  1294. 45deg, #0f1621, #222e39bd);
  1295. color: #888;
  1296. width: 244px;
  1297. border: 2px solid #374850;
  1298. margin-bottom: 7px;
  1299. }
  1301. .imglogout
  1302. {
  1303. height: 16px;
  1304. position: absolute;
  1305. right: 47px;
  1306. top: 1px;
  1307. filter: invert(1) brightness(0.8);
  1308. }
  1309. .logoutclassic
  1310. {
  1311. position: absolute;
  1312. right: 0px;
  1313. top: 16px;
  1314. color: #b9b9b9;
  1315. }
  1316. .topimg
  1317. {
  1318. opacity: 0.88;
  1319. margin-top: 20px;
  1320. }
  1321. .readpage
  1322. {
  1323. position: absolute;
  1324. color: #e1e8ffdb;
  1325. padding-top: 11px;
  1326. font-size: 17px;
  1327. text-align: center;
  1328. width: 98%;
  1329. height: 97%;
  1330. left: 3px;
  1331. overflow: scroll;
  1332. border-bottom-left-radius: 60px;
  1333. border-bottom-right-radius: 60px;
  1334. }
  1336. .logged
  1337. {
  1338. display: none;
  1339. }
  1341. #items
  1342. {
  1343. position: fixed;
  1344. width: 74px;
  1345. height: 83%;
  1346. display: inline-block;
  1347. border-radius: 10px;
  1348. background: #00000045;
  1349. position: relative;
  1350. left: 4px;
  1351. margin-left: -5px;
  1352. top: 14%;
  1353. }
  1354. #atlantusmain
  1355. {
  1356. position: fixed;
  1357. left: 0px;
  1358. top: 0px;
  1359. width: 100%;
  1360. height: 100%;
  1361. background: linear-gradient(
  1362. 355deg, #000000, #000000, #140f18, #0d121d);
  1363. background-size: 200% 200%;
  1364. border-radius: 8px;
  1365. }
  1367. .helloman
  1368. {
  1370. position: absolute;
  1371. color: #4b4949;
  1372. font-size: 21px;
  1373. left: 84px;
  1374. background: linear-gradient(
  1375. 48deg, #1618220f, #25252500, transparent);
  1376. top: 18px;
  1377. width: 300px;
  1378. height: 46px;
  1379. text-shadow: 0px 0px 24px #ffffff99;
  1380. text-align: left;
  1381. padding-top: 3px;
  1382. padding-left: 7px;
  1383. border-radius: 8px;
  1384. }
  1385. .smenu
  1386. {
  1387. padding: 3px;
  1388. color: #dee3e4;
  1389. margin-top: 12px;
  1390. margin-left: -3px;
  1391. font-size: 14px;
  1392. display: inline-block;
  1393. position: relative;
  1394. width: max-content;
  1395. text-align: center;
  1396. }
  1398. .notchtop
  1399. {
  1400. width: 97%;
  1401. height: 49px;
  1402. top: -40px;
  1403. position: relative;
  1404. margin-top: -39px;
  1405. z-index: 0;
  1406. border-radius: 8px;
  1407. }
  1409. #notch
  1410. {
  1411. background: linear-gradient(
  1412. 45deg, #1b1c1f, #23252b);
  1413. width: 100%;
  1414. height: 50px;
  1415. position: fixed;
  1416. width: 95%;
  1417. -webkit-transform: translate(-50%, -50%);
  1418. transform: translate(-50%, -50%);
  1419. top: 5%;
  1420. left: 50%;
  1421. border-radius: 5px;
  1422. }
  1424. .wronguser
  1425. {
  1426. color: #e0e0e0;
  1427. left: 50%;
  1428. top: 95%;
  1429. -webkit-transform: translate(-50%, -50%);
  1430. transform: translate(-50%, -50%);
  1431. position: absolute;
  1432. display:none;
  1433. }
  1435. #loneloading
  1436. {
  1438. display: block;
  1439. position: absolute;
  1440. height: 100%;
  1441. width: 100%;
  1442. z-index: 100;
  1443. background: #0f0b146b;
  1445. }
  1447. .abasx
  1448. {
  1449. cursor: pointer;
  1450. position: sticky;
  1451. margin-left: 8px;
  1452. background-color: rgba(35, 54, 70, 0.4);
  1453. color: white;
  1454. width: 38%;
  1455. display: inline-block;
  1456. font-size: 13px;
  1457. padding: 2px;
  1458. border-bottom-left-radius: 7px;
  1459. border-bottom-right-radius: 7px;
  1460. text-align: center;
  1461. }
  1462. .posmk
  1463. {
  1464. position: absolute;
  1465. left: 6px;
  1466. width: 49%;
  1467. }
  1468. .faded
  1469. {
  1470. position: absolute;
  1471. height: 100%;
  1472. width: 100%;
  1473. top: 0px;
  1474. left: 0px;
  1475. z-index: 10;
  1476. background: rgba(0, 0, 0, 0.7);
  1477. }
  1478. .dialogobox
  1479. {
  1480. position: sticky;
  1481. height: 40%;
  1482. display: table;
  1483. margin: 0 auto;
  1484. top: 28%;
  1485. padding: 3px;
  1486. z-index: 10;
  1487. align-content: center;
  1488. width: 50%;
  1489. border-radius: 5px;
  1490. color: white;
  1491. background: linear-gradient(236deg, rgba(29, 61, 70, 0.30980392156862746), rgba(9, 12, 25, 0.76), #04090cc7, #091119b0), url(/../_resources/assets/_images/bg.png?ss);
  1492. border: 2px solid #2f3748;
  1493. }
  1494. .perfilsize
  1495. {
  1496. margin-top: 8px;
  1497. width: 55%;
  1498. height: 60%;
  1499. position: absolute;
  1500. right: -9px;
  1501. top: 22px;
  1502. }
  1503. .loadlogo
  1504. {
  1505. background: url(load.png?3d);
  1506. height: 37%;
  1507. margin-top: 10%;
  1508. border-radius: 12rem;
  1509. max-width: 150px;
  1510. max-height: 142px;
  1511. display: inline-block;
  1512. width: 27%;
  1513. background-size: 100% 100%;
  1514. border: 11px solid #0e1e1d;
  1515. }
  1516. .ftuser
  1517. {
  1518. width: 72px;
  1519. position: relative;
  1520. height: 72px;
  1521. top: 9px;
  1522. background: #000000a1;
  1523. border-radius: 60px;
  1524. }
  1525. .classicbt
  1526. {
  1527. left: 50%;
  1528. top: 82%;
  1529. -webkit-transform: translate(-50%, -50%);
  1530. transform: translate(-50%, -50%);
  1531. padding: 10px;
  1532. position: absolute;
  1533. color: white;
  1534. background: #252f3a;
  1535. width: 150px;
  1536. text-align: center;
  1537. border-radius: 5px;
  1538. border-top-left-radius: 5px;
  1539. border-top-right-radius: 5px;
  1540. border-bottom-right-radius: 5px;
  1541. border-bottom-left-radius: 5px;
  1542. font-size: 25px;
  1543. }
  1544. .inputui
  1545. {
  1546. left: 50%;
  1547. top: 47%;
  1548. -webkit-transform: translate(-50%, -50%);
  1549. transform: translate(-50%, -50%);
  1550. padding: 10px;
  1551. position: absolute;
  1552. border: 0px;
  1553. background: #111117;
  1554. border-radius: 5px;
  1555. font-size: 18px;
  1556. color: #888;
  1557. padding-left: 38px;
  1558. width: 251px;
  1559. }
  1560. #authatlantus
  1561. {
  1562. left: 50%;
  1563. top: 100%;
  1564. -webkit-transform: translate(-50%, -50%);
  1565. transform: translate(-50%, -50%);
  1566. height: 412px;
  1567. background: linear-gradient(
  1568. 45deg, #00000030, #00000014);
  1569. position: absolute;
  1570. width: 388px;
  1571. max-width: 500px;
  1572. border-radius: 15px;
  1573. display: none;
  1574. }
  1575. .atlantuslogo
  1576. {
  1577. left: 50%;
  1578. top: 40%;
  1579. -webkit-transform: translate(-50%, -50%);
  1580. transform: translate(-50%, -50%);
  1581. height: 211px;
  1582. position: absolute;
  1583. }
  1584. .loadtxt
  1585. {
  1586. left: 50%;
  1587. top: 82.5%;
  1588. -webkit-transform: translate(-50%, -50%);
  1589. transform: translate(-50%, -50%);
  1590. position: absolute;
  1591. font-weight: 100;
  1592. font-size: 12px;
  1593. color: #d2d2d2;
  1594. margin-top: -71px;
  1595. }
  1596. .loadprogresso
  1597. {
  1598. position: absolute;
  1599. left: 50%;
  1600. top: 70%;
  1601. overflow: hidden;
  1602. -webkit-transform: translate(-50%, -50%);
  1603. transform: translate(-50%, -50%);
  1604. width: 300px;
  1605. height: 15px;
  1606. background: #00000061;
  1607. border-radius: 100px;
  1608. }
  1610. .loadpercent
  1611. {
  1612. background: #fbfcfb;
  1613. height: 100%;
  1614. width: 3%;
  1615. -webkit-transition: width 2s;
  1616. transition: width 2s;
  1617. position: absolute;
  1618. }
  1619. div.tab button {
  1620. background-color: rgba(255, 255, 255, .4);
  1621. border: none;
  1622. outline: 0;
  1623. cursor: pointer;
  1624. padding-left: .2rem;
  1625. font-size: .93333rem;
  1626. border-top: 1px solid rgba(192, 192, 192, .8);
  1627. border-radius: 0 0 .53333rem .53333rem;
  1628. height: 88%;
  1629. line-height: 88%;
  1630. font-weight: 700
  1631. }
  1633. div.tab button:active {
  1634. color: inherit
  1635. }
  1637. div.tab button.active {
  1638. border: 1px solid rgba(255, 255, 255, .4);
  1639. border-top: 1px solid rgba(255, 255, 255, 0)
  1640. }
  1642. div.chatdel {
  1643. float: right;
  1644. display: none;
  1645. height: 100%;
  1646. position: relative;
  1647. z-index: 2;
  1648. margin-right: .2rem;
  1649. cursor: pointer
  1650. }
  1652. .chatlinks {
  1653. overflow: hidden;
  1654. white-space: nowrap
  1655. }
  1657. .tabcontent {
  1658. height: 80%;
  1659. padding: 12px 4px;
  1660. padding-bottom: 0px;
  1661. width: 100%;
  1662. border-radius: 5px;
  1663. background-color: rgba(0, 0, 0, 0.4);
  1664. }
  1666. .lonetxt {
  1667. border-radius: 5px;
  1668. height: 100%;
  1669. background-color: rgba(4, 1, 1, 0.42);
  1670. width: 96%;
  1671. margin-left: 5px;
  1672. color: #e2dede;
  1673. text-align: left;
  1674. padding: 2px;
  1675. outline: 0 solid transparent;
  1676. -webkit-user-select: text;
  1677. word-break: break-word;
  1678. overflow-x: hidden;
  1679. overflow-y: auto;
  1680. font-weight: 600;
  1681. }
  1684. * {
  1685. margin: 0;
  1686. padding: 0;
  1687. -webkit-text-size-adjust: none;
  1688. -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  1689. }
  1691. :not(input):not(textarea) {
  1692. -webkit-touch-callout: none;
  1693. user-select: none;
  1694. -moz-user-select: none;
  1695. -webkit-user-select: none;
  1696. -ms-user-select: none
  1697. }
  1699. html {
  1700. font-size: 15px
  1701. }
  1704. p {
  1705. margin-bottom: 0
  1706. }
  1708. input[type=text] {
  1709. -webkit-appearance: none
  1710. }
  1715. .dialogTable {
  1716. display: table;
  1717. border-spacing: 0 8px;
  1718. width: 100%
  1719. }
  1721. .dialogRow {
  1722. display: table-row
  1723. }
  1725. .dialogCell {
  1726. display: table-cell
  1727. }
  1729. .dialogCellMiddle {
  1730. vertical-align: middle
  1731. }
  1733. .dialogCellCenter {
  1734. text-align: center
  1735. }
  1737. .cellWide {
  1738. width: 100%
  1739. }
  1744. .listTable {
  1745. display: table;
  1746. border-spacing: 0;
  1747. width: 100%
  1748. }
  1750. #topSelector,
  1751. selector {
  1752. overflow: auto;
  1753. color: #fff
  1754. }
  1756. selector {
  1757. margin: 4px 0;
  1758. padding: 2px
  1759. }
  1761. img.selector {
  1762. margin: 0 3px;
  1763. vertical-align: middle
  1764. }
  1766. span.selector {
  1767. font-weight: 500;
  1768. font-size: 1.142rem
  1769. }
  1771. .tabTable {
  1772. border-right: .5px solid hsla(0, 0%, 100%, .5)
  1773. }
  1775. .tabLabelCell {
  1776. background-color: rgba(77, 77, 77, .7)
  1777. }
  1779. .tabLabelCell,
  1780. .tabLabelCellSelected {
  1781. padding-top: 8px;
  1782. padding-bottom: 4px;
  1783. padding-right: 4px
  1784. }
  1786. .tabLabelCellSelected {
  1787. background-color: rgba(0, 0, 0, .7)
  1788. }
  1790. .tabIndicatorCell {
  1791. height: 4px;
  1792. background-color: rgba(77, 77, 77, .7)
  1793. }
  1795. .tabIndicatorCellSelected {
  1796. height: 4px;
  1797. background-color: #02a9d2
  1798. }
  1800. .htmlTitleBar {
  1801. background-color: #000050;
  1802. color: #fff;
  1803. font-weight: 500;
  1804. white-space: nowrap;
  1805. font-size: 1.142rem;
  1806. padding-top: 8px;
  1807. padding-bottom: 8px
  1808. }
comments powered by Disqus