settings
フォントをいい感じにする
/lacolaco/settingsから拝借した
code:style.css
/*@import url('https://fonts.googleapis.com/css2?family=M PLUS 2:wght@400;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');
.title, .text, .description {
font-family: 'BIZ UDPGothic', 'M PLUS 2', sans-serif;
}
拝借元ではM PLUS 1pが指定されているが、M PLUS 2のほうがジャギらなくて良いっぽいのでそちらにしてみる
M PLUS 2が微妙に読みづらいので、BIZ UDPGothicをつっこむ
/villagepump/scrapboxのトップページへのリンクをnav barに固定するUserCSS
code:style.css
.quick-launch .project-home:hover {
background: #FFF4!important;
}
@media screen {
.quick-launch .project-home {
position: fixed;
top: -2px;
left: 60px;
z-index: 1000;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.quick-launch .project-home {
left: 75px;
}
}
@media screen and (min-width: 992px) and (max-width: 1260px) {
.quick-launch .project-home {
left: 90px;
}
}
@media screen and (min-width: 1261px) {
.quick-launch .project-home {
/* left: calc((100% - 1280px)/2 + 80px); */
left: calc((100% - 1280px)/2 + 100px);
}
}
.quick-launch .project-home {
--tool-text-color: white;
}
tableにうっすらとborderをつける
table:test
aiueoaaaaaaaaa aaaaaaaaaaaaakakikukeko
sashisuseaaaaaaso tachituteto
code:style.css
.table-block .cell {
border: solid 0.1px #0002;
margin-left: -1px;
margin-top: -1px;
}
navbarの検索欄を見やすくする
code:style.css
.navbar.navbar-default {
background-color: #18994a;
}
input.form-control {
background-color: #FFF !important;
}
input.form-control.for-mobile {
outline: solid 1px #0006 !important;
}
.btn-search svg.kamon {
fill: #888!important;
}
クソデカ画像
code:style.css
.line strong.level-10 img.image {
width: 80%;
height: auto;
}
クソデカアイコン
code:style.css
.line strong.level-10 img.icon {
width: 80%;
height: auto;
max-height: max-content;
}
}
やりました.icon
#Scrapbox
#test