settings
このページは設定ページです
code:style.css
.status-bar{
display:none;
}
.search-form .form-group input {
opacity: 0;
}
.search-form .form-group input:hover {
opacity: 1;
}
.container{
max-width: 100%;
padding: 20px 20px;
margin-top: 120px;
margin-bottom: 120px;
}
@media (max-width: 600px) {
.container{
max-width: 100%;
padding: 10px;
}
}
/*size*/
:is(.page-list, .related-page-list) ul.grid {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px; /* 行と列の隙間を両方設定 */
}
/* 画面幅が600pxのとき */
@media (max-width: 600px) {
:is(.page-list, .related-page-list) ul.grid {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 15px; /* 行と列の隙間を両方設定 */
}
}
/** リストアイテム上部の線を削除 **/
.grid li.page-list-item a .header {
border-top: 0px !important;
}
.grid li{
aspect-ratio: auto;
height: 240px;
max-height: 240px;
}
.grid{
}
.brand-icon{
opacity: 0;
width: 0;
height: 0;
}
.col-brand{
filter: saturate(0%);
background: #000;
border-radius: 50px;
width: 30px;
height: 30px;
corner-shape: superellipse(-1);
}
.page-list-itemdata-page-title*="settings" {
opacity: 0.5;
grid-column: span 1;
grid-row: span 2;
}
ul.grid {
.page-list & li.page-list-item {
&:first-child {
grid-column: span 2;
grid-row: span 1;
}
}
}
.navbar{
background: transparent;
backdrop-filter: none;
border: 0;
}
.grid li.page-list-item a .header .title{
height: 100px;
max-height: 100px;
}
.kamon-caret-down, .kamon-caret-up, .kamon-caret-left, .btn-search {
display: none !important;
}
.navbar-form .dropdown.open .dropdown-menu {
min-width: 100%; max-height: calc(100vh - 100px) !important; overflow-y: auto
}