settings
imagesize
code:style.css
.level-1 img { width: 16.7%; max-height: none; }
.level-2 img { width: 33.3%; max-height: none; }
.level-3 img { width: 50%; max-height: none; }
.level-4 img { width: 66.7%; max-height: none; }
.level-5 img { width: 83.3%; max-height: none; }
.level-6 img { width: 100%; max-height: none; }
hide settings
code:style.css
display: none !important;
}
.page-filter-menu {
display: none;
}
bg color
code:style.css
body {background-color:#FFFFFF;}
.line.dot {
display: none!important;
}
link
code:style.css
a,
.page-list-item .description .link {
color:#000; !important;
font-weight:360;
}
.line a.page-link, .line a.link {
text-decoration: none;
}
.line a.link .image {
border-style: none;
}
grid page hover
code:style.css
.grid li.page-list-item a .hover {
background-color: rgba(222, 222, 222, 0.2) !important;
transition: .1s;
}
customize pin
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;}
}
grid size
code:style.css
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width : 320 px !important;
height: 160 px !important;
}
.page,
.grid li.page-list-item a,
.grid.grid-md li.page-list-item a,
.grid.grid-lg li.page-list-item a {
border-top: solid 0px;
}
.grid li.page-list-item a .title{
height: 50px;
padding: 0px 0px 0;
}
.page-list ul.grid {
grid-template-columns: repeat(3, 1fr);
}
.related-page-list ul.grid {
grid-template-columns: repeat(3, 1fr);
}
@media (width < 650px) {
.page-list ul.grid {
grid-template-columns: repeat(2, 1fr);
}
.related-page-list ul.grid {
grid-template-columns: repeat(2, 1fr);
}
}
new button
code:sytle.css
.new-button{
z-index:2;
position: fixed;
bottom:20px;
right:20px;
}
navi bar
code:style.css
.navbar{
/*display: none;*/
border-bottom: none;
background: transparent!important;
position: inherit;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.navbar .col-search, .navbar .col-menu, .navbar .left .col-brand {
display: none!important;
}
.navbar .row {
grid-template-columns: 1fr!important;
height: auto;
}
.navbar .left {
justify-content: center;
}
a.project-home {
height: auto!important;
padding: 10px 0;
}
.project-home span {
font-size: 3rem;
height: 10rem;
color: transparent;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
footer
code:style.css
.footer .status-bar {
display: none;
}
list size
code:style.css
input.grid-size-range { display: none }
a#dropdownMenuSort.tool-btn.dropdown-toggle { display: none }
div.page-list{
max-width:940px;
margin-left:auto;
margin-right:auto
}
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
/* width : 300px !important; */
width: 100%!important;
height: 280px !important;
}
@media (width < 650px) {
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
/* width : 300px !important; */
height: auto !important;
}
}
card customize
code:style.css
.grid li.page-list-item {
box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.1);
border-radius: 5px;
overflow: hidden;
}
.grid li.page-list-item a {
box-shadow: 0 0px 0 rgba(0,0,0,0);
}
.grid li.page-list-item a .content{
height: 100%;
}
.grid li.page-list-item a .header{
border-top: none;
}
.grid li.page-list-item a:hover {
box-shadow: none!important;
}
.grid li.page-list-item a .icon img {
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
object-fit: cover;
}
.page-list .grid li.page-list-item:not(.pin) .content .header{
display: none;
}
.grid li.page-list-item a .title {
/* font-size: 2rem; */
/* font-family: "Reddit Sans", sans-serif; */
font-optical-sizing: auto;
font-style: normal;
}
marker1
code:style.css
.level-1{
background: linear-gradient(transparent 60%, #ffc414 0%); }
SAMPLE
marker2
code:style.css
.line strong:not(class) { padding: 0 3px;
margin: 0 1px;
}
SAMPLE
hash tag
code:style.css
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
font-size: 0.8em;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
hide telomere
code:style.css
.line .telomere .telomere-border {
border-width: 0px 0px 0px 0px !important;
width: 0;
}
.line .telomere .telomere-border .description {
display: none
}
customize header
code:style.css
.navbar-default {
}
.navbar-default .navbar-nav>li>a {
}
form {
}
.container{
max-width : 960px;
}
.project-home{
padding-left = 0px;
padding-right =0px;
justify-content: flex-start;
}
.span.title{
padding-left = 0px;
padding-right =0px;
align-content:left;
}
thumbnail fit
code:style.css
/* サムネ画像をフィットさせる */
/* サムネ画像をフィットさせる */
.grid li.page-list-item a .icon {
position: relative;
}
.grid li.page-list-item a .icon{
padding: 0;
margin: auto;
flex-basis: inherit;
}
invisible pages
code:style.css
{
display: none;
}
customize page
code:style.css
.page {
box-shadow: 1px 2px 4px 2px rgba(0,0,0,0.1);
}
grid-column-start: 1;
}
![https://mimoid.inc/img/logo/mimoid_logo.Tt.png");](https://mimoid.inc/img/logo/mimoid_logo.Tt.png");){kind=link}