Fold lower priority decks

This commit is contained in:
mez 2024-11-05 22:56:10 +00:00
parent 6a0367eb7a
commit e286f18542
4 changed files with 57 additions and 20 deletions

View file

@ -65,47 +65,64 @@ table.decktable {
border: 1px solid CanvasText;
}
table.decktable.red th {
details.deckwrap {
border: 1px solid CanvasText;
width: 297px;
display: inline;
}
details.deckwrap summary {
margin: 2px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
details.deckwrap table.decktable {
border: none;
}
table.decktable.red th, details.deckwrap:has(.red) summary {
background-color: red;
color: black;
}
table.decktable.orange th {
table.decktable.orange th, details.deckwrap:has(.orange) summary {
background-color: orange;
color: black;
}
table.decktable.yellow th {
table.decktable.yellow th, details.deckwrap:has(.yellow) summary {
background-color: yellow;
color: black;
}
table.decktable.green th {
table.decktable.green th, details.deckwrap:has(.green) summary {
background-color: green;
color: white;
}
table.decktable.blue th {
table.decktable.blue th, details.deckwrap:has(.blue) summary {
background-color: blue;
color: white;
}
table.decktable.purple th {
table.decktable.purple th, details.deckwrap:has(.purple) summary {
background-color: purple;
color: white;
}
table.decktable.brown th {
table.decktable.brown th, details.deckwrap:has(.brown) summary {
background-color: brown;
color: white;
}
table.decktable.gray th {
table.decktable.gray th, details.deckwrap:has(.gray) summary {
background-color: gray;
color: white;
}
table.decktable.special th {
table.decktable.special th, details.deckwrap:has(.special) summary {
background: linear-gradient(90deg, hsl(0, 100%, 70%), hsl(30, 100%, 70%), hsl(60, 100%, 70%), hsl(90, 100%, 70%), hsl(120, 100%, 70%), hsl(150, 100%, 70%), hsl(180, 100%, 70%), hsl(210, 100%, 70%), hsl(240, 100%, 70%), hsl(270, 100%, 70%), hsl(300, 100%, 70%), hsl(330, 100%, 70%), hsl(360, 100%, 70%));
color: black;
}
@ -143,6 +160,10 @@ h2.collectingheader {
background-color: Canvas;
}
p#masteredcarousel img {
vertical-align: middle;
}
/* portfolios */
a:has(div.foliocase) {
text-decoration: none;