Template:Project Board/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
LordSkorne7 (talk | contribs) Created page with "→=============================: →Project Board CSS: →=============================: .amaranth-columns-container { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 1em; padding: 1em; background: #0e0e0e; border-radius: 10px; text-align: left; } →COLUMN STYLING: .amaranth-column { min-width: 250px; background: #111; padding: 1em; border-radius: 10px; border: 2px solid #2f2f2f; flex-shrink: 0; } →HEADER: .amaranth-c..." |
LordSkorne7 (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* ============================= */ |
|||
/* Project Board CSS */ |
|||
/* ============================= */ |
|||
.amaranth-columns-container { |
.amaranth-columns-container { |
||
display: flex; |
display: flex; |
||
| Line 14: | Line 10: | ||
} |
} |
||
/* COLUMN STYLING */ |
|||
.amaranth-column { |
.amaranth-column { |
||
display: flex; |
|||
flex-direction: column; |
|||
gap: 1em; |
|||
min-width: 250px; |
min-width: 250px; |
||
background: #111; |
background: #111; |
||
| Line 26: | Line 22: | ||
} |
} |
||
/* HEADER */ |
|||
.amaranth-column-header { |
.amaranth-column-header { |
||
color: #fff; |
color: #fff; |
||
| Line 36: | Line 31: | ||
} |
} |
||
/* CARDS */ |
|||
.amaranth-card { |
.amaranth-card { |
||
display: block; |
display: block; |
||
| Line 43: | Line 37: | ||
padding: 0.8em; |
padding: 0.8em; |
||
border-radius: 10px; |
border-radius: 10px; |
||
box-shadow: none; |
|||
} |
|||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); |
|||
.amaranth-card-divider { |
|||
border: 1px solid #2f2f2f; |
|||
} |
} |
||
Revision as of 18:21, May 20, 2025
.amaranth-columns-container {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
gap: 1em;
padding: 1em;
background: #0e0e0e;
border-radius: 10px;
text-align: left;
}
.amaranth-column {
display: flex;
flex-direction: column;
gap: 1em;
min-width: 250px;
background: #111;
padding: 1em;
border-radius: 10px;
border: 2px solid #2f2f2f;
flex-shrink: 0;
}
.amaranth-column-header {
color: #fff;
font-family: 'Cinzel', serif;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 0.5em;
display: block;
}
.amaranth-card {
display: block;
background-color: #1c070f;
color: #fff;
padding: 0.8em;
border-radius: 10px;
box-shadow: none;
}
.amaranth-card-divider {
border: 1px solid #2f2f2f;
}
.amaranth-card-title {
font-weight: bold;
display: block;
}
.amaranth-card-subtitle {
font-size: 0.9em;
margin-top: 0.5em;
display: block;
}
.amaranth-card-body,
.amaranth-card-tags {
font-size: 0.85em;
margin-top: 0.5em;
display: block;
}