settings
フォント変更
code:style.css
@import url("https://fonts.googleapis.com/css?family=Zen Maru Gothic");
html, body, #editor, .grid li {
font-family: "Zen Maru Gothic", sans-serif !important;
}
pinで留めているものをパネルにする from /arpla/ピン留めを小さなパネルにするUserCSS
code:style.css
.grid li.pin {
height: 5em;
width: 15.9em;
}
.grid li.pin a {
/* background-color: var(--page-link-hover-color); */
background-image: none;
}
.grid li.pin .header {
border-top: none;
padding: 5px 10px !important;
}
.grid li.pin .title {
font-weight: bold;
text-align: center;
}
.grid li.pin .content :is(.description,.icon) {
display: none;
}
.grid li.page-list-item a .pin {
background: none;
}
code:style.css
/* ピン留めされてるカードの段を分ける */
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}
●特定のページをページ一覧で非表示にする from: /noratetsu/●特定のページをページ一覧で非表示にする
code:style.css
.page-list .grid li.page-list-itemdata-page-title="settings",
.page-list .grid li.page-list-itemdata-page-title="hr",
.page-list .grid li.page-list-itemdata-page-title="churro_step" {
display: none;
}
角丸CSS from: /humanaugmentation/settings
code:style.css
.page, .grid li.page-list-item a,
.grid.grid-md li.page-list-item a,
.grid.grid-lg li.page-list-item a {
border-radius: 15px;
}
.grid li.page-list-item a .header {
position: absolute;
bottom: 0px;
z-index: 1;
background: rgba(240, 240, 240, 0.9);
border-top: 1px;
}
.grid li.page-list-item a .icon img {
position: absolute;
top: 0px;
left: 0px;
}
li.page-list-item .icon img {
filter: saturate(80%);
}
.grid li.page-list-item a:hover {
border-radius: 10px ;
box-shadow: 0px 0px 0px 0px;
}
.container {
max-width: none;
}
ドットの消去
code:style.css
.line .dot {
display: none !important;
}
色変更
code:style.css
body{
--page-link-color: #7a99cf;
--page-link-hover-color: #28807d;
--empty-page-link-color: #dc6b9a;
--empty-page-link-hover-color: #db588f;
}
body {
background: linear-gradient(70deg, #bcbace, #919dcf);
}
.navbar-default {
background: linear-gradient(70deg, #babecf, #bcbace);
}
.grid li {
background-color: var(--page-bg-color);
text-align: center !important;
}
.page-list-item a{
background-color: var(--page-bg-color);
box-shadow: none !important;
background-color: #babecf !important;
}
.page {
background-color: #babecf;
}
a.new-button{
background-color: #babecf;
} !important;
hrクリック防止
code:style.css
.line a.iconhref$="/hr" {
pointer-events: none;
}