settings
bg color:
code:style.css
body {background-color:#FFFFFF;}
.line.dot {
display: none!important;
}
---
CustmizeSize
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; }
Listsize:
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;
height: 300px !important;
}
@media (width < 800px) {
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: 200px !important;
height: 200px !important;
}
}
@media (width < 650px) {
.page-list .grid li,
.related-page-list .grid li.page-list-item,
.related-page-list .grid li.relation-label {
width: auto !important;
height: auto !important;
}
}
.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);
}
}
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}
LinkColors:
code:style.css
a,
.page-list-item .description .link {
color:#FFFFFF; !important;
font-weight:360;
}
.line a.page-link {
}
.line a.link {
}
a:hover {
}
HomeGrid:
code:style.css
.related-page-list .grid li.page-list-item a .header {
height: auto;
}
.grid li.page-list-item a .header .title {
line-height: 16px;
}
.grid.grid-md li.page-list-item a .description {
font-size: 12px;
padding: 5 7px;
line-height: 20px;
}
.grid.grid-lg li.page-list-item a .description {
font-size: 12px;
padding: 5 7px;
line-height: 20px;
}
.grid li.page-list-item a .description {
line-height: 20px;
padding: 0px 2px 0;
font-size: 12px;
white-space: pre-line;
column-count: 1;
column-gap: 2em;
column-width: 10em;
height: inherit;
flex-shrink: 16;
overflow: hidden;
}
.grid li.page-list-item a .icon {
padding: 0 0px;
}
.grid-md.grid li.page-list-item a .icon {
padding: 0 0px;
}
.grid li.page-list-item a .header {
padding: 10px 2px;
}
.grid-md.grid li.page-list-item a .header {
padding: 20px 4px;
}
.grid-lg.grid li.page-list-item a .header {
padding: 20px 4px;
}
.grid li.page-list-item a {
box-shadow: none !important;
}
.grid li.page-list-item a .content {
justify-content: center;
align-content: center;
}
.navbar-default {
background-color: rgba(0, 0, 0, 0.5);
overflow: unset;
}
.grid li.page-list-item a {
box-shadow: 0 1px 0 rgba(0,0,0,0);
}
ul.grid li.page-list-item a .header{
}
ul.grid-md.grid li.page-list-item a .header{
}
ul.grid-lg.grid li.page-list-item a .header{
}
.grid li.page-list-item a:hover{
box-shadow: none;
}
.page {
box-shadow: 0 1px 0 rgba(0,0,0,0.16);
}
form {
}
.grid li.page-list-item a .icon img {
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
object-fit: cover;
}
FixHeader:
code:style.css
/* はりつくメニューバー */
@media screen and (min-height: 600px) and (min-width: 768px) {
body:not(.presentation) { padding-top: 40px; padding-right: 0 !important }
body:not(.presentation) .page-menu { position: fixed; top: 90px }
.navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 990; overflow: unset }
.dropdown.open .dropdown-menu {
position: absolute; left: auto; top: auto;
max-height: calc(100vh - 100px); overflow-y: auto }
.dropdown.open .dropdown-menu.global-menu { left: 0; top: 54px }
.page-menu .dropdown.open .dropdown-menu { position: absolute; top: 0 } }
Cardcustmize:
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;
}
CustmizeHeader:
code:style.css
.navbar-default {
}
.navbar-default .navbar-nav>li>a {
}
form {
}
.container{
max-width : 2000px;
}
.project-home{
padding-left = 0px;
padding-right =0px;
justify-content: flex-start;
}
.span.title{
padding-left = 0px;
padding-right =0px;
align-content: left;
}
Telomere:
code:style.css
.line .telomere .telomere-border {
border-width: 0px 0px 0px 1px !important;
width: 0;
}
.line .telomere .telomere-border.unread { border-color: #008000 !important } ExternalLinks:
code:style.css
.grid li.relation-label.links a, .grid li.relation-label.project-links a {
}
.grid li.relation-label.links .arrow, .grid li.relation-label.project-links .arrow {
}
.grid li.relation-label.headword a, .grid li.relation-label.project-links a {
--relation-label-links-bg: #008000 !important; --page-link-color: #ffffff !important; }
.grid li.relation-label.headword a:hover, .grid li.relation-label.project-links a {
background-color: #008000 !important; }
.grid li.relation-label.headword .arrow, .grid li.relation-label.project-links .arrow {
display: none;
}
.grid li.relation-label.headword .arrow:hover, .grid li.relation-label.project-links .arrow {
display: none;
}
---
Hidden parts
Hidesettings:
code:style.css
display: none !important;
}
HideNaviBar:
code:style.css
.navbar{
display: none;
}
HidePinmark:
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;}
HiddenPages:
code:style.css
display: none !important;
}