settings
以下は色んなサイトからお借りしてきたCSS（ちゃんと引用元を書いたほうがよかったかな…）
code:style.css
/* pinを独立した行にする */
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
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
/* Tumblr風の見た目 */
body {
background-color: #36465d;
}
a {
color: #8f8f8f;
text-decoration: none;
}
a:hover {
color: #8f8f8f;
text-decoration: underline;
}
.navbar-default {
box-shadow: 0 0 0 1px hsla(0,0%,100%,.13);
background-color: #36465d;
}
.search-form .form-group input {
background-color: rgba(0,0,0,.13);
}
.grid li.page-list-item a {
border-radius: 3px;
}
.grid li.page-list-item a .pin {
background-color: #36465d;
background-image: linear-gradient(45deg, #aaa, #aaa 50%, #37465C 50%, #37465C);
}
.grid li.page-list-item a {
box-shadow: 0 2px 0 rgba(0,0,0,.13);
}
.grid li.page-list-item a .header {
background-color: #f2f2f2;
padding: 5px 12px 10px;
}
.quick-launch .new-btn,
.quick-launch .new-btn:hover {
background-color: #529ecc;
}
.quick-launch .new-btn .horizontal-line,
.quick-launch .new-btn .vertilcal-line {
fill: #36465d;
}
.page {
border-radius: 3px;
}
.dropdown-menu>li>a.selected {
color: #529ecc;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
background-color: #e6eff7;
box-shadow: -4px 0 0 #e6eff7, 10px 0 0 #e6eff7:
}
.grid li.relation-label a {
background-color: #4AA8D8;
}
.grid li.relation-label .arrow {
border-color: transparent transparent transparent #4AA8D8;
}
.grid li.relation-label.links a {
background-color: #56bc8a;
}
.grid li.relation-label.links .arrow {
border-color: transparent transparent transparent #56bc8a;
}
.grid li.relation-label.empty-links a {
background-color: #F2992E;
}
.grid li.relation-label.empty-links .arrow {
border-color: transparent transparent transparent #F2992E;
}
.page-menu .tool-btn:hover {
background-color: hsla(0,0%,100%,.6);
}
.line a.page-link {
font-weight: 700;
}
.line a.empty-page-link {
color: #F2992E;
}
.line a.link {
text-decoration: none;
}
.line a.link:hover {
text-decoration: underline;
}
.line .meta {
border-color: #9AA2AE;
}
.line .meta.unread {
border-color: #529ecc;
}
.grid.grid-md li.page-list-item a .header {
padding: 0 14px 21px;
}
.quick-launch .project-home,
.quick-launch .project-home .icon-home {
color: #fff;
}
.quick-launch .tool-btn,
.page-sort-menu .tool-btn {
color: #848484
}
-------------------------------------------------------------
/noratetsuさんからお借りしました
外部リンクに印をつける
code:style.css
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after,
.line span > a.page-linkhref^="/"::after {
font-family: 'Font Awesome 5 Free';
content: ' \f360';
font-weight: 900;
font-size: 0.9rem;
padding-right: 0.5rem;
display: inline-block;
}
--------------------------------------------------------------------
/scrasoboxよりお借りしました
code:style.css
/* 箇条書きを控えめにする */
.app .line .indent-mark .dot {
height: .2em; width: .4em; border-radius: 25%;
background-color: rgba(173,173,173,.55) }
.app:not(.presentation) .line .indent-mark .dot { top: auto; bottom: 0 }
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: '\f08d'; font-family: 'Font Awesome 5 Free'; font-weight: 900;
font-size: 18px; color: #795AD0; bottom: 0 }