2022-10-28までのshiologyUserCSS
settings
code:style.css
@import "/api/code/shio/MinimalUserCSS/style.css";
@import "/api/code/shio/Scrapboxアイコン削除UserCSS/style.css";
@import "/api/code/shio/レインボウ記法/style.css";
@media screen { .quick-launch .title { color: #ffffff;}
.project-home {
position: fixed;
top: 5px;
left: 25px;
z-index: 1000;
}
}
Scrapboxアイコン削除、サイズバー削除、ブログタイトル文字拡大
code:style.css
.brand-icon { display: none !important; }
.grid-size-range { display: none !important; }
.project-home { font-size: 1.5em !important; }
.random-jump-button { color: #BBBBBB !important; }
.new-button { background-color: rgba(255, 111, 175, 0) !important; }
.horizontal-line { background-color: rgba(255, 111, 175, 0.3) !important; }
.vertical-line { background-color: rgba(255, 111, 175, 0.3) !important; }
.dropdown-toggle { color: #BBBBBB !important; }
.navbar-brand span { color: #FFFFFF !important; }
.navbar-form .kamon { display: none !important; }
code:style.css
.navbar-form .dropdown.open .dropdown-menu {
min-width: 100%; max-height: calc(100vh - 130px) !important; overflow-y: auto }
/help-jp/UserCSS, /masui/settings, /syunichisuge/settings から借用し、調整しました。2018/03/31
code:style.css
.line .quote {
font-style: normal;
background: #ffffff;
}
body {
background-color: #ffffff;
font-family: 'Times New Roman','UDデジタル教科書体','游教科書体 横用','游教科書体 横用 ミディアム','YuKyo_Yoko-Medium','游明朝体','YuMincho','游明朝','Yu Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','BIZ UDP明朝 Medium',serif;
}
.editor, .stream, li.page-list-item {font-family: unset; color: #000; !important;}
.navbar-default {
background-color: rgba(255, 111, 175, 0.8);
overflow: unset;
border-top: solid #ff1493 5px;
}
.grid li.page-list-item a {
box-shadow: 0 1px 0 rgba(0,0,0,0);
}
ul.grid li.page-list-item a .header{
border-top: solid 0px #555555;
}
ul.grid-md.grid li.page-list-item a .header{
border-top: solid 0px #555555;
}
ul.grid-lg.grid li.page-list-item a .header{
border-top: solid 1px #555555;
}
.grid li.page-list-item a:hover{
box-shadow: none;
}
.page {
box-shadow: 0 0px 0 rgba(0,0,0,0.16);
background-color: #ffffff;
}
form {
border:0px #ddd solid;
}
.page-list-item .description img.inline-icon {
height: 100%;
width: 100%
}
via /scrasobox/settings　ピンの形状と色をカスタマイズ
code:style.css
/* ピンしたページのスタイル */
.grid li.page-list-item a .pin { background-color: transparent; background-image: none }
.grid li.page-list-item a .pin::after {
content: ' '; font-family: 'Yu-Gothic'; font-size: 10px; color: #000000; bottom: 0;
display: inline-block;} /* '…'から変更 */
code:style.css
/* スリムなテロメア */
.line .telomere .telomere-border,
.line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box;
border-color: var(--page-bg, #ffffff);
}
.line .telomere .telomere-border:hover,
.line .telomere .telomere-border.unread:hover {
box-sizing: border-box;
width: auto;
border-color: #ffffff;
background-color: transparent;
}
/* ↓新着以外のテロメアの色と太さ */
.line .telomere .telomere-border {
background-color: var(--telomere-border, #ffffff !important);
width: 0px ;
}
/* ↓新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread {
background-color: var(--telomere-unread, #ff6faf);
width: 5px !important;
}
/* テロメアの詳細表示（更新日時等が表示されているアレ） */
/* ＆テロメアのメニュー */
.line .telomere .telomere-border .description,
.line .telomere .telomere-border .menu-item {
width: max-content;
}
https://gyazo.com/602c342332ed7ac92be9be7fbdac607f