settings
お遊び用
トランスカラー味を追加してみたかった(無理やり)
code:style.css
.app::before {
content: "";
position: absolute;
top: -50px;
left: 100px;
width: 50px;
height: 300px;
opacity: 50%;
transform-origin:0 0;
transform: rotate(45deg);
display: block;
background: #7AE0F5;
}
.app::after {
content: "";
position: absolute;
top: -50px;
left: 100px;
width: 25px;
height: 300px;
opacity: 90%;
transform-origin:0 0;
transform: rotate(45deg);
display: block;
background: pink;
}
/*タグをラベル風に*/
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #f27e48;
font-size: 0.8em;
border: 1px solid #f27e48;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/* ピン留め行独立 */
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
/* 警告表記 */
.deco-\! {
--warning-text-color: #FFFFFF;
--warning-bg: #e33;
--warning-bg-border: #ee6000;
--page-link-color: #80c9fe;
--empty-page-link-color: #ffb7b8;
color: var(--warning-text-color);
background-color: var(--warning-bg);
font-weight: bold;
padding: 1px 2px;
border-radius: 1px;
background: repeating-linear-gradient(-45deg, var(--warning-bg), var(--warning-bg) 17px, var(--warning-bg-border) 3px, var(--warning-bg-border) 20px);
}
/*トプ画変更*/
.navbar .project-home::before {
background-image: url(https://scrapbox.io/files/63d61196474449001d5efe1e.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
content: "";
display: inline-block;
height: 32px;
margin-right: 4px;
width: 32px;
}
/* settingsというタイトルのページをメインページで非表示 */
.page-list-itemdata-page-title*="setting" {
display: none !important;
}