Skip to content

KDE MEGARELEASE 6 by task

Screenshot of KDE MEGARELEASE 6

Details

Authortask

LicenseNo License

Categoryhttps://kde.org/announcements/megarelease/6/

Created

Updated

Size2.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Some fun with CSS.

Notes

Certainly not finished as it was just for fun. If someone likes the idea, feel free to use/improve it :)

Source code

/* ==UserStyle==
@name       kde.org/announcements/megarelease/6/ - Feb. 2024
@version    20240228.16.25
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://kde.org/announcements/megarelease/6/") {
* {
	color: #ddc5dc;
	font-size: 1rem;
	line-height: 1.5rem;
}

main kbd,
.spectacle code {
	background-color: #790128;
	border-radius: 0.25rem;
	border: initial;
	padding: 0.15rem;
}

.nav-item img {
	border: initial;
	background: initial;
	padding: initial;
	margin: initial;
}

main,
.gear-section,
.intro,
.hero-overlay,
.wallpaper-dark,
.plasma-section {
	background-color: #131017 !important;
}

.breeze,
.krunner,
.plasma-mobile,
.wallpaper {
	background: initial;
}

.hero-overlay {
	background-color: #131017!important;
	background-image: linear-gradient(180deg, #23122d, transparent)
}

p,
.more p {
	font-family: "serif";
	margin: 3rem 0rem 2.5rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	line-height: 2.5rem;
	font-size: 1.5rem;
	text-align: center;
}

.more container {
	font-family: "serif";
	margin-top: 4rem;
	margin-bottom: 2.75rem;
	line-height: 2.5rem;
	font-size: 1.5rem;
	text-align: center;
}

main img {
	margin: 0.5rem;
	padding: 0rem;
	border: 1.0rem solid #23122d;
	background: linear-gradient(45deg, #ff0053 15%, #eef85b 50%, #09e5c3 85%);
	background-size: 600% 600%;
	border-radius: 2.0rem;
}

main .img-fluid,
main video {
	background: linear-gradient(45deg, #ff0053 15%, #eef85b 50%, #09e5c3 85%);
	background-size: 600% 600%;
	padding: 0.5rem;
	margin: 0.5rem;
}

h1 {
	font-size: 6.0rem;
	font-family: "sans-serif";
	margin-top: 2.5rem;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	text-align: center;
	background: -webkit-linear-gradient( 45deg, #ff0053 15%, #eef85b 50%, #09e5c3 85%);
	-webkit-background-clip: text;
	-webkit-text-stroke: 0.25rem transparent;
	color: rgb(255, 255, 255);
}

h2 {
	font-size: 2.5rem;
	margin-top: 3.5rem;
	margin-bottom: 2.5rem;
	text-transform: uppercase;
	text-align: center;
	background: -webkit-linear-gradient( 45deg, #ff0053 15%, #eef85b 50%, #09e5c3 85%);
	-webkit-background-clip: text;
	-webkit-text-stroke: 0px transparent;
	color: rgb(255, 255, 255);
}
}

Reviews

No reviews yet.