settings
ホーム画面の表示
code:style.css
.page-list .grid li.page-list-item:not(.pin):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) {
display: none;
}
.page-list .grid li.page-list-itemdata-page-title^="hid" {
display: none;
}
.page-list .grid li.page-list-item.pin:first-child::before {
content: "Pinned Pages";
font-family: monospace;
}
.page-list .grid li.page-list-item.pin::before {
content: "-";
font-family: monospace;
}
.page-list .grid li.page-list-item:nth-child(3)::before {
content: "Latest Updated Pages";
font-family: monospace;
}
.page-list .grid li.page-list-item:nth-child(4)::before, .page-list .grid li.page-list-item:nth-child(5)::before {
content: "-";
font-family: monospace;
}
.page-list .grid li.page-list-item:nth-child(4) {
opacity: 0.5;
}
.page-list .grid li.page-list-item:nth-child(5) {
opacity: 0.25;
}
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
.page-list ul.grid {
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 30px 0 !important;
}
.quick-launch {
display: none;
}
.container {
padding-top: 50px;
}
deco
code:style.css
.deco-\& {
font-size: 0.8em;
}
.deco-\# {
font-size: 0em;
}
.deco-\| {
color: red;
font-size: 1.2em;
}
.deco-\~ {
display: inline-block;
width: 100%;
text-align: center;
}
色など
code:style.css
body {
background: var(--body-bg);
}
.editor {
font-family: monospace !important;
}
.page-list .grid li.page-list-itemdata-page-title^="" a {
background: #DDD;
}
.page {
background: var(--card-bg);
box-shadow: none;
outline: solid 1px;
border-radius: 0px;
}
.grid li.page-list-item a {
background-color: var(--card-bg);
box-shadow: var(--card-box-shadow);
border-radius: 0px;
color: var(--card-title-color);
word-break: break-word;
text-decoration: none;
outline: solid 1px;
}
.grid li.page-list-item a .pin {
position: absolute;
height: 10px;
width: 10px;
top: 10px;
right: 10px;
border-radius: 0;
background: #00F;
z-index: 2;
outline: 0px;
}
.page-list ul.grid {
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: clamp(8px, 1.5svw, 16px);
}
.page-list .grid li {
width: 180px;
height: 180px;
margin: 0;
}
.grid li.page-list-item a .description {
font-size: 9px;
}
.grid li.page-list-item a .title {
font-size: 18px;
}
.table-block .cell {
background-color: transparent !important;
outline: solid 1px;
}
.table-block .table-block-start {
display: none;
}
.line .quote {
background-color: var(--body-bg);
display: block;
border: solid 1px #000;
padding: 4px;
}
.line:not(.cursor-line) .quote > .tag {
visibility: visible;
display: none;
}
.line a:is(.link, .page-link, .empty-page-link), .page-link, .page-list-item .description .link {
text-decoration: none;
padding: 0px 3px;
background: #000;
color: #FFF;
}
data-hover-visible .line a:is(.link, .page-link, .empty-page-link):hover, .page-list-item .description .link:hover {
background: #FFF;
color: #000;
outline: solid 1px;
white-space: nowrap;
}
.line strong.level {
text-decoration: underline;
}
.line .telomere .telomere-border {
border-color: #555;
}
.line .telomere .telomere-border.updated-after-load {
border-color: #00F;
outline: #FFF;
}
.line .indent-mark .dot {
display: block;
position: absolute;
right: 13px;
top: 13px;
width: 2px;
height: 2px;
border-radius: 0;
background-color: #000;
}
htmldata-project-theme=winter {
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-description-code-color: #342d9c;
--tool-bg: rgba(0, 0, 0, 0.5);
--relation-label-bg: #000;
--relation-label-text: #fff;
--relation-label-links-bg: #000;
--relation-label-links-text: #fff;
--relation-label-empty-bg: #fff;
--relation-label-empty-text: #000;
--body-bg: #f4f4f4;
--navbar-bg: #000;
--navbar-link-color: #fff;
--search-form-bg: rgba(255, 255, 255, 0.16);
--new-button-horizontal-color: #000;
--new-button-vertical-color: #000;
--new-button-bg: #fff;
--new-button-hover-bg: #EEE;
--new-button-active-bg: #00F;
--card-title-color: #000;
--card-title-bg: #000000;
--card-bg: #FFF;
--card-backside: #000;
--card-description-color: #000000;
--card-description-link-color: #FFF;
--card-description-link-backgroundcolor: #000;
--card-box-shadow-color: #a2a8b2;
--card-box-shadow: 0 0 0 #FFF;
--tool-color: #363c49;
--tool-light-color: rgba(54, 60, 73, 0.4);
--tool-bg: rgba(54, 60, 73, 0.08);
--tool-badge-bg: rgba(255, 255, 255, 0.3);
--body-headings-color: var(--tool-color);
}