.attack-container {
border: none;
width: 100%;
padding: 0 0 15px 0;
background: var( --color-surface-1 );
border-radius: var( --border-radius--medium );
box-shadow: var(--card-shadow-dlw);
overflow: visible;
/*
* Needed to make the collapsible button stay
* inside the card in narrow width
*/
display: inline-block;
}
.attack-info-body {
padding: 0 15px;
}
.attack-container table.cargoTable thead th {
/* padding-right: 0.75em; */
background-image: none;
cursor: initial;
pointer-events: none;
}
.attack-container .attack-info table {
border: none;
overflow: auto;
width: 100%;
text-align: center;
margin: 0;
}
.attack-info > table td { vertical-align: middle; }
.attack-data table { line-height: 1.1em; text-align: center}
@media (min-width: 990px) {
/* two col layout */
.attack-container {
display: grid;
grid-template-columns: 328px auto;
}
/* correct rounding of top-right corner for desktop cards */
.attack-info .citizen-table-wrapper table thead th:last-of-type {
border-radius: 0 var(--border-radius--medium) 0 0;
}
/* 解决帧数条太长导致被右侧目录遮挡的问题 */
.attack-info {
overflow:hidden;
}
}
.attack-gallery ul.gallery {
margin: 0;
}
.attack-gallery * .gallerytext p {
margin: 0;
text-align: center;
}
.additional-data-section {
display: flex;
flex-direction: column;
gap: var(--space-md);
}
.additional-data-section span.mw-collapsible-toggle {
padding-bottom: 3px;
align-self: flex-end; /* align collapsible button to the right */
}
.attack-container table.cargoTable th {
text-align: center;
background-color: var(--color-surface-1);
font-size: 0.8125rem;
padding: 0.75em;
}
.attack-container table.cargoTable td {
font-size: 0.8125rem;
padding: 0.75em;
}
/****************** Styling for Tooltip Movecards *********************/
.moveTable { border-collapse: collapse; }
.moveTable tr:nth-child(odd) {
background-color: var(--color-surface-2);
}
.moveTable tr:nth-child(even) {
background-color: var(--color-surface-1);
}
.moveTable th {
background-color: var(--color-surface-0);
border: solid 0.1em var(--border-color-base--darker);
font-size: 0.8125rem;
color: var(--color-base--subtle);
}
.moveTable td, .moveTable th {
border: solid 0.1em var(--border-color-base--darker);
font-size: 0.8125rem;
padding: 0.75em;
text-align: center;
}