クレジットモジュール
div.page-rate-widget-box {
box-shadow: none !important;
border-bottom: 2px solid rgb(var(--sobakiri-accent));
border-radius: 0;
}
.creditRate .rateBox {
display: inline-flex;
border-bottom: 2px solid rgb(var(--sobakiri-accent));
}
.creditRate .rateBox div.page-rate-widget-box {
border-bottom: none !important;
}
div.page-rate-widget-box .rate-points {
background-color: transparent;
border: none;
border-radius: 0;
color: rgb(var(--hakuji-accent));
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: transparent;
border: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
color: rgb(var(--hakuji-accent));
}
#page-content .page-rate-widget-box .rateup a:hover,
#page-content .page-rate-widget-box .ratedown a:hover {
background: transparent !important;
color: rgb(var(--usumoegi-accent)) !important;
}
.page-rate-widget-box .cancel {
background-color: transparent;
border: none;
border-radius: 0;
color: rgb(var(--hakuji-accent)) !important;
}
#page-content .page-rate-widget-box .cancel a {
color: rgb(var(--hakuji-accent));
}
#page-content .page-rate-widget-box .cancel a:hover {
color: rgb(var(--usumoegi-accent)) !important;
background: transparent !important;
}
.modalbox .page-rate-widget-box {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
#page-content .rate-box-with-credit-button .creditButton {
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
a.fa.fa-info {
color: rgb(var(--hakuji-accent)) !important;
}
a.fa.fa-info:hover {
color: rgb(var(--usumoegi-accent)) !important;
}
#page-content .modalbox .modalbox-title {
background: rgb(var(--kurotsurubami-accent)) !important;
color: rgb(var(--hakuji-accent)) !important;
border-radius: 0 !important;
}
#page-content .modalbox {
border-radius: 0 !important;
background-color: rgb(var(--kurotsurubami-accent)) !important;
box-shadow: none !important;
}
.modalcontainer .cc-by-sa:before {
color: rgb(var(--hakuji-accent));
}
.rate-box-with-credit-button a {不要のため削除
text-decoration: none !important
}
.page-rate-widget-box .cancel a {上に移動
color: rgb(var(—hakuji-accent)) !important
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {上に移動
color: rgb(var(—hakuji-accent)) !important
}
トップバー
#top-bar>*:not(.top-bar):not(.mobile-top-bar) {
display: none;
}
#top-bar ul li a {
position: relative;
color: rgb(var(--hakuji-accent)) !important;
font-weight: 600;
line-height: var(--header-h3-height) !important;
padding: 0 12px !important;
text-decoration: none !important;
}
#top-bar {
grid-area: topbar;
right: 0;
}
#top-bar li {
margin: 0;
}
#top-bar ul li {
position: static;
}
#top-bar li a:hover {
background: none;
color: rgb(var(--hakuji-accent)) !important;
}
#top-bar li:hover ul, #top-bar li.sfhover ul {
position: absolute;
width: calc(100vw - var(--sidebar-width) - var(--scrollbar-width));
right: 0;
background: rgb(var(--aonibi-accent)) !important;
z-index: -2;
max-width: 700px;
}
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
background: unset;
}
#top-bar ul li ul li a {
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
width: 100% !important;
box-sizing: border-box;
color: rgb(var(--hakuji-accent)) !important;
text-align: end;
line-height: var(—header-h3-height);
padding: 0 12px;
}
#top-bar li ul li a:hover {
color: rgb(var(--hakuji-accent)) !important;
}
.top-bar ul li a:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 0%;
inset: 0;
background: rgb(var(--aonibi-accent));
z-index: -1;
transition: all .3s cubic-bezier(0.1, 0.9, 0.1, 0.9);
}
.top-bar ul li a:hover:before {
height: 100%;
}
.top-bar ul li ul li a:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 0%;
inset: 0;
background: rgb(var(--kurotsurubami-accent));
z-index: -1;
transition: all .3s cubic-bezier(0.1, 0.9, 0.1, 0.9);
}
.top-bar ul li ul li a:before {
height: 0%;
}
.open-menu {
display: none !important;
}
.mobile-top-bar {
max-width: unset;
left: unset;
right: 0;
width: max-content;
}
.mobile-top-bar ul li a:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 0%;
inset: 0;
background: rgb(var(--aonibi-accent));
z-index: -1;
transition: all .3s cubic-bezier(0.1, 0.9, 0.1, 0.9);
}
.mobile-top-bar ul li a:hover:before {
height: 100%;
}
#top-bar .mobile-top-bar ul li ul {
width: 100vw !important;
max-width: unset !important;
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
right: 0;
}
.mobile-top-bar ul li ul li a {
--header-h3-height: 30px;
font-size: 11px;
}
.mobile-top-bar ul {
position: relative;
}
.mobile-top-bar ul li ul li a:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 0%;
inset: 0;
background: rgb(var(--kurotsurubami-accent));
z-index: -1;
transition: all .3s cubic-bezier(0.1, 0.9, 0.1, 0.9);
}
.mobile-top-bar ul li ul li a:hover:before {
height: 100%;
}
サイドバー
#side-bar,
#side-bar:target {
position: fixed;
left: 0;
width: var(--sidebar-width) !important;
height: 100vh;
overflow: auto;
top: 0;
z-index: 33 !important;
transition: all .3s cubic-bezier(0.3, 1, 0.3, 1);
background: rgb(var(--kurotsurubami-accent));
box-sizing: border-box;
border: none !important;
padding: unset;
font-family: var(--UI-font);
}
#side-bar:before {
content: var(--sidebar-banner-title, '' );
position: relative;
display: block;
width: 100%;
height: var(--sidebar-banner-height);
background: var(--sidebar-icon) center 20px no-repeat;
background-size: var(--sidebar-icon-height);
text-align: center;
line-height: calc(var(--sidebar-banner-height) + 60px);
font-size: 15px;
font-family: var(--header-font);
padding-bottom: 1px;
text-decoration: underline 2px;
text-underline-offset: 3px;
}
#side-bar:target {
left: 0;
}
#side-bar:target .close-menu {
opacity: 0;
visibility: hidden;
display: block;
position: fixed;
width: calc(100% - var(--sidebar-width)) !important;
height: 100vh !important;
rightleft: var(—sidebar-width) !important;
top: 0 !important;
z-index: -1;
background: linear-gradient(90deg, rgba(var(--aonibi-accent),.6), transparent) !important;
transition: all .3s cubic-bezier(0.3, 1, 0.3, 1);
}
#side-bar:target .close-menu {上のブロックと結合
opacity: 1;
visibility: visible;
@@ right: 0 !important;
@@ left: unset !important;
}
以下変更なし
side-nav
.side-nav .yui-navset .yui-nav a,
.side-nav .yui-navset .yui-nav li.selected a,
.side-nav .yui-navset .yui-nav li.selected a:hover {
background: none !important;
border: none;
width: var(--sidebar-width);
}