settings

/code:style.css

/* 白っぽくするためのスタイル定義 */

.navbar .navbar-brand .icon-arrow-down { display: none }

/* 検索ボックスを右寄せにする仕掛け */

.navbar .row .col-menu { width: unset }

/* プロジェクトTOPへのリンクと周辺パーツを強引にヘッダーエリアに移動 */

/* ※次のヘッダー固定と同時に使う必要がある */

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

.quick-launch {

position: fixed; top: 5px; left: calc((100% - 1080px)/2); z-index: 990 }

/*.page { padding-top: 0 }*/ }

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

.quick-launch { left: 80px } }

/code:style.css

/* はりつくメニューバー */

@media screen and (min-height: 600px) and (min-width: 768px) {

.app:not(.presentation) { padding-top: 90px; padding-right: 0 !important }

.app:not(.presentation) .page-menu { position: fixed; top: 90px }

.navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 990; overflow: unset }

.dropdown.open .dropdown-menu {

position: absolute; left: auto; top: auto;

max-height: calc(100vh - 100px); overflow-y: auto }

.dropdown.open .dropdown-menu.global-menu { left: 0; top: 54px }

.page-menu .dropdown.open .dropdown-menu { position: absolute; top: 0 } }

/* スマホ用 */

code:style.css

.navbar-form .dropdown.open .dropdown-menu {

min-width: 100%; max-height: calc(100vh - 130px) !important; overflow-y: auto }

font

code:style.css

.quick-launch .project-home, .text,.text-input, .grid li.page-list-item a .title,.grid.grid-md li.page-list-item a .description {

font-family: "Open Sans","Noto Sans CJK JP",sans-serif;

}

.line .quote {font-style: normal;}

code:style.css

/* 箇条書きを控えめにする */

code:style.css

/* 二重括弧による強調をマーカーっぽくする */

}

文字サイズ大きく（デフォルトは15px）

code:style.css

.editor {

font-size: 16px;

}

Pin

code:style.css

.grid li.page-list-item a .pin { background-color: transparent; background-image: none }

.grid li.page-list-item a .pin::after {

外部リンクアイコン

code:style.css

/* External links */

.line a.link:not(.icon)::after { font-family:'FontAwesome'; content: ' \f08e'; display: inline-block }

太字関連

code:style.css

.line strong {

display: inline-block;

}

.line strong.level-1 {

display: inline;

background: none;

}

.line strong.level-2 {

width: 100%;

margin: 0.5em 0;

padding: 0.25em 0.5em;

}

.line strong.level-3 {

width: 100%;

margin: 0.75em 0;

padding: 0.25em 0.5em;

}

code:style.css

/* しおり記法 -- 栞箇所のマークやハイライトが不要な場合はこのブロックは消してね */

@media screen {

body:not(.presentation) .line .deco-\.::after {

position: absolute; top: 3px; left: -1.4em;

content: '\f02e'; font: 1.7rem/1 'FontAwesome'; color: yellowgreen } }

@media screen and (max-width: 990px) {

body:not(.presentation) .line .deco-\.::after { position: static; padding-left: .3em } }

/* 栞一覧を出すページメニューボタンのスタイル -- ここは必要 */

a#Bookmarks.tool-btn:hover { text-decoration: none }

a#Bookmarks.tool-btn::before {

position: absolute; left: calc(46px/3); content: '\f097'; font: 21px/46px 'FontAwesome' }

a#Bookmarks.tool-btn img { opacity: 0 }

code:style.css

/* カウンターのスタイル */

cursor: pointer; font: 88%/1 monospace;

opacity: .35; /* ←マウスを乗せてないときの濃さ 35% */

transition: opacity .2s ease-out }

/* ポップアップのスタイル */

z-index: 300; position: absolute; bottom: 2em; right: 0em;

transition: opacity .3s ease-out }

/* プレゼンモードのときは非表示にする */

https://gyazo.com/7dd255c67be6199d7d3e32772fc6bb26