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

Fen at 03:10, 14 August 2025

2025-08-14T03:10:52Z

@@ Line 103: / Line 103: @@
 .org-card-body a {
    font-weight: bold;
+}

Fen at 22:37, 21 July 2025

2025-07-21T22:37:30Z

@@ Line 103: / Line 103: @@
 .org-card-body a {
    font-weight: bold;
+}

Fen at 07:37, 13 July 2025

2025-07-13T07:37:26Z

← Older revision		Revision as of 07:37, 13 July 2025
Line 39:		Line 39:
	.org-grid {		.org-grid {
	display: grid;		display: grid;
	grid-template-columns: ~~repeat(auto-fill, minmax(320px,~~ 1fr));		grid-template-columns: 1fr 1fr;
	gap: 1.5em;		gap: 1.5em;
	}		}

Fen at 07:35, 13 July 2025

2025-07-13T07:35:52Z

← Older revision		Revision as of 07:35, 13 July 2025
Line 48:		Line 48:
	border-left: 8px solid #222;		border-left: 8px solid #222;
	padding: 1em;		padding: 1em;
	~~flex: 1 1 300px;~~
	~~max-width: 500px;~~
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);		box-shadow: 0 4px 12px rgba(0,0,0,0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;		transition: transform 0.2s ease, box-shadow 0.2s ease;

Fen at 07:28, 13 July 2025

2025-07-13T07:28:35Z

← Older revision		Revision as of 07:28, 13 July 2025
Line 1:		Line 1:
	.org-portal-wrapper {		.org-portal-wrapper {
	background: #f4f4f4;		font-family: 'Georgia', serif;
			background: linear-gradient(to bottom, #fdfcf9, #f4f4f4);
	padding: 2em;		padding: 2em;
	~~font-family~~: ~~"Segoe UI", sans-serif~~;		margin: auto;
	~~color~~: ~~#222~~;		max-width: 1200px;
	border: ~~1px~~ solid #~~ccc~~;		border-top: 8px solid #333;
			box-shadow: 0 0 12px rgba(0,0,0,0.15);
	border-radius: 8px;		border-radius: 8px;
	}		}
Line 15:		Line 17:
	border-radius: 6px;		border-radius: 6px;
	margin-bottom: 2em;		margin-bottom: 2em;
	box-shadow: 0 2px 10px rgba(0,0,0,0.4);		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
			border-left: 8px solid #ba0000;
			border-right: 8px solid #ba0000;
	}		}

	.org-title {		.org-title {
	font-size: 2.4em;		font-size: 2.4em;
	font-weight: ~~bold~~;		font-weight: 900;
	letter-spacing: 0~~.05em~~;		text-transform: uppercase;
			letter-spacing: 1px;
			margin: 0;
	}		}

	.org-subtitle {		.org-subtitle {
	font-size: 1.1em;		font-size: 1.1em;
			font-style: italic;
			color: #ddd;
	margin-top: 0.5em;		margin-top: 0.5em;
	~~color: #ccc;~~
	}		}

Line 37:		Line 44:

	.org-card {		.org-card {
	background: #~~fff~~;		background-color: #ffffff;
	border: ~~1px~~ solid #~~ccc~~;		border: 2px solid #ddd;
			border-left: 8px solid #222;
	padding: 1em;		padding: 1em;
	~~border~~-~~left~~: ~~5px solid #444~~;		flex: 1 1 300px;
	~~border~~-~~radius~~: ~~5px~~;		max-width: 500px;
	box-shadow: 0 ~~1px 5px~~ rgba(0,0,0,0.1);		box-shadow: 0 4px 12px rgba(0,0,0,0.05);
			transition: transform 0.2s ease, box-shadow 0.2s ease;
			}

			.org-card:hover {
			transform: translateY(-4px);
			box-shadow: 0 8px 24px rgba(0,0,0,0.1);
	}		}

Line 51:		Line 65:
	.org-card-title {		.org-card-title {
	font-size: 1.2em;		font-size: 1.2em;
			color: #111;
			border-bottom: 2px solid #444;
			margin-bottom: 0.5em;
	font-weight: bold;		font-weight: bold;
	~~border-bottom: 2px solid #ccc;~~
	~~margin-bottom: 0.5em;~~
	~~padding-bottom: 0.2em;~~
	~~color: #222;~~
	}		}

	.org-card-body {		.org-card-body {
	font-size: 0.96em;		font-size: 0.96em;
			color: #333;
	line-height: 1.6;		line-height: 1.6;
	}		}
Line 67:		Line 81:
	padding-left: 1.2em;		padding-left: 1.2em;
	margin: 0.5em 0;		margin: 0.5em 0;
			}
			.org-card-body li {
			margin-bottom: 0.5em;
	}		}

Line 77:		Line 94:
	color: #3366cc;		color: #3366cc;
	text-decoration: none;		text-decoration: none;
			transition: color 0.2s ease, text-decoration 0.2s ease;
	}		}
	a:hover {
			a:hover,
			a:focus {
			color: #224499;
	text-decoration: underline;		text-decoration: underline;
	color: #~~224499~~;		}

			.org-card-body a {
			font-weight: bold;
			}

			.org-card-body a[href*="Category:"] {
			display: inline-block;
			background-color: #eef0f2;
			border: 1px solid #bbb;
			padding: 0.3em 0.6em;
			margin: 0.2em;
			font-weight: bold;
			text-decoration: none;
			color: #222;
			border-radius: 4px;
			transition: background-color 0.2s ease;
			}

			.org-card-body a[href*="Category:"]:hover {
			background-color: #d0d5d9;
			color: #000;
	}		}

Fen at 06:07, 13 July 2025

2025-07-13T06:07:27Z

← Older revision		Revision as of 06:07, 13 July 2025
Line 1:		Line 1:
	.org-portal-~~container~~ {		.org-portal-wrapper {
	~~display~~: ~~grid;~~		background: #f4f4f4;
	~~grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));~~
	~~gap: 1.5em~~;
	padding: 2em;		padding: 2em;
	~~background: #1b1e23;~~		font-family: "Segoe UI", sans-serif;
	font-family: "Segoe UI"~~, Roboto~~, sans-serif;		color: #222;
	color: #~~e2e2e2~~;		border: 1px solid #ccc;
			border-radius: 8px;
	}		}

	.org-header {		.org-header {
	~~grid~~-~~column~~: ~~1 / -1~~;		background: linear-gradient(to right, #333, #111);
			color: #fff;
	text-align: center;		text-align: center;
	~~background: linear-gradient(to right, #2b2e34, #1f2125);~~		padding: 1.5em;
	padding: ~~2em~~;		border-radius: 6px;
	border: ~~2px solid #444~~;		margin-bottom: 2em;
	~~border~~-~~radius~~: ~~8px~~;		box-shadow: 0 2px 10px rgba(0,0,0,0.4);
	box-shadow: 0 ~~0 15px~~ rgba(0,0,0,0.4);
	}		}

	.org-title {		.org-title {
	font-size: 2.~~5em~~;		font-size: 2.4em;
	font-weight: bold;		font-weight: bold;
	~~color: #ffffff;~~		letter-spacing: 0.05em;
	~~text~~-~~shadow~~: 0 ~~0 5px #888~~;
	}		}

	.org-subtitle {		.org-subtitle {
	font-size: 1.~~2em;~~		font-size: 1.1em;
	~~color: #aaa~~;
	margin-top: 0.5em;		margin-top: 0.5em;
			color: #ccc;
			}

			.org-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
			gap: 1.5em;
	}		}

	.org-~~section~~ {		.org-card {
	background: #~~25282e~~;		background: #fff;
	border~~-left~~: ~~4px~~ solid #~~3db8c4~~;		border: 1px solid #ccc;
	padding: 1em;		padding: 1em;
	border-radius: ~~6px~~;		border-left: 5px solid #444;
	box-shadow: 0 ~~0 8px~~ rgba(0,0,0,0.3);		border-radius: 5px;
			box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	}		}

	.org-~~section~~.wide {		.org-card.wide {
	grid-column: 1 / -1;		grid-column: 1 / -1;
	}		}

	.org-~~section~~-~~header~~ {		.org-card-title {
	font-size: 1.~~3em~~;		font-size: 1.2em;
	font-weight: bold;		font-weight: bold;
	border-bottom: 2px solid #~~3db8c4~~;		border-bottom: 2px solid #ccc;
	margin-bottom: 0.5em;		margin-bottom: 0.5em;
	padding-bottom: 0.2em;		padding-bottom: 0.2em;
	color: #~~ffffff~~;		color: #222;
	}		}

	.org-~~section~~-body {		.org-card-body {
	font-size: 0.96em;		font-size: 0.96em;
	line-height: 1.6;		line-height: 1.6;
	}		}

	.org-~~section~~-body ul {		.org-card-body ul {
	list-style-type: square;		list-style-type: square;
	padding-left: 1.2em;		padding-left: 1.2em;
			margin: 0.5em 0;
	}		}

Line 69:		Line 75:
	a:link,		a:link,
	a:visited {		a:visited {
	color: #~~4ecbe7~~;		color: #3366cc;
	text-decoration: none;		text-decoration: none;
	}		}
	a:hover {		a:hover {
	~~color: #88ecff;~~
	text-decoration: underline;		text-decoration: underline;
			color: #224499;
	}		}

Fen: Created page with ".org-portal-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5em; padding: 2em; background: #1b1e23; font-family: "Segoe UI", Roboto, sans-serif; color: #e2e2e2; } .org-header { grid-column: 1 / -1; text-align: center; background: linear-gradient(to right, #2b2e34, #1f2125); padding: 2em; border: 2px solid #444; border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,0.4); } .org-title { font-size..."

2025-07-13T06:06:22Z

Created page with ".org-portal-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5em; padding: 2em; background: #1b1e23; font-family: "Segoe UI", Roboto, sans-serif; color: #e2e2e2; } .org-header { grid-column: 1 / -1; text-align: center; background: linear-gradient(to right, #2b2e34, #1f2125); padding: 2em; border: 2px solid #444; border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,0.4); } .org-title { font-size..."

New page

.org-portal-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 1.5em;
padding: 2em;
background: #1b1e23;
font-family: "Segoe UI", Roboto, sans-serif;
color: #e2e2e2;
}

.org-header {
grid-column: 1 / -1;
text-align: center;
background: linear-gradient(to right, #2b2e34, #1f2125);
padding: 2em;
border: 2px solid #444;
border-radius: 8px;
box-shadow: 0 0 15px rgba(0,0,0,0.4);
}

.org-title {
font-size: 2.5em;
font-weight: bold;
color: #ffffff;
text-shadow: 0 0 5px #888;
}

.org-subtitle {
font-size: 1.2em;
color: #aaa;
margin-top: 0.5em;
}

.org-section {
background: #25282e;
border-left: 4px solid #3db8c4;
padding: 1em;
border-radius: 6px;
box-shadow: 0 0 8px rgba(0,0,0,0.3);
}

.org-section.wide {
grid-column: 1 / -1;
}

.org-section-header {
font-size: 1.3em;
font-weight: bold;
border-bottom: 2px solid #3db8c4;
margin-bottom: 0.5em;
padding-bottom: 0.2em;
color: #ffffff;
}

.org-section-body {
font-size: 0.96em;
line-height: 1.6;
}

.org-section-body ul {
list-style-type: square;
padding-left: 1.2em;
}

.center {
text-align: center;
}

a:link,
a:visited {
color: #4ecbe7;
text-decoration: none;
}
a:hover {
color: #88ecff;
text-decoration: underline;
}