User:Chronowar/sandbox/styles.css:修订间差异
< User:Chronowar | sandbox
无编辑摘要 |
无编辑摘要 |
||
第85行: | 第85行: | ||
#mainpack, | #mainpack, | ||
#sidepack, | #sidepack, | ||
#collaborationpack { | #collaborationpack, | ||
#singlepack, | |||
#freepack, | |||
#appendpack { | |||
max-width:500px !important; | max-width:500px !important; | ||
} | } | ||
第143行: | 第146行: | ||
.ns-box > #mobile-date { | .ns-box > #mobile-date { | ||
display: none; | display: none; | ||
} | |||
@media all and (min-width: 950px) { | |||
#appendpack > #top-image { | |||
display: flex; | |||
} | |||
#title { | |||
grid-column: 1 / 5; | |||
} | |||
} | } | ||
2021年8月4日 (三) 20:12的版本
.bydtable {
text-align:center;
width:922px;
height:1222px;
display:grid;
grid-template-columns:456px 456px;
grid-template-rows:606px 606px;
grid-row-gap:10px;
grid-column-gap:10px;
border: 1px solid #a2a9b1;
}
.bydtable>#freeconflict {
border-right: 1px solid #a2a9b1;
border-top: 1px solid #a2a9b1;
}
.bydtable>#conflict {
border-right: 1px solid #a2a9b1;
border-bottom: 1px solid #a2a9b1;
}
.bydtable>#freelight {
border-bottom: 1px solid #a2a9b1;
border-left: 1px solid #a2a9b1;
}
.bydtable>#light {
border-top: 1px solid #a2a9b1;
border-left: 1px solid #a2a9b1;
}
.singlebyd {
display:grid;
grid-template-columns:150px 150px 150px;
grid-template-rows:200px 200px 200px;
grid-row-gap:3px;
grid-column-gap:3px;
}
.packbox {
width:100%;
display: grid;
grid-template-columns: 1fr 1fr 14fr auto;
text-align: center;
color: #202122;
word-wrap: break-word;
font: inherit;
border-collapse: collapse;
box-sizing: border-box;
margin: 1em 0;
overflow: auto;
overflow-y: hidden;
overflow-x: auto;
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
position: relative;
border: 1px solid #d0d4d8;
margin-bottom: 2em;
background-color: #f8f9fa;
max-width: 1000px !important;
border-spacing: 3px;
font-size: small;
line-height: 1.5em;
}
.packbox > div {
word-wrap: break-word;
border-bottom: 1px solid #d0d4d8;
padding: 5px 5px;
border-collapse: collapse;
overflow-wrap: normal;
white-space: nowrap;
box-sizing: border-box;
}
.packbox > .label,
.packbox > #right-image,
.packbox > #top-image{
display: flex;
justify-content: center;
align-items: center;
}
#mainpack,
#sidepack,
#collaborationpack,
#singlepack,
#freepack,
#appendpack {
max-width:500px !important;
}
.packbox > #title {
grid-column: 1 / 5;
}
.packbox > .header {
grid-column: 1 / 4;
}
.packbox > .data {
grid-column: 3 / 4;
}
.both > #right-image {
grid-column: 4 / 5;
grid-row: 2 / 13;
}
.mobile-box > #right-image,
.ns-box > #right-image {
grid-column: 4 / 5;
grid-row: 2 / 8;
}
.packbox > #top-image {
grid-column: 1 / 4;
}
.packbox > .label {
grid-column: 1 / 3;
}
.packbox > #content {
grid-column: 1 / 2;
grid-row-end: span 2;
border-right: 1px solid #d0d4d8;
}
.packbox > #songs,
.packbox > #partners {
grid-column: 2 / 3;
}
.both > #date-span {
grid-row-end: span 2;
}
.mobile-box > #ns-unlock,
.mobile-box > #ns-date {
display: none;
}
.ns-box > #mobile-price,
.ns-box > #mobile-date {
display: none;
}
@media all and (min-width: 950px) {
#appendpack > #top-image {
display: flex;
}
#title {
grid-column: 1 / 5;
}
}
/* 背景色定义 */
.packbox>.label,
.packbox>#title,
.packbox>.header,
.packbox>div>div>.label-text,
.packbox>div>div>div>.label-text {
background-color: #e8eaf3;
}