settings
参考
全体
code:style.css
@import "/api/code/minami-public/ベースのScrapbox_CSS/style.css";
インポート
code:style.css
@import "/api/code/minami-public/ページの見出しを表示するUserScript/style.css";
個別ページ
Userscript アイコン
code:style.css
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
position: absolute;
pointer-events: none;
}
トップページ
グリッド
code:style.css
.grid li.page-list-item {
margin-bottom: 0.7em ;
font-family: Helvetica, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
.grid li.page-list-item .text{
}
.grid li.page-list-item a .title {
font-weight: bold !important;
}
.grid li.page-list-item a,
.grid.grid-md li.page-list-item a,
.grid.grid-lg li.page-list-item a {
background-color: var(--color-bg) ;
box-shadow: none; /* box-shadow: 7px 7px 15px rgba(0,0,0,0.02); */
border-radius: 7px ;
border: var(--color-border) solid 1px;
}
.grid li.page-list-item a:hover,
.grid.grid-md li.page-list-item a:hover,
.grid.grid-lg li.page-list-item a:hover {
background: var(--color-bg) ;
box-shadow: none; /* box-shadow: 7px 7px 15px rgba(0,0,0,0.02); */
}
.grid li.page-list-item a::before,
.grid li.page-list-item a::after {
display: block ;
content: '' ;
position: absolute ;
width: 13em ;
}
.grid li.page-list-item a::before {
}
.grid li.page-list-item a::after {
}
.grid li.pin a {
border: var(--color-border-pinned) 1px solid !important;
}
.grid li.page-list-item a .pin {
width: 100% ;
height: 100% ;
border-radius: 0px ;
background-image: none ;
}
.grid li.page-list-item a .pin::before,
.grid li.page-list-item a .pin::after {
display: block ;
content: '' ;
position: absolute ;
width: 13em ;
}
.grid li.page-list-item a .pin::before {
;
}
.grid li.page-list-item a .pin::after {
}
.grid li.page-list-item a .header {
border-top: 0 ;
}
プレゼンテーション
code:style.css
.app.presentation .col-page {
min-width: 93vw;
}
.app.presentation .line {
font-size: 2em;
}
.app.presentation .line.section-title {
font-size: 2.5em;
}
検索結果
code:style.css
.list li.page-list-item {
box-shadow: none;
}
@media (prefers-color-scheme: dark) {
.list li.page-list-item {
background-color: var(--color-bg);
}
background-color: var(--body-bg);
}
.list li.page-list-item a .description .search-matched {
color: var(--color-bg);
}
.list li.page-list-item a, .list li.page-list-item a .description, .list li.page-list-item a .title-with-description {
color: var(--color-text);
}
.list li.page-list-item:first-of-type {
border-top: 1px solid var(--color-border);
}
.list li.page-list-item, .list li.page-list-item:last-of-type {
border-bottom: 1px solid var(--color-border);
}
}