Some fun with CSS.
KDE MEGARELEASE 6 by task
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
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);
}
}