Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:Project Board/styles.css: Difference between revisions

Template page
Content deleted Content added
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..."
 
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;
margin-bottom: 1em;
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;
}