API tools faq
paste
Advertisement
PhantomGame

Eve-Avant CSS

PhantomGame
Apr 9th, 2025
262
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 29.50 KB | Gaming | 0 0
raw download clone embed print report
  1.  
  2. @font-face {
  3.     font-family: gamefont;
  4.     src: url(https://sh1r0n3k0.github.io/WorkSans-SemiBold.ttf);
  5. }
  6.  
  7.  
  8. /* メインロゴ */
  9.  
  10.  
  11. #mainLogo {
  12.     position: absolute;
  13.     /* 画像のURLを指定 */
  14.     content: url(https://cdn.discordapp.com/attachments/823344681328836618/1178188267338862612/186_20231126131847.PNG?ex=65753c54&is=6562c754&hm=ed7abddc8d4d7c3dd18b409a0ce7793793b8fb67fac76a7d634ac859dcf7da0e&);
  15.     width: 1000px; /* 大きさ変更 */
  16.     height: auto;
  17.     top: 300px;
  18. }
  19.  
  20.  
  21. /* ミニプロフィール画像 */
  22.  
  23.  
  24. #menuMiniProfilePic {
  25.     /* 画像のURLを指定 */
  26.     content: url(https://cdn.discordapp.com/attachments/823344681328836618/1177495807621070968/185_20231124152716.png?ex=6572b76d&is=6560426d&hm=a9050543c72da6b728ffe8fe811ad14114ef759f99f963980c8ee3152c297d12&);
  27.     filter: brightness(1);
  28.     border-radius: 0;
  29.     width: 40px; /* 大きさ変更 */
  30.     height: auto;
  31. }
  32.  
  33.  
  34. /* プロフィール画像 */
  35.  
  36.  
  37. #profilePicM {
  38.     /* 画像のURLを指定 */
  39.     content: url(https://cdn.discordapp.com/attachments/823344681328836618/1177495807621070968/185_20231124152716.png?ex=6572b76d&is=6560426d&hm=a9050543c72da6b728ffe8fe811ad14114ef759f99f963980c8ee3152c297d12&);
  40.     filter: brightness(1);
  41.     border-radius: 0;
  42.     border: none;
  43.     filter: drop-shadow(3px 3px #b60033); /* 影の追加 */
  44. }
  45.  
  46.  
  47. /*✅アニメーション*/
  48.  
  49.  
  50. @keyframes bounce {
  51.     0%{
  52.         transform: translateY(0); /* 0%の位置で translateY(0) にする */
  53.     }
  54.     25% {
  55.         transform: translateY(-5px); /* 25% の位置で上に 5px 移動 */
  56.     }
  57.     75% {
  58.         transform: translateY(5px); /* 75% の位置で下に 5px 移動 */
  59.     }
  60. }
  61.  
  62.  
  63. /*メニューUI*/
  64.  
  65.  
  66. /*✅消す*/
  67.  
  68.  
  69. /* タイムライン情報とマップ情報を非表示 */
  70.  
  71.  
  72. #tlInfHold, #mapInfoHld {
  73.     display: none !important;
  74. }
  75.  
  76.  
  77. /* 特定のクラス名が付与された要素を非表示 */
  78.  
  79.  
  80. .youNewDiv {
  81.     display: none !important;
  82. }
  83.  
  84.  
  85. /* インストラクションを非表示 */
  86.  
  87.  
  88. #instructions {
  89.     display: none;
  90. }
  91.  
  92.  
  93. /* インストラクションアップデートの背景を透明に */
  94.  
  95.  
  96. #instructionsUpdate {
  97.     background-color: transparent;
  98. }
  99.  
  100.  
  101. /* ヘッダー右部分、ストア広告、各種広告、利用規約情報を非表示 */
  102.  
  103.  
  104. #headerRight, #homeStoreAd, #aContainer, #topRightAdHolder, #streamContainer, #homeStoreAd, #bundlePop, #termsInfo {
  105.     display: none;
  106. }
  107.  
  108.  
  109. /* 警察ボタンを非表示 */
  110.  
  111.  
  112. #policeButton {
  113.     display: none;
  114. }
  115.  
  116.  
  117. /* メニューのクラスアイコンを非表示 */
  118.  
  119.  
  120. #menuClassIcn {
  121.     display: none;
  122. }
  123.  
  124.  
  125. /* メニューのクラス名タグ、サブテキスト、クラス名を非表示 */
  126.  
  127.  
  128. #menuClassNameTag, #menuClassSubtext, #menuClassName {
  129.     display: none;
  130. }
  131.  
  132.  
  133. /* カスタマイズボタンのマテリアルアイコンを非表示 */
  134.  
  135.  
  136. #customizeButton > .material-icons {
  137.     display: none;
  138. }
  139.  
  140.  
  141. /* メニューボタンアイコンを非表示 */
  142.  
  143.  
  144. .menBtnIcn {
  145.     display: none !important;
  146. }
  147.  
  148.  
  149. /*✅背景*/
  150.  
  151.  
  152. /* バックドロップフィルターを使用して背景をぼかし */
  153.  
  154.  
  155. #instructionHolder {
  156.     backdrop-filter: blur(6px);
  157.  
  158.     /* 背景をラジアルグラデーションに設定（中心が中心で、透明から濃い黒にかけてのグラデーション） */
  159.     background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  160.  
  161.     /* バックドロップフィルターがサポートされていない場合のフォールバックとして、透明な赤い色を設定 */
  162.     background-color: rgba(255, 0, 0, 0.4);
  163. }
  164.  
  165.  
  166. /*✅左上*/
  167.  
  168.  
  169. #signedInHeaderBar.headerBarLeft.headerBar{
  170. width:1000px;
  171. height:auto;
  172. }
  173.  
  174.  
  175. /*背景*/
  176.  
  177.  
  178. .headerBarLeft, #mLevelCont{
  179.     background-color: transparent;
  180. }
  181.  
  182.  
  183. /*名前、数字*/
  184.  
  185.  
  186. #menuAccountUsername, #menuKRCount, #menuJNKCount{
  187.     font-size:35px;
  188.     text-shadow: 2px 2px 0px #000;
  189.     color: #b60033;
  190. }
  191.  
  192.  #mLevelContV{
  193.     font-size:70px;
  194.     text-shadow: 3px 3px 0px #000;
  195.     color: #b60033;
  196. }
  197.  
  198.  
  199. /*画像*/
  200.  
  201.  
  202. #menuKRCount span, #menuJNKCount span, #mailIcon{
  203.     filter: brightness(0) drop-shadow(1px 1px #b60033);
  204. }
  205.  
  206. #mailIcon{
  207. filter: brightness(0) drop-shadow(2px 2px #b60033);
  208.  transform: none;
  209. }
  210.  
  211.  
  212. /*レベルバー色(中)*/
  213.  
  214.  
  215. #menuLevelBar.progressBarInner {
  216.     filter: brightness(0) grayscale(1) contrast(100);
  217.     border-radius: 0;
  218. }
  219.  
  220.  
  221. /*レベルバー色(外)*/
  222.  
  223.  
  224. #menuLvlHold.progressBar {
  225.     background-color: #b60033;
  226.     border-radius: 0;
  227. }
  228.  
  229.  
  230. /*✅右上*/
  231.  
  232.  
  233. /* サブロゴボタン全体のスタイル設定 */
  234.  
  235.  
  236. #subLogoButtons {
  237.     bottom: unset;
  238.     top: 10px;
  239.     left: unset;
  240.     right: 40px;
  241.     transform: none;
  242.     display: flex;
  243.     flex-direction: column;
  244.     margin-top: 20px;
  245.     align-items: flex-end;
  246. }
  247.  
  248.  
  249. /* サブロゴボタン内の各ボタンのスタイル設定 */
  250.  
  251.  
  252. #subLogoButtons > .button {
  253.     width: fit-content;
  254.     align-items: baseline;
  255.     flex-grow: unset;
  256.     transform: none;
  257.     background-color: transparent;
  258.     border: none !important;
  259.     font-size: 70px !important;
  260.     padding: 0 !important;
  261.     height: auto;
  262.     margin-top: 20px;
  263.     margin-right: 0;
  264.     margin-left: 0;
  265.     text-align: right;
  266.     text-shadow: 2px 2px 0px #000;
  267.     color: #b60033;
  268.     transition: color 0.2s ease; /* カーソルホバー時に色が変化するアニメーション設定 */
  269. }
  270.  
  271.  
  272. /* サブロゴボタンホバー時のスタイル設定 */
  273.  
  274.  
  275. #subLogoButtons > .button:hover {
  276.     color: rgba(0, 0, 0, 0) !important; /* カーソルホバー時、色を透明にする */
  277. }
  278.  
  279.  
  280. /*✅右下*/
  281.  
  282.  
  283. /* メニューアイテムコンテナ全体に関するスタイル設定 */
  284.  
  285.  
  286. #menuItemContainer {
  287.     width: unset;
  288.     height: 480px;
  289.     background-color: transparent;
  290.     right: 30px;
  291.     bottom: 40px;
  292.     top: unset;
  293.     justify-content: space-between;
  294.     align-items: flex-end;
  295. }
  296.  
  297.  
  298. /* メニューアイテムに関するスタイル設定 */
  299.  
  300.  
  301. .menuItem {
  302.     align-items: baseline;
  303.     flex-grow: unset;
  304.     background-size: 200% 100%;
  305.     background-repeat: no-repeat;
  306.     background-position-x: calc(100% - 1px);
  307.     width: fit-content;
  308. }
  309.  
  310.  
  311. /* メニューアイテムタイトルに関するスタイル設定 */
  312.  
  313.  
  314. .menuItem .menuItemTitle {
  315.     color: #b60033;
  316.     margin: 0;
  317.     font-size: 48px !important;
  318.     text-transform: uppercase;
  319.     mix-blend-mode: exclusion;
  320.     padding: 0 12px;
  321.     transition: color 0.2s ease; /* カーソルホバー時に色が変化するアニメーション設定 */
  322.     text-shadow: 2px 2px 0px #000;
  323. }
  324.  
  325.  
  326. /* メニューアイテムタイトルホバー時のスタイル設定 */
  327.  
  328.  
  329. .menuItem .menuItemTitle:hover {
  330.     color: rgba(0, 0, 0, 0) !important; /* カーソルホバー時、色を透明にする */
  331. }
  332.  
  333.  
  334. /*✅真ん中下*/
  335.  
  336.  
  337. /* メニュークラスコンテナ全体に関するスタイル設定 */
  338.  
  339.  
  340. #menuClassContainer {
  341.     right: unset;
  342.     left: unset;
  343.     position: fixed;
  344.     top: 60%;
  345.     left: 20%;
  346.     transform: translate(-50%, -50%);
  347.     display: flex;
  348.     flex-direction: row;
  349. }
  350.  
  351.  
  352. /* プレイヤーの見た目に関するスタイル設定 */
  353.  
  354.  
  355. #classPreviewCanvas {
  356.     width: 500px !important;
  357.     height: auto !important;
  358.     position: absolute;
  359.     transform: none;
  360.     left: unset;
  361.     bottom: unset;
  362.     top: 160px;
  363.     right: -20px;
  364.     filter: drop-shadow(-3px -1px 0px #000) drop-shadow(3px -1px 0px #000) drop-shadow(0px 3px 0px #000) drop-shadow(3px 3px #b60033);
  365. }
  366.  
  367. #classPreviewCanvas .img {
  368.     border: 2px solid #000; /* 枠線の設定（太さ、スタイル、色） */
  369. }
  370.  
  371.  
  372. /* カスタマイズボタンに関するスタイル設定 */
  373.  
  374.  
  375. #customizeButton {
  376.     position: absolute;
  377.     transform: none;
  378.     left: unset;
  379.     bottom: unset;
  380.     top: 500px;
  381.     left: 10px;
  382.     background-color: transparent;
  383.     border: none !important;
  384.     font-size: 55px !important;
  385.     padding: 0 !important;
  386.     width: 270px;
  387.     height: auto;
  388.     margin-top: 20px;
  389.     margin-right: 0;
  390.     margin-left: 0;
  391.     text-shadow: 2px 2px 0px #000 !important;
  392.     color: #b60033;
  393.     transition: color 0.2s ease; /* 背景色の変化をアニメーション化 */
  394. }
  395.  
  396. #customizeButton:hover {
  397.     color: rgba(0, 0, 0, 0) !important; /* カーソルホバー時、色を透明にする */
  398. }
  399.  
  400.  
  401. /*✅スペクテイターボタン*/
  402.  
  403.  
  404. #uiBase.onMenu #spectButton {
  405.     display: flex;
  406.     align-items: center;
  407.     position: absolute;
  408.     top: 440px;
  409.     right: 992px;
  410.     left: unset;
  411.     transform: unset;
  412.     z-index: 2;
  413.     color: rgba(255, 255, 255, 0.5);
  414.     font-size: 18px;
  415. }
  416.  
  417. #spectButton span {
  418.     font-size: 0 !important;
  419. }
  420.  
  421.  
  422. /* スペクテイターボタンのアイコンに関するスタイル設定 */
  423.  
  424.  
  425. .sliderSml::before {
  426.     content: "visibility_off";
  427.     font-size: 44px;
  428.     color: #fff;
  429.     width: max-content;
  430.     height: auto;
  431.     background-color: transparent;
  432.     text-align: center;
  433.     transition-duration: 0.25s;
  434.     font-family: 'Material Icons';
  435.     left: unset;
  436.     bottom: unset;
  437.     filter: brightness(0);
  438. }
  439.  
  440.  
  441. /* スペクテイターボタンがONのときのアイコンと背景に関するスタイル設定 */
  442.  
  443.  
  444. input:checked + .sliderSml::before {
  445.     content: "visibility";
  446.     transform: unset;
  447. }
  448.  
  449. input:checked + .sliderSml {
  450.     background-color: transparent !important;
  451. }
  452.  
  453.  
  454. /* スペクテイターボタン全体に関するスタイル設定 */
  455.  
  456.  
  457. .sliderSml {
  458.     opacity: 1;
  459.     background-color: transparent;
  460. }
  461.  
  462.  
  463. /*✅チャットボックス*/
  464.  
  465.  
  466. /* メニュー時のチャットホルダーに関するスタイル設定 */
  467.  
  468.  
  469. #uiBase.onMenu #chatHolder {
  470.     background: transparent;
  471.     top: 100px;
  472.     left: 10px;
  473.     width: 300px;
  474. }
  475.  
  476. /* メニュー時のチャットインプットに関するスタイル設定 */
  477.  
  478.  
  479. #uiBase.onMenu #chatInput {
  480.     position: absolute;
  481.     left: 10px;
  482.     background-color: #000;
  483.     filter: drop-shadow(2px 2px #b60033);
  484.     border-radius: 0;
  485. }
  486.  
  487.  
  488. /*✅プレイヤーページ*/
  489.  
  490.  
  491. /* ウィンドウクローザーのスタイル設定 */
  492.  
  493.  
  494. #windowCloser {
  495.     background: linear-gradient(to bottom, rgba(182, 0, 51, 0.5), rgba(0, 0, 0, 0.5));
  496. }
  497.  
  498.  
  499. /* メニューウィンドウのスタイル設定 */
  500.  
  501.  
  502. #menuWindow.dark {
  503.     background-color: transparent !important;
  504.     border: 2px solid #b60033;
  505.     box-shadow: 3px 3px 0px #000;
  506.     border-radius: 0;
  507. }
  508.  
  509.  
  510. /* ビッグメンタブのスタイル設定 */
  511.  
  512.  
  513. .bigMenTab {
  514.     background-color: #b60033 !important;
  515.     box-shadow: 3px 3px 0px #000;
  516.     border-radius: 0;
  517. }
  518.  
  519.  
  520. /* セットヘッダーとセットヘッダースモールのスタイル設定 */
  521.  
  522.  
  523. .setHed, .setHedS {
  524.     border: none;
  525.     background-color: #b60033;
  526.     box-shadow: 3px 3px 0px #000;
  527.     border-radius: 0;
  528. }
  529.  
  530. /* セットヘッダーのホバー時のスタイル設定 */
  531.  
  532.  
  533. .setHed:hover {
  534.     background-color: #b60033;
  535. }
  536.  
  537. /*レベルバー色(中)*/
  538.  
  539.  
  540. .xpBarB {
  541.     border-radius: 0;
  542.     background-image: linear-gradient(to right,#b60033,#b60033);
  543. }
  544.  
  545.  
  546. /*レベルバー色(外)*/
  547.  
  548.  
  549. .xpBar {
  550.     background-color:#000;
  551. }
  552.  
  553. /*✅設定ページ*/
  554.  
  555.  
  556. /* 設定ヘッダーのスタイル設定 */
  557.  
  558.  
  559. .settingsHeader {
  560.     background-color: transparent;
  561. }
  562.  
  563.  
  564. /* 設定タブのスタイル設定 */
  565.  
  566.  
  567. .settingTab {
  568.     background-color: #b60033 !important;
  569.     box-shadow: 3px 3px 0px #000;
  570.     border-radius: 0;
  571. }
  572.  
  573.  
  574. /*✅クラスページ*/
  575.  
  576.  
  577. /* スタイル設定 */
  578.  
  579.  
  580. #selectorContainer, .classXPBar, .clsXPBarC{
  581.     background-color: transparent;
  582. }
  583.  
  584. .selectorItem.selectedItem, .selectorItem, .selectorItem:hover{
  585.     background-color: transparent ;
  586.     color:transparent;
  587.     border:none !important;
  588. }
  589.  
  590. .classImgH,.className{
  591. display:none;
  592. }
  593.  
  594. .classCard{
  595.     width: 250px;
  596.     height: 115px;
  597.     box-shadow:3px 3px 0px #000;
  598. }
  599.  
  600.  .selectorItem:hover{
  601. filter: brightness(0.3);
  602. }
  603.  
  604.  
  605. /*クラスレベルxp配置*/
  606.  
  607.  
  608. .classWeap{
  609.    color:#000 !important;
  610.    font-size: 23px;
  611.    left:5px;
  612.    top:5px;
  613.    text-shadow:
  614.         -1px -1px 0 #fff,  
  615.          1px -1px 0 #fff,
  616.         -1px  1px 0 #fff,
  617.          1px  1px 0 #fff;
  618. }
  619.  
  620. .classLvl{
  621.    font-size: 20px;
  622.    color:#fff !important;
  623.    bottom:20px;
  624.    text-shadow: 1px 1px 0px #000;
  625. }
  626.  
  627.  
  628. .clsXPBarV{
  629.     left:3px;
  630.     font-size: 18px;
  631.     text-border:none;
  632.     text-align: left;
  633.     text-shadow: 1px 1px 0px #000;
  634. }
  635.  
  636.  
  637. /*それぞれのクラス背景*/
  638.  
  639.  
  640. .classCard[onclick="selectClass(0)"] {
  641.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201602565984256/194_20231129082317.PNG?ex=6578ec12&is=65667712&hm=26f3f13778c4fbc2a91271fa64b93ab3327586c1b1acda4a79ebc1bf3e4c4c14&);
  642.     background-size: contain;
  643.     background-repeat: no-repeat;
  644.     background-position: center;    
  645.     filter: brightness(1);
  646.     border-radius: 0;
  647. }
  648.  
  649. .classCard[onclick="selectClass(1)"] {
  650.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201605216780349/194_20231129081719.PNG?ex=6578ec13&is=65667713&hm=3a669bd785d2d61d26f7bf11434950da7caa089ae7a732c3b3a87262d4168018&);
  651.     background-size: contain;
  652.     background-repeat: no-repeat;
  653.     background-position: center;    
  654.     filter: brightness(1);
  655.     border-radius: 0;
  656. }
  657.  
  658. .classCard[onclick="selectClass(2)"] {
  659.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201605464236062/194_20231129081724.PNG?ex=6578ec13&is=65667713&hm=ab14953412d28e7a80cfee25b3b573c4ac2b1efaafc498632a14fd70c6ff5b50&);
  660.     background-size: contain;
  661.     background-repeat: no-repeat;
  662.     background-position: center;    
  663.     filter: brightness(1);
  664.     border-radius: 0;
  665. }
  666.  
  667. .classCard[onclick="selectClass(3)"] {
  668.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201605527142471/194_20231129081728.PNG?ex=6578ec13&is=65667713&hm=9d4f642682e28c05bbabfb772d5e73077183965b0521d4e971907aa7e282f750&);
  669.     background-size: contain;
  670.     background-repeat: no-repeat;
  671.     background-position: center;    
  672.     filter: brightness(1);
  673.     border-radius: 0;
  674. }
  675.  
  676. .classCard[onclick="selectClass(4)"] {
  677.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201605854298174/194_20231129081755.PNG?ex=6578ec13&is=65667713&hm=730eb5ec2b454bca08b629f48b7a17bc6eb4bb0573c10d98ea845919f78a8db8&);
  678.     background-size: contain;
  679.     background-repeat: no-repeat;
  680.     background-position: center;    
  681.     filter: brightness(1);
  682.     border-radius: 0;
  683. }
  684.  
  685. .classCard[onclick="selectClass(5)"] {
  686.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201606068215968/194_20231129081853.PNG?ex=6578ec13&is=65667713&hm=367c3d4d6f604b3223d68e285044ed51bad14b15768e325da100560fefc68308&);
  687.     background-size: contain;
  688.     background-repeat: no-repeat;
  689.     background-position: center;    
  690.     filter: brightness(1);
  691.     border-radius: 0;
  692. }
  693.  
  694. .classCard[onclick="selectClass(6)"] {
  695.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201606051430420/194_20231129082413.PNG?ex=6578ec13&is=65667713&hm=5d50de4da90d17c0c5b9c878e03de0918bf49e8d1274e7bc7f8d736085d4522f&);
  696.     background-size: contain;
  697.     background-repeat: no-repeat;
  698.     background-position: center;    
  699.     filter: brightness(1);
  700.     border-radius: 0;
  701. }
  702.  
  703. .classCard[onclick="selectClass(7)"] {
  704.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201605934010518/194_20231129081823.PNG?ex=6578ec13&is=65667713&hm=e3d29bd553f49f582108d44d4ecae09392d19f77885b0905a01b5747e39a4f35&);
  705.     background-size: contain;
  706.     background-repeat: no-repeat;
  707.     background-position: center;    
  708.     filter: brightness(1);
  709.     border-radius: 0;
  710. }
  711.  
  712. .classCard[onclick="selectClass(8)"] {
  713.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201607301337088/194_20231129082443.PNG?ex=6578ec13&is=65667713&hm=a4da8a09790b942cb6bf97d20def54a006dd52ffb592aad9ca869a76c7014dbb&);
  714.     background-size: contain;
  715.     background-repeat: no-repeat;
  716.     background-position: center;    
  717.     filter: brightness(1);
  718.     border-radius: 0;
  719. }
  720.  
  721. .classCard[onclick="selectClass(9)"] {
  722.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201607741743235/194_20231129082430.PNG?ex=6578ec13&is=65667713&hm=3624119afec91f681eb7893168268de8e3dc7049df84b1b2e528006c5117c6ce&);
  723.     background-size: contain;
  724.     background-repeat: no-repeat;
  725.     background-position: center;    
  726.     filter: brightness(1);
  727.     border-radius: 0;
  728. }
  729.  
  730. .classCard[onclick="selectClass(10)"] {
  731.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201607741743235/194_20231129082430.PNG?ex=6578ec13&is=65667713&hm=3624119afec91f681eb7893168268de8e3dc7049df84b1b2e528006c5117c6ce&);
  732.     background-size: contain;
  733.     background-repeat: no-repeat;
  734.     background-position: center;    
  735.     filter: brightness(1);
  736.     border-radius: 0;
  737. }
  738.  
  739. .classCard[onclick="selectClass(11)"] {
  740.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201607712395415/194_20231129082246.PNG?ex=6578ec13&is=65667713&hm=b33991c084638c92c1399bd45ac94c957a693fca0ab126d88c25f60cc2f0c7a8&);
  741.     background-size: contain;
  742.     background-repeat: no-repeat;
  743.     background-position: center;    
  744.     filter: brightness(1);
  745.     border-radius: 0;
  746. }
  747.  
  748. .classCard[onclick="selectClass(12)"] {
  749.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201608005976085/194_20231129082521.PNG?ex=6578ec13&is=65667713&hm=f2db3126b8f3aafb3f575c023e42ccbbd31ce7c4791c6f1db97ea77ec6e0aec3&);
  750.     background-size: contain;
  751.     background-repeat: no-repeat;
  752.     background-position: center;    
  753.     filter: brightness(1);
  754.     border-radius: 0;
  755. }
  756.  
  757. .classCard[onclick="selectClass(13)"] {
  758.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179201608647712788/194_20231129082501.PNG?ex=6578ec14&is=65667714&hm=24641fcfcd3f1177861a0e2f5429b4b8ec177b43d8e858157c00b8eff8a40ec1&);
  759.     background-size: contain;
  760.     background-repeat: no-repeat;
  761.     background-position: center;    
  762.     filter: brightness(1);
  763.     border-radius: 0;
  764. }
  765.  
  766. .classCard[onclick="selectClass(14)"] {
  767.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179324738116517898/194_20231129163517.png?ex=65795ec0&is=6566e9c0&hm=f011bbc2f0920c69efa80e803904ab7c2dbb4a30044c4049b72e4af33da18c5f&);
  768.     background-size: contain;
  769.     background-repeat: no-repeat;
  770.     background-position: center;    
  771.     filter: brightness(1);
  772.     border-radius: 0;
  773. }
  774.  
  775. .classCard[onclick="selectClass(15)"] {
  776.     background-image: url(https://cdn.discordapp.com/attachments/823344681328836618/1179328218243813438/194_20231129164905.png?ex=657961fe&is=6566ecfe&hm=0df599627ccdd6dbb18df59217b75bf23086fbb4ffffdf51a22ab7d49a335f42&);
  777.     background-size: contain;
  778.     background-repeat: no-repeat;
  779.     background-position: center;    
  780.     filter: brightness(1);
  781.     border-radius: 0;
  782. }
  783.  
  784.  
  785. /*ホバー*/
  786.  
  787.  
  788. .classCard:hover{
  789. filter: brightness(0.3);
  790. }
  791.  
  792.  
  793. /*✅エンド*/
  794.  
  795.  
  796. #endUI{
  797.  background: linear-gradient(to bottom, rgba(182, 0, 51, 0.6), rgba(0, 0, 0, 0.6));
  798. }
  799.  
  800. .endCard{
  801. background-color: transparent;
  802.     border: 2px solid #b60033;
  803.     box-shadow: 3px 3px 0px #000;
  804.     border-radius: 0;
  805. }
  806.  
  807. .matchVote{
  808.     background-color: transparent;
  809.     border: 2px solid #b60033;
  810.     box-shadow: 3px 3px 0px #000;
  811.     border-radius: 0;
  812. }
  813.  
  814.  
  815. /*ゲームUI*/
  816.  
  817.  
  818. /*✅消す*/
  819.  
  820.  
  821. :root {
  822.     --healthbar-opacity: 100; /* HPバーを完全に表示する */
  823.  
  824.     --div-grey: transparent;
  825.     --div-black: transparent;
  826.     --div-shadow: transparent;
  827. }
  828.  
  829. #seasonLabel,
  830. #mainlogo,
  831. #mainLogoFace{
  832.     display: none; /* メインロゴやシーズンラベル、メインロゴの顔を非表示にする */
  833. }
  834.  
  835. #matchInfo.topLeftOld {
  836.     display: none !important; /* 重要度を強調してマッチ情報を非表示にする */
  837. }
  838.  
  839. #bottomLeftTeamType,
  840. #bottomLeftTeamName,
  841. #bottomLeftTeamHolder,
  842. #bottomLeftClassImg{
  843.     display: none; /* 下部の左側にある特定のチーム関連要素を非表示にする */
  844. }
  845.  
  846. #recTimer{
  847.     display: none; /* レコードタイマーを非表示にする */
  848. }
  849.  
  850. #ammoMax,
  851. #maxHP{
  852.     display: none; /* 弾薬と最大HPを非表示にする */
  853. }
  854.  
  855. .weapSkin,
  856. #timerIcon.topLeftOld  {
  857.     display: none; /* 武器のスキンとタイマーアイコンを非表示にする */
  858. }
  859.  
  860. .weapKey {
  861.     display: none; /* 武器のキーを非表示にする */
  862. }
  863.  
  864. .weapStreakHolder {
  865.     display: none !important; /* 重要度を強調して武器の連続キルを非表示にする */
  866. }
  867.  
  868. .classHP {
  869.     display: none; /* クラスのHPを非表示にする */
  870. }
  871.  
  872.  
  873.  
  874. /*✅時間*/
  875.  
  876.  
  877. #timerVal.topLeftOld {
  878.     font-size: 80px !important; /* タイマーのフォントサイズを80pxに設定 */
  879.     top: 100px; /* 上部からの位置を100pxに設定 */
  880.     color: #b60033; /* カラーを#b60033（赤色）に設定 */
  881.     filter: drop-shadow(3px 3px #000); /* ドロップシャドウを3px右下に黒色で設定 */
  882. }
  883.  
  884.  
  885. /*✅左下*/
  886.  
  887.  
  888. #bottomLeftPlayerRight {
  889.     display: flex;
  890.     align-items: center;
  891.     padding: 3px;
  892.     margin: 5px;
  893.     background-color: var(--div-black); /* 背景色を --div-black に設定 */
  894. }
  895.  
  896. #bottomLeftChallIcon {
  897.     width: 50px; /* アイコンの幅を50pxに設定 */
  898.     height: 50px; /* アイコンの高さを50pxに設定 */
  899.     image-rendering: pixelated;
  900.     image-rendering: -moz-crisp-edges;
  901.     image-rendering: crisp-edges;
  902.     display: inline-block;
  903.     filter: brightness(0) drop-shadow(3px 3px #b60033); /* アイコンにドロップシャドウと明るさ調整を適用 */
  904.     margin-bottom: -3px; /* マージンを調整して位置を微調整 */
  905. }
  906.  
  907.  
  908. /*✅体力*/
  909.  
  910.  
  911. #bottomLeftHolder {
  912.     bottom: 50px;
  913.     left: 350px;
  914. }
  915.  
  916. #bottomLeftHealthBar {
  917.     position: fixed;
  918.     background-color: transparent;
  919.     width: 22%;
  920.     bottom: 0%;
  921.     left: 50%;
  922.     transform: translate(-50%, -50%);
  923.     visibility: visible !important;
  924. }
  925.  
  926. #bottomLeftHealth {
  927.     color: #b60033;
  928.     font-size: 120px; /* フォントサイズを120pxに変更 */
  929.     will-change: transform;
  930.     margin-left: 20px;
  931.     text-shadow: 3px 3px 0px #000;
  932. }
  933.  
  934. .nHealthBarSeg {
  935.     width: -webkit-fill-available;
  936.     height: 30px;
  937.     margin: 0 -5px;
  938.     border-radius: 0;
  939.     background-color: #000;
  940. }
  941.  
  942. .nHpBSeg {
  943.     border-radius: 0;
  944.     box-shadow: none;
  945.     background-color: #b60033 !important; /* HPバーセグメントの背景色を #b60033 に設定 */
  946. }
  947.  
  948.  
  949. /*✅弾*/
  950.  
  951.  
  952. #ammoHolder {
  953.    position: relative;
  954.    bottom: 35px;
  955.    right: 630px;
  956. }
  957.  
  958. #ammoIcon {
  959.    position: relative;
  960.    bottom: 25px;
  961.    left :-45px;
  962. }
  963.  
  964.  
  965. /*見た目*/
  966.  
  967.  
  968. #ammoHolder {
  969.     background-color:  transparent;
  970.     display: inline-block;
  971.     font-size: 120px;       /*大きさ変更*/
  972.     letter-spacing: -2px;
  973.     transform: translateZ(0);
  974. }
  975.  
  976.  
  977. #ammoIcon {
  978.     width: 50px;     /* 大きさ変更 */
  979.     height: 50px;    /* 大きさ変更 */
  980.     margin-left: 3px;
  981.     margin-bottom:12px;
  982.     filter:brightness(0) drop-shadow(3px 3px #b60033);
  983. }
  984.  
  985. #ammoVal{
  986.      color: #b60033;
  987.      text-shadow: 3px 3px 0px #000;
  988. }
  989.  
  990.  
  991. /*✅武器表示*/
  992.  
  993.  
  994. /* 武器アイコンのスタイル設定 */
  995.  
  996.  
  997. .weapIcon {
  998.     width: 150px;
  999.     height: auto;
  1000.     margin-right: 10px;
  1001.     margin-bottom: 20px;
  1002.     transition-duration: 0.5s;
  1003.     filter: brightness(0) drop-shadow(3px 3px #b60033);
  1004. }
  1005.  
  1006.  
  1007. /* 最後の武器アイテムのアイコンに対するスタイル */
  1008.  
  1009.  
  1010. .weapItem:last-child .weapIcon {
  1011.     transform: translateY(16px);
  1012. }
  1013.  
  1014.  
  1015.  
  1016. /* リロードメッセージのスタイル設定 */
  1017.  
  1018.  
  1019. #reloadMsg {
  1020.     background: transparent !important;
  1021.     bottom: 160px !important;
  1022.     font-size: 16px;
  1023.     border: none !important;
  1024. }
  1025.  
  1026.  
  1027. /* 武器ホルダーの位置調整 */
  1028.  
  1029.  
  1030. #weapHolder {
  1031.     bottom: 10px;
  1032. }
  1033.  
  1034.  
  1035. /* 武器アイテムとその内部要素の背景色を透明にする */
  1036.  
  1037.  
  1038. .weapItemInner, .weapItem {
  1039.     background-color: transparent;
  1040. }
  1041.  
  1042.  
  1043. /*✅チャットボックス*/
  1044.  
  1045.  
  1046. /* ゲーム中のチャット入力を非表示にする */
  1047. #uiBase.onGame #chatInput {
  1048.     display: none;
  1049. }
  1050.  
  1051. /* ゲーム中のチャットホルダーのスタイル設定 */
  1052. #uiBase.onGame #chatHolder {
  1053.     background: transparent;
  1054.     top: 300px;
  1055.     width: 300px;
  1056. }
  1057.  
  1058. /* チャットスイッチと音声オフアイコンの表示を非表示にする */
  1059. #chatSwitch:after, .voiceOff:after {
  1060.     display: none;
  1061. }
  1062.  
  1063. /* チャットリストのスクロールバーを非表示にする */
  1064. #chatList::-webkit-scrollbar {
  1065.     display: none;
  1066. }
  1067.  
  1068. /* チャットリストのスタイル設定 */
  1069. #chatList {
  1070.     background-color: transparent;
  1071.     font-size: 10px !important;
  1072. }
  1073.  
  1074. /* 敵のチャットメッセージの文字色を設定 */
  1075. .chatMsg span[style*="#eb5656"] {
  1076.     color: #000 !important;
  1077. }
  1078.  
  1079. /* 味方のチャットメッセージの文字色を設定 */
  1080. .chatMsg span[style*="#9eeb56"] {
  1081.     color: #fff !important;
  1082. }
  1083.  
  1084. /* その他のチャットメッセージの文字色とテキストシャドウを設定 */
  1085. .chatMsg[style*="color"] {
  1086.     color: #b60033 !important;
  1087.     text-shadow: 1px 1px 0px #000;
  1088. }
  1089.  
  1090.  
  1091. /*✅リーダーボード*/
  1092.  
  1093.  
  1094. /* リーダーコンテナのスタイル設定 */
  1095.  
  1096.  
  1097. #leaderContainer {
  1098.     border: 2px solid #b60033;  
  1099.     box-shadow: 3px 3px 0px #000;
  1100. }
  1101.  
  1102.  
  1103. /* センターリーダーコンテナのスタイル設定 */
  1104.  
  1105.  
  1106. .centerLeaderContainer {
  1107.     border: 2px solid #b60033;  
  1108. }
  1109.  
  1110.  
  1111. /* 新しいリーダーアイテムのフォントサイズ設定 */
  1112.  
  1113.  
  1114. .newLeaderItem {
  1115.     font-size: 20px;
  1116. }
  1117.  
  1118.  
  1119. /* リーダーアイテムのフォントサイズ設定 */
  1120.  
  1121.  
  1122. .leaderItem {
  1123.     font-size: 22px;
  1124. }
  1125.  
  1126.  
  1127. /* 自分のリーダー名、テキストのスタイル設定 */
  1128.  
  1129.  
  1130. .newLeaderNameM, .leaderNameM, .endTableM {
  1131.     color: #b60033;
  1132. }
  1133.  
  1134.  
  1135. /* 味方のリーダー名、テキストのスタイル設定 */
  1136.  
  1137.  
  1138. .newLeaderNameF, .leaderNameF, .endTableN {
  1139.     color: #fff;
  1140. }
  1141.  
  1142.  
  1143. /* 敵のリーダー名、テキストのスタイル設定 */
  1144.  
  1145.  
  1146. .newLeaderName, .leaderName, .endTableN[style*="#eb5656"] {
  1147.     color: #000;
  1148. }
  1149.  
  1150.  
  1151. /* トップライトのカウンターのスタイル設定 */
  1152.  
  1153.  
  1154. topRightCounters {
  1155.     color: #b60033;
  1156.     text-shadow: 2px 2px 0px #000;
  1157. }
  1158.  
  1159.  
  1160. /* 各種カウンターの数値のスタイル設定 */
  1161.  
  1162.  
  1163. #killsVal, #deathsVal, #streakVal, #myScoreVal, #kdVal {
  1164.     color: #b60033;
  1165.     text-shadow: 1px 1px 0px #000;
  1166. }
  1167.  
  1168.  
  1169. /* 各種カウンターのアイコンのスタイル設定 */
  1170.  
  1171.  
  1172. #killsIcon, #deathsIcon, #streakIcon, #kdIcon {
  1173.     filter: brightness(0) drop-shadow(1px 1px #b60033);
  1174. }
  1175.  
  1176.  
  1177. /*コンプメニュー*/
  1178.  
  1179.  
  1180. /*✅透明*/
  1181.  
  1182.  
  1183. #compClassPHolder, #compBtnLst, #compT1Scr, #compT2Scr{
  1184.    background-color :transparent;
  1185. }
  1186.  
  1187.  
  1188. /*✅スコア*/
  1189.  
  1190.  
  1191. /*全体*/
  1192.  
  1193.  
  1194. #compTScrsB{
  1195.    top:80px;
  1196.    left:50%;
  1197.    transform: translateX(-50%);
  1198.    background-color: #b60033;
  1199.    box-shadow: 3px 3px 0px #000;
  1200.    border-radius: 0;
  1201.    width: fit-content;
  1202. }
  1203.  
  1204.  
  1205. /*左(Alpha)*/
  1206.  
  1207.  
  1208. #compT1Scr{
  1209.    color:#fff !important;
  1210.    text-shadow: none;
  1211.    filter: drop-shadow(3px 3px #000);
  1212. }
  1213.  
  1214.  
  1215. /*真ん中(vs)*/
  1216.  
  1217.  
  1218. .compTScrB{
  1219.    background: rgba(0,0,0,0) !important ;
  1220.    filter: drop-shadow(2px 2px #fff);
  1221. }
  1222.  
  1223. .compTScrB span{
  1224.    color:#000 !important;
  1225. }
  1226.  
  1227.  
  1228. /*右(Bravo)*/
  1229.  
  1230.  
  1231. #compT2Scr{
  1232.    color:#fff !important;
  1233.    text-shadow: none;
  1234.    filter: drop-shadow(3px 3px #000);
  1235. }
  1236.  
  1237.  
  1238. /*✅左下*/
  1239.  
  1240.  
  1241. /*位置*/
  1242.  
  1243.  
  1244.  #compBtnLst{
  1245.     top: 450px;
  1246.     left:30px;
  1247.     width: 100px;
  1248.     height: 1000px;
  1249.     display: flex;
  1250.     flex-direction: column;
  1251. }
  1252.  
  1253.  
  1254. /*見た目*/
  1255.  
  1256.  
  1257. .compMenBtnS{
  1258.     width: fit-content;
  1259.     height: fit-content;
  1260.     background-color: transparent !important;
  1261.     border: 0;
  1262.     margin-top:17px;
  1263. }
  1264.  
  1265. .compMenBtnS span{
  1266.     font-size: 60px !important;
  1267.     filter: drop-shadow(-3px -1px 0px #000) drop-shadow(3px -1px 0px #000) drop-shadow(0px 3px 0px #000) drop-shadow(3px 3px #b60033);
  1268. }
  1269.  
  1270.  
  1271. /*✅クラス選択*/
  1272.  
  1273.  
  1274. /*位置*/
  1275.  
  1276.  
  1277. #compClassPHolder{
  1278.     top:-18px;
  1279.     right:50px;
  1280.     width: 100px;
  1281.     height: 1000px;
  1282.     display: flex;
  1283.     flex-direction: column;
  1284. }
  1285.  
  1286. /*見た目*/
  1287.  
  1288. .compClassPItm{
  1289.     width: 80px;
  1290.     height: auto;
  1291.     background-color: transparent;
  1292.     border: 0;
  1293.     margin-top:17px;
  1294.     filter: drop-shadow(-3px -1px 0px #000) drop-shadow(3px -1px 0px #000) drop-shadow(0px 3px 0px #000) drop-shadow(3px 3px #b60033);
  1295. }
  1296.  
  1297.  
  1298. /*✅マップ情報*/
  1299.  
  1300.  
  1301. #cmpDatBox{
  1302.    border-left: none;
  1303.    left:50%;
  1304.    transform: translateX(-50%);
  1305.    bottom:70px;
  1306.    text-align: center;
  1307.    text-shadow: 3px 3px 0px #000;
  1308.    color: #b60033;
  1309.    font-size:40px;
  1310. }
  1311.  
  1312. #cmpDatSub{
  1313.     font-size:30px;
  1314. }
  1315.  
  1316.  
  1317. /*✅waiting*/
  1318.  
  1319.  
  1320. #compTimBox{
  1321. top:20px;
  1322. }
  1323.  
  1324.  
  1325. /*✅チーム名*/
  1326.  
  1327.  
  1328. .cmpTmHed{
  1329.    text-shadow: 3px 3px 0px #000;
  1330.    color: #b60033;
  1331.    font-size:70px
  1332. }
  1333.  
  1334.  
  1335.  
  1336. /*✅joinボタン*/
  1337.  
  1338.  
  1339. .compSwpTmB{
  1340.    background-color: #b60033 !important;
  1341.    border:none;
  1342.    box-shadow: 3px 3px 0px #000;
  1343.    border-radius: 0;
  1344. }
  1345.  
  1346.  
  1347. /*✅アイコンまわり*/
  1348.  
  1349.  
  1350. .compPLstIcn{
  1351.    border:3px solid #b60033 !important;
  1352.    box-shadow: 3px 3px 0px #000;
  1353.    border-radius: 0;
  1354. }
Tags: Krunker
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!