SHARE
    TWEET
    PhantomGame

    Verb CSS

    Apr 23rd, 2025 (edited)
    325
    0
    Never
    Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
    CSS 27.37 KB | Gaming | 0 0
    2. :root {
    3. --div-grey: transparent
    4. }
    6. /*ando fixes start*/
    8. .rainbowText{background-image: linear-gradient(to right, #2e62ff, #0099ff , #00ff00, #ffde3b, #ff3399, #6666ff);animation: gradient-border 2s linear infinite;background-size: 400% 100%;color: transparent !important;-webkit-background-clip: text;}
    9. @keyframes gradient-border{0%, 200% {background-position: 0 0;}99.999999999999999% {background-position: -130% 0;}}
    12. .button, .button:hover {
    13. border: hidden !important;
    14. }
    16. .button, .menuItem, #mapInfo {
    17. text-transform: lowercase;
    18. }
    20. .menuItemTitle {
    21. color: var(--accent) !important;
    22. }
    24. .menuItem:hover > .menuItemTitle {
    25. color: white !important;
    26. }
    28. #hostMenuBtn {
    29. display: none !important;
    30. }
    32. #hideFull {
    33. position: absolute !important;
    34. right: 25px !important;
    35. }
    37. .changeText {
    38. color: var(--accent);
    39. }
    41. .vis-item {
    42. background-color: var(--accent) !important;
    43. border-color: black !important;
    44. }
    46. .vis-text {
    47. color: var(--accent) !important;
    48. }
    50. #premTime {
    51. color: var(--accent);
    52. }
    54. #creatorDash > div > span {
    55. color: var(--accent) !important;
    56. }
    58. #creatorDash > div > span > span {
    59. color: var(--accent) !important;
    60. }
    63. .altlistelement {
    64. color: rgba(255,255,255,0.75) !important;
    65. box-shadow: none !important;
    66. background-color: transparent !important;
    67. }
    68. .altdeletebtn {
    69. box-shadow:none !important;
    70. background-color: transparent !important;
    71. color: red !important;
    72. }
    74. #shareTxt {
    75. color: black !important;
    76. }
    78. .menuDebugInfo {
    79. /* display: inline-block !important; */
    80. }
    82. #menuFPS, #menuPingText, #menuPingIcon {
    83. color: var(--accent) !important;
    84. }
    86. #headerRight > .verticalSeparator {
    87. display:none !important;
    88. }
    90. #menuPingDisplay, #menuFPSDisplay, #menuPingText, #menuFPS {
    91. font-size: 16px;
    92. }
    94. #menuFPSDisplay {
    95. margin-right: 0px;
    96. }
    98. #menuRegionLabel {
    99. text-transform: lowercase;
    100. }
    102. #menuPingDisplay {
    103. position: fixed;
    104. right: 10px;
    105. }
    107. [style$="background-color:gainsboro;border-radius:6px;padding:5px"] {
    108. background-color:transparent !important;
    109. }
    111. .mailText, .mailObj, #mailList {
    112. color: var(--accent) !important;
    113. }
    115. .setHed > div {
    116. color: var(--accent) !important;
    117. }
    120. #clientExitPop {
    121. background-color: rgba(0,0,0,0.4) !important;
    122. box-shadow: 0 0 8px 2px var(--accent) !important;
    123. border-radius: 12px !important;
    124. top: 85%;
    125. }
    127. #consentWindow {
    128. background-color: rgba(0,0,0,0.4) !important;
    129. box-shadow: 0 0 8px 2px var(--accent) !important;
    130. border-radius: 12px !important;
    131. }
    133. #clientExitPop > div {
    134. text-align: center;
    135. }
    137. #confirmBtn, #declineBtn,.termsBtn {
    138. text-shadow:none !important;
    139. color:black;
    140. }
    142. #krRewardsInfo > div > div > span {
    143. color: var(--accent) !important;
    144. }
    147. #ingameFPS {
    148. color: var(--accent-color) !important;
    149. }
    151. #pingText {
    152. color: var(--accent) !important;
    153. }
    155. #jumpSIMG, #jumpSVIDHolder {
    156. display:none !important;
    157. }
    160. .countIcon {
    161. background-color: rgba(0,0,0,0) !important;
    162. border-radius: 0;
    163. margin-left: 20px;
    164. text-shadow: none !important;
    165. margin-bottom: 0;
    166. padding: 7px;
    167. }
    170. .slidecontainer {
    171. margin-top: 5px;
    172. }
    174. #killStreakHolder {
    175. position: fixed;
    176. right: 48.54%;
    177. bottom: 10px;
    178. margin-right: 0px;
    179. margin-bottom: 0px;
    180. }
    182. .killStreakItem {
    183. background-color: transparent;
    184. }
    186. #itemSearch {
    187. background-color: transparent;
    188. box-shadow: 0 0 8px 2px var(--accent);
    189. }
    190. #polConfPop {
    191. background-color: black;
    192. box-shadow: 0 0 8px 2px var(--accent);
    193. border-radius: 12px;
    194. }
    196. #polConfPop > div {
    197. color: var(--accent) !important;
    198. }
    200. #polConfPop > #confirmBtn, #polConfPop > #declineBtn{
    201. text-shadow:none !important;
    202. color:black !important;
    203. }
    205. #tradeChatHolder {
    206. bottom: 376px;
    207. }
    208. #tradeChatInput {
    209. border-radius: 4px;
    210. font-size: 14px;
    211. }
    213. #tradeChatList {
    214. max-height: 520px;
    215. overflow-y: auto;
    216. }
    218. .tradeChatItem {
    219. font-size: 14px;
    220. }
    222. .tListN.inv {
    223. background-color: var(--accent) !important;
    224. }
    226. #tSubName, #tDecName {
    227. text-shadow:none;
    228. color:black;
    229. }
    231. .estOfferVal {
    232. color: gray;
    233. }
    235. .estOfferVal > span {
    236. color: var(--accent) !important;
    237. }
    239. #interactMsg {
    240. bottom: 270px;
    241. }
    243. #interactMsg > span {
    244. color: var(--accent) !important;
    245. }
    247. .tItemN {
    248. font-size: 10px;
    249. text-align: center;
    250. }
    252. .tTotal {
    253. color: black;
    254. }
    256. .material-icons.vote {
    257. color: var(--accent);
    258. }
    259. .meleeChatIcon {
    260. filter: brightness(0) drop-shadow(-2px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(2px 0px 1px var(--accent));
    261. }
    263. /*ando fixes end*/
    269. /*Section I: Frame*/
    271. :root {
    272. --accent: #ab20fb;
    273. }
    275. /*DO NOT EDIT BELOW UNLESS YOU KNOW WHAT YOU ARE DOING*/
    277. @font-face {
    278. font-family: gamefont;
    279. src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2);
    280. }
    282. * {
    283. color: #fff;
    284. }
    286. a {
    287. color: var(--accent);
    288. }
    290. .grey {
    291. color: rgba(255,255,255,.5);
    292. }
    294. .material-icons[style*="color:#FBC02D"] {
    295. color: var(--accent) !important;
    296. }
    298. .material-icons[style*="color:#40C4FF"] {
    299. color: var(--accent) !important;
    300. }
    302. .material-icons[style*="color:#2196F3;font-size:33px;vertical-align:bottom;"] {
    303. color: var(--accent) !important;
    304. }
    306. /*You Hate to See It*/
    308. #topRightAdHolder {
    309. display: none !important
    310. }
    312. #aHolder {
    313. display: none !important;
    314. }
    316. .endAHolder {
    317. display: none !important;
    318. }
    320. #onetrust-consent-sdk {
    321. display: none;
    322. }
    324. #newsHolder {
    325. display: none;
    326. }
    328. .krSocial {
    329. display: none;
    330. }
    332. .menuSocialB, #editorBtnM {
    333. display: none !important;
    334. }
    336. /*Section II: Chat*/
    338. #uiBase.onMenu #chatHolder {
    339. left: 20px;
    340. }
    342. #chatHolder[style="bottom: 148px;"] {
    343. bottom: 30px !important;
    344. }
    346. #chatList {
    347. text-align: center;
    348. }
    350. #chatList::-webkit-scrollbar {
    351. width: 4px;
    352. }
    355. #chatList::-webkit-scrollbar-thumb {
    356. background: var(--accent);
    357. border-radius: 50px;
    358. }
    360. #chatList::-webkit-scrollbar-track {
    361. background: transparent;
    362. }
    364. #chatInputHolder {
    365. background: transparent;
    366. grid-template-columns: 50px auto
    367. }
    369. #uiBase.onMenu #chatInputHolder {
    370. grid-template-columns: 50px 270px
    371. }
    373. #chatInput {
    374. text-align: center;
    375. width: 270px !important;
    376. }
    378. .chatItem {
    379. color: #fff !important;
    380. font-size: 16px;
    381. width: -webkit-fill-available;
    382. box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0px 2px inset;
    383. margin: 0px;
    384. padding: 10px 0px;
    385. background-color: rgba(0,0,0,0.4) !important;
    386. border-radius: 0;
    387. max-width: unset;
    388. }
    391. .weaponChatIcon {
    392. filter: brightness(0) drop-shadow(-2px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(2px 0px 1px var(--accent));
    393. }
    395. .chatMsg[style*="#ffffff"] {
    396. color: #fff !important;
    397. }
    399. .chatMsg span {
    400. color: var(--accent) !important;
    401. opacity: 0.75;
    402. }
    404. .chatMsg span[style="color:#9eeb56"] {
    405. color: #ffffff !important;
    406. }
    408. .chatMsg span[style="color:#fff"] {
    409. color: #ffffff !important;
    410. }
    412. #chatInput {
    413. text-align: center;
    414. background-color: transparent;
    415. border-bottom: 4px solid var(--accent);
    416. !i;!;
    417. }
    419. .greyInlineInner:last-child {
    420. display: none;
    421. }
    423. /*Section III: Menu*/
    425. #mainLogo {
    426. content: url(https://i.postimg.cc/mgvbdsDH/Verb.gif);
    427. }
    429. #gameNameHolder:hover #mainLogo {
    430. /*content: url(https://cdn.discordapp.com/attachments/570906904713363457/806408830098997288/timp.gif);*/
    431. }
    433. #gameNameHolder {
    434. pointer-events: all;
    435. font-size: 0;
    436. color: transparent;
    437. transition: 0.5s;
    438. }
    440. #gameNameHolder:hover {
    441. font-size: 36px;
    442. color: #fff;
    443. }
    445. #gameNameHolder::after {
    446. content: "css by tae#4444";
    447. display: block;
    448. font-family: 'ISOCP';
    449. }
    451. #seasonLabel {
    452. display: none;
    453. }
    455. .onMenu #instructions {
    456. display: none;
    457. }
    459. #instructionsUpdate {
    460. background-color: rgba(0,0,0,0.4);
    461. box-shadow: 0 0 8px 2px var(--accent);
    462. }
    464. /*Headers*/
    466. .headerBar {
    467. background-color: transparent;
    468. }
    470. #mailIcon {
    471. font-size: 32px !important;
    472. }
    474. #mLevelCont {
    475. position: relative;
    476. left: 0px !important;
    477. font-size: 16px;
    478. line-height: unset;
    479. height: unset;
    480. padding: 0 4px;
    481. margin-left: 8px;
    482. border-radius: 4px;
    483. }
    485. .progressBar {
    486. background-color: rgba(255,255,255,0.15);
    487. padding: 0;
    488. }
    490. .progressBarInner {
    491. background-color: var(--accent);
    492. background-image: unset
    493. }
    495. .verticalSeparator {
    496. height: 0 !important;
    497. border-width: 0;
    498. background-color: var(--accent);
    499. }
    502. #headerRight .verticalSeparator {
    503. height: 4px !important
    504. }
    506. #tlInfHold {
    507. left: 20px;
    508. }
    510. #youNewDiv {
    511. display: none;
    512. }
    514. #streamContainer {
    515. left: 20px;
    516. height: 32px;
    517. padding: 0;
    518. overflow: hidden;
    519. background-color: transparent;
    520. transition-duration: 0.5s;
    521. }
    523. #streamContainer:hover {
    524. height: 400px;
    525. }
    527. .streamItem[style="text-align: center;"] {
    528. text-align: left !important;
    529. }
    531. .menuDebugInfo {
    532. display: none;
    533. }
    535. #uiBase.onMenu #spectButton {
    536. z-index: 1;
    537. width: 96px;
    538. top: 50%;
    539. }
    541. #spectButton span[style*="font-size:15px"] {
    542. color: transparent !important;
    543. }
    545. #spectButton .switchsml {
    546. margin: 0;
    547. position: absolute;
    548. width: 100%;
    549. }
    551. .sliderSml {
    552. opacity: 1;
    553. }
    555. .sliderSml::before {
    556. content: "Spectate";
    557. font-size: 20px;
    558. color: white;
    559. width: max-content;
    560. height: auto;
    561. background-color: transparent;
    562. text-align: center;
    563. transition-duration: 0.25s;
    564. }
    566. input:checked+.sliderSml::before {
    567. content: "Spectating";
    568. transform: translateX(-12px);
    569. color: var(--accent);
    570. }
    571. input:checked+.sliderSml {
    572. background-color: transparent !important;
    573. }
    575. .sliderSml {
    576. opacity: 1;
    577. background-color: transparent;
    578. }
    580. /*Menu Buttons*/
    582. #subLogoButtons {
    583. bottom: 72px;
    584. transform: unset;
    585. left: calc(50% - 275px)
    586. }
    588. #subLogoButtons>.button {
    589. padding: 0 !important;
    590. margin: 0 16px;
    591. background-color: transparent !important;
    592. box-shadow: none !important;
    593. text-shadow: none !important;
    594. font-size: 24px !important;
    595. transition-duration: 0.25s;
    596. }
    598. #subLogoButtons>.button:hover {
    599. transform: unset;
    600. color: var(--accent);
    601. }
    603. #menuItemContainer {
    604. flex-direction: row;
    605. top: unset;
    606. bottom: 20px;
    607. left: 50%;
    608. width: unset;
    609. background-color: transparent;
    610. transform: translateX(-50%)
    611. }
    613. #menuItemContainer > div > span {
    614. display: none;
    615. }
    617. #menuBtnProfile {
    618. font-size: 0px!important
    619. }
    621. #menuItemContainer > .menuItem:first-child > .menuItemTitle::before {
    622. content: 'profile';
    623. font-size: 24px
    624. }
    626. .menuItem {
    627. background-color: transparent;
    628. margin: 0 16px;
    629. }
    631. .menuItem:hover {
    632. border-left: none;
    633. }
    635. .menuItem .menuItemIcon {
    636. display: none;
    637. }
    639. .menuItem .menuItemTitle {
    640. margin: 0;
    641. font-size: 24px !important;
    642. transition-duration: 0.25s;
    643. }
    645. .menuItem:hover> .menuItemTitle {
    646. color: var(--accent);
    647. }
    649. /*Menu Window*/
    651. #menuWindow::-webkit-scrollbar {
    652. width: 2px;
    653. }
    655. #menuWindow::-webkit-scrollbar-thumb {
    656. background: var(--accent);
    657. border-radius: 50px;
    658. }
    660. #menuWindow::-webkit-scrollbar-track {
    661. background: transparent;
    662. }
    664. #menuWindow.dark {
    665. background-color: rgba(0,0,0,0.4);
    666. box-shadow: 0 0 8px 2px var(--accent);
    667. border-radius: 12px;
    668. }
    670. .settName, .settNameSmall {
    671. color: rgba(255,255,255,0.75);
    672. }
    674. .settName.b {
    675. color: var(--accent) !important;
    676. }
    678. #menuWindow div[style="color:rgba(0,0,0,0.3);margin-top:-5px;margin-bottom:10px"] {
    679. display: none;
    680. }
    682. #menuWindow [style*="rgba(0,0,0,0.3)"], #menuWindow [style*="rgba(0,0,0,0.4)"], #menuWindow [style*="rgba(0,0,0,0.5)"], #menuWindow [style*="rgba(0,0,0,0.8)"] {
    683. color: rgba(255,255,255,0.5) !important;
    684. }
    686. #menuWindow [style*="#000"] {
    687. color: #fff !important;
    688. }
    690. #menuWindow [style="color:#2196F3"] {
    691. color: var(--accent) !important;
    692. }
    694. #menuWindow .settText[style*="#292929"], #menuWindow .wepLink[style*="#292929"] {
    695. filter: drop-shadow(0px 0px 2px var(--accent)) drop-shadow(0px 0px 4px var(--accent));
    696. }
    698. .floatR span[style="color:rgba(0,0,0,0.5)"] {
    699. color: var(--accent) !important;
    700. }
    702. .menuTabNew {
    703. color: #fff;
    704. }
    706. .xpBar {
    707. background-color: rgba(255,255,255,0.15);
    708. border-radius: 12px;
    709. height: 24px;
    710. padding: 0;
    711. }
    713. .xpBarB {
    714. border-radius: 12px;
    715. background-color: var(--accent);
    716. }
    718. .xpBarV {
    719. top: 0px;
    720. }
    722. /*Account & Login*/
    724. .accountInput {
    725. color: #fff;
    726. }
    728. .accountButton {
    729. background-color: transparent;
    730. color: var(--accent);
    731. transition-duration: 0.25s;
    732. }
    734. .button.lgn {
    735. width: auto !important;
    736. padding: 0 !important;
    737. margin: 0 !important;
    738. box-shadow: none !important;
    739. background-color: transparent !important;
    740. text-shadow: none !important;
    741. color: var(--accent);
    742. }
    744. .button.lgn .material-icons {
    745. display: none
    746. }
    748. /*Clan Page*/
    750. #clanWarKPB {
    751. background-color: var(--accent);
    752. }
    754. #clanFundsIn {
    755. background-color: transparent;
    756. border: none;
    757. }
    759. .clanFndB {
    760. background-color: transparent !important;
    761. color: var(--accent);
    762. }
    764. /*Shop*/
    766. #limitedBarProg {
    767. background-color: var(--accent);
    768. }
    770. /*Challenges*/
    772. .chalCard {
    773. text-shadow: none;
    774. }
    776. .chalXPBar {
    777. padding: 0;
    778. border-radius: 12px;
    779. background-color: rgba(255,255,255,0.15);
    780. }
    782. .chalXPBarC {
    783. border-radius: 12px;
    784. background-color: var(--accent);
    785. }
    787. .chalImgC {
    788. background-color: transparent;
    789. filter: grayscale(1) brightness(2) drop-shadow(0px 0px 2px var(--accent)) drop-shadow(0px 0px 4px var(--accent));
    790. }
    792. /*Customization*/
    794. #menuClassContainer {
    795. transform: unset;
    796. }
    798. #menuClassNameTag {
    799. display: none;
    800. }
    802. #bubbleContainer {
    803. display: none;
    804. }
    806. #menuClassName, #menuClassSubtext {
    807. text-shadow: none;
    808. }
    810. #menuClassName {
    811. font-size: 28px;
    812. }
    814. #menuClassSubtext {
    815. color: var(--accent);
    816. }
    818. #customizeButton {
    819. width: 300px;
    820. height: 300px;
    821. position: fixed;
    822. right: 80px;
    823. bottom: 50%;
    824. transform: translateY(75%);
    825. font-size: 0 !important;
    826. background-color: transparent !important;
    827. box-shadow: none !important;
    828. }
    830. #customizeButton .material-icons {
    831. display: none;
    832. }
    834. /*Loadout*/
    836. #loadoutSelect {
    837. background-color: rgba(255,255,255,0.15) !important;
    838. border-radius: 16px !important;
    839. }
    841. #loadoutName {
    842. background-color: transparent !important;
    843. border-radius: 0;
    844. border-bottom: 4px solid var(--accent) !important;
    845. }
    847. .settText, .wepLink {
    848. color: var(--accent);
    849. }
    851. .wepLink[style="color:#2196F3"] {
    852. color: var(--accent) !important;
    853. }
    855. .skinColorItem {
    856. width: 24px;
    857. height: 24px;
    858. border: none;
    859. }
    861. .premiumSkinCol {
    862. font-size: 28px !important;
    863. margin-top: -2px;
    864. color: var(--accent) !important;
    865. }
    867. /*Class and Skin Card*/
    869. .classCard {
    870. text-shadow: none;
    871. background-color: rgba(255,255,255,0.15);
    872. border-radius: 8px;
    873. height: 228px;
    874. line-height: 28px;
    875. font-size: 0;
    876. transition-duration: 0.25s;
    877. }
    879. .classCard:hover {
    880. font-size: 28px;
    881. background-color: rgba(0,0,0,0.4);
    882. }
    884. .classWeap {
    885. font-size: 0;
    886. height: 0;
    887. }
    889. .classImgC {
    890. margin-top: 12px;
    891. transition-duration: 0.25s;
    892. }
    894. .classCard:hover img {
    895. opacity: unset;
    896. transform: unset;
    897. }
    899. .classXPBar {
    900. top: unset;
    901. bottom: 0;
    902. width: -webkit-fill-available;
    903. left: -0;
    904. height: 4px;
    905. background-color: rgba(0,0,0,0.25);
    906. }
    908. .clsXPBarC {
    909. margin: 0;
    910. height: 4px;
    911. background-color: var(--accent);
    912. }
    914. .skinCard[style*="#292929"], .noBtnCard[style*="#292929"] {
    915. text-shadow: 0 0 2px var(--accent), 0 0 4px var(--accent);
    916. }
    918. .skinCard, .noBtnCard {
    919. border-radius: 8px;
    920. border-width: 0 !important;
    921. border-bottom-width: 4px !important;
    922. background-color: rgba(255,255,255,0.15);
    923. width: 155px;
    924. margin-left: 5px;
    925. margin-right: 5px;
    926. }
    928. .skinCard.blackShad {
    929. text-shadow: none;
    930. }
    932. .noBtnCard {
    933. width: 145px;
    934. }
    936. .sprayImg {
    937. margin-left: 20px;
    938. }
    940. /*KPD*/
    942. #policeButton {
    943. margin: 0;
    944. padding: 0;
    945. height: 50px !important;
    946. width: 70px !important;
    947. color: #fff;
    948. display: block;
    949. position: fixed;
    950. bottom: 20px;
    951. left: 335px;
    952. background-color: transparent !important;
    953. border: unset !important;
    954. box-shadow: none !important;
    955. background-image: url(https://media.discordapp.net/attachments/509029796777558030/799299280963502140/logo2.png?ex=677759b6&is=67760836&hm=ed7d9e662c3be369eb055583c70fd91b9588b5e27c94721d9b5527da2a3d28df&=&width=992&height=701);
    956. background-size: cover;
    957. }
    959. #policeButton img {
    960. margin: 0 !important;
    961. height: 36px !important;
    962. opacity: 0;
    963. }
    965. #policePopC {
    966. background-color: rgba(44,44,44);
    967. box-shadow: 0 0 8px 2px var(--accent);
    968. }
    970. #policePopC [style*="0.6"] {
    971. color: rgba(255,255,255,0.5) !important;
    972. }
    974. #trustProg {
    975. padding: 0;
    976. border-radius: 14px;
    977. height: 28px;
    978. background-color: rgba(255,255,255,0.15);
    979. }
    981. #trustPrgHD {
    982. height: 100%;
    983. border-radius: 14px;
    984. background-color: var(--accent) !important;
    985. }
    987. #trustProgHD {
    988. text-shadow: none;
    989. line-height: 32px;
    990. font-size: 20px;
    991. }
    993. #activateKDM {
    994. width: auto;
    995. background-color: transparent !important;
    996. color: var(--accent);
    997. text-shadow: none !important;
    998. box-shadow: none !important;
    999. }
    1001. /*Mod and Map List*/
    1003. #mpCat, .searchBtn {
    1004. background-color: rgba(255,255,255,0.15);
    1005. border-radius: 16px;
    1006. border: none;
    1007. }
    1009. .mapByTxt {
    1010. color: #fff;
    1011. }
    1013. /*Map Host*/
    1015. .hostMap {
    1016. border: none;
    1017. height: 94px;
    1018. width: 230px;
    1019. }
    1021. .hostMapBy, .hostMapYear, .hostMapVersion {
    1022. display: none;
    1023. }
    1025. .hostMapName {
    1026. top: 50%;
    1027. left: 50%;
    1028. font-size: 24px;
    1029. width: 100%;
    1030. text-align: center;
    1031. transform: translate(-50%, -50%);
    1032. }
    1034. .hostMapImg {
    1035. filter: grayscale(100%) brightness(0.75);
    1036. border-radius: 8px;
    1037. width: 230px;
    1038. }
    1040. .hostMap .blackShad {
    1041. text-shadow: none;
    1042. background: transparent;
    1043. }
    1045. .hostOpt {
    1046. border: none;
    1047. border-radius: 24px;
    1048. background-color: transparent;
    1049. width: 210px;
    1050. }
    1052. .optName {
    1053. text-shadow: none;
    1054. font-size: 20px;
    1055. width: 100%;
    1056. display: flex;
    1057. justify-content: center;
    1058. }
    1060. .optCheck {
    1061. background-color: transparent;
    1062. border-radius: 24px;
    1063. }
    1065. input:hover+.optCheck {
    1066. background-color: var(--accent);
    1067. opacity: 0.25;
    1068. }
    1070. input:checked+.optCheck {
    1071. background: transparent;
    1072. box-shadow: inset 0 0 16px 2px var(--accent);
    1073. }
    1075. #customSnameTeam1, #customSnameTeam2, #passCode, #rawMapData, #presetName, #presetSelect {
    1076. border-radius: 6px !important;
    1077. background-color: rgba(255, 255, 255, 0.15) !important;
    1078. }
    1080. /*Options/Settings*/
    1082. .serverHeader, .settingsHeader {
    1083. background-color: transparent;
    1084. position: static;
    1085. }
    1087. #settSearch {
    1088. border-radius: 0;
    1089. background-color: transparent;
    1090. border-bottom: 4px solid var(--accent);
    1091. }
    1093. .settingTab {
    1094. grid-row: 1;
    1095. }
    1097. .settingTab, .tabANew {
    1098. grid-row: 1;
    1099. border-color: var(--accent);
    1100. transition-duration: 0.25s;
    1101. }
    1103. .settingTab:hover, .tabANew:hover, .menuTabNew:hover {
    1104. border-color: var(--accent);
    1105. opacity: 0.75;
    1106. }
    1108. .settingsBtn, .loadoutBtn, .subPassChg, .lnkTw, .hostToggle, .hostPresetBtn {
    1109. background-color: rgba(255,255,255,0.15);
    1110. color: #fff;
    1111. border-radius: 16px;
    1112. }
    1114. .lnkTw {
    1115. color: var(--accent);
    1116. }
    1118. .inputGrey, .inputGrey2, .formInput {
    1119. background: rgba(255,255,255,0.15);
    1120. border-radius: 16px;
    1121. }
    1123. .smlInput {
    1124. color: #fff;
    1125. }
    1127. option {
    1128. background: #000;
    1129. }
    1131. .setHed {
    1132. color: var(--accent);
    1133. }
    1135. .plusOrMinus {
    1136. font-size: 36px !important;
    1137. margin-right: -4px !important;
    1138. color: var(--accent);
    1139. }
    1141. .settName span[style="color: #eb5656"] {
    1142. color: var(--accent) !important;
    1143. }
    1145. #requiresRestart {
    1146. color: var(--accent);
    1147. }
    1149. #requiresRestart span {
    1150. color: var(--accent) !important;
    1151. }
    1153. .sliderM {
    1154. height: 8px;
    1155. position: relative;
    1156. top: -4px;
    1157. background-color: rgba(255, 255, 255, 0.15);
    1158. }
    1160. .sliderM::-webkit-slider-thumb {
    1161. background-color: transparent;
    1162. width: 16px;
    1163. height: 16px;
    1164. border-radius: 50%;
    1165. box-shadow: inset 0 0 0 4px var(--accent);
    1166. }
    1168. .sliderVal {
    1169. background-color: rgba(255,255,255,0.15);
    1170. color: #fff;
    1171. border-radius: 16px;
    1172. }
    1174. .switch {
    1175. width: 70px;
    1176. }
    1178. .slider {
    1179. background-color: rgba(255,255,255,0.15);
    1180. border-radius: 16px;
    1181. }
    1183. input:checked+.slider {
    1184. background-color: var(--accent);
    1185. }
    1187. .slider:before {
    1188. background-color: transparent;
    1189. content: "ー";
    1190. font-weight: bolder;
    1191. -webkit-text-stroke: medium;
    1192. text-align: center;
    1193. font-size: 16px;
    1194. transition: .25s;
    1195. border-radius: 16px;
    1196. }
    1198. input:checked+.slider:before {
    1199. transform: translateX(36px) rotate(360deg);
    1200. color: transparent;
    1201. box-shadow: inset 0 0 0 4px #fff;
    1202. }
    1204. .switch2 {
    1205. width: 48px;
    1206. }
    1208. .slider2 {
    1209. background-color: rgba(255,255,255,0.15);
    1210. border-radius: 16px;
    1211. }
    1213. input:checked+.slider2 {
    1214. background-color: var(--accent);
    1215. }
    1217. .slider2:before {
    1218. background-color: transparent;
    1219. content: "ー";
    1220. font-weight: bolder;
    1221. -webkit-text-stroke: medium;
    1222. text-align: center;
    1223. font-size: 14px;
    1224. transition: .25s;
    1225. border-radius: 16px;
    1226. }
    1228. input:checked+.slider2:before {
    1229. transform: translateX(16px) rotate(360deg);
    1230. color: transparent;
    1231. box-shadow: inset 0 0 0 4px #fff;
    1232. }
    1234. input[type=color] {
    1235. width: 60px;
    1236. border-color: var(--accent);
    1237. }
    1239. /*Server Nav*/
    1241. .menuSelectorHeader {
    1242. width: 796px;
    1243. }
    1245. .quickJoin {
    1246. background-color: transparent;
    1247. color: var(--accent);
    1248. font-size: 16px;
    1249. padding: 0;
    1250. margin-bottom: 4px;
    1251. margin-left: 12px;
    1252. }
    1254. .slide {
    1255. border-color: transparent;
    1256. }
    1258. #menuWindow [style*="rgba(0,0,0,0.6)"] {
    1259. color: #fff !important;
    1260. }
    1262. /*Terms Area*/
    1264. #mapInfo {
    1265. margin-bottom: 0px;
    1266. }
    1268. #termsInfo {
    1269. background-color: transparent;
    1270. }
    1272. .verticalSeparatorInline {
    1273. height: 40px;
    1274. }
    1276. .terms {
    1277. font-size: 0;
    1278. transition-duration: 0.25s;
    1279. }
    1281. .terms:last-child {
    1282. font-size: 20px;
    1283. }
    1285. #termsInfo:hover .terms {
    1286. font-size: 20px;
    1287. }
    1289. .verticalSeparatorInline {
    1290. width: 0;
    1291. height: 36px;
    1292. opacity: 0;
    1293. transition-duration: 0.25s;
    1294. }
    1296. #termsInfo:hover .verticalSeparatorInline {
    1297. width: 4px;
    1298. opacity: 1;
    1299. }
    1301. .standout::before {
    1302. content: 'discord.gg/Verb';
    1303. font-size: 20px;
    1304. margin-right: 20px;
    1305. color: rgba(255, 255, 255, .5);
    1306. visibility: visible;
    1307. pointer-events: none;
    1308. }
    1310. /*Section IV: HUD*/
    1312. /*Health*/
    1314. #hudClassIcon {
    1315. display: none;
    1316. }
    1318. #bottomLeftHealth {
    1319. background-color: transparent;
    1320. padding: 0 !important;
    1321. margin: 0 !important;
    1322. bottom: 20%;
    1323. right: 62.5%;
    1324. transform: translateX(50%);
    1325. position: fixed;
    1326. font-size: 64px !important;
    1327. text-shadow: 2px 2px 4px #000;
    1328. }
    1330. #bottomLeftPlayerLeft, #bottomLeftPlayerMid {
    1331. display: none;
    1332. }
    1334. #bottomLeftPlayerRight {
    1335. padding: unset;
    1336. margin: unset
    1337. }
    1339. .hpBSeg, .healthBarSeg {
    1340. display: none;
    1341. }
    1343. #bottomLeftChallIcon {
    1344. display: none !important;
    1345. }
    1347. /*Ammo*/
    1349. #ammoHolder {
    1350. background-color: transparent !important;
    1351. background-image: linear-gradient(90deg, var(--accent), var(--accent));
    1352. background-position-y: 92px;
    1353. border-radius: 0px;
    1354. padding: 0;
    1355. padding-bottom: 2px;
    1356. padding-top: 0;
    1357. padding-left: 0;
    1358. padding-right: 0 !important;
    1359. position: fixed;
    1360. bottom:20%;
    1361. left: 62.5%;
    1362. justify-content: center;
    1363. text-align: center;
    1364. transform: translateX(-50%);
    1365. }
    1367. #ammoVal {
    1368. font-size: 64px;
    1369. color: var(--accent);
    1370. text-shadow: 2px 2px 0px #000 !important;
    1371. }
    1373. .greyInner {
    1374. padding: unset;
    1375. margin: unset;
    1376. background-color: transparent
    1377. }
    1379. #ammoMax {
    1380. display: none;
    1381. }
    1383. #ammoIcon {
    1384. display: none !important;
    1385. }
    1387. #reloadMsg {
    1388. background: none;
    1389. border: none;
    1390. color: var(--accent);
    1391. }
    1393. /*Weapon Display*/
    1395. #weapHolder {
    1396. bottom: 30px;
    1397. }
    1399. .weapItem {
    1400. position: absolute;
    1401. bottom: 0;
    1402. right: 0;
    1403. }
    1405. .weapItemInner, .weapItem {
    1406. background-color: transparent
    1407. }
    1409. .weapIcon {
    1410. filter: brightness(0) drop-shadow(-2px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(2px 0px 1px var(--accent));
    1411. opacity: 0 !important;
    1412. transition-duration: 0.25s;
    1413. height: 0;
    1414. width: 140px;
    1415. }
    1417. .weapItem[style*="1"] .weapIcon {
    1418. opacity: 1 !important;
    1419. height: 70px;
    1420. }
    1422. #weapIconMel {
    1423. margin: 0 !important;
    1424. }
    1426. .weapKey, .weapSkin {
    1427. display: none;
    1428. }
    1430. /*Top Left*/
    1432. #pingDisplay .material-icons, #ingressDisplay .material-icons, #egressDisplay .material-icons {
    1433. font-size: 24px;
    1434. }
    1436. #pingIcon {
    1437. color: var(--accent) !important;
    1438. }
    1440. #timerHolder.topLeftOld {
    1441. position: fixed;
    1442. left: 50%;
    1443. bottom: 15%;
    1444. transform: translateX(-50%);
    1445. background-color: transparent;
    1446. }
    1448. #timerVal.topLeftOld {
    1449. text-shadow: 2px 2px 4px #000 ;
    1450. }
    1452. #timerIcon.topLeftOld {
    1453. display: none;
    1454. }
    1456. /*Top Right*/
    1458. #streakCount {
    1459. position: fixed;
    1460. left: 50%;
    1461. bottom: 10%;
    1462. background-color: transparent;
    1463. transform: translate(-50%);
    1464. margin: unset
    1465. }
    1467. .statIcon {
    1468. background-color: transparent;
    1469. color: #fff;
    1470. text-shadow: 2px 2px 4px #000;
    1471. font-size: 32px;
    1472. margin-right: 15px
    1473. }
    1475. #killsIcon, #deathsIcon, #streakIcon, #kdIcon {
    1476. width: 28px;
    1477. height: 28px;
    1478. }
    1480. .statIcon span {
    1481. color: #fff !important;
    1482. }
    1484. /*Leaderboard*/
    1486. #leaderboardHolder::before {
    1487. content: "leaderboard";
    1488. display: flex;
    1489. font-size: 24px;
    1490. color: #fff;
    1491. border-bottom: 4px solid var(--accent);
    1492. border-image-slice: 1;
    1493. margin-bottom: 8px;
    1494. padding-bottom: 4px;
    1495. }
    1497. #leaderboardHolder {
    1498. background-color: transparent;
    1499. }
    1501. .leaderName, .newLeaderName, .newLeaderNameF, .endTableN[style*="color:#eb5656"] {
    1502. color: var(--accent) !important;
    1503. }
    1505. /*End Card*/
    1507. #victorySub {
    1508. display: none;
    1509. }
    1511. .teamTotals {
    1512. background-color: transparent;
    1513. }
    1515. .teamTotalN0 {
    1516. color: rgba(44,44,44);
    1517. text-shadow: 0 0 4px var(--accent), 0 0 4px var(--accent);
    1518. }
    1520. .teamTotalN1 {
    1521. color: var(--accent);
    1522. text-shadow: 0 0 4px var(--accent), 0 0 4px var(--accent);
    1523. }
    1526. .teamTotalScore, .teamTotalN0, .teamTotalN1 {
    1527. font-size: 24px;
    1528. }
    1530. #matchVoteHolder {
    1531. background-color: transparent;
    1532. }
    1534. .matchVote {
    1535. transition-duration: 0.25s;
    1536. }
    1538. .matchVote:hover {
    1539. box-shadow: 0 0 8px 2px var(--accent);
    1540. }
    1542. .matchVoteThumb:hover {
    1543. opacity: unset;
    1544. transform: unset;
    1545. }
    1547. .endCard {
    1548. border-radius: 12px;
    1549. background-color: rgba(0,0,0,0.4);
    1550. box-shadow: 0 0 8px 2px var(--accent);
    1551. }
    1553. .tabHeader.selected {
    1554. color: var(--accent);
    1555. border-color: var(--accent);
    1556. }
    1558. .reportBut {
    1559. color: var(--accent);
    1560. }
    1562. #endTable span[style="color:#F8C55C"] {
    1563. color: var(--accent) !important;
    1564. }
    1566. /*Spectate*/
    1568. #specNames, #specContr {
    1569. background-color: transparent;
    1570. text-shadow: 2px 2px #000;
    1571. }
    Tags: Krunker
    Advertisement
    Add Comment
    Please, Sign In to add comment
    Public Pastes
    We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
    Not a member of Pastebin yet?
    Sign Up, it unlocks many cool features!

    AltStyle によって変換されたページ (->オリジナル) /