Last active
November 25, 2023 12:23
-
-
Save ruruke/f42dd51dcdaa8d60ef2044d59cc92ed3 to your computer and use it in GitHub Desktop.
misskey-my-custom-css.css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Font カスタマイズ | |
| */ | |
| @import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap'); | |
| @import url('https://cdn.ruruke.dev/misskey/css/c.css'); | |
| * { | |
| font-family: 'M PLUS 1p', sans-serif; | |
| } | |
| /*------------------------------------------ | |
| * ノートの投稿日時表記を絶対時間表記に変更 | |
| *------------------------------------------*/ | |
| /*time {*/ | |
| /* font-size: 0; */ | |
| /*}*/ | |
| time:before { | |
| padding-right: 10px; | |
| content: attr(title); | |
| font-size: 0.9rem; | |
| } | |
| /* | |
| * ORIGINAL LINK : https://misskey.io/@junx/pages/1678659756581 | |
| */ | |
| /* | |
| * 投稿範囲によって色変えるやつ | |
| */ | |
| /* 公開範囲がホームの投稿の背景色 */ | |
| .xcSej.x3762:has(.ti-home),.xcSej:has(.ti-home) { | |
| background-color: rgba(0, 255, 255, 0.10) !important; | |
| } | |
| /* フォローされていますを目立たせる */ | |
| .followed { | |
| font-size: small !important; | |
| background: var(--accent) !important; | |
| } | |
| /* | |
| * === ORIGINAL LINK : https://misskey.io/@junx/pages/1678659756581 === | |
| */ | |
| /* 公開範囲がダイレクト(DM)の投稿の背景色 */ | |
| .xcSej.x3762:has(.ti-mail),.xcSej:has(.ti-mail) { | |
| background-color: rgba(255, 255, 100, 0.10) !important; | |
| } | |
| /* 公開範囲がフォロワー限定の投稿の背景色 */ | |
| .xcSej.x3762:has(.ti-lock),.xcSej:has(.ti-lock) { | |
| background-color: rgba(255, 0, 255, 0.10) !important; | |
| } | |
| /* | |
| * === 投稿範囲によって色変えるやつ === | |
| */ | |
| /* | |
| * 個人的に書いたCSS | |
| */ | |
| /*.status a:nth-child(3) b::after { | |
| content: " 億"; | |
| }*/ | |
| body { | |
| font-family: 'Noto Sans JP', sans-serif; !important; | |
| opacity: 0.942; | |
| } | |
| /* | |
| * custom cssのテキストエリアの範囲を広げる | |
| */ | |
| textarea.xj1il { | |
| height: 700px; | |
| } | |
| /* | |
| * ノートの本文色を変える | |
| */ | |
| .xcSej.x3762 .xDn7E .x48yH{ | |
| color: #E0B0FF; | |
| } | |
| .x5yeR .xDn7E .x48yH{ | |
| color: #E0B0FF; | |
| } | |
| /* NSFW */ | |
| p.xmqJ1 span{ | |
| color: #E0B0FF; | |
| } | |
| /* | |
| * ももちゃんのバックグラウンドの色を変えるやつ | |
| */ | |
| .xcSej.x3762:has(a.xngrp[href$="/@Aterterterter"]),.xcSej:has(a.xngrp[href$="/@Aterterterter"]) { | |
| background-color: rgba(162, 215, 221, 0.10) !important; | |
| } | |
| /* | |
| * メディアLTを非表示にする | |
| */ | |
| ._button.xo5lq.xvOIQ:has(i.xn4Pz.ti.ti-photo){ | |
| display: none; | |
| } | |
| /* | |
| * https://misskey.io/notes/9h07kfnw07 Customized By @Aterterterter | |
| :is(div[style="position: sticky; top: var(--stickyTop, 0); z-index: 1000;"]:has(.xj7PE .xjQuN .ti-rocket),header:has(.ti-rocket))~div .xcSej.x3762:has(.xBwhh) { | |
| display: none; | |
| } | |
| div[style="position: sticky; top: var(--stickyTop, 0); z-index: 1000;"]:has(.xj7PE .xjQuN .ti-whirl)~div .xcSej.x3762:not(:has(.xuevx)) { | |
| display: none; | |
| } | |
| :is(div[style="position: sticky; top: var(--stickyTop, 0); z-index: 1000;"]:has(.xj7PE .xjQuN .ti-planet),header:has(.ti-planet))~div .xcSej.x3762:not(:has(.xBwhh)) { | |
| background-color: red; | |
| } | |
| */ | |
| /* LTL */ | |
| :is(div[style="position: sticky; top: var(--stickyTop, 0); z-index: 1000;"]:has(.xj7PE .xjQuN .ti-universe),header:has(.ti-universe))~div .xcSej.x3762:has(.xBwhh) { | |
| display: none; | |
| } | |
| .xEd72.xoGjR { | |
| padding-bottom: 10px; | |
| height: auto; | |
| min-width: -webkit-fill-available; | |
| max-width: -webkit-fill-available; | |
| min-height: 60px; | |
| max-height: -webkit-fill-available; | |
| overflow: scroll; | |
| resize: both; | |
| } | |
| .x3kc0.xyYHu.xgkRk { | |
| display: none; | |
| } | |
| /* ミュートワードの何か言いましたを消すやつ */ | |
| .xkYCV.x3762,.xfKPa.xf9zr.xBIqc.xjjs0 .xkYCV { | |
| display: none; | |
| } | |
| /* ノートに付いたリアクションの謎のmax-widthを無効化するやつ */ | |
| .x9Io4 { | |
| max-width: none !important; | |
| } | |
| これを設定したい場合はページ下の追加設定の欄を参照*/ | |
| --emoji_window_default_height: 400px; | |
| --emoji_window_default_width: 400px; | |
| /*----------------------------------------------*/ | |
| /*絵文字補完ウインドウ(投稿画面で : って入力すると出てくる予測変換)に対する設定*/ | |
| /*横長の絵文字がどこまで横に広がってもいいか*/ | |
| --emoji_autofill_max_width: 300px; | |
| /*上のサイズより横幅がでかい絵文字が出たとき、どう表示するか (上の--emoji_display_styleと設定できる項目は同じです)*/ | |
| --emoji_autofill_displey_style: fill; | |
| /*-----------------各種オプションおわり-------------------*/ | |
| } | |
| /*コード本体 ここから先はオプションではないです。適切にいじらないと壊れます*/ | |
| .emojis { | |
| padding: 10px 5px 5px; | |
| text-align:center; | |
| } | |
| .emojis section>.body { | |
| display: inline !important; | |
| padding: 0 !important; | |
| line-height: 0; | |
| } | |
| .emojis section>.body .item{ | |
| height: auto !important; | |
| } | |
| button:has(.emoji){ | |
| aspect-ratio: auto!important; | |
| width: fit-content !important; | |
| contain: layout !important; | |
| margin: 0px !important; | |
| padding: var(--emoji_margin_tb) var(--emoji_margin_lr) !important; | |
| min-height: var(--emoji_default_size) !important; | |
| } | |
| button:has(.emoji) img{ | |
| width: auto !important; | |
| height: var(--emoji_default_size) !important; | |
| object-fit: var(--emoji_displey_style) !important; | |
| object-position: 0% 50%; | |
| max-width: var(--emoji_max_size); | |
| } | |
| .xeJ4G.xuoKL, ._emoji_1pjrm_56 { | |
| width: auto !important; | |
| object-fit: var(--emoji_autofill_displey_style) !important; | |
| object-position: 0% 50%; | |
| max-width: var(--emoji_autofill_max_width); | |
| } | |
| .omfetrab:is(.s1,.s2,.s3)[data-v-c34d1549] .emojis{ | |
| --eachSize: fit-content !important; | |
| } | |
| /* | |
| * === 不定幅の絵文字をある程度横長に表示してもいいと許すCSS === | |
| */ | |
| /*------------------------------------------ | |
| * ノートの投稿日時表記を絶対時間表記に変更 | |
| *------------------------------------------*/ | |
| /*time {*/ | |
| /* font-size: 0; */ | |
| /*}*/ | |
| time:before { | |
| padding-right: 10px; | |
| content: attr(title); | |
| font-size: 0.9rem; | |
| } | |
| /* | |
| * ORIGINAL LINK : https://misskey.io/@junx/pages/1678659756581 | |
| */ | |
| /* | |
| * 投稿範囲によって色変えるやつ | |
| */ | |
| /* 公開範囲がホームの投稿の背景色 */ | |
| .xcSej.x3762:has(.ti-home),.xcSej:has(.ti-home) { | |
| background-color: rgba(0, 255, 255, 0.10) !important; | |
| } | |
| /* フォローされていますを目立たせる */ | |
| .followed { | |
| font-size: small !important; | |
| background: var(--accent) !important; | |
| } | |
| /* | |
| * === ORIGINAL LINK : https://misskey.io/@junx/pages/1678659756581 === | |
| */ | |
| /* 公開範囲がダイレクト(DM)の投稿の背景色 */ | |
| .xcSej.x3762:has(.ti-mail),.xcSej:has(.ti-mail) { | |
| background-color: rgba(255, 255, 100, 0.10) !important; | |
| } | |
| /* 公開範囲がフォロワー限定の投稿の背景色 */ | |
| .xcSej.x3762:has(.ti-lock),.xcSej:has(.ti-lock) { | |
| background-color: rgba(255, 0, 255, 0.10) !important; | |
| } | |
| /* | |
| * === 投稿範囲によって色変えるやつ === | |
| */ | |
| /* | |
| * 個人的に書いたCSS | |
| */ | |
| /*.status a:nth-child(3) b::after { | |
| content: " 億"; | |
| }*/ | |
| body { | |
| font-family: 'Noto Sans JP', sans-serif; !important; | |
| opacity: 0.942; | |
| } | |
| /* | |
| * custom cssのテキストエリアの範囲を広げる | |
| */ | |
| textarea.xj1il { | |
| height: 700px; | |
| } | |
| /* | |
| * ノートの本文色を変える | |
| */ | |
| .xcSej.x3762 .xDn7E .x48yH{ | |
| color: #E0B0FF; | |
| } | |
| .x5yeR .xDn7E .x48yH{ | |
| color: #E0B0FF; | |
| } | |
| /* NSFW */ | |
| p.xmqJ1 span{ | |
| color: #E0B0FF; | |
| } | |
| /* | |
| * ももちゃんのバックグラウンドの色を変えるやつ | |
| */ | |
| .xcSej.x3762:has(a.xngrp[href$="/@Aterterterter"]),.xcSej:has(a.xngrp[href$="/@Aterterterter"]) { | |
| background-color: rgba(162, 215, 221, 0.10) !important; | |
| } | |
| /* | |
| * メディアLTを非表示にする | |
| */ | |
| ._button.xo5lq.xvOIQ:has(i.xn4Pz.ti.ti-photo){ | |
| display: none; | |
| } | |
| /* | |
| * https://misskey.io/notes/9h07kfnw07 Customized By @Aterterterter | |
| */ | |
| :is(div[style="position: sticky; top: var(--stickyTop, 0); z-index: 1000;"]:has(.xj7PE .xjQuN .ti-rocket),header:has(.ti-rocket))~div .xcSej.x3762:has(.xBwhh) { | |
| display: none; | |
| } | |
| div[style="position: sticky; top: var(--stickyTop, 0); z-index: 1000;"]:has(.xj7PE .xjQuN .ti-whirl)~div .xcSej.x3762:not(:has(.xuevx)) { | |
| display: none; | |
| } | |
| :is(div[style="position: sticky; top: var(--stickyTop, 0); z-index: 1000;"]:has(.xj7PE .xjQuN .ti-planet),header:has(.ti-planet))~div .xcSej.x3762:not(:has(.xBwhh)) { | |
| display: none; | |
| } | |
| .xEd72.xoGjR { | |
| padding-bottom: 10px; | |
| height: auto; | |
| min-width: -webkit-fill-available; | |
| max-width: -webkit-fill-available; | |
| min-height: 60px; | |
| max-height: -webkit-fill-available; | |
| overflow: scroll; | |
| resize: both; | |
| } | |
| .x3kc0.xyYHu.xgkRk { | |
| display: none; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Font カスタマイズ | |
| */ | |
| @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap'); | |
| @import url('https://cdn.ruruke.dev/misskey/css/c.css'); | |
| /*------------------------------------------ | |
| * ノートの投稿日時表記を絶対時間表記に変更 | |
| *------------------------------------------*/ | |
| /*time {*/ | |
| /* font-size: 0; */ | |
| /*}*/ | |
| time:before { | |
| padding-right: 10px; | |
| content: attr(title); | |
| font-size: 0.9rem; | |
| } | |
| /* | |
| * ORIGINAL LINK : https://misskey.io/@junx/pages/1678659756581 | |
| */ | |
| /* | |
| * 投稿範囲によって色変えるやつ | |
| */ | |
| /* 公開範囲がホームの投稿の背景色 */ | |
| .xcSej.x3762:has(.ti-home),.xcSej:has(.ti-home) { | |
| background-color: rgba(0, 255, 255, 0.10) !important; | |
| } | |
| /* フォローされていますを目立たせる */ | |
| .followed { | |
| font-size: small !important; | |
| background: var(--accent) !important; | |
| } | |
| /* | |
| * === ORIGINAL LINK : https://misskey.io/@junx/pages/1678659756581 === | |
| */ | |
| /* 公開範囲がダイレクト(DM)の投稿の背景色 */ | |
| .xcSej.x3762:has(.ti-mail),.xcSej:has(.ti-mail) { | |
| background-color: rgba(255, 255, 100, 0.10) !important; | |
| } | |
| /* 公開範囲がフォロワー限定の投稿の背景色 */ | |
| .xcSej.x3762:has(.ti-lock),.xcSej:has(.ti-lock) { | |
| background-color: rgba(255, 0, 255, 0.10) !important; | |
| } | |
| /* | |
| * === 投稿範囲によって色変えるやつ === | |
| */ | |
| /* | |
| * 個人的に書いたCSS | |
| */ | |
| /*.status a:nth-child(3) b::after { | |
| content: " 億"; | |
| }*/ | |
| body { | |
| font-family: 'Noto Sans JP', sans-serif; !important; | |
| opacity: 0.942; | |
| } | |
| /* | |
| * custom cssのテキストエリアの範囲を広げる | |
| */ | |
| textarea.xj1il { | |
| height: 700px; | |
| } | |
| /* | |
| * ノートの本文色を変える | |
| */ | |
| .xcSej.x3762 .xDn7E .x48yH{ | |
| color: #E0B0FF; | |
| } | |
| .x5yeR .xDn7E .x48yH{ | |
| color: #E0B0FF; | |
| } | |
| /* NSFW */ | |
| p.xmqJ1 span{ | |
| color: #E0B0FF; | |
| } | |
| /* | |
| * ももちゃんのバックグラウンドの色を変えるやつ | |
| */ | |
| .xcSej.x3762:has(a.xngrp[href$="/@Aterterterter"]),.xcSej:has(a.xngrp[href$="/@Aterterterter"]) { | |
| background-color: rgba(162, 215, 221, 0.10) !important; | |
| } | |
| /* | |
| * メディアLTを非表示にする | |
| */ | |
| ._button.xo5lq.xvOIQ:has(i.xn4Pz.ti.ti-photo){ | |
| display: none; | |
| } | |
| /* | |
| * https://misskey.io/notes/9h07kfnw07 Customized By @Aterterterter | |
| */ | |
| :is(div[style="position: sticky; top: var(--stickyTop, 0); z-index: 1000;"]:has(.xj7PE .xjQuN .ti-rocket),header:has(.ti-rocket))~div .xcSej.x3762:has(.xBwhh) { | |
| display: none; | |
| } | |
| div[style="position: sticky; top: var(--stickyTop, 0); z-index: 1000;"]:has(.xj7PE .xjQuN .ti-whirl)~div .xcSej.x3762:not(:has(.xuevx)) { | |
| display: none; | |
| } | |
| :is(div[style="position: sticky; top: var(--stickyTop, 0); z-index: 1000;"]:has(.xj7PE .xjQuN .ti-planet),header:has(.ti-planet))~div .xcSej.x3762:not(:has(.xBwhh)) { | |
| display: none; | |
| } | |
| .xEd72.xoGjR { | |
| padding-bottom: 10px; | |
| height: auto; | |
| min-width: -webkit-fill-available; | |
| max-width: -webkit-fill-available; | |
| min-height: 60px; | |
| max-height: -webkit-fill-available; | |
| overflow: scroll; | |
| resize: both; | |
| } | |
| .x3kc0.xyYHu.xgkRk { | |
| display: none; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
updated: ver 1.3