settings
code:style.css
/* ピンされていないページ非表示 */
.page-list .grid li:not(.pin) {
display: none;
}
code:style.css
#page-info-menu + ul > li:nth-child(2) {
display: none;
}
code:style.css
/* 本文の最後にテキスト挿入 */
.app:not(.presentation) .page::after {
content: '神戸大学　植物遺伝学研究室';
display: block; margin-top: 5rem; padding: 1rem 0; text-align: center;
border: solid #0003; border-width: 1px 0; font: 500 normal 1.8rem/1 sans-serif }
code:style.css
/* ピン留めページを目立たなくする */
.grid li.page-list-item a .pin { /* ピンを消す */
display: none;
}
code:style.css
/* ＃で始まるタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #f27e48;
font-size: 0.8em;
border: 1px solid #f27e48;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
code:style.css
/* 不要なメニューを消す */
input.grid-size-range {
display: none;
}
/* タイトル */
.quick-launch .project-home {
border-radius: 0;
}
a.project-home {
border-bottom: solid .2rem #BC8F90;
}
/* ページカード */
.page-list .grid li {
width: 18rem;
height: 18rem;
margin: 0 2.5rem 2.5rem 0;
}
.grid li.page-list-item a {
border-radius: .5rem;
border: solid #555 .1rem;
}
/* ページタイトル */
.grid li.page-list-item a .header {
border-top: none;
padding: 1.3rem 1.5rem;
color: white;
}
.grid li.page-list-item a .title {
height: 8rem;
font-weight: bold;
}
htmldata-os*='mac' .grid li.page-list-item a .title {
font-weight: bold;
}
/* サムネ画像をフィットさせる */
.grid li.page-list-item a .icon {
position: relative;
}
.grid li.page-list-item a .icon img {
display: table-cell;
width: auto;
max-height: 90px;
max-width: 90%;
vertical-align: middle;
border-radius: 5px;
position: absolute;
top: calc(50% + 40px);
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
/* スマホ画面 */
@media screen and (max-width: 768px) {
.page-list .grid li {
width: 15.8rem;
height: 15.8rem;
margin: 0 .7rem 1rem 0;
}
.grid li.page-list-item a .header {
padding: 1rem .8rem;
}
.grid li.page-list-item a .title {
height: 5.3rem;
line-height: 1.3
}
.grid li.page-list-item a .icon img {
top: calc(100% + 3.3rem);
}
}
code:style.css
/* リンクなどを横に表示する */
.col-page {
max-width: 1200px;
}
code:style.css
/* リンクなどを横に表示する */
@media (min-width: 768px) {
.related-page-list {
flex-basis: 140px !important;
}
}
@media (min-width: 1240px) {
.related-page-list {
flex-basis: 285px !important;
}
.related-page-list .relation-label {
width: 285px !important;
}
}
code:style.css
/* リンクなどを横に表示する */
@media (min-width: 768px) {
.page-wrapper {
display: flex;
justify-content: space-around;
}
.drag-and-drop-enter {
order: 1;
margin-right: 20px;
flex-basis: 100% !important;
min-width: 0;
}
.related-page-list {
order: 2;
flex-shrink: 0;
margin-top: 0px;
background-color: var(--related-page-list-bg);
}
code:style.css
/* リンクなどを横に表示する */
.related-page-list .grid li {
margin-bottom: 5px !important;
margin-right: 5px !important;
width: 140px;
}
.related-page-list .grid .splitter {
height: 15px !important;
}
code:style.css
/* リンクなどを横に表示する */
.related-page-list .relation-label {
height: auto !important;
}
.related-page-list .relation-label .arrow {
display: none !important;
}
.related-page-list .relation-label a {
/* 関連リンク ラベル */
padding: 4px !important;
/* border-bottom: 2px solid var(--relation-label-bg); */
}
.related-page-list .relation-label .title{
font-size: 12px;
}
.related-page-list .relation-label .icon-lg{
display: none !important;
}
code:style.css
/* リンクなどを横に表示する */
.related-page-list .page-list-item {
/* カードサイズ変更 */
height: 50px !important;
}
.related-page-list .content {
/* カードサイズ変更 */
height: 100% !important;
}
.related-page-list .page-list-item .header {
border-top-width: 5px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
z-index: 1;
/* background-color: var(--translucent-card-bg)*/
}
.related-page-list .page-list-item .header .title {
font-size: 12px !important;
filter: drop-shadow(0px 0px 6px var(--card-bg, #fff)) drop-shadow(0px 0px 8px var(--card-bg, #fff)) drop-shadow(0px 0px 10px var(--card-bg, #fff)) drop-shadow(0px 0px 14px var(--card-bg, #fff))
}
.related-page-list .page-list-item .description {
padding-top: 0px !important;
padding-bottom: 0px !important;
line-height: 1.4 !important;
z-index: 1;
}
.related-page-list .page-list-item .description .line {
font-size: 11px !important;
}
.related-page-list .page-list-item .description .line .inline-icon {
font-size: 9px !important;
}
.related-page-list .page-list-item .icon {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
opacity: 1;
padding: 5px !important;
}
.related-page-list .page-list-item .icon img {
width: 100% !important;
height: 150% !important;
width: auto !important;
margin-right: 0 !important;
object-fit: contain;
}
code:sytle.css
/* リンクなどを横に表示する */
.related-page-list .ellipsis {
height: 30px !important;
}
.related-page-list .ellipsis a {
padding: 2px !important;
}
.related-page-list .ellipsis .circle {
width: 30px !important;
height: 30px !important;
}
code:style.css
.related-page-sort-menu {
display: none;
}
.related-page-sort-menu {
display: none;
}