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: 1200px) {

.quick-launch { left: 80px }

}

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

@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

}

}

.deco-\# {

}

/* テロメアとページメニューを脇に寄せて本文を広く見せる */

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

.line .telomere .telomere-border { left: calc((100% - 1160px)/2) }

.app:not(.presentation) .page-menu { right: calc((100% - 1160px)/2) }

}

/* テロメアの存在感を薄くする */

.line .telomere .telomere-border:not(:hover) { opacity: .1 }

.line .telomere .telomere-border.unread:not(:hover) { opacity: .3 }

/* 本文の最後にテキスト挿入 */

.app:not(.presentation) .page::after {

content: 'parmodule project';

display: block; margin-top: 5rem; padding: 1rem 0; text-align: center;

}

.app:not(.presentation) .page.not-persistent::after {

content: 'parmodule project'

}

@media screen {

/* ページタイトルのフォント設定 */

.app:not(.presentation) .line.line-title .text {

font-size: 4.2rem; font-weight: 600; line-height: 1.2;

}

@media screen {

/* 本文のフォント設定: 文字サイズ */

.app:not(.presentation) .editor { font-size: 150% }

/* 行間のようなもの ※line-height使うと箇条書きが崩壊する */

.app:not(.presentation) .line .text:not(.code-block) {

padding-bottom: 1.5rem

}

}

@media print {

.app:not(.presentation) .editor { font-size: 150% }

}

/* カード型ページリンクの枠 */

.grid li.page-list-item a .header { border-top: unset }

.presentation .line.section-title {

}

.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; }

@media print {

.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; }

}

/* 画像の半透明（90％） */

.deco-\< img{

filter:alpha(opacity=90);

-moz-opacity: 0.9;

opacity: 0.9;

}

/* 画像の半透明（80％） */

.deco-\<< img{

filter:alpha(opacity=80);

-moz-opacity: 0.8;

opacity: 0.8;

}

/* 画像の半透明（70％） */

.deco-\<<< img{

filter:alpha(opacity=70);

-moz-opacity: 0.7;

opacity: 0.7;

}

/* 画像の半透明（60％） */

.deco-\<<<< img{

filter:alpha(opacity=60);

-moz-opacity: 0.6;

opacity: 0.6;

}

/* 画像の半透明（50％） */

.deco-\<<<<< img{

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

}

/* 中央寄せ */

.deco-\| {

position: absolute;

width: 100%;

text-align: center;

}

/* 右寄せ */

.deco-\> {

position: absolute;

width: 100%;

text-align: right;

}

@media print {

i {display:none;}

}

.presentation .line .deco-\/{

font-size: 0.75em;

}

@media print {

}

/* ＃で始まるタグをラベル風にする */

display: inline-block;

padding: 2px 8px;

margin: 0 8px 10px 0;

font-size: 0.8em;

border-radius: 3px;

}

@media print {

}

https://gyazo.com/5a423052c14d631aa9254180b4487370

scrapbox utilities (1)