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: 2;
--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 Gothic' , 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 {
}
.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;
}
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.125;
}
code:付箋.css
.deco-\&{
border-left: var(--telomere-border) solid 4px;
background: hsla(var(--base-hue), 60%, 24.5%, .75);
padding: 6px 14px 6px 16px;
margin: 2px 0 2px 0;
color: var(--page-strong-text-color);
font-weight: 900;
}
.deco-\&::before{
content: "&";
font-family: var(--code-font);
margin-right: 8px;
color: var(--page-text-color);
}
.deco-\%{
border-left: var(--telomere-border) solid 2px;
background: hsla(var(--base-hue), 50%, 15%, .75);
padding: 2px 7px 2px 9px;
font-weight: 800;
color: var(--page-strong-text-color);
}
.deco-\%::before{
content: "%";
font-family: var(--code-font);
margin-right: 8px;
color: var(--page-text-color);
}
code:font.css
:root {
--text-font: 'Shippori Mincho B1' , serif !important;
--code-font: 'JetBrains Mono', Monaco, monospace !important;
}
.line-title, .lines .link {
font-family: var(--code-font);
}
.line, .page-list-item .title, .line-title {
font-family: var(--text-font);
}
code:project_title.css
.project-home .title {
font-size: 18px;
font-family: "Tiny5", monospace;
color: var(--accent-color-2) !important;
text-shadow: 0 0 4px 2px var(--accent-color-2);
letter-spacing: 3px;
}
code:dailyreport_header.css
font-family: "Tiny5", monospace;
font-size: 18px;
letter-spacing: 2px;
text-align: center;
overflow: visible;
white-space: nowrap;
}
code:hashtag_日報.css
border: 1px solid var(--page-link-color);
padding: 2px 8px;
border-radius: 4px;
text-decoration: none!important;
}
code:colors.css
:root{
--base-hue: 187.2;
--page-bg: hsla(var(--base-hue), 14%, 5.5%, .85) !important;
--body-bg: hsl(var(--base-hue), 53%, 4.5%) !important;
--navbar-bg: hsl(var(--base-hue), 20%, 21.5%, .75) !important;
--card-bg: hsla(var(--base-hue), 14%, 7.5%, .85) !important;
--card-hover-bg: rgba(255,255,255,0.05) !important;
--link-color: var(--accent-color-2) !important;;
--page-text-color: hsl(var(--base-hue), 15%, 72.5%) !important;
--page-link-color: hsla(var(--base-hue), 95%, 83.5%, .85) !important;
--page-link-hover-color: #06b6d4 !important; --empty-page-link-color: #fb7185 !important; --empty-page-link-hover-color: #f43f5e !important; --quote-bg-color: rgba(255,255,255,0.05) !important;
--telomere-border: hsla(var(--base-hue), 35%, 42%, .85) !important;
}
code:strong.css
:root {
--page-strong-text-color: hsl(var(--base-hue), 12.5%, 87.5%) !important;
}
strong.level {
color: var(--page-strong-text-color) !important;
text-decoration: underline solid var(--page-strong-text-color);
}
code:centering.css
.line:not(.cursor-line) .deco-\| {
position: absolute;
width: 100%;
text-align: center;
background-color: var(--quote-bg-color);
}
code:style.css
/* @import url("/api/code/ePi5131/ページの横幅制限解除/style.css"); */