settings
/code:style.css
/* 白っぽくするためのスタイル定義 */
/* body, .page { background-color: #fff; box-shadow: unset } */
.navbar-default:hover { background-color: #f5f5f5ed }
.navbar .navbar-brand .icon-arrow-down { display: none }
.search-form .form-group input { border: 1px solid #0002 }
.search-form .form-group button { color: #0002 }
/* .grid.grid-md li.page-list-item a, .grid li.page-list-item a { border: 1px solid #0002;} */
/* 検索ボックスを右寄せにする仕掛け */
.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 } }
/* スマホ用 */
style.css.navbar-form .dropdown.open .dropdown-menu {
min-width: 100%; max-height: calc(100vh - 130px) !important; overflow-y: auto } font
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;} style.css/* 箇条書きを控えめにする */
.line .indent-mark .dot { height: 2px; top: 12px; right: 12px; background-color: #aaa }style.css/* 二重括弧による強調をマーカーっぽくする */
.line strong:not([class]) {
background: linear-gradient(transparent 10%, #ABFF4F 25%, #ABFF4F 70%, transparent 90%)
}文字サイズ大きく（デフォルトは15px）
style.css.editor {
font-size: 16px;
}Pin
style.css.grid li.page-list-item a .pin { background-color: transparent; background-image: none }
.grid li.page-list-item a .pin::after {
content: '\f08d'; font-family: 'FontAwesome'; font-size: 20px; color: #AAA; bottom: 0;}外部リンクアイコン
style.css /* External links */
.line a.link:not(.icon)::after { font-family:'FontAwesome'; content: ' \f08e'; display: inline-block }太字関連
style.css.line strong {
display: inline-block;
}
.line strong.level-1 {
display: inline;
background: none;
background: linear-gradient(transparent 70%, #ffeb36 70%);
}
.line strong.level-2 {
width: 100%;
margin: 0.5em 0;
padding: 0.25em 0.5em;
border-left: solid 5px #29a972;
}
.line strong.level-3 {
width: 100%;
margin: 0.75em 0;
padding: 0.25em 0.5em;
border-left: solid 5px #29a972;
border-bottom: solid 3px #d7d7d7;
}style.css/* しおり記法 -- 栞箇所のマークやハイライトが不要な場合はこのブロックは消してね */
@media screen {
// body:not(.presentation) .line .deco-\. { background-color: #F5FAEA }
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 }style.css/* カウンターのスタイル */
#__charCounter__ span {
cursor: pointer; font: 88%/1 monospace;
opacity: .35; /* ←マウスを乗せてないときの濃さ 35% */
transition: opacity .2s ease-out }
#__charCounter__ span:hover { opacity: 1 } /* ←マウスを乗せたときの濃さ 100% */
#__charCounter__ { z-index: 300; position: sticky; bottom: 0; text-align: right }
/* ポップアップのスタイル */
#__charCounterPopup__ {
z-index: 300; position: absolute; bottom: 2em; right: 0em;
border-radius: .25em; border: 1px solid #ddd; box-shadow: 0 0 8px 1px rgba(8,8,8,.1);
padding: .8em; background-color: azure; color: #5F9EA0; font: 13.5px/1.4 monospace;
transition: opacity .3s ease-out }
/* プレゼンモードのときは非表示にする */
body.presentation #__charCounter__,
body.presentation #__charCounterPopup__ { display: none }