Settings
https://gyazo.com/5edd9a8ef7d4d4348164d401265b6bd4
code:style.css
@import "../UserCSS_-_置換列表標記/style.css";
code:style.css
:root{
}
body{
--A: var(--body-bg2);
background: var(--A);
}
.navbar-default {
background: rgba(59 31 73 / 0.8);
}
.project-home > .title{
font-size: 24px;
color: white;
}
.left-box a.btn.project-home:hover{
background-color: rgba(59 31 73 / 0.8);
}
.right-box a.btn {
color: white;
}
.kamon{
color: white;
}
文字設定
code:style.css
.deco-\< {
display: inline;
background: linear-gradient(180deg, rgba(255,255,0,0) 0%, rgba(255,255,0,0) 60%, #ADD8E6 40%, #ADD8E6 100%); }
.deco-\+ {
text-shadow: 1px 0 11px #FC0; }
.deco-\~ span {
background-color: rgba(113,113,113,0.6)
}
置頂換行&摺疊內容
code:style.css
/* 換行 */
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
.page-list .grid li.pin {
height: 32px;
width: 100%;
margin-bottom: 12px;
}
.grid li.pin .header {
border-top: none;
padding: 5px 10px !important;
}
.grid li.pin .content :is(.description,.icon) {
display: none;
}
.grid li.page-list-item a{
box-shadow: none;
word-break: break-word;
border: solid 2px;
border-color: rgb(121 98 133);
}
.grid li.pin a {
background-color: rgb(59 31 73);
background-image: none;
border: none;
border-radius: 10px;
}
.grid li.pin.page-list-item a .title {
font-weight: 700;
}
.grid li.page-list-item a .header {
border-top: none;
text-align: center;
}
.grid li.page-list-item a .pin {
background: none;
}
.grid li.page-list-item a .content {
padding-top: 2px;
}
code:style.css
li.page-list-item .icon img {
filter: grayscale(0%) sepia(70%) hue-rotate(130deg) contrast(0.3);
}
li.page-list-item:hover .icon img {
filter: grayscale(0%) contrast(1) ;
}