misskey-my-custom-css.css

pc.css

/*
 * 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;
}

sp.css

/*
 * 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;
}

updated: ver 1.2

updated: ver 1.3