「メインページ/styles.css」の版間の差分
細編集の要約なし |
細編集の要約なし |
||
| (同じ利用者による、間の1版が非表示) | |||
| 2行目: | 2行目: | ||
.responsive-block-50 dt{ | .responsive-block-50 dt{ | ||
font-size: 130%; | font-size: 130%; | ||
} | |||
/* 記事への案内の余白 */ | |||
.responsive-block-50 dd { | |||
margin-bottom: 8px; | |||
} | } | ||
/* モバイル用。見出しの下に余白 */ | /* モバイル用。見出しの下に余白 */ | ||
| 11行目: | 15行目: | ||
border-collapse: separate; | border-collapse: separate; | ||
} | } | ||
/* モバイル用。記事への案内の余白 */ | |||
.collapsible-block .responsive-block-50 dl{ | |||
margin-left: 0; | |||
} | |||
.collapsible-block .responsive-block-50 dd{ | |||
margin-left: 1em; | |||
} | |||
/* 以下、レスポンシブ系 */ | /* 以下、レスポンシブ系 */ | ||
.responsive-block-50{ | .responsive-block-50{ | ||
2024年7月18日 (木) 08:04時点における最新版
/* 記事への案内のカテゴリの文字を大きく */
.responsive-block-50 dt{
font-size: 130%;
}
/* 記事への案内の余白 */
.responsive-block-50 dd {
margin-bottom: 8px;
}
/* モバイル用。見出しの下に余白 */
#mf-section-0 .responsive-block-50 h2 {
margin-bottom: 12px;
}
/* モバイル用。ファイターリストの各セルの隙間が少し空くように */
.collapsible-block .fighters table {
border-collapse: separate;
}
/* モバイル用。記事への案内の余白 */
.collapsible-block .responsive-block-50 dl{
margin-left: 0;
}
.collapsible-block .responsive-block-50 dd{
margin-left: 1em;
}
/* 以下、レスポンシブ系 */
.responsive-block-50{
box-sizing: border-box;
}
@media (min-width: 768px) {
.responsive-column-3{
column-count:3;
}
.responsive-column-3 > *, .responsive-column-3 > ul > li{
page-break-inside: avoid;
}
.responsive-block-33{
float:left;
width:33.33333333%;
}
.responsive-block-50{
float:left;
width:50%;
}
.padding-when-wide{
padding-right:10px;
padding-left:10px;
}
.float-when-wide{
float:left;
}
.nowide{
display:none;
}
}