settings
code:sticky_header.css
.navbar {
top: 0px;
z-index: 51010;
}
.expandable-menu {
z-index: 51011;
}
.page-menu {
top: 70px;
}
.global-menu.dropdown-menu {
overflow-y: scroll;
max-height: calc(100vh - 58px);
}
.modal {
z-index: 501013;
}
.modal-backdrop {
z-index: 501012;
}
code:bg.css
html{
min-height: 100vh;
overflow-y: scroll;
}
body::before{
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: bottom;
z-index: -1;
}
code:header_icon.css
.navbar-brand::before {
content: '';
width: 40px;
height: 40px;
position: absolute;
background-size: cover;
border-radius: 9999px;
}
code:pin_cb.css
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
code:full_width.css
.container {
max-width: 1980px;
}
.grid li.page-list-item a .description p{
font-size: 10px;
line-height: 1.42857;
}
.grid li.page-list-item a .icon img{
object-fit: contain;
}
code:slim_telomere.css
.line .telomere .telomere-border,
.line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box;
background-color: var(--theme-telomere-color);
border-color: var(--theme-telomere-color);
}
.line .telomere .telomere-border {
width: 1px;
}
.line .telomere .telomere-border.unread {
width: 2px
}
.line .telomere .telomere-border:hover,
.line .telomere .telomere-border.unread:hover {
box-sizing: border-box;
width: auto;
background-color: transparent
}
code:access_counter.css
.drag-and-drop-enter {
padding-bottom: 140px;
background-position: center bottom 20px;
background-repeat: no-repeat;
background-size: 315px 100px;
}
code:TeX表記開始時にdotを隠さない.css
.line.formula-line .dot {
display: inherit;
}
code:数字リストでdotを隠さない.css
.line.number-list .dot {
display: inherit;
}
code:base.css
:root{
--base-hue: 198;
--text-color: hsl(var(--base-hue), 15%, 82.5%);
--text-color-strong: hsl(var(--base-hue), 39%, 85.5%);
--accent-color-2: hsl(var(--base-hue), 85%, 73%);
--accent-color-3: hsl(calc(var(--base-hue) + 128), 71%, 62%);
--theme-telomere-color: var(--accent-color-2);
--page-bg: hsla(var(--base-hue), 14%, 7.5%, .85) !important;
--body-bg: hsl(var(--base-hue), 35%, 7.5%) !important;
--link-color: var(--accent-color-2) !important;;
--empty-link-color: var(--accent-color-3) !important;;
--card-title-color: var(--text-color) !important;
--line-title-color: var(--text-color) !important;
--card-text-color: var(--text-color) !important;
--page-text-color: var(--text-color) !important;
--page-link-color: var(--link-color) !important;
--page-link-hover-color: var(--link-color) !important;
--empty-page-link-color: var(--empty-link-color) !important;
--empty-page-link-hover-color: var(--empty-link-color) !important;
--card-title-bg: var(--page-bg) !important;
--card-description-color: var(--text-color) !important;
--card-description-link-color: var(--page-link-color) !important;
--relation-label-links-bg: var(--accent-color-2) !important;
--relation-label-empty-bg: var(--accent-color-3) !important;
--tool-color: var(--text-color) !important;
--tool-bg: hsl(var(--base-hue), 82%, 68%) !important;
--code-color: var(--text-color) !important;
--code-bg: hsla(var(--base-hue), 50%, 12.5%, .5) !important;
--text-font: 'Shippori Mincho B1' , serif !important;
/* --text-font: 'Shippori Mincho B1' , serif !important; */
--code-font: 'JetBrains Mono', Monaco, monospace !important;
}
.title,
.title-with-description,
.page-list-item .relation-label .title,
.page-list-item .description {
color: var(--text-color) !important;
}
.line-title {
font-family: var(--code-font);
}
.line-title .text{
text-align: center;
}
.page{
box-shadow: 0 16px 24px 8px hsla(var(--base-hue), 20%, 25%, 0.125);
border-radius: 2px;
}
.line a.page-link:not(.empty-page-link) {
text-decoration: underline dashed var(--link-color);
}
.page-list-item{
box-shadow: 0 0 8px hsla(var(--base-hue), 20%, 25%, 0.125);
border-radius: 2px;
overflow: hidden;
background: transparent !important;
}
.page-list-item > a {
background-color: var(--page-bg) !important;
}
.page-list-item .pin {
width: 100% !important;
height: 10px !important;
border-radius: 0!important;
background: var(--accent-color-2) !important;
}
.relation-label > a{
border-radius: 4px !important;
}
.line, .page-list-item .title, .line-title {
font-family: var(--text-font);
}
.project-home:hover {
}
.project-home .title {
font-size: 32px;
font-family: "Silkscreen", monospace;
color: var(--accent-color-2) !important;
text-shadow: 0 0 4px 2px var(--accent-color-2);
}
.code-body {
font-family: var(--code-font);
}
.page-link:not(.empty-page-link){
// text-shadow: var(--page-link-color) 0 0 2px;
}
.page-link.empty-page-link {
// text-shadow: var(--empty-page-link-color) 0 0 2px;
}
.pin .pin {
box-shadow: 0 0 16px var(--accent-color-2);
}
.page-link, .deco-*, .line-title{
font-weight: 800;
}
strong.level {
color: var(--text-color-strong) !important;
text-decoration: underline solid var(--text-color-strong);
}
border: 1px solid var(--page-link-color);
margin: 8px 0;
padding: 4px 8px;
border-radius: 4px;
text-decoration: none!important;
}
font-family: "Rock Salt", monospace;
text-align: center;
overflow: visible;
white-space: nowrap;
}
code:伏せ字.css
/* !をSCPみたいにする */
span.deco-\! {
background-color: var(--page-text-color, #FFF); /* background-color: #FFF; */ }
div.cursor-line > span.text > span * span.deco-\! {
background-color: unset;
}
span.deco-\! * a.empty-page-link,
span.deco-\! > a.empty-page-link,
span.deco-\! * a.page-link,
span.deco-\! > a.page-link {
}
span.deco-\! > * img {
filter: blur(4px);
}
code:インデント.css
.app:not(.presentation) .indent-mark .char-index:not(:nth-last-child(1)):not(:nth-last-child(2)) {
position: relative;
}
.app:not(.presentation) .indent-mark .char-index:not(:nth-last-child(1)):not(:nth-last-child(2))::before {
content: " ";
position: absolute;
left: 50%;
margin: -4px 0;
border-left: 1px solid var(--page-text-color, #4a4a4a); /* 色の指定 */ opacity: 0.25;
}
code:付箋.css
.deco-\&{
border-left: var(--accent-color-2) solid 4px;
background: hsla(var(--base-hue), 60%, 24.5%, .75);
padding: 4px 14px 4px 16px;
color: var(--page-text-color);
font-weight: 800;
}
.deco-\%{
border-left: var(--accent-color-2) solid 2px;
background: hsla(var(--base-hue), 50%, 15%, .75);
padding: 2px 7px 2px 9px;
color: var(--page-text-color);
font-weight: 800;
}
code:style.css
/* @import url("/api/code/ePi5131/ページの横幅制限解除/style.css"); */