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

Fen at 05:27, 5 August 2025

2025-08-05T05:27:09Z

@@ Line 245: / Line 245: @@
    html.skin-theme-clientpref-os a:hover {
      color: #ff9999;
+   }
+}

Fen at 05:26, 25 July 2025

2025-07-25T05:26:36Z

← Older revision		Revision as of 05:26, 25 July 2025
Line 137:		Line 137:
	background: #2b2b2b;		background: #2b2b2b;
	border: 2px solid #4d2c2c;		border: 2px solid #4d2c2c;
			border-left: 5px solid #aa0000;
	border-left-color: #aa0000;		border-left-color: #aa0000;
	box-shadow: 0 2px 6px rgba(200, 0, 0, 0.1);		box-shadow: 0 2px 6px rgba(200, 0, 0, 0.1);
Line 207:		Line 208:
	background: #2b2b2b;		background: #2b2b2b;
	border: 2px solid #4d2c2c;		border: 2px solid #4d2c2c;
			border-left: 5px solid #aa0000;
	border-left-color: #aa0000;		border-left-color: #aa0000;
	box-shadow: 0 2px 6px rgba(200, 0, 0, 0.1);		box-shadow: 0 2px 6px rgba(200, 0, 0, 0.1);

Fen at 05:23, 25 July 2025

2025-07-25T05:23:15Z

← Older revision		Revision as of 05:23, 25 July 2025
Line 113:		Line 113:
	/* Dark theme */		/* Dark theme */
	/* Auto dark mode: OS preference */		/* Auto dark mode: OS preference */
	@media screen ~~and (prefers-color-scheme: dark)~~ {		@media screen {
	html.skin-theme-clientpref-os .incidents-portal-wrapper {		html.skin-theme-clientpref-night .incidents-portal-wrapper {
	background: #1e1e1e;		background: #1e1e1e;
	color: #e5e5e5;		color: #e5e5e5;
	}		}

	html.skin-theme-clientpref-os .incidents-header {		html.skin-theme-clientpref-night .incidents-header {
	background: linear-gradient(to right, #7f1d1d, #5a1010);		background: linear-gradient(to right, #7f1d1d, #5a1010);
	color: #fff;		color: #fff;
Line 126:		Line 126:
	}		}

	html.skin-theme-clientpref-os .incidents-title {		html.skin-theme-clientpref-night .incidents-title {
	color: #ffbdbd;		color: #ffbdbd;
	}		}

	html.skin-theme-clientpref-os .incidents-subtitle {		html.skin-theme-clientpref-night .incidents-subtitle {
	color: #ffcccc;		color: #ffcccc;
	}		}

	html.skin-theme-clientpref-os .incidents-card {		html.skin-theme-clientpref-night .incidents-card {
	background: #2b2b2b;		background: #2b2b2b;
	border: 2px solid #4d2c2c;		border: 2px solid #4d2c2c;
Line 141:		Line 141:
	}		}

	html.skin-theme-clientpref-os .incidents-card:hover {		html.skin-theme-clientpref-night .incidents-card:hover {
	box-shadow: 0 5px 10px rgba(255, 0, 0, 0.2);		box-shadow: 0 5px 10px rgba(255, 0, 0, 0.2);
	}		}

	html.skin-theme-clientpref-os .incidents-card-title {		html.skin-theme-clientpref-night .incidents-card-title {
	color: #ff9999;		color: #ff9999;
	border-bottom-color: #666;		border-bottom-color: #666;
	}		}

	html.skin-theme-clientpref-os .incidents-card-body {		html.skin-theme-clientpref-night .incidents-card-body {
	color: #f0f0f0;		color: #f0f0f0;
	}		}

	html.skin-theme-clientpref-os .incidents-card-body a[href*="Category:"] {		html.skin-theme-clientpref-night .incidents-card-body a[href*="Category:"] {
	background: #3a1a1a;		background: #3a1a1a;
	border: 1px solid #aa4444;		border: 1px solid #aa4444;
Line 160:		Line 160:
	}		}

	html.skin-theme-clientpref-os .incidents-card-body a[href*="Category:"]:hover {		html.skin-theme-clientpref-night .incidents-card-body a[href*="Category:"]:hover {
	background: #502020;		background: #502020;
	color: #ffdddd;		color: #ffdddd;
Line 166:		Line 166:
	}		}

	html.skin-theme-clientpref-os a:link,		html.skin-theme-clientpref-night a:link,
	html.skin-theme-clientpref-os a:visited {		html.skin-theme-clientpref-night a:visited {
	color: #ff5e5e;		color: #ff5e5e;
	}		}

	html.skin-theme-clientpref-os a:hover {		html.skin-theme-clientpref-night a:hover {
	color: #ff9999;		color: #ff9999;
	}		}

	html.skin-theme-clientpref-os .content-header {		html.skin-theme-clientpref-night .content-header {
	color: #aabbee;		color: #aabbee;
	border-bottom-color: #7881c7;		border-bottom-color: #7881c7;

Fen at 05:11, 25 July 2025

2025-07-25T05:11:00Z

@@ Line 112: / Line 112: @@
 /* Dark theme */
 @media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .incidents-portal-wrapper {

Fen: for dark theme users

2025-07-25T05:09:34Z

for dark theme users

@@ Line 109: / Line 109: @@
    color: #ff0000;
    text-decoration: underline;
+}

Fen: adding incidents portal

2025-07-16T04:22:01Z

adding incidents portal

New page

.incidents-portal-wrapper {
font-family: "Work Sans", "Segoe UI", sans-serif;
background: #fef9f7;
color: #1b1b1b;
padding: 2em;
max-width: 1200px;
margin: auto;
}

/* Header */
.incidents-header {
background: linear-gradient(to right, #991b1b, #7f1d1d);
color: #fff;
padding: 1.5em;
border-left: 10px solid #ff4d4d;
border-radius: 6px;
margin-bottom: 2em;
box-shadow: 0 0 15px rgba(127, 29, 29, 0.3);
}
.incidents-title {
font-size: 2.3em;
font-weight: 800;
}
.incidents-subtitle {
font-size: 1.1em;
font-style: italic;
margin-top: 0.4em;
color: #f8d7da;
}

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

/* Card */
.incidents-card {
background: #fff;
border: 2px solid #ffdddd;
border-left: 5px solid #e60000;
border-radius: 6px;
padding: 1.2em;
box-shadow: 0 2px 6px rgba(200, 0, 0, 0.04);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.incidents-card:hover {
transform: translateY(-2px);
box-shadow: 0 5px 10px rgba(255, 0, 0, 0.08);
}
.incidents-card.wide {
grid-column: 1 / -1;
}

/* Titles */
.incidents-card-title {
font-size: 1.3em;
font-weight: 700;
color: #c40000;
margin-bottom: 0.5em;
border-bottom: 1px dashed #bbb;
padding-bottom: 0.2em;
}

/* Body */
.incidents-card-body {
font-size: 0.97em;
color: #202020;
}
.incidents-card-body ul {
padding-left: 1.2em;
}
.incidents-card-body li {
margin-bottom: 0.4em;
}

/* Center content */
.incidents-card-body.center {
text-align: center;
}

/* Category tags */
.incidents-card-body a[href*="Category:"] {
display: inline-block;
background: #ffeaea;
border: 1px solid #ffcccc;
padding: 0.3em 0.6em;
font-size: 0.9em;
font-weight: 600;
color: #900;
border-radius: 4px;
margin: 0.2em;
text-decoration: none;
}
.incidents-card-body a[href*="Category:"]:hover {
background: #fdd;
color: #600;
border-color: #d00;
}

/* Link styling */
a:link,
a:visited {
color: #a20000;
text-decoration: none;
}
a:hover {
color: #ff0000;
text-decoration: underline;
}