Last active
May 16, 2021 05:18
-
-
Save pacochi/aa0e1198ef8d22d68c1f9caea0d83728 to your computer and use it in GitHub Desktop.
Pawoo に適用させてるの、自分用なので多分他のとこだとぼろぼろになる
This file contains 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
/* ==UserStyle== | |
@name Pawoo(mobile) | |
@namespace hen.acho.co | |
@version 1.1.0 | |
@description 自分用 | |
@author pacochi | |
==/UserStyle== */ | |
@-moz-document domain("pawoo.net") { | |
/* メディア切り抜かない設定来るまでの暫定措置、複数枚のサイズ違うと崩れるし gifv の下に線出るけどきにしない */ | |
.media-gallery { | |
height: auto !important; | |
} | |
.media-gallery .media-gallery__item-gifv-thumbnail { | |
transform: none; | |
} | |
/* 利用できませんのリンクがクリックできない対策 */ | |
.media-gallery__item-thumbnail { | |
min-height: 64px; | |
} | |
/* 自動たたみの刑になったやつを詳細にもってかなくても読めるように */ | |
div.status__content.status__content--collapsed { | |
max-height: none; | |
} | |
.status__content--collapsed + .status__content__read-more-button { | |
text-decoration: line-through; | |
} | |
/* 正確なトゥート数等を表示 */ | |
.account__header__extra__links > a[title]:before { | |
content: attr(title); | |
font-weight: 700; | |
color: #fff; | |
} | |
.account__header__extra__links > a[title] > strong { | |
display: none; | |
} | |
/* スマホで誤リアクション防止用に CW ボタンの当たり判定増やす */ | |
/* | |
.status__content__spoiler-link { | |
display: block; | |
line-height: 40px; | |
padding: 1em; | |
} | |
.status__content__spoiler-link--show-more { | |
margin-bottom: 3em; | |
} | |
*/ | |
.pawoo-kyoa-home { | |
display: none; | |
} | |
/* 警告がニュッて出てくるとちょっと煩わしい */ | |
.compose-form .compose-form__warning { | |
position: absolute; | |
height: 0px; | |
overflow: hidden; | |
width: 0px; | |
background: #707b97; | |
z-index: 100; | |
} | |
.compose-form .compose-form__warning:hover { | |
height: auto; | |
width: auto; | |
} | |
/* title があるメディアを目立たせる */ | |
.media-gallery__item-thumbnail img[title], video[title] { | |
filter: drop-shadow(0 5px 5px #f8f); | |
} | |
.video-player { | |
overflow: visible; | |
} | |
/* 知り合いのフォロワーを引っ込めとく */ | |
.pawoo-followers-you-follow { | |
height: 1em; | |
overflow: hidden; | |
} | |
.pawoo-followers-you-follow:hover { | |
height: auto; | |
} | |
/* 絵文字をでかくする */ | |
p > .emojione[alt^=":"]:only-child { | |
width: 2.5em; | |
height: 2.5em; | |
margin: 0; | |
} | |
/* 🔒🔓の表示 */ | |
.status-unlisted::before, | |
.status-private::before { | |
display: block; | |
position: absolute; | |
width: 14px; | |
height: 14px; | |
left: 10px; | |
bottom: 8px; | |
font: 14px/1 FontAwesome; | |
} | |
.status-unlisted::before { | |
content: "\F13E"; | |
opacity: 0.3; | |
} | |
.status-private::before { | |
content: "\F023"; | |
opacity: 1; | |
/* 🔒の強調をしたいので白い */ | |
} | |
/* 通知をコンパクトに */ | |
.muted .status__content--with-action { | |
position: relative; | |
max-height: 2.5em; | |
overflow: hidden; | |
} | |
.notification-reblog .notification__message span, | |
.notification-favourite .notification__message span { | |
font-size: 0px; | |
} | |
.notification-reblog .notification__message span bdi, | |
.notification-favourite .notification__message span bdi { | |
font-size: 15px; | |
} | |
.notification-reblog .notification__message span::after, | |
.notification-favourite .notification__message span::after { | |
font-size: 15px; | |
vertical-align: top; | |
} | |
.notification-reblog .notification__message span[title]::after { | |
content: '🔃'; | |
} | |
.notification-favourite .notification__message span[title]::after { | |
content: '⭐'; | |
} | |
.muted .status__avatar { | |
opacity: 1; | |
} | |
.notification__message { | |
z-index: 2; | |
} | |
.notification .status__time { | |
float: none; | |
position: absolute; | |
right: 1em; | |
top: -2em; | |
z-index: 3; | |
} | |
.notification__display-name { | |
display: inline-block; | |
max-width: 60%; | |
min-width: 1em; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.attachment-list.compact li { | |
padding: 0; | |
font-size: 10px; | |
} | |
/* https://gist.github.com/unarist/f5d8ce5e74ecd3a6414882db3ee52260#file-mastodon-custom-css-L51-L68 をベースに好き勝手いじった */ | |
.notification { | |
position: relative | |
} | |
.notification .account__avatar-overlay-base, | |
.notification .status__relative-time, | |
.notification:not(.notification-follow) .display-name { | |
display: none | |
} | |
.notification .status__avatar { | |
width: 16px; | |
height: 16px; | |
} | |
.notification .account__avatar-overlay-overlay { | |
background-size: contain; | |
right: -32px; | |
bottom: 16px; | |
width: 32px; | |
height: 32px; | |
} | |
/* 返信のあるトゥートを強調 */ | |
.status__action-bar-button .fa-reply-all { | |
color: #FFF; | |
} | |
/* ハクゾウ君がニュッてする */ | |
.drawer__inner > .drawer__inner__mastodon { | |
transition: 0.5s; | |
} | |
.drawer__inner > .drawer__inner__mastodon:hover { | |
margin-top: -145px; | |
min-height: 192px; | |
} | |
.drawer__block { | |
overflow: auto; | |
} | |
.pawoo-extension-drawer__inner__mastodon.drawer__inner__mastodon > img { | |
transform: scale(1); | |
} | |
@keyframes pawoo-extension-drawer__inner__mastodon--animation-keyframes { | |
0% { | |
transform:scale(1) | |
} | |
50% { | |
transform:scale(2) | |
} | |
to { | |
transform:scale(1) | |
} | |
} | |
/* よく見かけるインスタンスだけ簡易表示 */ | |
.mention[title$="@mstdn.maud.io"]:after { | |
content: "@🐾" | |
} | |
.mention[title$="@mstdn.nere9.help"]:after { | |
content: "@🛌" | |
} | |
.mention[title$="@fedibird.com"]:after { | |
content: "@🐤" | |
} | |
.mention[title$="@misskey.io"]:after { | |
content: "@🍮" | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment