settings
code:style.css
/* いちばん上に配置する */
@import "https://scrapbox.io/api/code/blu3mo-public/関連ページ一覧を横に移動させる/style.css";
code:style.css
/*.page-column {
grid-template-columns: var(--page-column-columns, min-content minmax(200px, 100%) min-content);
}*/
code:style.css
/* 水平線の誤クリックを防ぐ */
a.iconhref$="/hr" { pointer-events: none; }
code:style.css
.row-flex {
justify-content: right;
}
/*.col-page {
max-width: 1280px;
} */
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
/* External links */
.line a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free';
content: '\f35d';
display: inline-block;
font-weight: 900;
}
code:style.css
.line .quote {
font-style: normal;
}
code:style.css
/* https://scrapbox.io/masui/%E6%96%B0%E8%A6%8F%E4%BD%9C%E6%88%90%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E6%B6%88%E3%81%99 */
.new-button { /* 新規ボタンを消す */
visibility: hidden;
}
code:style.css
/* バーガーメニュー */
.navbar-brand img, .navbar-brand span { display: none !important }
.brand-icon { display: none !important }
.navbar-brand::before {
content: '\f0c9';
font-family: "Font Awesome 5 Free";
font-size: 28px;
color: #bbbbbb;
font-weight: 900;
}
code:style.css
/* 二重括弧による強調をマーカーっぽくする */
.line strong:not(class) {
background: linear-gradient(transparent 45%, #ffff66 45%);
}
code:style.css
/* プロジェクト名をnavbarに入れる */
@media screen {
.quick-launch .left-box {
position: fixed;
top: -2px;
left: 40px; /* brand-iconの幅に応じて変えてください */
z-index: 1000;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.quick-launch .left-box {
left: 55px;
}
}
@media screen and (min-width: 992px) and (max-width: 1260px) {
.quick-launch .left-box {
left: 70px;
}
}
@media screen and (min-width: 1261px) {
.quick-launch .left-box {
left: calc((100% - 1280px)/2 + 80px);
}
}
code:style.css
/* ピンしたページを独立させる */
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
code:style.css
/* チェックボックスになるタグ v2 Font Awesome版 */
.line:not(.cursor-line) ahref$='/_':not(.icon) span,
.line:not(.cursor-line) ahref$='/-':not(.icon) span,
.line:not(.cursor-line) ahref$='/x':not(.icon) span {
display: inline-block; width: 0; text-indent: -9999px }
.line:not(.cursor-line) ahref$='/_':not(.icon)::after,
.line:not(.cursor-line) ahref$='/-':not(.icon)::after,
.line:not(.cursor-line) ahref$='/x':not(.icon)::after {
display: inline-block; min-width: 1.15em; padding-left: 1px;
font-family: 'Font Awesome 5 Free'; font-weight: 400;
font-size: 120%; text-align: center; vertical-align: middle }
.line:not(.cursor-line) ahref$='/_':not(.icon)::after { content: '\f0c8'; color: #08BDBD; }
.line:not(.cursor-line) ahref$='/x':not(.icon)::after { content: '\f14a'; color: #2489C5; }
.line:not(.cursor-line) ahref$='/-':not(.icon)::after { content: '\f044'; color: #c56024; }
code:style.css
/* テーブルのセルをわかりやすくする */
.table-block table { background-color: transparent; border-collapse: separate; border-spacing: 2px }
.table-block table tr td { padding: .1em; background-color: rgba(0,0,0,0.04) }
.table-block table tr:nth-child(even) td { background-color: rgba(0,0,0,0.06) }
.table-block table tr:first-child td { font-weight: bolder; text-align: center }
.table-block table tr td:first-child { padding: 0; background-color: transparent; border-width: 0 }