User:Fen/Portals/UserGuides/styles.css - Revision history

Fen: dark theme

2025-08-14T00:55:20Z

dark theme

@@ Line 127: / Line 127: @@
    background-color: #d0d5d9;
    color: #000;
+}

Fen at 23:10, 21 July 2025

2025-07-21T23:10:36Z

@@ Line 108: / Line 108: @@
    color: #8c1e46;
    text-decoration: underline;
+}

Fen at 00:11, 20 July 2025

2025-07-20T00:11:49Z

← Older revision		Revision as of 00:11, 20 July 2025
Line 1:		Line 1:
	.guides-portal-wrapper {		.guides-portal-wrapper {
	font-family: "Segoe UI", "Roboto", sans-serif;		font-family: "Segoe UI", "Roboto", sans-serif;
	background: #~~f9fbfc~~;		background: #fff6fa;
	color: #~~1b1f23~~;		color: #2a0017;
	padding: 2em;		padding: 2em;
	max-width: 1200px;		max-width: 1200px;
Line 10:		Line 10:
	/* Header */		/* Header */
	.guides-header {		.guides-header {
	background: linear-gradient(to right, #~~2a70b8~~, #~~2a9b6e~~);		background: linear-gradient(to right, #e75480, #d94f75);
	color: #ffffff;		color: #ffffff;
	padding: 1.6em;		padding: 1.6em;
	border-radius: 6px;		border-radius: 6px;
	margin-bottom: 2em;		margin-bottom: 2em;
	box-shadow: 0 0 12px rgba(42, ~~112~~, ~~184~~, 0.3);		box-shadow: 0 0 12px rgba(233, 92, 139, 0.3);
	}		}
	.guides-title {		.guides-title {
Line 25:		Line 25:
	font-style: italic;		font-style: italic;
	margin-top: 0.3em;		margin-top: 0.3em;
	color: #~~eaf4ff~~;		color: #ffebf2;
	}		}

Line 38:		Line 38:
	.guides-card {		.guides-card {
	background: #ffffff;		background: #ffffff;
	border: 1px solid #~~dde6f0~~;		border: 1px solid #f6dce7;
	border-left: 6px solid #~~34b76c~~;		border-left: 6px solid #d94f75;
	border-radius: 5px;		border-radius: 5px;
	padding: 1.3em;		padding: 1.3em;
Line 47:		Line 47:
	.guides-card:hover {		.guides-card:hover {
	transform: translateY(-2px);		transform: translateY(-2px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);		box-shadow: 0 4px 10px rgba(0,0,0,0.06);
	}		}
	.guides-card.wide {		.guides-card.wide {
Line 57:		Line 57:
	font-size: 1.3em;		font-size: 1.3em;
	font-weight: bold;		font-weight: bold;
	color: #~~2560a8~~;		color: #a63a5e;
	margin-bottom: 0.4em;		margin-bottom: 0.4em;
	border-bottom: 1px solid #~~e0e0e0~~;		border-bottom: 1px solid #f0cbd8;
	padding-bottom: 0.3em;		padding-bottom: 0.3em;
	}		}
Line 84:		Line 84:
	.guides-card-body a[href*="Category:"] {		.guides-card-body a[href*="Category:"] {
	display: inline-block;		display: inline-block;
	background: #~~eef5fb~~;		background: #fbe7f0;
	border: 1px solid #~~c8ddee~~;		border: 1px solid #f2c6dc;
	padding: 0.3em 0.7em;		padding: 0.3em 0.7em;
	font-size: 0.9em;		font-size: 0.9em;
	font-weight: 600;		font-weight: 600;
	color: #~~2560a8~~;		color: #d94f75;
	border-radius: 6px;		border-radius: 6px;
	margin: 0.2em;		margin: 0.2em;
Line 95:		Line 95:
	}		}
	.guides-card-body a[href*="Category:"]:hover {		.guides-card-body a[href*="Category:"]:hover {
	background: #~~dceeff~~;		background: #f9d5e8;
	color: #~~0f3c6c~~;		color: #a63a5e;
	}		}

Line 102:		Line 102:
	a:link,		a:link,
	a:visited {		a:visited {
	color: #~~2c6fcf~~;		color: #c72d65;
	text-decoration: none;		text-decoration: none;
	}		}
	a:hover {		a:hover {
	color: #~~0b3ea1~~;		color: #8c1e46;
	text-decoration: underline;		text-decoration: underline;
	}		}

Fen at 04:45, 16 July 2025

2025-07-16T04:45:28Z

← Older revision		Revision as of 04:45, 16 July 2025
Line 39:		Line 39:
	background: #ffffff;		background: #ffffff;
	border: 1px solid #dde6f0;		border: 1px solid #dde6f0;
	border-left: 6px solid #~~3c9ef0~~;		border-left: 6px solid #34b76c;
	border-radius: 5px;		border-radius: 5px;
	padding: 1.3em;		padding: 1.3em;
	box-shadow: 0 2px 4px rgba(0,0,0,0.04);		box-shadow: 0 2px 4px rgba(0,0,0,0.04);
	transition: box-shadow 0.2s ease, transform 0.2s ease;		transition: box-shadow 0.2s ease, transform 0.2s ease;
	}
	~~.guides-card:nth-child(even) {~~
	~~border-left-color: #34b76c; /* alternate green */~~
	}		}
	.guides-card:hover {		.guides-card:hover {

Fen: I think it looks better with a bit of green

2025-07-16T04:44:17Z

I think it looks better with a bit of green

← Older revision		Revision as of 04:44, 16 July 2025
Line 10:		Line 10:
	/* Header */		/* Header */
	.guides-header {		.guides-header {
	background: linear-gradient(to right, #2a70b8, #~~4d9fe6~~);		background: linear-gradient(to right, #2a70b8, #2a9b6e);
	color: #ffffff;		color: #ffffff;
	padding: 1.6em;		padding: 1.6em;
Line 44:		Line 44:
	box-shadow: 0 2px 4px rgba(0,0,0,0.04);		box-shadow: 0 2px 4px rgba(0,0,0,0.04);
	transition: box-shadow 0.2s ease, transform 0.2s ease;		transition: box-shadow 0.2s ease, transform 0.2s ease;
			}
			.guides-card:nth-child(even) {
			border-left-color: #34b76c; /* alternate green */
	}		}
	.guides-card:hover {		.guides-card:hover {

Fen: Created page with ".guides-portal-wrapper { font-family: "Segoe UI", "Roboto", sans-serif; background: #f9fbfc; color: #1b1f23; padding: 2em; max-width: 1200px; margin: auto; } /* Header */ .guides-header { background: linear-gradient(to right, #2a70b8, #4d9fe6); color: #ffffff; padding: 1.6em; border-radius: 6px; margin-bottom: 2em; box-shadow: 0 0 12px rgba(42, 112, 184, 0.3); } .guides-title { font-size: 2.2em; font-weight: 800; } .guides-subtitle { font-s..."

2025-07-16T04:39:00Z

Created page with ".guides-portal-wrapper { font-family: "Segoe UI", "Roboto", sans-serif; background: #f9fbfc; color: #1b1f23; padding: 2em; max-width: 1200px; margin: auto; } Header: .guides-header { background: linear-gradient(to right, #2a70b8, #4d9fe6); color: #ffffff; padding: 1.6em; border-radius: 6px; margin-bottom: 2em; box-shadow: 0 0 12px rgba(42, 112, 184, 0.3); } .guides-title { font-size: 2.2em; font-weight: 800; } .guides-subtitle { font-s..."

New page

.guides-portal-wrapper {
font-family: "Segoe UI", "Roboto", sans-serif;
background: #f9fbfc;
color: #1b1f23;
padding: 2em;
max-width: 1200px;
margin: auto;
}

/* Header */
.guides-header {
background: linear-gradient(to right, #2a70b8, #4d9fe6);
color: #ffffff;
padding: 1.6em;
border-radius: 6px;
margin-bottom: 2em;
box-shadow: 0 0 12px rgba(42, 112, 184, 0.3);
}
.guides-title {
font-size: 2.2em;
font-weight: 800;
}
.guides-subtitle {
font-size: 1.1em;
font-style: italic;
margin-top: 0.3em;
color: #eaf4ff;
}

/* Grid */
.guides-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5em;
}

/* Card */
.guides-card {
background: #ffffff;
border: 1px solid #dde6f0;
border-left: 6px solid #3c9ef0;
border-radius: 5px;
padding: 1.3em;
box-shadow: 0 2px 4px rgba(0,0,0,0.04);
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.guides-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.guides-card.wide {
grid-column: 1 / -1;
}

/* Title */
.guides-card-title {
font-size: 1.3em;
font-weight: bold;
color: #2560a8;
margin-bottom: 0.4em;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 0.3em;
}

/* Body */
.guides-card-body {
font-size: 0.96em;
color: #333;
line-height: 1.6;
}
.guides-card-body ul {
padding-left: 1.2em;
}
.guides-card-body li {
margin-bottom: 0.5em;
}

/* Centered */
.guides-card-body.center {
text-align: center;
}

/* Category tags */
.guides-card-body a[href*="Category:"] {
display: inline-block;
background: #eef5fb;
border: 1px solid #c8ddee;
padding: 0.3em 0.7em;
font-size: 0.9em;
font-weight: 600;
color: #2560a8;
border-radius: 6px;
margin: 0.2em;
text-decoration: none;
}
.guides-card-body a[href*="Category:"]:hover {
background: #dceeff;
color: #0f3c6c;
}

/* Links */
a:link,
a:visited {
color: #2c6fcf;
text-decoration: none;
}
a:hover {
color: #0b3ea1;
text-decoration: underline;
}