Template:曲目定数/styles.css:修订间差异
无编辑摘要 |
标签:撤销 |
||
(未显示2个用户的6个中间版本) | |||
第1行: | 第1行: | ||
.wikitable{ | |||
min-width:542px; | |||
} | |||
@media all and ( max-width: 720px ) { | |||
.wikitable{ | |||
min-width:100%; | |||
} | |||
} | |||
.Grid { | .Grid { | ||
第20行: | 第28行: | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
padding: 0.2em 0.4em; | padding: 0.2em 0.4em; | ||
flex-basis:100px; | |||
} | } | ||
第33行: | 第42行: | ||
background-color: #eaecf0; | background-color: #eaecf0; | ||
text-align: center; | text-align: center; | ||
flex-basis:100px; | |||
} | } | ||
} | } | ||
第46行: | 第56行: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border-spacing: 3px; | border-spacing: 3px; | ||
text-align: | text-align: center; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
font-size: 100%; | font-size: 100%; |
2021年3月15日 (一) 10:43的最新版本
.wikitable{
min-width:542px;
}
@media all and ( max-width: 720px ) {
.wikitable{
min-width:100%;
}
}
.Grid {
display: flex;
}
@media all and ( min-width: 720px ) {
.Grid {
width: 400px;
}
.Grid-cell {
font-family: sans-serif;
line-height: 1.6;
direction: ltr;
font-size: 100%;
color: #222;
border-collapse: collapse;
text-align: center;
border: 1px solid #a2a9b1;
padding: 0.2em 0.4em;
flex-basis:100px;
}
.Grid-cell-title {
font-family: sans-serif;
line-height: 1.6;
direction: ltr;
font-size: 100%;
color: #222;
border-collapse: collapse;
border: 1px solid #a2a9b1;
padding: 0.2em 0.4em;
background-color: #eaecf0;
text-align: center;
flex-basis:100px;
}
}
@media all and ( max-width: 720px ) {
.Grid-cell {
flex: 1;
text-align: center;
color: #202122;
font: inherit;
border-collapse: collapse;
border-spacing: 3px;
text-align: center;
line-height: 1.5em;
font-size: 100%;
vertical-align: top;
border: 0;
border-bottom: 1px solid #eaecf0;
padding: 7px 10px;
flex: 1 0;
}
.Grid-cell-title {
flex: 1;
text-align: center;
color: #202122;
font: inherit;
border-collapse: collapse;
border-spacing: 3px;
line-height: 1.5em;
font-size: 100%;
vertical-align: top;
border: 0;
border-bottom: 1px solid #eaecf0;
padding: 7px 10px;
flex: 1 0;
background-color: #f0f0f0;
text-align: center;
font-weight: normal;
width: 6em;
}
}