関連リンクを左側に表示する
誰が作ったものか忘れてしまったのだけど、普通はページの最下部に表示されている関連ページリストを左側に表示するというものです 増井俊之.icon こんな感じになる
ウィンドウの幅が大きいときだけこうなる
https://gyazo.com/564755b77bf093575ba0e78972adeb8e
code:style.css
@media (min-width: 1050px) {
.row-flex .col-page {
max-width: 960px;
}
.col-page .page-wrapper {
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
.page-wrapper .page {
width: 700px;
}
.page-wrapper .related-page-list {
max-width: 260px;
}
.related-page-list .grid .splitter:first-child {
display: none;
}
.related-page-list .splitter {
height: 10px!important;
}
.related-page-list .realtion-label {
/* "realtion-label"，これはtypo？ */
height: 50px!important;
}
.related-page-list .page-list-item {
height: 50px!important;
}
.related-page-list .grid li {
width: 200px!important;
padding: 0 0 0 0!important;
margin: 0 0 5px 0!important;
}
.related-page-list .grid .page-list-item .content .title{
font-size: 15px;
}
.related-page-list .icon {
display: none!important;
}
}
UserCSS.icon