settings
code:style.css
/* ページ全体の背景色とフォントの設定 */
body {
background-color: #EEEEEE; /* 背景色を#EEEEEEに設定 */ font-family: 'Noto Sans Japanese', sans-serif;
--card-box-hover-shadow: none;
--card-description-link-color: currentColor;
--navbar-bg: white;
--navbar-icon-color: black;
--navbar-title-color: black;
--new-button-vertical-color: black;
--new-button-horizontal-color: black;
--new-button-bg: white;
--page-text-color: black;
--relation-label-bg: black;
--relation-label-empty-bg: white;
--relation-label-links-bg: black;
--tool-text-color: black;
--tool-light-color: black;
--tool-color: black;
--tool-bg: blue;
--search-form-bg: transparent;
--search-form-icon-color: black;
}
/* 英語のフォントをCourierに変更 */
font-family: 'Courier', monospace;
}
/* リンクのスタイル */
a {
text-decoration: none;
}
.page .line .link,
.page .line .page-link {
text-decoration: underline;
}
text-decoration: none;
line-height: 2;
}
/* ナビゲーションバーの設定 */
.navbar-default {
background-color: var(--navbar-bg);
}
/* 検索フォームの設定 */
.search-form .form-group input {
background-color: rgba(255, 255, 255);
border: 1px solid #0000FF; /* 1pxの青いラインを追加 */ padding: 8px; /* ボックス内の余白を設定 */
border-radius: 3px; /* 角を少し丸める */
}
.search-form .form-group input:focus {
border-color: #000000; /* フォーカス時にボーダーの色を変更 */ }
/* カードのスタイル */
.grid li.page-list-item a {
border-radius: 3px;
border: 1px solid blue; /* カードの周りに青い1pxの線を追加 */
box-sizing: border-box;
transition: border-color 0.3s ease;
}
.grid li.page-list-item a:hover {
border-color: black; /* ホバー時にボーダーを黒に変更 */
}
/* 選択時の色を変える */
.selection{
}
/* その他のスタイル */
.line .indent-mark .dot {/* bulletを小さくする */
top: 12px;
width: 4px;
height: 4px;
}
.page {
border-radius: 0;
box-shadow: none;
}
.open>.dropdown-menu {
border-radius: 0;
}
.dropdown-header {
margin: 4px 0;
}
.dropdown-menu>li>a {
}
.dropdown-menu>li>a:hover {
}
.dropdown-menu>li>a.selected,
}
.grid li.relation-label a {
}
.grid li.relation-label.links a {
}
.grid li.relation-label.empty-links a {
}
.line a.page-link {
font-weight: 700;
}
.line a.empty-page-link {
}
.line .meta {
}
.line .meta.unread {
}
.quick-launch .new-btn {
background-color: white; /* 背景色を白に設定 */
border: 1px solid blue; /* 1pxの青いラインを追加 */
padding: 8px;
border-radius: 3px; /* 角を少し丸める */
}
.quick-launch .new-btn {
background-color: white; /* 背景色を白に設定 */
border: 1px solid blue; /* 1pxの青いボーダーを追加 */
padding: 8px;
border-radius: 3px;
}
.quick-launch .new-btn:hover {
background-color: #EEEEEE; /* ホバー時に背景色を#EEEEEEに設定 */ border-color: blue; /* ホバー時もボーダーを青に維持 */
}
.quick-launch .new-btn .horizontal-line,
.quick-launch .new-btn .vertilcal-line {
fill: white; /* 縦線と横線の色を黒に設定 */
}
.page-menu .tool-btn:hover {
}
/* テキストドラッグ選択の背景色を上書き */
.page div.selection,
.page code.code-body.highlight,
.page a.highlight,
.page .highlight,
.page .selection * {
background-color: #39ff14 !important; color: black !important;
}
code:style.css
/* 画像のサイズを変える */
.level-1 img { width: 16.7%; max-height: none; }
.level-2 img { width: 33.3%; max-height: none; }
.level-3 img { width: 50%; max-height: none; }
.level-4 img { width: 66.7%; max-height: none; }
.level-5 img { width: 83.3%; max-height: none; }
.level-6 img { width: 100%; max-height: none; }
code:style.css
.line:not(.cursor-line) .quote .c-0 { visibility: hidden }
code:style.css
main.page video.gyazo.image,
main.page div.gyazo.oembed.square > iframe,
main.page div.gyazo.oembed.landscape > iframe {
border: 1px solid rgb(0, 0, 0);
box-shadow: 5px 5px 5px 0 rgba(90, 255, 25, 0.5);
}
code:style.css
.telomere-border {
border-width: 0 0 0 1px !important;
}
}