Template:Unique list/styles.css: Difference between revisions
Template page
More actions
One-page unique list with every item box, made from the item pages |
One-page unique list with every item box, made from the item pages |
||
| Line 11: | Line 11: | ||
} | } | ||
.unique-list- | .unique-list-count { | ||
margin: | margin: -0.3em 0 0.6em; | ||
font- | color: var( --color-subtle ); | ||
font-size: | font-size: 0.9em; | ||
} | |||
/* one tiered unique: its six tiers in one row, scrolling sideways when the screen is narrower */ | |||
.unique-tiers { | |||
display: grid; | |||
grid-template-columns: repeat( 6, minmax( 158px, 1fr ) ); | |||
gap: 6px; | |||
margin: 0 0 14px; | |||
overflow-x: auto; | |||
padding-bottom: 4px; | |||
} | |||
.unique-tiers .d2-item.d2-item-inline { | |||
padding: 9px 8px; | |||
font-size: 0.82em; | |||
} | |||
.unique-tiers .d2-item-image img { | |||
max-height: 64px; | |||
width: auto; | |||
} | |||
@media ( max-width: 719px ) { | |||
.unique-tiers { | |||
grid-template-columns: repeat( 6, 200px ); | |||
} | |||
} | } | ||
Revision as of 16:32, 13 November 2026
/* one-page unique lists ([[Tiered uniques]], [[Sacred uniques]], [[Other uniques]]); made by
/root/wiki-tools/unique_lists.py */
.unique-list-jump {
margin: 0.6em 0 1.4em;
line-height: 2;
}
.unique-list-jump b {
display: inline-block;
min-width: 5.5em;
}
.unique-list-count {
margin: -0.3em 0 0.6em;
color: var( --color-subtle );
font-size: 0.9em;
}
/* one tiered unique: its six tiers in one row, scrolling sideways when the screen is narrower */
.unique-tiers {
display: grid;
grid-template-columns: repeat( 6, minmax( 158px, 1fr ) );
gap: 6px;
margin: 0 0 14px;
overflow-x: auto;
padding-bottom: 4px;
}
.unique-tiers .d2-item.d2-item-inline {
padding: 9px 8px;
font-size: 0.82em;
}
.unique-tiers .d2-item-image img {
max-height: 64px;
width: auto;
}
@media ( max-width: 719px ) {
.unique-tiers {
grid-template-columns: repeat( 6, 200px );
}
}
.unique-list .d2-item-name a,
.unique-list .d2-item-name a:visited {
color: inherit;
text-decoration: none;
}
.unique-list .d2-item-name a:hover {
text-decoration: underline;
}