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;
}
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;
}
grid page hover
code:style.css
.grid li.page-list-item a .hover {
background-color: rgba(222, 222, 222, 0.2) !important;
}
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;
}
new button
code:sytle.css
.new-button{
z-index:2;
position:fizxed;
bottom:20px;
right:20px;
}
navi bar
code:style.css
.navbar{
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 : 272px !important;
height: 280px !important;
}
card customize
code:style.css
.grid li.page-list-item a {
box-shadow: 0 0px 0 rgba(0,0,0,0);
}
.grid li.page-list-item a .icon img {
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
}
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;
}
code:style.css
display: none;
}