Sentence_UserCSS
https://contenthub-static.grammarly.com/blog/wp-content/uploads/2021/04/types-of-sentences.jpeg
code:style.css
.editor, .stream, li.page-list-item {font-family: 'M PLUS Rounded 1c'; color: #000; !important;} チェックボックス
code: style.css
/* チェックボックスになるタグ v2 Font Awesome版 */
.line:not(.cursor-line) ahref$='/o':not(.icon) span, .line:not(.cursor-line) ahref$='/v':not(.icon) span { display: inline-block; width: 0; text-indent: -9999px }
.line:not(.cursor-line) ahref$='/o':not(.icon)::after, .line:not(.cursor-line) ahref$='/v':not(.icon)::after { display: inline-block; min-width: 1.15em; padding-left: 1px;
font-family: 'M PLUS Rounded 1c'; font-weight: 400;
font-size: 120%; text-align: center; vertical-align: middle }
.line:not(.cursor-line) ahref$='/o':not(.icon)::after { content: '\f0c8'; color: #08BDBD } .line:not(.cursor-line) ahref$='/v':not(.icon)::after { content: '\f14a'; color: #2489C5 } code:style.css
/* 一旦背景黒だとカーソルが分かりづらいのでコメントアウト */
.line code {
padding: 4px 0;
font-size: 0.8em;
}
.line span.code-block {
}
.page-list-item .description code {
padding: 4px;
font-size: 0.8em;
}
5. Highlight JS
code:style.css
/* Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com> */
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
}
.hljs-comment,
.hljs-quote {
}
/* Solarized Green */
.hljs-keyword,
.hljs-selector-tag,
.hljs-addition {
}
/* Solarized Cyan */
.hljs-number,
.hljs-string,
.hljs-meta .hljs-meta-string,
.hljs-literal,
.hljs-doctag,
.hljs-regexp {
}
/* Solarized Blue */
.hljs-title,
.hljs-section,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
}
/* Solarized Yellow */
.hljs-attribute,
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-class .hljs-title,
.hljs-type {
}
/* Solarized Orange */
.hljs-symbol,
.hljs-bullet,
.hljs-subst,
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-link {
}
/* Solarized Red */
.hljs-built_in,
.hljs-deletion {
}
.hljs-formula {
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bolder;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
font-weight: bolder;
}
#で始まるタグをラベル風にする
code:style.css
/* #で始まるタグをラベル風にする */
display: inline-block;
margin: 4px;
font-size: 14px;
height: 32px;
width: auto;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 2px;
border-style: none;
background-color: rgba(12, 12, 13, 0.1);
}
background-color: rgba(12, 12, 13, 0.2);
}
background-color: rgba(12, 12, 13, 0.3);
}
code:style.css
/*
padding: 0.2em 0.4em;
font-size: 1.2em;
border-radius: 0.2em;
}
*/
7. 蛍光ライン
[** ]←これに蛍光のラインを足す
code:style.css-x
.level-2{
background: linear-gradient(transparent 60%, rgb(105, 251, 170) 60%);
}
.level-1{
background: linear-gradient(transparent 80%, rgb(105, 251, 170) 80%);
}