felesitas.css
mikura.icon 公開範囲明示化処理部分を全面的に書き換え
code:felesitas.css
/*②↓非公開のアイコン色変え*/
.status .fa-lock::before
{
}
/*②↑非公開のアイコン色変え*/
/*③↓非公開色分け*/
.status-private
{
}
/*③↑非公開色分け*/
/*④↓未収載色分け ;*/
.status-unlisted
{
}
/*④↑未収載色分け*/
/*⑥↓DMマーク点滅*/
@-webkit-keyframes blink
{
from
{
opacity: 1;
}
to
{
opacity: 0;
}
}
.status.status-direct .icon-button.disabled
{
-webkit-animation-name: blink;
-webkit-animation-duration: 0.7s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
-webkit-animation-delay: 0s
}
/*⑥↑DMマーク点滅*/
/*⑫↓フォント変更*/
p,
.autosuggest-textarea,
.display-name__html,
.button--block
{
font-family: "みずき明朝U", sans-serif;
}
.display-name__html
{
font-size: smaller;
}
/*⑫↑フォント変更*/
/* 非表示・埋没化 */
.status__wrapper--filtered span
{
visibility: hidden;
}
.status__content__read-more-button,
.drawer__inner__mastodon
{
display: none;
}
.status__wrapper--filtered
{
padding: 5px;
}
.search__input::placeholder,
.autosuggest-textarea__textarea::placeholder
{
opacity: 0;
}
/* 投稿の関係性を明示 */
.status__wrapper-reply
{
}
/* フォーカスを強調 */
.focusable:focus .status
{
}
/* 公開範囲を明示 */
/* カラム数x1(スタート含めx2)で運用中 */
.status-public .status__action-bar::after
{
content: url('data:image/svg+xml;base64,PCEtLSBwdWJsaWMgLS0+CjxzdmcKCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCXhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODYiIGhlaWdodD0iMjAiPgoJPGxpbmVhckdyYWRpZW50IGlkPSJiIiB4Mj0iMCIgeTI9IjEwMCUiPgoJCTxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPgoJCTxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxjbGlwUGF0aCBpZD0iYSI+CgkJPHJlY3Qgd2lkdGg9Ijg2IiBoZWlnaHQ9IjIwIiByeD0iMyIgZmlsbD0iI2ZmZiIvPgoJPC9jbGlwUGF0aD4KCTxnIGNsaXAtcGF0aD0idXJsKCNhKSI+CgkJPHBhdGggZmlsbD0iIzU1NSIgZD0iTTAgMGg0M3YyMEgweiIvPgoJCTxwYXRoIGZpbGw9IiM0YzEiIGQ9Ik00MyAwaDQzdjIwSDQzeiIvPgoJCTxwYXRoIGZpbGw9InVybCgjYikiIGQ9Ik0wIDBoODZ2MjBIMHoiLz4KCTwvZz4KCTxnIGZpbGw9IiNmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UtYm9sZCIgZm9udC1zaXplPSIxMTAiPgoJCTx0ZXh0IHg9IjIyNSIgeT0iMTUwIiBmaWxsPSIjMDEwMTAxIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMzMwIj5zdGF0dXM8L3RleHQ+CgkJPHRleHQgeD0iMjI1IiB5PSIxNDAiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIzMzAiPnN0YXR1czwvdGV4dD4KCQk8dGV4dCB4PSI2MzUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjMzMCI+UHVibGljPC90ZXh0PgoJCTx0ZXh0IHg9IjYzNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMzMwIj5QdWJsaWM8L3RleHQ+Cgk8L2c+Cjwvc3ZnPg==');
margin-left: 5px;
}
.status-unlisted .status__action-bar::after
{
content: url('data:image/svg+xml;base64,PCEtLSBVbmxpc3QgLS0+CjxzdmcKCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCXhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODYiIGhlaWdodD0iMjAiPgoJPGxpbmVhckdyYWRpZW50IGlkPSJiIiB4Mj0iMCIgeTI9IjEwMCUiPgoJCTxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPgoJCTxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxjbGlwUGF0aCBpZD0iYSI+CgkJPHJlY3Qgd2lkdGg9Ijg2IiBoZWlnaHQ9IjIwIiByeD0iMyIgZmlsbD0iI2ZmZiIvPgoJPC9jbGlwUGF0aD4KCTxnIGNsaXAtcGF0aD0idXJsKCNhKSI+CgkJPHBhdGggZmlsbD0iIzU1NSIgZD0iTTAgMGg0M3YyMEgweiIvPgoJCTxwYXRoIGZpbGw9IiM5Y2YiIGQ9Ik00MyAwaDQzdjIwSDQzeiIvPgoJCTxwYXRoIGZpbGw9InVybCgjYikiIGQ9Ik0wIDBoODZ2MjBIMHoiLz4KCTwvZz4KCTxnIGZpbGw9IiNmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UtYm9sZCIgZm9udC1zaXplPSIxMTAiPgoJCTx0ZXh0IHg9IjIyNSIgeT0iMTUwIiBmaWxsPSIjMDEwMTAxIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMzMwIj5zdGF0dXM8L3RleHQ+CgkJPHRleHQgeD0iMjI1IiB5PSIxNDAiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIzMzAiPnN0YXR1czwvdGV4dD4KCQk8dGV4dCB4PSI2MzUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjMzMCI+VW5saXN0PC90ZXh0PgoJCTx0ZXh0IHg9IjYzNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMzMwIj5Vbmxpc3Q8L3RleHQ+Cgk8L2c+Cjwvc3ZnPg==');
margin-left: 5px;
}
.status-private .status__action-bar::after
{
content: url('data:image/svg+xml;base64,PCEtLSBQcml2YXRlIC0tPgo8c3ZnCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCgl4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9Ijg2IiBoZWlnaHQ9IjIwIj4KCTxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDI9IjAiIHkyPSIxMDAlIj4KCQk8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNiYmIiIHN0b3Atb3BhY2l0eT0iLjEiLz4KCQk8c3RvcCBvZmZzZXQ9IjEiIHN0b3Atb3BhY2l0eT0iLjEiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8Y2xpcFBhdGggaWQ9ImEiPgoJCTxyZWN0IHdpZHRoPSI4NiIgaGVpZ2h0PSIyMCIgcng9IjMiIGZpbGw9IiNmZmYiLz4KCTwvY2xpcFBhdGg+Cgk8ZyBjbGlwLXBhdGg9InVybCgjYSkiPgoJCTxwYXRoIGZpbGw9IiM1NTUiIGQ9Ik0wIDBoNDN2MjBIMHoiLz4KCQk8cGF0aCBmaWxsPSIjMDA3ZWM2IiBkPSJNNDMgMGg0M3YyMEg0M3oiLz4KCQk8cGF0aCBmaWxsPSJ1cmwoI2IpIiBkPSJNMCAwaDg2djIwSDB6Ii8+Cgk8L2c+Cgk8ZyBmaWxsPSIjZmZmIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ibW9ub3NwYWNlLWJvbGQiIGZvbnQtc2l6ZT0iMTEwIj4KCQk8dGV4dCB4PSIyMjUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjMzMCI+c3RhdHVzPC90ZXh0PgoJCTx0ZXh0IHg9IjIyNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMzMwIj5zdGF0dXM8L3RleHQ+CgkJPHRleHQgeD0iNjM1IiB5PSIxNTAiIGZpbGw9IiMwMTAxMDEiIGZpbGwtb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIzMzAiPkNsb3NlZDwvdGV4dD4KCQk8dGV4dCB4PSI2MzUiIHk9IjE0MCIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjMzMCI+Q2xvc2VkPC90ZXh0PgoJPC9nPgo8L3N2Zz4=');
margin-left: 5px;
}
.status-direct .status__action-bar::after
{
content: url('data:image/svg+xml;base64,PCEtLSBkaXJlY3QgLS0+CjxzdmcKCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCXhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODYiIGhlaWdodD0iMjAiPgoJPGxpbmVhckdyYWRpZW50IGlkPSJiIiB4Mj0iMCIgeTI9IjEwMCUiPgoJCTxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JiYiIgc3RvcC1vcGFjaXR5PSIuMSIvPgoJCTxzdG9wIG9mZnNldD0iMSIgc3RvcC1vcGFjaXR5PSIuMSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxjbGlwUGF0aCBpZD0iYSI+CgkJPHJlY3Qgd2lkdGg9Ijg2IiBoZWlnaHQ9IjIwIiByeD0iMyIgZmlsbD0iI2ZmZiIvPgoJPC9jbGlwUGF0aD4KCTxnIGNsaXAtcGF0aD0idXJsKCNhKSI+CgkJPHBhdGggZmlsbD0iIzU1NSIgZD0iTTAgMGg0M3YyMEgweiIvPgoJCTxwYXRoIGZpbGw9IiM5ZjlmOWYiIGQ9Ik00MyAwaDQzdjIwSDQzeiIvPgoJCTxwYXRoIGZpbGw9InVybCgjYikiIGQ9Ik0wIDBoODZ2MjBIMHoiLz4KCTwvZz4KCTxnIGZpbGw9IiNmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UtYm9sZCIgZm9udC1zaXplPSIxMTAiPgoJCTx0ZXh0IHg9IjIyNSIgeT0iMTUwIiBmaWxsPSIjMDEwMTAxIiBmaWxsLW9wYWNpdHk9Ii4zIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMzMwIj5zdGF0dXM8L3RleHQ+CgkJPHRleHQgeD0iMjI1IiB5PSIxNDAiIHRyYW5zZm9ybT0ic2NhbGUoLjEpIiB0ZXh0TGVuZ3RoPSIzMzAiPnN0YXR1czwvdGV4dD4KCQk8dGV4dCB4PSI2MzUiIHk9IjE1MCIgZmlsbD0iIzAxMDEwMSIgZmlsbC1vcGFjaXR5PSIuMyIgdHJhbnNmb3JtPSJzY2FsZSguMSkiIHRleHRMZW5ndGg9IjMzMCI+RGlyZWN0PC90ZXh0PgoJCTx0ZXh0IHg9IjYzNSIgeT0iMTQwIiB0cmFuc2Zvcm09InNjYWxlKC4xKSIgdGV4dExlbmd0aD0iMzMwIj5EaXJlY3Q8L3RleHQ+Cgk8L2c+Cjwvc3ZnPg==');
margin-left: 5px;
}
/* 投稿の関係性を明示 */
/* status__wrapper-reply の ズレを無くす */
.status__wrapper-reply .status-public .status__action-bar::after
{
margin-left: 1px;
}
.status__wrapper-reply .status-unlisted .status__action-bar::after
{
margin-left: 1px;
}
.status__wrapper-reply .status-private .status__action-bar::after
{
margin-left: 1px;
}
.status__wrapper-reply .status-direct .status__action-bar::after
{
margin-left: 1px;
}
/* 幅を画面いっぱいに(画面サイズが小さい場合は適用しない) */
@media screen and (min-width: 1920px)
{
.column
{
flex-grow: 1;
flex-shrink: 1;
}
/* 投稿の関係性を明示 */
/* 最大化時のマージン処理 */
.status-public .status__action-bar::after
{
margin-left: 460px;
}
.status-unlisted .status__action-bar::after
{
margin-left: 460px;
}
.status-private .status__action-bar::after
{
margin-left: 460px;
}
.status-direct .status__action-bar::after
{
margin-left: 460px;
}
/* 投稿の関係性を明示 */
/* status__wrapper-reply の ズレを無くす */
.status__wrapper-reply .status-public .status__action-bar::after
{
margin-left: 456px;
}
.status__wrapper-reply .status-unlisted .status__action-bar::after
{
margin-left: 456px;
}
.status__wrapper-reply .status-private .status__action-bar::after
{
margin-left: 456px;
}
.status__wrapper-reply .status-direct .status__action-bar::after
{
margin-left: 456px;
}
}
#mastodon > div > div > div.columns-area > div:nth-child(3) > div.getting-started > div.getting-started__wrapper > a:nth-child(2), #mastodon > div > div > div.columns-area > div:nth-child(3) > div.getting-started > div.getting-started__wrapper > a:nth-child(3), #mastodon > div > div > div.columns-area > div:nth-child(3) > div.getting-started > div.getting-started__wrapper > a:nth-child(4), #mastodon > div > div > div.columns-area > div:nth-child(3) > div.getting-started > div.getting-started__wrapper > div:nth-child(5), #mastodon > div > div > div.columns-area > div:nth-child(3) > div.getting-started > div.getting-started__footer, #mastodon > div > div > div.columns-area > div.drawer > nav > a:nth-child(4), #mastodon > div > div > div.columns-area > div.drawer > nav > a:nth-child(5) {
display: none;
}
.column-subheading
{
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
}
#mastodon > div > div > div.columns-area > div.drawer > nav > a:nth-child(3) {
display: none;
}