settings
リンク
code:style.css
@import "../../road2noma/破線で下線なリンクデザイン/style.css";
フォント
code:style.css
code:style.css
:root{
--accent-color0: rgba(0, 0, 0, 1);
--accent-color1: rgba(0, 0, 0, .9);
--accent-color2: rgba(80, 73, 227, .7);
--accent-color3: rgba(93, 93, 93, 1);
--bg-color: rgba(220, 220, 220, 1);
--text-color: rgba(0, 0, 0, .7);
--label_font_size: 18px;
--label_font_len: 12px;
--text-font: 'Shippori Mincho B1', serif !important;
--label-font:'Fira Code', monospace !important;
--code-font:'Fira Code', monospace !important;
}
.line, .page-list-item .title {
font-family: var(--text-font);
}
.line {
color: var(--text-color);
}
タイトル
code:style.css
.project-home .title {
padding: 4px 12px 4px 12px;
font-size: 14px;
color: var(--bg-color);
background: var(--accent-color0);
}
ページタイトル
code:style.css
@media screen {
.app:not(.presentation) .line.line-title .text {
font-weight: 600;
line-height: 1.2 !important;
padding-bottom: 1.2rem;
border-bottom: 10px double var(--accent-color0);
}
}
背景
code:style.css
body, .page{
background-color: var(--bg-color);
box-shadow: unset
}
.code-body {
font-family: var(--code-font);
}
navbar
テロメア
code:style.css
.line .telomere .telomere-border,
.line .telomere .telomere-border.unread {
border-color: rgba(0,0,0,.05);
width: 2px
}
.line .telomere .telomere-border.unread.updated-after-load {
border-color: var(--accent-color1);
width: 2px
}
タイル
code:style.css
.grid li.page-list-item a {
background: var(--bg-color);
border-radius:0px;
}
.pin {display:none}
body {--card-title-bg:none}
インデント
code:style.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: 45%;
margin: 0px 0;
border-left: 1px solid rgba(0,0,0,0.2);
}
あ
あ
あ
あ
ブレット
code:style.css
.line .indent-mark .dot {
top: 12px;
width: 2px;
height: 2px;
background-color: black;
}
付箋
code:style.css
.deco-\&{
/** border-left: var(--accent-color1) solid .6em;**/
padding: 0px 8px 0px 18px;
color: var(--bg-color);
background: var(--accent-color1);
font-weight: 800;
/**background: linear-gradient(transparent 80%, rgba(226, 0, 46, .2) 20%);**/
}
.deco-\&::before{
content: "&";
color: var(--bg-color);
position: relative;
right: var(--label_font_len);
font-size: var(--label_font_size);
font-family: var(--label-font);
}
.deco-\%{
/** border-left: var(--accent-color0) solid .6em; **/
padding: 0px 12px 0px 12px;
color: var(--accent-color0);
font-weight: 800;
/**background: linear-gradient(transparent 80%, rgba(0, 0, 0, .2) 20%);**/
}
.deco-\%::before{
content: "%";
color: var(--accent-color0);
position: relative;
right: var(--label_font_len);
font-size: var(--label_font_size);
font-family: var(--label-font);
}
.deco-\!{
/** border-left: var(--accent-color3) solid .6em; **/
padding: 0px 12px 0px 12px;
color: var(--accent-color2);
font-weight: 800;
/**background: linear-gradient(transparent 80%, rgba(2, 0, 106, .2) 20%);**/
}
.deco-\!::before{
content: "!";
/** color: rgba(44, 41, 255, 1); **/
color: var(--accent-color2);
position: relative;
right: var(--label_font_len);
font-size: var(--label_font_size);
font-family: var(--label-font);
}
.deco-\#{
padding: 0px 12px 0px 12px;
color: var(--accent-color0);
font-weight: 800;
background: linear-gradient(transparent 70%, rgba(0, 0, 0, .1) 70%);
}
.deco-\#::before{
content: "#";
color: var(--accent-color0);
position: relative;
right: var(--label_font_len);
font-size: var(--label_font_size);
font-family: var(--label-font);
}
付箋
付箋
付箋
付箋
中央揃え
code:style.css
.line:not(.cursor-line) .deco-\' {
position: absolute;
width: 100%;
text-align: center;
}
$ \{g|\forall_{x \in G} \lbrack gxg^{-1} = x\rbrack\}
$ \LaTeX
code:style.css
.line.formula-line .dot {
display: inherit;
}
$ \Box \exists x. G(x)
ページ
code:style.css
.page{box-shadow:none;}