「メインページ/styles.css」の版間の差分
(WIKIMASA が ページ メインページ/styles.css を既定でないコンテンツモデル「サニタイズCSS」で作成しました。) |
細編集の要約なし |
||
| (同じ利用者による、間の10版が非表示) | |||
| 1行目: | 1行目: | ||
/* 記事への案内のカテゴリの文字を大きく */ | |||
.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; | |||
} | |||
} | |||
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;
}
}