settings
code:style.css
@media screen {
htmldata-project-theme="default" {
--navbar-bg: rgb(0, 0, 0);
--navbar-title-color: #fff;
--navbar-icon-color: #fff;
--navbar-icon-border-color: hsl(240 4% 81% / 1);
--navbar-border-color: rgba(220, 221, 224, 1);
--expandable-menu-bg: rgba(53, 59, 72, 0.6);
--search-form-bg: rgba(255, 255, 255, 0.5);
--search-form-text-color: rgba(68, 68, 68, 0.35);
--search-form-icon-color: rgb(54 60 73 / 70%);
--search-form-icon-focus-color: #363c49;
}
}
body {
/* background-color: #ffffff; */
background-color: #f4f4ef;
}
.grid li.page-list-item a {
/* background-color: #f4f4ef; */
background-color: #ffffff;
border: solid;
border-width: 1.6px;
border-color: #000000;
box-shadow: none;
border-radius: 0;
}
data-hover-visible .grid li.page-list-item a:hover {
box-shadow: none;
}
.grid li.page-list-item a .title {
color: #000000;
}
.grid li.page-list-item a .pin {
background: none;
}
.grid li.page-list-item a .pin:after {
content: "†";
}
.grid li.page-list-item a .header {
border-top: rgba(0, 0, 0, 0.0) solid 4px;
}
.grid li.page-list-item a .header.pinned {
border-top: rgba(0, 0, 0, 0.0) solid 4px;
}
.grid li.page-list-item a .description {
color: #000000;
}
/* 外部リンクにiconをつける */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon):not([href^="https://scrapbox.io"])::after {
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
font-weight: 900;
font-size: 0.8rem;
content: ' \f35d';
display: inline-block;
}
/* ピン留めされたページを独立した段に表示する */
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
from /takker/外部リンクを区別するUserCSS