Template:曲包信息/styles.css：修订间差异

来自Arcaea中文维基
（创建页面，内容为“.packbox { display: grid; grid-template-columns: 1fr 1fr 7fr auto; text-align: center; color: #202122; word-wrap: break-word; font: inherit; border-collapse:…”）
 
无编辑摘要
（未显示同一用户的3个中间版本）
第1行： 第1行：
.packbox {
.packbox > #append-image {
display: grid;
grid-template-columns: 1fr 1fr 7fr 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;
width:100%;
max-width: 100% !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 > #append-image,
.packbox > #right-image,
.packbox > #top-image{
display: flex;
display: flex;
    justify-content: center;
    justify-content: center;
第45行： 第5行：
}
}


#mainpack,
div:not(.appendpack) > #append-image {
#sidepack,
#collaborationpack {
max-width:500px !important;
}
 
#singlepack,
#freepack {
max-width:600px !important;
}
 
#mainpack > #append-image,
#sidepack > #append-image,
#collaborationpack > #append-image,
#singlepack > #append-image,
#freepack > #append-image {
display:none;
display:none;
}
}


#appendpack {
.appendpack > #right-image,
max-width:300px !important;
.appendpack > #top-image {
}
 
#appendpack > #right-image,
#appendpack > #top-image {
display:none;
display:none;
}
}


.packbox > #title {
.packbox > #append-image {
grid-column: 1 / 5;
grid-column: 1 / 5;
}
}


.packbox > .header {
.both > #date-label {
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,
.packbox > #append-image {
grid-column: 1 / 4;
}
 
.packbox > .label {
grid-column: 1 / 3;
}
 
.packbox > #content {
grid-column: 1 / 2;
grid-row-end: span 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) {
@media all and (min-width: 950px) {
#appendpack > #top-image {
display: flex;
}


#title {
#title {
grid-column: 1 / 5;
grid-column: 1 / 6;
}
}
}
}
第147行： 第36行：
.packbox>div>div>.label-text,
.packbox>div>div>.label-text,
.packbox>div>div>div>.label-text {
.packbox>div>div>div>.label-text {
background-color: #e8eaf3;
background-color: #c2cdff;
}
}

2021年8月27日 (五) 19:46的版本

.packbox > #append-image {
	display: flex;
    justify-content: center;
    align-items: center;
}

div:not(.appendpack) > #append-image {
	display:none;
}

.appendpack > #right-image,
.appendpack > #top-image {
	display:none;
}

.packbox > #append-image {
	grid-column: 1 / 5;
}

.both > #date-label {
	grid-row-end: span 2;
}

@media all and (min-width: 950px) {

	#title {
		grid-column: 1 / 6;
	}
}

/*  背景色定义 */

.packbox>.label,
.packbox>#title,
.packbox>.header,
.packbox>div>div>.label-text,
.packbox>div>div>div>.label-text {
	background-color: #c2cdff;
}
取自“https://arcwiki.mcd.blue/index.php?title=Template:曲包信息/styles.css&oldid=32947”