Settings-old
code: style.css
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,600,700&display=swap&subset=japanese');
code:style.css
/* フォント変更、それに伴う箇条書きドットの位置の微調整、見出し行間 */
.indent-mark .dot {
margin-top: 0.1em;
}
.line {
font-family: "Noto Sans JP", sans-serif;
// color: rgba(15,15,15,100);
// font-size: 32px;
}
.line.line-title {
font-weight: 500 !important;
}
li.page-list-item {
color: #999999 !important;
font-family: "Noto Sans JP", sans-serif;
}
.line strong {
font-weight: 700 !important;
text-emphasis: filled sesame rgba(255,255,255,0);
text-emphasis-position: under;
-webkit-text-emphasis: filled sesame rgba(255,255,255,0);
-webkit-text-emphasis-position: under;
}
.line strong.level-1 {
text-emphasis: none;
-webkit-text-emphasis: none;
}
code:style.css
.icon-home { display: none !important; }
.project-home {
color: #fff !important;
border-bottom: 2px solid #ff6600; }
code:style.css
/* はりつくメニューバー */
@media screen and (min-height: 600px) and (min-width: 768px) {
body:not(.presentation) { padding-top: 90px; padding-right: 0 !important }
body: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
/* 1. Scrapboxアイコンをバーガーアイコンに置き換え */
.navbar-brand img, .navbar-brand span { display: none !important }
.navbar-brand::before {
content: '\f0c9'; font-family: FontAwesome; font-size: 28px; color: #ffffff; }
code:style.css
/* ＃で始まるタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #f27e48;
font-size: 0.8em;
border: 1px solid #f27e48;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
code:style.css
/* 中央寄せ */
.deco-\| {
position: relative;
display: inline-block;
width: 100%;
text-align: center;
}
code:style.css
/* ! <ーこれに蛍光のラインを引く */
.deco-\!{
color: black;
background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,20),rgba(250,223,0,20));
font-weight: 700;
}
/* " <ーこれに青のラインを引く */
.deco-\"{
color: black;
background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,30),rgba(123,104,238,20));
font-weight: 700;
}
/* # <-これをオレンジ太字にする
.deco-\#{
color: orange;
font-weight: 700;
} */
/* " <ーこれにオレンジのラインを引く */
.deco-\#{
color: black;
background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,30),rgba(243,152,0,20));
font-weight: 700;
}
/* % <-これを赤い太字にする */
.deco-\%{
color: red;
font-weight: 600;
}
/* ' <-これに傍点を付ける */
.deco-\'{
color: black;
-webkit-text-emphasis: filled sesame;
text-emphasis: filled sesame;
font-weight: 500;
}
code:style.css
/* インデントレベルごとに行頭文字を切り替えるスタイル指定*/
/* メニューのHide Dotと連動する */
/* この例では、第５レベルまでの行頭文字を指定。第６レベルからはドットに戻る */
/* すべてのビュレット文字に共通の設定 */
.line .indent-mark .dot:before {
display: block;
position: absolute;
right: -0.3em;
top: -0.95em;
color: #555;
}
/* 第１レベルのインデント（c-0）の設定 */
/* ドットはバックグラウンドカラーなので透明にする */
/* セレクタとして
.line .indent-mark .dot { ... }
を使うとインデントレベルごとに
background-color: transparent;
を指定する必要はないが、指定のないレベルのドットが消える
*/
.line .indent-mark .c-0 + .dot {
background-color: transparent;
}
/* このレベルの行頭文字を表示 */
.line .indent-mark .c-0 + .dot:before {
content:"◆";
font-size: 80%;
}
/* 以下同様　*/
.line .indent-mark .c-1 + .dot {
background-color: transparent;
}
.line .indent-mark .c-1 + .dot:before {
content:"▶";
font-size: 80%;
}
.line .indent-mark .c-2 + .dot {
background-color: transparent;
}
.line .indent-mark .c-2 + .dot:before {
content:"●";
font-size: 70%;
}
.line .indent-mark .c-3 + .dot {
background-color: transparent;
}
.line .indent-mark .c-3 + .dot:before {
content:"■";
font-size: 60%;
}
.line .indent-mark .c-4 + .dot {
background-color: transparent;
}
.line .indent-mark .c-4 + .dot:before {
content:"□";
font-size: 60%;
}