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

Fen at 05:11, 5 August 2025

2025-08-05T05:11:49Z

Fen: I think this looks better

2025-07-16T04:26:02Z

I think this looks better

← Older revision		Revision as of 04:26, 16 July 2025
Line 1:		Line 1:
	.software-portal-wrapper {		.software-portal-wrapper {
	font-family: "~~Fira Code", "Courier New~~", monospace;		font-family: "JetBrains Mono", monospace;
	background: #~~1a1a1a~~;		background: #0d0d0d;
	color: #~~ddd~~;		color: #e0e0e0;
	padding: 2em;		padding: 2em;
	max-width: 1200px;		max-width: 1200px;
Line 10:		Line 10:
	/* Header: dark banner */		/* Header: dark banner */
	.software-header {		.software-header {
	background: #~~000~~;		background: linear-gradient(to right, #121212, #1e1e1e);
	color: #~~fff~~;		color: #ffffff;
	border-left: ~~10px~~ solid #~~ff3333;~~		padding: 1.8em;
	~~padding: 1.5em~~;		border-left: 8px solid #00ffff;
	border-radius: ~~4px~~;		border-radius: 8px;
	margin-bottom: 2em;		margin-bottom: 2em;
	box-shadow: 0 0 ~~10px~~ rgba(255, ~~51, 51~~, 0.2);		box-shadow: 0 0 12px rgba(0, 255, 255, 0.2);
	}		}
	.software-title {		.software-title {
Line 25:		Line 25:
	.software-subtitle {		.software-subtitle {
	font-size: 1em;		font-size: 1em;
	~~color: #ccc;~~
	font-style: italic;		font-style: italic;
			color: #c0ffff;
	margin-top: 0.4em;		margin-top: 0.4em;
	}		}
Line 39:		Line 39:
	/* Card */		/* Card */
	.software-card {		.software-card {
	background: #~~222~~;		background: #1a1a1a;
	border: 1px solid #~~444~~;		border: 1px solid #2a2a2a;
	border-left: 5px solid #~~ff3333~~;		border-left: 5px solid #b380ff;
	border-radius: ~~3px~~;		border-radius: 6px;
	padding: 1.~~3em~~;		padding: 1.2em;
	box-shadow: ~~inset~~ 0 0 0 ~~1px #000~~;		box-shadow: 0 0 8px rgba(179, 128, 255, 0.05);
	transition: ~~box-shadow~~ 0.2s ease, ~~transform~~ 0.2s ease;		transition: transform 0.2s ease, box-shadow 0.2s ease;
	}		}
	.software-card:hover {		.software-card:hover {
	transform: translateY(-~~2px~~);		transform: translateY(-3px);
	box-shadow: 0 0 ~~10px~~ rgba(~~255~~, 51, 51, 0.1);		box-shadow: 0 0 12px rgba(179, 128, 255, 0.15);
	}		}
	.software-card.wide {		.software-card.wide {
Line 57:		Line 57:
	/* Title */		/* Title */
	.software-card-title {		.software-card-title {
	font-size: 1.~~2em~~;		font-size: 1.3em;
	font-weight: bold;		font-weight: bold;
	color: #~~ff9999~~;		color: #b380ff;
	margin-bottom: 0.5em;		margin-bottom: 0.5em;
	border-bottom: 1px ~~dashed~~ #~~444~~;		border-bottom: 1px solid #333;
	padding-bottom: 0.2em;		padding-bottom: 0.2em;
	}		}
Line 67:		Line 67:
	/* Body */		/* Body */
	.software-card-body {		.software-card-body {
	font-size: 0.~~95em~~;		font-size: 0.97em;
			color: #d0d0d0;
	line-height: 1.6;		line-height: 1.6;
	~~color: #ccc;~~
	}		}
	.software-card-body ul {		.software-card-body ul {
Line 83:		Line 83:
	}		}

	/* Category ~~links~~ */		/* Category tag buttons */
	.software-card-body a[href*="Category:"] {		.software-card-body a[href*="Category:"] {
	display: inline-block;		display: inline-block;
	background: #~~2a2a2a~~;		background: #262626;
	border: 1px solid #~~444~~;		border: 1px solid #3a3a3a;
	padding: 0.~~3em~~ 0.~~6em~~;		padding: 0.4em 0.8em;
	font-size: 0.9em;		font-size: 0.9em;
	font-weight: 600;		font-weight: 600;
	color: #~~ffcccc~~;		color: #00ffff;
	border-radius: 4px;		border-radius: 4px;
	margin: 0.~~25em~~;		margin: 0.3em;
	text-decoration: none;		text-decoration: none;
			transition: background 0.2s ease, border-color 0.2s ease;
	}		}
	.software-card-body a[href*="Category:"]:hover {		.software-card-body a[href*="Category:"]:hover {
	background: #~~3a3a3a;~~		background: #1e1e1e;
	~~color: #fff~~;		border-color: #00cccc;
	border-color: #~~666~~;
	}		}

	/* Link ~~styles~~ */		/* Link styling */
	a:link,		a:link,
	a:visited {		a:visited {
	color: #~~ff6666~~;		color: #33ccff;
	text-decoration: none;		text-decoration: none;
	}		}
	a:hover {		a:hover {
			color: #00ffff;
	text-decoration: underline;		text-decoration: underline;
	~~color: #ffa0a0;~~
	}		}

Fen: Created page with ".software-portal-wrapper { font-family: "Fira Code", "Courier New", monospace; background: #1a1a1a; color: #ddd; padding: 2em; max-width: 1200px; margin: auto; } /* Header: dark banner */ .software-header { background: #000; color: #fff; border-left: 10px solid #ff3333; padding: 1.5em; border-radius: 4px; margin-bottom: 2em; box-shadow: 0 0 10px rgba(255, 51, 51, 0.2); } .software-title { font-size: 2.2em; font-weight: bold; letter-spacin..."

2025-07-16T04:17:49Z

Created page with ".software-portal-wrapper { font-family: "Fira Code", "Courier New", monospace; background: #1a1a1a; color: #ddd; padding: 2em; max-width: 1200px; margin: auto; } Header: dark banner: .software-header { background: #000; color: #fff; border-left: 10px solid #ff3333; padding: 1.5em; border-radius: 4px; margin-bottom: 2em; box-shadow: 0 0 10px rgba(255, 51, 51, 0.2); } .software-title { font-size: 2.2em; font-weight: bold; letter-spacin..."

New page

.software-portal-wrapper {
font-family: "Fira Code", "Courier New", monospace;
background: #1a1a1a;
color: #ddd;
padding: 2em;
max-width: 1200px;
margin: auto;
}

/* Header: dark banner */
.software-header {
background: #000;
color: #fff;
border-left: 10px solid #ff3333;
padding: 1.5em;
border-radius: 4px;
margin-bottom: 2em;
box-shadow: 0 0 10px rgba(255, 51, 51, 0.2);
}
.software-title {
font-size: 2.2em;
font-weight: bold;
letter-spacing: 0.8px;
}
.software-subtitle {
font-size: 1em;
color: #ccc;
font-style: italic;
margin-top: 0.4em;
}

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

/* Card */
.software-card {
background: #222;
border: 1px solid #444;
border-left: 5px solid #ff3333;
border-radius: 3px;
padding: 1.3em;
box-shadow: inset 0 0 0 1px #000;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.software-card:hover {
transform: translateY(-2px);
box-shadow: 0 0 10px rgba(255, 51, 51, 0.1);
}
.software-card.wide {
grid-column: 1 / -1;
}

/* Title */
.software-card-title {
font-size: 1.2em;
font-weight: bold;
color: #ff9999;
margin-bottom: 0.5em;
border-bottom: 1px dashed #444;
padding-bottom: 0.2em;
}

/* Body */
.software-card-body {
font-size: 0.95em;
line-height: 1.6;
color: #ccc;
}
.software-card-body ul {
padding-left: 1.2em;
}
.software-card-body li {
margin-bottom: 0.4em;
}

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

/* Category links */
.software-card-body a[href*="Category:"] {
display: inline-block;
background: #2a2a2a;
border: 1px solid #444;
padding: 0.3em 0.6em;
font-size: 0.9em;
font-weight: 600;
color: #ffcccc;
border-radius: 4px;
margin: 0.25em;
text-decoration: none;
}
.software-card-body a[href*="Category:"]:hover {
background: #3a3a3a;
color: #fff;
border-color: #666;
}

/* Link styles */
a:link,
a:visited {
color: #ff6666;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #ffa0a0;
}