Settings

code:style.css

@import "/api/code/nrem-configs/Additional theme variables/style.css";

code:disabled

@import url('../../customize/Auto Dark Themes/style.css');

@import url('../../nrem-configs/画像ズームアニメーションを変更する/style.css');

@import "/api/code/nrem-configs/ページ余白に行番号を表示するUserCSS/style.css";

@import "/api/code/nrem-configs/相対的なカーソル行ハイライト/style.css";

@import "/api/code/nrem-configs/編集周りのUIの配色を統一する/style.css";

@import "/api/code/nrem-configs/未読テロメアの配色をテーマカラーに準拠させる/style.css";

@import "/api/code/nrem-configs/Streamの更新日時バーに背景色をつける/style.css";

@import "/api/code/nrem-configs/navbarのStreamボタンを表示するUserCSS/style.css";

@import "/api/code/nrem-configs/セルのテキストが折り返されるようにする/style.css";

@import "/api/code/nrem-configs/引用文の前のドットを消すUserCSS/style.css";

@import "/api/code/nrem-configs/引用文の行頭を揃える/style.css";

@import "/api/code/nrem-configs/引用文中のインデントを通常の箇条書きにする/style.css";

@import "/api/code/nrem-configs/ハッシュタグを緑色にする/style.css";

@import "/api/code/nrem-configs/編集時に画像URLのプレビューを表示する/style.css";

@import "/api/code/nrem-configs/編集時にアイコン記法のプレビューを表示する/style.css";

@import "/api/code/nrem-configs/行パーマリンクの強調表示を変更して遷移エフェクトをつける/style.css";

@import "/api/code/nrem-configs/インデントされたコードブロックの折り返し行頭の背景がはみ出る不具合への対応/style.css";

@import "/api/code/nrem-configs/のびのびドロップダウン/style.css";

あ

code:style.css

@import url("../../nrem-configs/Aureolo/style.css");

@import "/api/code/nrem-configs/ページを横スクロール可能にする/style.css";

@import "/api/code/nrem-configs/アイコン記法の最小幅をインデント記号と同値にする/style.css";

@import "/api/code/customize/ピン留めされたページを独立した段に表示する/style.css";

@import "/api/code/nrem-configs/mermaid.js_UserCSS/style.css";

@import "/api/code/nrem-configs/Settings:Basic annotation/style.css";

/* @import url("../../nrem-configs/Aureolo:page-list/style.css"); */

@import url("../../nrem-configs/インデントに縦線を引くUserCSS%20(Aureole%2FEclipse仕様)/style.css");

@import url("../../nrem-configs/Project間リンクの表示を簡略化するUserCSS%20(Nrem)/style.css");

@import url("../../nrem-configs/Helpfeel記法/style.css");

@import url("../../nrem-configs/Inter/style.css");

@import url("/api/code/nrem-configs/Zilla_Slab/style.css");

@import url("/api/code/nrem-configs/Literata/style.css");

body {

font-family: "Google Sans Flex", "Noto Sans", "Open Sans", system-ui;

}

.line.cursor-Line {

min-height: 100% !important;

}

.editor {

font-family: Roboto, Helvetica, Arial, "Open Sans", "Noto Sans JP", "Noto Sans CJK JP", sans-serif, "Font Awesome 5 Free";

}

}

/*

@media (prefers-color-scheme: light) {

}

*/

@media (prefers-color-scheme: dark) {

--card-bg: var(--page-bg);

--page-text-color: oklch(80% 0 0);

}

.line div.image,

li.page-list-item a .content > div.icon {

filter: brightness(.3);

}

}

.page {

--page-max-font-size: 15px;

--page-min-font-size: 13.75px;

--page-font-size: clamp(var(--page-min-font-size, 14px), (767cqw / 15 / 29), var(--page-max-line-height, 15px));

--page-line-height: calc(28 / 15);

--page-min-line-height: 1.8;

/* 次の変数は他のUserCSSから参照するためのもの */

--page-width: calc(100% + var(--page-padding-left, 42px) + var(--page-padding-right, var(--page-padding-left, 42px)));

--calculated-paragraph-line-height: calc(var(--page-font-size, 15px) * var(--page-line-height));

}

.page-wrapper,

.project-events {

container-type: inline-size;

container-name: page;

}

.page,

.editor,

.stream .page {

font-size: var(--page-font-size, 15px);

line-height: var(--page-line-height, 28px);

}

.app:not(.presentation) .page {

padding:

var(--page-padding-top, 42px)

max(21px, var(--page-padding-right, var(--page-padding-left, 49px)))

var(--page-padding-bottom, 35px)

max(21px, var(--page-padding-left, 49px));

}

.line .telomere .telomere-border {

left: calc(-1 * max(21px, var(--page-padding-left, 49px)));

min-width: var(--telomere-width, 5px);

}

@container page (max-width: 767px) {

.page {

--page-line-height: var(--page-min-line-height, 1.8);

--page-padding-top: calc(var(--page-layout-unit, 7px) * 4); /* 28px */

--page-padding-right: calc(var(--page-layout-unit, 7px) * 3); /* 21px */

--page-padding-bottom: calc(var(--page-layout-unit, 7px) * 6); /* 42px */

--page-padding-left: calc(var(--page-layout-unit, 7px) * 3); /* 21px */

}

.app:not(.presentation) .page,

.stream .page {

padding:

var(--page-padding-top, 28px)

max(21px, var(--page-padding-right, var(--page-padding-left, 21px)))

var(--page-padding-bottom, 42px)

max(21px, var(--page-padding-left, 21px)) !important;

}

.line .telomere .telomere-border {

left: calc(-1 * max(21px, var(--page-padding-left, 21px))) !important ;

min-width: var(--telomere-width, 5px) !important;

}

}

@media (min-width: 768px) and (max-width: 991px) {

:where(.app:not(.presentation)) .page { padding: inherit; }

}

@media (max-width: 767px) {

:where(.app:not(.presentation)) .page { padding: inherit; }

.line .telomere .telomere-border {

left: inherit;

width: inherit;

}

}

{

display: none !important;

}

記法類

code:style.css

html {

--fallback: sans-serif;

--icons: "Font Awesome 5 Free", "Font Awesome 5 Brands", AppIcons, icons, emoji;

--italic-latin: "Literata";

--italic-ja: "BIZ UDPMincho";

}

.line :is(.deco-\/) {

font-style: italic;

font-family: var(--italic-latin), var(--italic-ja), var(--icons, "AppIcons"), serif;

font-feature-settings: var(--italic-font-feature-settings, '');

font-weight: 500;

}

互換用

インライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイル

インライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイルインライン引用文のスタイル

code:style.css

border-radius: .2em; padding: 0 .4em; background-color: rgba(128,128,128,0.1);

font-size: 95%; font-style: italic;

.line:not(.cursor-line) &::before {

font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f10d';

position: relative; top: -0.5em; left: -0.2em;

}

}

html {

--inline-quote-font-family: "Inter Variable", "Inter", "Roboto Flex", "Roboto", Helvetica, "Arial", "Arimo", "Kosugi Maru Gothic", "BIZ UDGothic", "BIZ UDPGothic", var(--quote-font-family, var(--paragraph, "Open Sans", sans-serif));

--inline-quote-font-feature-settings: var(--quote-font-feature-settings);

}

記法の干渉テスト