Ameblo Management by personwritep

/* ==UserStyle==
@name           Ameblo Management
@namespace   userstyles.world
@author          personwritep
@description    アメーバブログの各種ページのデザインを総合的に改善
@version        202403.29.02
@license        NO-REDISTRIBUTION
@preprocessor  stylus
@var          color    hov "ホバー表示色"    #e2eef0
@var          color    backg "ページ背景色"    #c5d8e1
@var          checkbox dimm    "減光設定"  0
@var          checkbox smart_scroll_bar    "スクロールバーのデザイン（Chrome・Edge）"  1
@var          color    thumb_color    "　　　　　　　　　　スクロールノブの色"    #6e95a9
@var          color    hide_thumb_color    "　　　　　　　　　　非操作時のノブの色"   #6e95a9
@var          checkbox wide_entrylist "記事の編集・削除　縦幅が低いリストデザイン"  0
@var          select   entrylist_height  "　　　　　　　　　リストの縦幅"  {
    "中間": "medium",
    "低い": "lower",
    "最低": "lowest" }
@var          checkbox iine_list_wide "いいねリスト（管理トップ）記事タイトル幅拡張"  0
@var          select   CLIpos  "HOME表示順　フォローフィード"      [ "0", "1*", "2", "3", "4", "5", "6" ] 
@var          select   BHIpos  "HOME表示順　最近見たブログ"        [ "0", "1", "2*", "3", "4", "5", "6" ] 
@var          select   MTOpos  "HOME表示順　Amebaトピックス"    [ "0", "1", "2", "3*", "4", "5", "6" ] 
@var          select   MFEpos  "HOME表示順　あなたのマンガ新着"  [ "0", "1", "2", "3", "4*", "5", "6" ] 
@var          select   BHApos  "HOME表示順　人気のハッシュタグ"  [ "0", "1", "2", "3", "4", "5*", "6" ] 
@var          select   BFEpos  "HOME表示順　新着トピックス"        [ "0", "1", "2", "3", "4", "5", "6*" ] 
@var          checkbox  Message_pro     "メッセージ画面の注意表示を省略"  1
==/UserStyle== */
@-moz-document domain("ameblo.jp"),
domain("ameba.jp") {
/* Ameblo Management ver.202403.29.02 *********************** */
/* 統合背景色設定 */
:root {
--home: #fff;
--home_dim: #f8f8f8;
--hov: hov;
--backg: backg; }

if dimm {
:root {
--home: #fafafa;
--home_dim: #f0f0f0; } }

:focus {
outline: none; }

if smart_scroll_bar {
/* 縦スクロールバー（幅）*/
html::-webkit-scrollbar {
width: 16px; }

/* スクロールバー軌道（色）*/
html::-webkit-scrollbar-track {
background: transparent; }

/* 移動タブ（色）*/
html::-webkit-scrollbar-thumb {
box-shadow: inset -4px 0 0 0 hide_thumb_color; }

html::-webkit-scrollbar-thumb:hover {
background: thumb_color;
box-shadow: inset 0 0 0 1px #fff; }

/* For Firefox */
/*
html {
scrollbar-width: thin;
scrollbar-color: thumb_color transparent; }
*/ } }

@-moz-document url-prefix("https://blog.ameba.jp/ucs/top"),
url-prefix("https://blog.ameba.jp/ucs/entry/srventrylist"),
url-prefix("https://blog.ameba.jp/ucs/entry/srventrydelete"),
url-prefix("https://blog.ameba.jp/ucs/pic"),
url-prefix("https://blog.ameba.jp/ucs/ana"),
url-prefix("https://blog.ameba.jp/ucs/iin"),
url-prefix("https://blog.ameba.jp/ucs/com"),
url-prefix("https://blog.ameba.jp/ucs/banip"),
url-prefix("https://blog.ameba.jp/ucs/banuser"),
url-prefix("https://blog.ameba.jp/ucs/ban"),
url-prefix("https://blog.ameba.jp/ucs/reb"),
url-prefix("https://blog.ameba.jp/ucs/ski"),
url-prefix("https://blog.ameba.jp/ucs/edi"),
url-prefix("https://blog.ameba.jp/ucs/blog/blog"),
url-prefix("https://blog.ameba.jp/ucs/blogg"),
url-prefix("https://blog.ameba.jp/ucs/rea"),
url-prefix("https://blog.ameba.jp/ucs/blg"),
url-prefix("https://blog.ameba.jp/ucs/upl"),
url-prefix("https://blog.ameba.jp/ucs/msg"),
url-prefix("https://blog.ameba.jp/ucs/sns"),
url-prefix("https://blog.ameba.jp/ucs/the"),
url-prefix("https://blog.ameba.jp/ucs/ame"),
url-prefix("https://blog.ameba.jp/ucs/seo"),
url-prefix("https://blog.ameba.jp/ucs/sid"),
url-prefix("https://blog.ameba.jp/ucs/plu"),
url-prefix("https://blog.ameba.jp/ucs/boo"),
url-prefix("https://blog.ameba.jp/ucs/pro"),
url-prefix("https://blog.ameba.jp/guide"),
url-prefix("https://blog.ameba.jp/entry/ping"),
url-prefix("https://blog.ameba.jp/paid-plan") {
/* ブログ管理メニュー 共通 ************************************ */
/* ページ全体の背景と幅 *************************** */
html,
body {
background: var(--backg); }

#ucsContent {
background: var(--home);
border-radius: 0;
margin-bottom: 0; }

/* グローバルヘッダー  **************************** */
#globalHeader {
margin-bottom: 0;
background: #eaf0f4; }

#globalHeader .link .icon {
display: none !important; }

/* グローバル左 */
#gHeaderLeft {
width: 280px !important;
padding: 7px 0 0; }

#gHeaderLeft .link {
margin-left: 110px; }

#gHeaderLeft .link a {
font: bold 13px Meiryo;
text-decoration: none; }

#gHeaderLeft .link a:before {
content: "\EA1e";
font: normal 22px/16px ameba-symbols;
position: absolute;
top: -4px;
left: -35px;
color: #2d8b3c;
border: 1px solid #aaa;
border-radius: 4px;
padding: 3px 3px 2px;
background: #fff; }

#gHeaderLeft .link:hover a:before {
color: #fff;
background: #03a9f4; }

#gHeaderLeft .link a:focus {
outline: none !important; }

/* グローバル右 */
#gHeaderRight {
margin: 9px 0 0 !important;
width: 380px !important; }

/* アメーバID */
#globalHeader #gHeaderRight .amebaId {
top: 0;
right: 116px;
height: 23px;
line-height: 22px;
padding: 0 18px 0 6px;
border: 1px solid #aaa;
background: #fff; }

#globalHeader #gHeaderRight .amebaId:hover {
background: #efefef;
z-index: 2; }

#globalHeader #gHeaderRight #amebaIdInfo {
right: 15px; }

#globalHeader #gHeaderRight .amebaId .icon {
top: 9px;
right: 6px; }

/* 設定 */
#settingBtn,
#serviceBtn {
top: 0 !important;
width: 28px !important;
height: 21px !important;
text-indent: 0 !important;
font-size: 0;
border: 1px solid #aaa;
border-radius: 4px !important;
background: #fff !important; }

#settingBtn {
right: 66px !important; }

#serviceBtn {
right: 20px !important; }

#settingBtn:hover,
#serviceBtn:hover {
background: #efefef !important; }

#settingBtn:before {
content: "\EA2f";
font: normal 20px/23px ameba-symbols;
position: relative;
left: 4px; }

#serviceBtn:before {
content: "\EA29";
font: normal 20px/23px ameba-symbols;
position: relative;
left: 4px; }

#settingBtnArea,
#serviceBtnArea {
right: 15px !important; }

#globalHeader #gHeaderRight #serviceBtnArea {
width: 810px; }

/* ブログ管理ページ ヘッダー *********************** */
#ucsHeader {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
min-height: 0;
border: none; }

/*「ブログ管理」表示 */
#ucsHeaderTitle {
display: none; }

/*「ヘッダーリンク」ボタン */
#ucsSubMenu {
position: absolute;
left: calc(936px - 50vw);
top: -29px;
width: 230px;
background: #eaf0f4;
z-index: 2; }

@media screen and (max-width: 1248px) {
#ucsSubMenu {
left: calc(866px - 50vw); } }

@media screen and (max-width: 1012px) {
#ucsSubMenu {
left: 360px; } }

#myUcsPage {
display: none; }

#ucsSubMenu li {
position: relative;
margin: 0 82px 0 0;
background: none; }

#ucsSubMenu li + li {
padding: 0;
margin: 0;
border: none; }

#ucsSubMenu li a {
font: bold 13px Meiryo; }

#ucsSubMenu li a:hover {
text-decoration: none; }

#ucsSubMenu li a:before {
font: normal 20px/22px ameba-symbols;
position: absolute;
top: -4px;
left: -35px;
height: 21px;
padding: 0 3px 0 4px;
border: 1px solid #aaa;
border-radius: 4px;
background: #fff; }

#ucsSubMenu li:nth-child(1) a:before {
content: "\EA44";
font-size: 25px;
padding: 0 2px 0 1px; }

#ucsSubMenu li:nth-child(2) a:before {
content: "\EA98"; }

#ucsSubMenu li a:hover:before {
color: #fff;
background: #03a9f4; }

/* 左メニュー *********************************** */
.l-ucs-sidemenu-area {
padding: 20px 6px;
border: none; }

.l-ucs-sidemenu-area:hover:before {
color: #fff;
background: #03a9f4; }

.l-ucs-sidemenu-area:hover::after {
color: #fff; }

.l-ucs-sidemenu-area ul {
margin-top: 1px; }

.l-ucs-sidemenu-list-secondary {
margin: 0;
padding: 0;
border-top: none; }

.l-ucs-sidemenu-area li {
display: block;
margin-top: 1px;
padding: 0;
background: #fff;
box-shadow: 0 0 0 1px #ddd;
border: none; }

@media screen and (max-width: 1248px) {
.l-ucs-sidemenu-list li,
.l-ucs-sidemenu-list-secondary li {
height: 60px; } }

.l-ucs-sidemenu-area a {
padding: 12px 0 10px 20px;
border-radius: 0; }

@media screen and (max-width: 1248px) {
.l-ucs-sidemenu-area a {
padding: 6px 0; }

.l-ucs-sidemenu-list a,
.l-ucs-sidemenu-list-secondary a {
min-height: unset; } }

.l-ucs-sidemenu-area a:hover {
background: var(--hov);
opacity: 1; }

.l-ucs-sidemenu-area a.active {
background: var(--hov);
outline: 1px solid #2196f3; }

@media screen and (max-width: 1248px) {
.l-ucs-sidemenu-area a.active {
background: var(--hov);
outline: 1px solid #2196f3; }

.l-ucs-sidemenu-area a.active .l-ucs-sidemenu-icon {
border: none;
background: none; } }

@media screen and (max-width: 1248px) {
.l-ucs-sidemenu-list .l-ucs-sidemenu-icon {
min-height: unset;
padding: 4px 0 0;
border: none;
background: none; }

.l-ucs-sidemenu-area a:hover .l-ucs-sidemenu-icon {
border: none;
background: none; } }

.l-ucs-sidemenu-area a:focus .l-ucs-sidemenu-icon {
outline: none; }

.l-ucs-sidemenu-icon svg {
width: 24px;
height: 24px;
vertical-align: 4px; }

.l-ucs-sidemenu-list .l-ucs-sidemenu-txt,
.l-ucs-sidemenu-list-secondary .l-ucs-sidemenu-txt {
font-size: 14px; }

@media screen and (max-width: 1248px) {
.l-ucs-sidemenu-list .l-ucs-sidemenu-txt,
.l-ucs-sidemenu-list-secondary .l-ucs-sidemenu-txt {
font-size: 12px; } }

/* ページ幅構成 タイプ(1) */
#ucsMain {
padding-top: 14px;
border-radius: 0; }

/* ページ幅構成 タイプ(2) */
#ucsMainContent {
padding-top: 14px; }

/* ページタイトル */
#ucsMainContent h1,
#ucsMainLeft h1 {
padding: 4px 15px 8px;
margin: 0 -16px 15px;
font-size: 21px; }

/* 不要表示の削除 ******************************** */
/* AD非表示 */
#adContent-anchor {
display: none; }

#footerAd {
display: none; }

/* フッター非表示 */
#globalFooter {
display: none; }

/* 右余白 AD */
#ucsMainRight {
display: none; }

/* 各種設定終了画面 AD */
[id^="div-gpt-ad"] {
display: none; }

/* ameba専用フォント **************************** */
@font-face {
font-family: ameba-symbols;
src: url(https://c.stat100.ameba.jp/ameblo/symbols/v3.12.0/fonts/ameba-...