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:…”）
 
无编辑摘要
第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 {
max-width:300px !important;
}
}


第73行： 第14行：
}
}


.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;
}
}


2021年8月24日 (二) 19:03的版本

.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) {
	#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;
}
取自“https://arcwiki.mcd.blue/index.php?title=Template:曲包信息/styles.css&oldid=32766”