settings
https://scrapbox.io/files/65adcd3e936eb00023ed6e70.png
code:style.css
/* ピン留めされたページを独立した段に表示する */
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
code:style.css
.page-list-item.grid-style-item.pin:nth-child(10) {
max-width: 1200px;
min-width: calc(100% - 40px);
height: 0px !important;
border-top: 1px solid #000; margin-top: 10px;
margin-bottom: 50px;
margin-right: 3%;
opacity: 0.1;
}
code:style.css
.page-list-item.grid-style-item.pin:nth-child(5) {
max-width: 1200px;
min-width: calc(100% - 40px);
height: 0px !important;
border-top: 1px solid #000; margin-top: 10px;
margin-bottom: 50px;
margin-right: 3%;
opacity: 0.1;
}
code:style.css
/* #で始まるタグをラベル風にする */
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
font-size: 0.8em;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
code:style.css
/* 行頭の中黒を消す */
.line .dot {
display: none !important;
}
code:style.css
/* 外部リンクにiconをつける */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free';
content: ' \f35d';
font-weight: 900;
display: inline-block;
opacity: 0.5;
font-size: 0.9em;
}
/* 画像の高さ制限OFF */
.line .image {
max-height: none;
}
/* 画像の大きさ変更 */
.level-1 img { width: 15.5%; max-height: 10%; }
.level-2 img { width: 30.0%; max-height: none; }
.level-3 img.image {
width: 75%;
display: block;
margin: 0 auto;
}
.level-4 img { width: 48.7%; max-height: none; }
.level-5 img { width: 83.3%; max-height: none; }
.level-6 img { width: 100%; max-height: none; }
/* 左上のScrapboxアイコンを好きな画像に変える */
.navbar-brand::before {
content: '';
width: 35px;
height: 35px;
position: absolute;
background-size: cover;
border-radius: 10px;
}
code:style.css
/* リストからsettingsを消す */
display: none;
}
code:style.css
.empy-links{
display:none;
}
code:style.css
/* ページ下部 */
.grid li.page-list-item a .icon {
height: 100%;
}
.grid li.page-list-item a .icon img {
display: block;
min-height: 100%;
object-fit: cover;
/* display: block; */
width: 100%;
/* margin: 0 auto; */
}
ページリストで内容を非表示
code:style.css
.page-list.clearfix .grid li.page-list-item a .description {
display: none;
}
pinのページを高さ変更
code:style.css
li.grid-style-item.pin{
height:160px ;
}
code:style.css
/* ピンを目立たなくする */
.grid li.page-list-item a .pin { /* ピンを消す */
display: none;
}
タイトルのスタイル変更
code:style.css
a.btn.project-home{
padding: 0;
transition: 0.3s;
}
a.btn.project-home:hover{
background: rgba(0, 0, 0, 0)!important;
transform: scale(1.05);
}
.project-home span.title {
display: inline-block;
padding: 4px 11px;
font-size: 0.95em;
border: 1px solid;
border-radius: 3px;
}
右上のソート・表示サイズのやつ
code:style.css
.right-box {
opacity: 0.1;
transition: opacity 0.5s;
}
.right-box:hover {
opacity: 1;
}
本文ボックスシャドウ非表示
code:style.css
.page {
box-shadow: 0 0px 0 rgb(0 0 0 / 0%);
}
pin の icon を非表示
code:style.css
li.page-list-item.grid-style-item.pin a .content .icon {
display: done;
}
右下のページ数非表示
code:style.css
.status-bar {
display: none;
}
画像クリック時のURL非表示
code:style.css
.full-content-modal .modal-dialog .modal-content .modal-body a.link .text {
display: none;
}
テロメア
code:style.css
.telomere {
display: none;
}
中央揃え
code:style.css
.line:not(.cursor-line) .deco-\':not(.deco-_) {
display: inline-block;
width: 100%;
text-align: center;
}
code:style.css
.page-list.clearfix .grid li.page-list-item a .icon {
border-top: var(--card-title-bg) solid 10px;
padding: 0;
position: absolute;
display: block;
height: 100%;
width: auto;
}
.page-list.clearfix .grid li.page-list-item a .icon img {
/* position: relative; */
/* display: block; */
/* height: 100%; */
width: 100%;
min-height: 100%;
object-fit: cover;
/* max-width: 100%; */
/* margin: auto auto; */
}
.page-list.clearfix .grid li.page-list-item a {
border-radius: 7px;
}