settings
code:style.css
/* ---- imports ---- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('./pin.css');
/* ---- root / variables ---- */
:root {
--bg-color: #ffffff;
--title-color: #222222;
--color-base: #333333;
--color-accent: #1dad34;
--color-accent-hover: #2f5134
--base-font: 'Noto Sans JP';
}
body {
}
/* ---- layout ---- */
/* ---- text ---- */
.lines, textarea, contenteditable="true", .editor textarea,
.editor contenteditable="true", .text-input, .description,
.dropdown-menu, .grid li.relation-label a .title, strong, b, em {
font-family: var(--base-font) !important;
}
.lines a.page-link, .page-list-item .description .page-link,
.lines a.link, .page-list-item .description .link {
color: var(--color-accent);
}
/* ---- additional_function ---- */
.page-list-itemdata-page-links*="'hidden'",
.stream .pagedata-page-links*="'hidden'" {
display: none;
}
code: pin.css
/*------ from /yozba ------*/
a .pin {display: none}
.grid li.page-list-item{
&.pin::after {display: none}
a {border: unset}
}
.page-list .grid {position: relative}
.page-list-item.pin + .page-list-item:not(.pin):not(.list-style-item) {
grid-column-start: 1;
position: static;
&:before{
content: "";
position: absolute;
border-top: solid 1px #afafaf;
width: 100%;
margin-top: -23px;
@media screen and (max-width: 767px){
margin-top: -14px;
}
}
}
li.pin:not(:has(~ li.pin)) {
margin-bottom: 30px;
@media screen and (max-width: 767px){
margin-bottom: 20px;
}
}