FANBOXで公開したカスタムCSS

雑多に置いてあると探すのが大変なので、纏めました。なお、全ては置いていません（具体的には、過去に作成したカスタムCSSのうち23年5月現在、動かなくなっているCSSについては放置してます）。

利用する際は、別途メインとなるカスタムCSSを利用してください。

要望

FANBOXの支援者限定です。

pixivFANBOX

【ココフォリア】カスタムCSS 要望フォーム｜紅坂柚月（あかさかゆづき）｜pixivFANBOX クリエイターの創作活動を支えるファンコミュニティ「pixivFANBOX」

フォントを変える

@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');
* {
    font-family: 'Potta One', cursive !important;
}

Google Fontsを利用して変更できます。詳細は下記の記事を。

pixivFANBOX

【ココフォリア】フォントを変える方法｜紅坂柚月（あかさかゆづき）｜pixivFANBOX やり方が分からないときはGoogleで検索してね！ Google Fontsで使いたいフォントを探す。見つけたらクリック。「Select this style」をクリックして「Remove this style」…

Adobe Fontsを利用して変更する場合は下記を参考にしてください。ただし確実に動くかはOBS次第。

pixivFANBOX

【ココフォリア】Adobe Fontsでフォントを変える方法｜紅坂柚月（あかさかゆづき）｜pixivFANBOX 【ココフォリア】フォントを変える方法とほぼ同じだから詳細は割愛。あとAdobe Fontsないと使えないので注意。 Adobe Fontsで使いたいフォントを探す。見つけたらアクティ…

チャットがフェードインしてフェードアウト

新しいルームチャットのカスタムCSSで対応済み
https://ydk.vc/obs-ccfolia-css-chat/

.MuiListItem-gutters {
    animation:
        fadeIn  2s ease 0s,
        fadeOut 2s ease 7s forwards; /* 7sを変えると表示されてる秒数が変わります。最低2s */
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(150px); /* -150pxにすると左から右にフェードイン */
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

pixivFANBOX

【ココフォリア】チャットがフェードインしてフェードアウトするカスタムCSS｜紅坂柚月（あかさかゆづき）… ↓ イメージのGIFです /* ここにいつものチャット用CSSを入れる */ .MuiListItem-gutters { animation: fadeIn 2s ease 0s, /* 7sを変えると表示されてる秒数が変わります。…

吹き出しの背景を消す

新しい吹き出しで簡単にデザインを変更できます
https://ydk.vc/obs-ccfolia-css-balloon-2/

.MuiPaper-elevation1 {
    box-shadow: none;
}
.MuiPaper-elevation1 {
    background-color: transparent;
}

pixivFANBOX

【ココフォリア】吹き出しの背景を消す｜紅坂柚月（あかさかゆづき）｜pixivFANBOX .MuiPaper-elevation1 { box-shadow: none; } .MuiPaper-root.kEQhkG, .ldYVfF { background-color: transparent; } メモ https://ydk.vc/obs-ccfolia-css-balloon/　と組…

pixivFANBOX

#カスタムCSSの質問に回答するコーナー【03】｜紅坂柚月（あかさかゆづき）｜pixivFANBOX v1.23.3 で動作します質問ココフォリアのアップデートにより、「吹き出しの背景を消す」がうまく動作しなくなっているようです。回答【ココフォリア】吹き出しの背景を…

背景のみ消す

ココフォリア v1.28.x では動かないカモです

header + div {
    display: none;
}

pixivFANBOX

【ココフォリア】背景だけ消す｜紅坂柚月（あかさかゆづき）｜pixivFANBOX v1.23.3 で動作します @import url(“https://yudukiak.github.io/ccfoliaCSS/CSS/board.css”); header + div { display: none; }

背景だけ残す

ココフォリア v1.28.x では動かないカモです

@import url("https://yudukiak.github.io/ccfoliaCSS/CSS/board.css");
/* キャラのみ消す */
figure { display: none; }
/* スクリーンパネルのみ消す */
#root > div > div > div > div > div > div > div > .react-draggable:not(figure) { display: none!important; }
/* 前景のみ消す */
#root > div > div > div > div > div > div > div > div > img { display: none; }
/* タイマーのみ消す */
.MuiBox-root { display: none; }
/* ブラー削除 */
#root > div > div > div { filter: blur(0); }

pixivFANBOX

#カスタムCSSの質問に回答するコーナー【04】｜紅坂柚月（あかさかゆづき）｜pixivFANBOX v1.23.3 で動作します質問ココフォリアの背景の画像をぼかさずにOBSに表示するCSSがほしいです……！回答 ↑で盤面を拡大する……てのもあるけど、他も連動して拡大して困っ…

前景のみ消す

ココフォリア v1.28.x では動かないカモです

#root > div > div > div > div > div > div > div > div > img {
    display: none;
}

pixivFANBOX

【ココフォリア】キャラを、スクリーンパネルを、前景を消すカスタムCSS｜紅坂柚月（あかさかゆづき）｜pix… v1.23.3 で動きます以前書いたCSSが動かなくなっていたので、書き直しました。たぶん更新あっても動くカモです。わからないけど。キャラのみ消す @import url(“https://y…

キャラのみ消す

ココフォリア v1.28.x では動かないカモです

figure {
    display: none;
}

pixivFANBOX

スクリーンパネル“のみ”を消す

ココフォリア v1.28.x では動かないカモです

.movable[tabindex] {
    display: none!important;
}

デッキは消えないけど引いたカードスクリーンパネルになるので消えるよ

pixivFANBOX

#カスタムCSSの質問に回答するコーナー【07】｜紅坂柚月（あかさかゆづき）｜pixivFANBOX 質問 Blogの盤面のみのCSSが上手く機能しなく背景だけ消すCSSをご教授して頂きたいです。スクリーンパネルを表示しない、前景+マーカーパネル+キャラ、を表示する事が可能…

マーカーパネル“のみ”を消す

ココフォリア v1.28.x では動かないカモです

.movable[style*="z-index"]:not([tabindex]) {
    display: none!important;
}

pixivFANBOX

BGMだけ表示

CSS公開してます
https://ydk.vc/obs-ccfolia-css-bgm/

@import url("https://yudukiak.github.io/ccfoliaCSS/CSS/board.css");
@import url("https://yudukiak.github.io/ccfoliaCSS/CSS/balloon.css");

button, div {
    width: 100%;
    text-align: left;
    margin: 0 !important;
}
#root div[tabindex="0"] > div:nth-child(3) {
    border: none;
    display: block !important;
    top: 0;
}
.MuiSlider-root, .MuiIconButton-sizeSmall, .MuiButton-label {
    display: none;
}
.MuiButton-root {
    white-space: pre-wrap;
    font-weight: 900;
    justify-content: flex-start;
    padding: 0;
}
.MuiButton-root:after {
    content: ""attr(title);
}

.MuiButton-textPrimary {
    color: rgb(0, 0, 0); /* テキストカラーをRGBで変更できる */
}

pixivFANBOX

【ココフォリア】BGMを表示｜紅坂柚月（あかさかゆづき）｜pixivFANBOX 下記の v1.24.11 対応版です（たぶん今後も更新しなくて良いかも？） @import url(“https://yudukiak.github.io/ccfoliaCSS/CSS/board.css”); @import url(“https://yuduki…