settings
めも
表がはみ出すのををいい感じにする
ProjectCSS
code:style.css
/* フォントを変える */
/* google fontsから読み込み */
/* フォント指定 */
.project-home .title, .line-title {
font-family: "Yusei Magic", sans-selif;
}
/* トップページのグリッドリスト 画像を縮小して表示 */
.grid li.page-list-item a .icon {
position: relative;
padding: 0;
margin: 0 auto;
}
.grid li.page-list-item a .icon img {
display: table-cell;
width: auto;
max-height: 100px;
max-width: 95%;
vertical-align: middle;
border-radius: 3px;
}
/* リンク */
.line a {
padding: 2px !important;
border-radius: 2px !important;
}
/* リンク:hover */
.line a:hover {
background-color: #f0edd8 !important; }
/* 内部リンク */
.line a.page-link {
text-decoration-line: underline !important;
}
/* 外部リンク */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free' !important;
content: ' \f35d' !important;
font-weight: 900 !important;
display: inline-block !important;
}
/* テーブル行 */
.line:nth-child(even) span.table-block span.cell {
background-color: rgba(0, 0, 0, 0.03) !important;
}
.line:nth-child(odd) span.table-block span.cell {
background-color: rgba(0, 0, 0, 0) !important;
}
/* テーブル業:hover */
.line span.table-block:hover span.cell {
background-color: rgba(255, 150, 100, 0.2) !important;
}
/* テーブルセル */
.line span.table-block span.cell {
background-color: inherit !important;
border-bottom: 1px solid #cca !important; }
/* 見出し */
strong.level-2 {
background-color: #f0e590 !important; padding: 1px 3px !important;
border-radius: 2px !important;
}
/* ページタイトル */
div.section-title.section-0 {
font-size: 36px !important;
border-top: 3px double #e7e3cd !important; border-bottom: 3px double #e7e3cd !important; padding-top: 21px !important;
margin-bottom: 20px !important;
}