styleCommentOuted

インポート系

code:style.css

@import "/api/code/villagepump/インデントを数字で表示するUserCSS/style.css";

@import "/api/code/villagepump/ScrapboxのUIを日本語化してほしい/style.css";

@import "/api/code/villagepump/テロメアの色を変える/blue.css";

カードの影関係

code:style.css

@media (min-width: 768px) {

.scroll-bar-overlay {

display: none;

}

.related-page-list:not(.has-literate-database) {

display: none;

}

.grid li.page-list-item a,

.page,

.grid li.relation-label a,

.page-sidebar {

box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);

border-radius: 0;

}

}

code:style.css

box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);

}

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);

}

.grid li.page-list-item a .header {

border-top: none;

}

検索アイコン

code:style.css

.btn-search svg use {

display: none !important;

}

.btn-search svg {

background-size: 100% !important;

}

.kamon-search::before {

display: none;

}

.navbar .mobile-search-toggle .kamon,

.navbar .browser-like-tool-menu .dropdown-toggle .kamon.kamon-search {

background-size: 100%;

}

.navbar

.mobile-search-toggle

.kamon.kamon-search {

}

ボタンに影をつける

code:style.css

.grid li.page-list-item a .icon img,

.grid li.page-list-item a .icon,

.page-sidebar {

border-radius: 0;

}

.navbar .navbar-menu > li .dropdown-toggle > .icon,

.new-button,

.brand-icon {

box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);

}

i.kamon,

i.fas {

filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));

}

.search-form .form-group input {

box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.25);

}

新規ボタンの色

code:style.css

}

}

ボタンを小さくする

code:style.css

.page-menu .tool-btn img {

width: 32px;

height: 32px;

padding: 5px;

}

.page-menu .tool-btn {

width: 24px;

height: 24px;

}

.page-menu .tool-btn .kamon {

font-size: 16px;

}

.page-menu .tool-btn img {

width: 24px;

height: 24px;

}

.page-menu .tool-btn img.extension-btn {

padding: 0;

border-radius: 0;

}

.page-menu .tool-btn .fa,

.page-menu .tool-btn .fab,

.page-menu .tool-btn .far,

.page-menu .tool-btn .fas {

font-size: 16px;

}

実験用

code:style.css

@media (min-width: 1280px) {

.page-wrapper {

display: grid;

grid-template-columns: minmax(0, 960px) 1fr;

grid-template-rows: 1fr 1fr;

gap: 8px;

}

.drag-and-drop-enter {

grid-row: 1;

grid-column: 1;

}

position: sticky;

top: 48px;

grid-row: 1/3;

grid-column: 2;

aspect-ratio: 1;

}

.page-column {

grid-template-columns: 0 1fr min-content;

}

.container {

max-width: unset;

}

.related-page-list {

grid-row: 2;

grid-column: 1;

}

}

.line a.button.folding.open {

left: calc(-1em) !important;

}

.editor,

.grid li,

.stream {

font-family: serif;

}