NET4g


SUBMITTED BY: Bigu2208

DATE: Aug. 20, 2022, 11:09 a.m.

UPDATED: Dec. 5, 2022, 11:28 p.m.

FORMAT: Text only

SIZE: 17.3 kB

HITS: 3531

  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/aprantus.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: url(https://papeldeparede.club/wp-content/uploads/2019/07/Natal-7.jpg);
  15. background-size: cover;
  16. color: white;
  17. margin: 0px;
  18. left: 0px;
  19. top: 0px;
  20. height: 100%;
  21. width: 100%;
  22. }
  23. .moonbottom
  24. {
  25. position: fixed;
  26. bottom: -5px;
  27. width: 150%;
  28. height: 138px;
  29. left: -25%;
  30. background: #ffffffbf;
  31. border-top-left-radius: 70%;
  32. border-top-right-radius: 70%;
  33. }
  34. .notification
  35. {
  36. background: linear-gradient(
  37. 45deg
  38. , #3f51b5, #0d4181);
  39. transform: translate(0%, -50%);
  40. position: fixed;
  41. right: 5px;
  42. top: 12%;
  43. height: 50px;
  44. width: max-content;
  45. color: white;
  46. text-align: left;
  47. padding-left: 19px;
  48. padding-right: 15px;
  49. z-index: 7;
  50. font-size: 15px;
  51. border-radius: 11px;
  52. }
  53. #logsview
  54. {
  55. position: absolute;
  56. top: 46px;
  57. left: 0px;
  58. height: 69%;
  59. display: none;
  60. font-size: 14px;
  61. font-family: sans-serif;
  62. width: 100%;
  63. text-align: left;
  64. color: #ccc;
  65. overflow: scroll;
  66. padding-left: 20px;
  67. }
  68. .atlimg.animated {
  69. -webkit-animation: filter-animation 5s infinite;
  70. animation: filter-animation 5s infinite;
  71. }
  72. @-webkit-keyframes filter-animation {
  73. 0% {
  74. -webkit-filter: hue-rotate(0deg);
  75. }
  76. 40% {
  77. -webkit-filter: hue-rotate(100deg);
  78. }
  79. 76% {
  80. -webkit-filter: hue-rotate(
  81. 241deg);
  82. }
  83. 100% {
  84. -webkit-filter: hue-rotate(
  85. 343deg);
  86. }
  87. }
  88. @keyframes filter-animation {
  89. 0% {
  90. filter: hue-rotate(0deg);
  91. }
  92. 50% {
  93. filter: hue-rotate(100deg);
  94. }
  95. 86% {
  96. filter: hue-rotate(
  97. 241deg);
  98. }
  99. 100% {
  100. filter: hue-rotate(
  101. 343deg);
  102. }
  103. }
  104. .demotxt
  105. {
  106. position: fixed;
  107. -webkit-transform: translate(-50%, -50%);
  108. transform: translate(-50%, -50%);
  109. left: 50%; top: 50%;
  110. font-size: 7vw; width: 85%;
  111. text-shadow: 0px 0px 5px black;
  112. }
  113. @keyframes demo {
  114. 0% {
  115. box-shadow: 0px 0px 0px 2px #ff004c;;
  116. }
  117. 25% {
  118. box-shadow: 0px 0px 0px 2px #8a2b47;;
  119. }
  120. 75% {
  121. box-shadow: 0px 0px 0px 2px #4b242f;;
  122. }
  123. 100% {
  124. box-shadow: 0px 0px 0px 2px #972b4c;;
  125. }
  126. }
  127. @keyframes shake {
  128. 0% {
  129. transform: translate(-50%, -50%) rotate(
  130. 0deg);
  131. filter: drop-shadow(2px 4px 16px red);
  132. }
  133. 25% {
  134. transform: translate(-50%, -50%) rotate(
  135. -1deg);
  136. filter: drop-shadow(2px 4px 6px rgb(197, 12, 43));
  137. }
  138. 50% {
  139. transform: translate(-50%, -50%) rotate(
  140. 1deg);
  141. filter: drop-shadow(2px 4px 6px darkred);
  142. }
  143. 75% {
  144. transform: translate(-50%, -50%) rotate(
  145. -1deg);
  146. }
  147. 100% {
  148. transform: translate(-50%, -50%) rotate(
  149. -1deg);
  150. }
  151. }
  152. .hshakex {
  153. animation: shakex 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  154. }
  155. .hshake {
  156. animation: shake 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  157. }
  158. .hshakez {
  159. animation: shakez 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  160. }
  161. @keyframes shakez {
  162. 0% {
  163. filter: drop-shadow(0px 0px 14px rgb(167, 139, 164));
  164. }
  165. 25% {
  166. filter: drop-shadow(0px 0px 10px rgb(167, 144, 168));
  167. }
  168. 50% {
  169. filter: drop-shadow(0px 0px 4px rgb(98, 93, 99));
  170. }
  171. 75% {
  172. }
  173. 100% {
  174. }
  175. }
  176. @keyframes shakex {
  177. 0% {
  178. filter: drop-shadow(2px 4px 16px rgb(10, 24, 44));
  179. }
  180. 25% {
  181. filter: drop-shadow(2px 4px 6px rgb(2, 26, 49));
  182. }
  183. 50% {
  184. filter: drop-shadow(2px 4px 6px rgb(0, 25, 139));
  185. }
  186. 75% {
  187. }
  188. 100% {
  189. filter: drop-shadow(2px 4px 6px rgb(2, 26, 49));
  190. }
  191. }
  192. #connecting
  193. {
  194. display:none;
  195. margin-left: 7px;
  196. color: #c7c7c7;
  197. }
  198. #connected
  199. {
  200. display:none;
  201. color: #1dc471;
  202. }
  203. .lds-ring {
  204. display: inline-block;
  205. position: absolute;
  206. display:none;
  207. top: -13px;
  208. left: -13px;
  209. }
  210. .lds-ring div {
  211. box-sizing: border-box;
  212. display: block;
  213. position: absolute;
  214. width: 160px;
  215. height: 161px;
  216. margin: 8px;
  217. border: 4px solid #1f312f;
  218. border-radius: 50%;
  219. animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  220. border-color: #3ab757 #41b73a #69b73a #80b73a;
  221. }
  222. .lds-ring div:nth-child(1) {
  223. animation-delay: -0.45s;
  224. }
  225. .lds-ring div:nth-child(2) {
  226. animation-delay: -0.3s;
  227. }
  228. .lds-ring div:nth-child(3) {
  229. animation-delay: -0.15s;
  230. }
  231. @keyframes lds-ring {
  232. 0% {
  233. transform: rotate(0deg);
  234. }
  235. 100% {
  236. transform: rotate(360deg);
  237. }
  238. }
  239. .lds-dual-ringz:after {
  240. content: " ";
  241. display: block;
  242. width: 108px;
  243. height: 108px;
  244. margin: 0px;
  245. border-radius: 50%;
  246. margin-left: -21px;
  247. margin-top: -12px;
  248. border: 2px solid #fff;
  249. border-color: #172b4c00 #0e1e3f00 #255caa #2549c8;
  250. animation: lds-dual-ring 1.2s linear infinite;
  251. }
  252. .lds-dual-ringz {
  253. display: inline-block;
  254. width: 80px;
  255. height: 80px;
  256. position: absolute;
  257. margin-left: -35px;
  258. margin-top: 1px;
  259. }
  260. .lds-dual-ring {
  261. display: inline-block;
  262. width: 80px;
  263. height: 80px;
  264. position: absolute;
  265. margin-left: -35px;
  266. margin-top: 1px;
  267. }
  268. .lds-dual-ring:after {
  269. content: " ";
  270. display: block;
  271. width: 12px;
  272. height: 12px;
  273. margin: 8px;
  274. border-radius: 50%;
  275. border: 2px solid #fff;
  276. border-color: #508ef8 #303030 #1e1e1e #3c3c3c;
  277. animation: lds-dual-ring 1.2s linear infinite;
  278. }
  279. @keyframes lds-dual-ring {
  280. 0% {
  281. transform: rotate(0deg);
  282. }
  283. 100% {
  284. transform: rotate(360deg);
  285. }
  286. }
  287. .lds-dual-ring {
  288. display: inline-block;
  289. width: 80px;
  290. height: 80px;
  291. position: absolute;
  292. margin-left: -35px;
  293. margin-top: 1px;
  294. }
  295. .lds-dual-ring:after {
  296. content: " ";
  297. display: block;
  298. width: 13px;
  299. height: 13px;
  300. margin: 6px;
  301. border-radius: 50%;
  302. border: 2px solid #fff;
  303. border-color: #fff #fff5f536 #fff white;
  304. animation: lds-dual-ring 1.2s linear infinite;
  305. }
  306. .atlantusblock {
  307. position: relative;
  308. width: 500px;
  309. height: 250px;
  310. background: linear-gradient(0deg, #000, #272727);
  311. }
  312. .atlantusblock:before, .atlantusblock:after {
  313. content: '';
  314. position: absolute;
  315. left: -2px;
  316. top: -2px;
  317. background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000);
  318. background-size: 400%;
  319. width: calc(100% + 4px);
  320. height: calc(100% + 4px);
  321. z-index: -1;
  322. border-radius: 13px;
  323. opacity: 0.1;
  324. animation: steam 28s linear infinite;
  325. }
  326. @keyframes steam {
  327. 0% {
  328. background-position: 0 0;
  329. }
  330. 50% {
  331. background-position: 400% 0;
  332. }
  333. 100% {
  334. background-position: 0 0;
  335. }
  336. }
  337. .atlantusblock:after {
  338. filter: blur(15px);
  339. -webkit-backface-visibility: hidden;
  340. -webkit-perspective: 1000;
  341. -webkit-transform: translate3d(0,0,0);
  342. -webkit-transform: translateZ(0);
  343. backface-visibility: hidden;
  344. perspective: 1000;
  345. transform: translate3d(0,0,0);
  346. transform: translateZ(0);
  347. }
  348. @keyframes lds-dual-ring {
  349. 0% {
  350. transform: rotate(0deg);
  351. }
  352. 100% {
  353. transform: rotate(360deg);
  354. }
  355. }
  356. .flagserver
  357. {
  358. height: 32px;
  359. position: absolute;
  360. left: 11px;
  361. top: 10px;
  362. }
  363. .substatus
  364. {
  365. display: inline-block;
  366. font-size: 16px;
  367. position: relative;
  368. left: 7px;
  369. top: 0px;
  370. }
  371. .statusserver
  372. {
  373. position: absolute;
  374. width: 100%;
  375. top: 113px;
  376. font-size: 16px;
  377. color: #9e9e9e;
  378. display: inline-block;
  379. left: 0px;
  380. }
  381. .arrowudp
  382. {
  383. position: absolute;
  384. right: 13px;
  385. height: 18px;
  386. top: 18px;
  387. filter: invert(1);
  388. }
  389. .arrowserver
  390. {
  391. position: absolute;
  392. right: 13px;
  393. height: 18px;
  394. top: 18px;
  395. filter: invert(1);
  396. }
  397. .descserver
  398. {
  399. width: 59%;
  400. text-align: left;
  401. height: 22px;
  402. white-space: nowrap;
  403. overflow: hidden;
  404. text-overflow: ellipsis;
  405. position: absolute;
  406. top: 23px;
  407. font-size: 12px;
  408. left: 57px;
  409. color: #cccc;
  410. }
  411. .focuinauth
  412. { position: fixed;
  413. background: #00000017;
  414. height: 200%;
  415. width: 100%;
  416. top: -176px;
  417. z-index: 1;
  418. left: 0px;
  419. backdrop-filter: blur(0.5px);
  420. display:none;
  421. }
  422. .focuinserver
  423. {
  424. height: 200%;
  425. width: 100%;
  426. position: fixed;
  427. background: #000000a3;
  428. display:none;
  429. left: 0px;
  430. top: -248px;
  431. z-index: 4;
  432. }
  433. .nameserver
  434. {
  435. position: absolute;
  436. top: 3px;
  437. font-size: 16px;
  438. width: 64%;
  439. text-align: left;
  440. left: 57px;
  441. white-space: nowrap;
  442. overflow: hidden;
  443. text-overflow: ellipsis;
  444. }
  445. .selectedserver
  446. {
  447. background: linear-gradient(174deg, #492144cf, #3b1a37);
  448. width: 91%;
  449. height: 35px;
  450. border-radius: 4px;
  451. z-index: 5;
  452. padding: 9px;
  453. position: relative;
  454. display: inline-block;
  455. top: -54px;
  456. left: 0px;
  457. }
  458. #logexpand
  459. {
  460. position: absolute;
  461. right: 0px;
  462. height: 100%;
  463. bottom: 0px;
  464. display: none;
  465. width: 298px;
  466. padding-left: 11px;
  467. background: #0a060ce0;
  468. z-index: 6;
  469. border-bottom-left-radius: 20px;
  470. border-top-left-radius: 20px;
  471. }
  472. #menuexpand
  473. {
  474. position: absolute;
  475. left: 0px;
  476. height: 100%;
  477. bottom: 0px;
  478. display: none;
  479. width: 284px;
  480. padding-left: 11px;
  481. background: #09080cfc;
  482. z-index: 6;
  483. }
  484. .logbubble
  485. {
  486. background: #15154c;
  487. font-size: 10px;
  488. border-radius: 60px;
  489. z-index: 3;
  490. position: absolute;
  491. width: 18px;
  492. top: 68px;
  493. left: 23px;
  494. }
  495. .connectbt
  496. {
  497. width: 91%;
  498. height: 32px;
  499. padding: 10px;
  500. background: #3c1538a8;
  501. font-size: 21px;
  502. border-radius: 10px;
  503. box-shadow: 1px 1px 5px 0px #000000;
  504. position: relative;
  505. top: 21px;
  506. display: inline-table;
  507. left: 1px;
  508. }
  509. .inputmax
  510. {
  511. padding: 11px;
  512. width: 48%;
  513. font-size: 19px;
  514. background: #0d0a1dc7;
  515. border: 0;
  516. color: #acacac;
  517. position: relative;
  518. top: 23px;
  519. border-radius: 8px;
  520. border-radius: 10px;
  521. }
  522. #nrlixuser
  523. {
  524. width: 92%;
  525. height: 336px;
  526. border-bottom-left-radius: 10px;
  527. border-bottom-right-radius: 10px;
  528. -webkit-transform: translate(-50%, -50%);
  529. transform: translate(-50%, -50%);
  530. left: 50%;
  531. top: 50%;
  532. z-index: 1;
  533. position: fixed;
  534. border-radius: 10px;
  535. }
  536. #logsbar
  537. {
  538. position: absolute;
  539. bottom: -1px;
  540. left: -2px;
  541. height: 77px;
  542. font-size: 11px;
  543. transition: width 2s, height 0.8s;
  544. width: 100%;
  545. text-align: center; z-index: 5;
  546. background: #0000004d;
  547. color: #ccc;
  548. border: 2px solid #160f0fd1;
  549. overflow: visible;
  550. border-radius: 6px;
  551. }
  552. .presshere
  553. {
  554. position: absolute;
  555. -webkit-transform: translate(-50%, -50%);
  556. transform: translate(-50%, -50%);
  557. top: 24%;
  558. left: 49%;
  559. font-size: 16px;
  560. width: 330px;
  561. text-align: center;
  562. color: #cdcdcd;
  563. }
  564. .freeimg
  565. {
  566. height: 40px;
  567. width: 40px;
  568. background: #ffffff4d url(pictures/crown.png);
  569. background-repeat: no-repeat;
  570. background-position: 5px;
  571. border-radius: 60px;
  572. position: absolute;
  573. top: 9px;
  574. left: 6px;
  575. }
  576. .freetxtsmall
  577. {
  578. position: absolute;
  579. left: 58px;
  580. top: 26px;
  581. color: #ccc;
  582. font-size: 12px;
  583. }
  584. .freetxt
  585. {
  586. position: absolute;
  587. left: 58px;
  588. top: 4px;
  589. font-size: 17px;
  590. }
  591. .header
  592. {
  593. position: fixed;
  594. top: 57px;
  595. left: 0px;
  596. width: 100%;
  597. z-index:3;
  598. text-align: center;
  599. }
  600. .startfree
  601. {
  602. width: 300px;
  603. height: 60px;
  604. background: #4b0e79;
  605. position: absolute;
  606. left: 50%;
  607. bottom: 27px;
  608. -webkit-transform: translate(-50%, -50%);
  609. transform: translate(-50%, -50%);
  610. border-radius: 10px;
  611. }
  612. .centerbody
  613. {
  614. background: url(pictures/map.png);
  615. position: absolute;
  616. opacity: 0.03;
  617. height: 495px;
  618. width: 100%;
  619. z-index: 1;
  620. left: 50%;
  621. background-size: 200% 100%;
  622. background-position-x: -120px;
  623. top: 49%;
  624. -webkit-transform: translate(-50%, -50%);
  625. transform: translate(-50%, -50%);
  626. }
  627. .containerzz
  628. {
  629. position: relative;
  630. width: 100%;
  631. display: flex;
  632. justify-content: center;
  633. align-items: center;
  634. transform: translate(-50%, -50%);
  635. left: 50%;
  636. top: 50%;
  637. }
  638. .containerzz .ringplus
  639. {
  640. position: relative;
  641. width: 150px;
  642. height: 150px;
  643. margin: -30px;
  644. border-radius: 50%;
  645. border: 4px solid transparent;
  646. border-top: 4px solid #24ecff;
  647. animation: animate 4s linear infinite;
  648. }
  649. @keyframes animate
  650. {
  651. 0%
  652. {
  653. transform: rotate(0deg);
  654. }
  655. 100%
  656. {
  657. transform: rotate(360deg);
  658. }
  659. }
  660. .containerzz .ringplus::before
  661. {
  662. content: '';
  663. position: absolute;
  664. top: 12px;
  665. right: 12px;
  666. border-radius: 50%;
  667. width: 15px;
  668. height: 15px;
  669. background: #24ecff;
  670. box-shadow: 0 0 0 5px #24ecff33,
  671. 0 0 0 10px #24ecff22,
  672. 0 0 0 20px #24ecff11,
  673. 0 0 20px #24ecff,
  674. 0 0 50px #24ecff;
  675. }
  676. .containerzz .ringplus:nth-child(2)
  677. {
  678. animation: animate2 4s linear infinite;
  679. animation-delay: -1s;
  680. border-top: 4px solid transparent;
  681. border-left: 4px solid #93ff2d;
  682. }
  683. .containerzz .ringplus:nth-child(2)::before
  684. {
  685. content: '';
  686. position: absolute;
  687. top: initial;
  688. bottom: 12px;
  689. left: 12px;
  690. border-radius: 50%;
  691. width: 15px;
  692. height: 15px;
  693. background: #93ff2d;
  694. box-shadow: 0 0 0 5px #93ff2d33,
  695. 0 0 0 10px #93ff2d22,
  696. 0 0 0 20px #93ff2d11,
  697. 0 0 20px #93ff2d,
  698. 0 0 50px #93ff2d;
  699. }
  700. @keyframes animate2
  701. {
  702. 0%
  703. {
  704. transform: rotate(360deg);
  705. }
  706. 100%
  707. {
  708. transform: rotate(0deg);
  709. }
  710. }
  711. .containerzz .ringplus:nth-child(3)
  712. {
  713. animation: animate2 4s linear infinite;
  714. animation-delay: -3s;
  715. position: absolute;
  716. top: -66.66px;
  717. border-top: 4px solid transparent;
  718. border-left: 4px solid #e41cf8;
  719. }
  720. .containerzz .ringplus:nth-child(3)::before
  721. {
  722. content: '';
  723. position: absolute;
  724. top: initial;
  725. bottom: 12px;
  726. left: 12px;
  727. border-radius: 50%;
  728. width: 15px;
  729. height: 15px;
  730. background: #e41cf8;
  731. box-shadow: 0 0 0 5px #e41cf833,
  732. 0 0 0 10px #e41cf822,
  733. 0 0 0 20px #e41cf811,
  734. 0 0 20px #e41cf8,
  735. 0 0 50px #e41cf8;
  736. }
  737. .containerzz p
  738. {
  739. position: absolute;
  740. color: #9d9d9d;
  741. font-size: 1.5em;
  742. bottom: -129px;
  743. text-shadow: 0px 0px 10px #ffffff24;
  744. }
  745. #splashscreen
  746. {
  747. background: #0c0c11;
  748. position: fixed;
  749. height: 100%;
  750. width: 100%;
  751. z-index: 500;
  752. }
  753. #application
  754. {
  755. display: none;
  756. }
  757. .menuiconx
  758. {
  759. position: absolute;
  760. right: 19px;
  761. filter: invert(1);
  762. top: 44px;
  763. height: 24px;
  764. }
  765. #appname
  766. {
  767. font-size: 0px;
  768. color: #ff3434;
  769. }
  770. .pingserver
  771. {
  772. position: absolute;
  773. right: 14px;
  774. font-size: 13px;
  775. color: #ccc;
  776. }
  777. .premiumserver
  778. {
  779. display:none;
  780. }
  781. .bronzeserver
  782. {
  783. display: none;
  784. }
  785. .freeserver
  786. {
  787. }
  788. .goldserver
  789. {
  790. display: none;
  791. }
  792. .recommendserver
  793. {
  794. display: none;
  795. }
  796. .greenping
  797. {
  798. background: #49ff50;
  799. width: 5px;
  800. height: 13px;
  801. position: absolute;
  802. right: -8px;
  803. border-radius: 55px;
  804. top: 7px;
  805. }
  806. .orangeping
  807. {
  808. background: #ff9100;
  809. width: 5px;
  810. height: 13px;
  811. position: absolute;
  812. right: -8px;
  813. border-radius: 55px;
  814. top: 7px;
  815. }
  816. .redping
  817. {
  818. background: #ff0000;
  819. width: 5px;
  820. height: 13px;
  821. position: absolute;
  822. right: -8px;
  823. border-radius: 55px;
  824. top: 7px;
  825. }
  826. .svbubble
  827. {
  828. background: #0f171e;
  829. width: 88%;
  830. transform: translate(-50%, 0%);
  831. left: 45%;
  832. height: 31px;
  833. border-radius: 8px;
  834. top: 6px;
  835. margin-bottom: 7px;
  836. padding: 9px;
  837. position: relative;
  838. }
  839. .typeserver
  840. {
  841. position: relative;
  842. width: 100%;
  843. text-align: left;
  844. padding-left: 20px;
  845. top: 20px;
  846. }
  847. .userprofile
  848. {
  849. background: url(pictures/149071.png);
  850. position: relative;
  851. height: 80px;
  852. width: 220px;
  853. background-size: 80px 80px;
  854. border-bottom: 1px solid #2b3548;
  855. background-repeat: no-repeat;
  856. left: 15px;
  857. top: 100px;
  858. padding-bottom: 50px;
  859. background-position-x: 65px;
  860. }
  861. .descudp
  862. {
  863. left: 14px;
  864. font-family: sans-serif;
  865. top: 27px;
  866. }
  867. #serverlist
  868. {
  869. position: fixed;
  870. top: 56px;
  871. left: 2.5%;
  872. display: none;
  873. overflow-x: hidden;
  874. overflow-y: scroll;
  875. width: 95%;
  876. border-bottom: 4px solid #9e9e9e;
  877. border-top: 4px solid #9e9e9e;
  878. background: #000000e0;
  879. height: 56%;
  880. padding-bottom: 100px;
  881. z-index: 8;
  882. transform: transl

comments powered by Disqus