Skip to content

W3Schools Skeuomorphic Theme by SatinFoil

Details

AuthorSatinFoil

LicenseNo License

Categoryw3schools.com

Created

Updated

Size2.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

W3Schools Skeuomorphic Theme by SatinFoil

Notes

Update 29.10.2024 (Oct 29 2024) at 20:26 (8:26 PM)
Improved Some Gradients

Source code

/* ==UserStyle==
@name         W3Schools Skeuomorphic Theme
@version      20241030.00.25
@namespace    https://userstyles.world/user/SatinFoil
@description  W3Schools Skeuomorphic Theme by SatinFoil
@author       SatinFoil
@license      No License
==/UserStyle== */

@-moz-document domain("w3schools.com") {
#pagetop {
    background-image: linear-gradient(white, #a0a0a0);
}
#w3-logo {
    background-image: linear-gradient(white, #a0a0a0);
}
.user-anonymous {
    background-image: linear-gradient(white, #d9d9d9);
}
#subtopnav {
    /* background-image: linear-gradient(#4d4d4d, black) !important; */
    background: linear-gradient(#5a5a5a 0%, #2d2d2d 50%, #000 50%, #333 100%);
}
.ga-nav:hover {
    /* background-image: linear-gradient(black, #4d4d4d) !important; */
    background: linear-gradient(#585858 0%, #2f2f2f 50%, #1c1c1c 50%, #585858 100%);
}
.active {
   /* background-image: linear-gradient(#00ffa1, #007349); */
    background: linear-gradient(#00c27b 0%, #007c4e 50%, #00623e 50%, #00cc81 100%)
}
.w3-btn {
    background-image: linear-gradient(#33fbb2 0%, #00b572 50%, #008454 50%, #00e290 100%);
    border-top: none;
    border-bottom: none;
    transition: 0.03s;
}
.w3-btn:hover, .w3-margin-bottom:hover {
    background-image: linear-gradient(#33fbda 0%, #00b5a0 50%, #00846e 50%, #00e2b9 100%);
    transition: 0.03s;
    color: #a4a4a4;
    text-shadow: 0 0 10px #ffffff, 1px 0 20px #ffffff, 0 1px 30px #ffffff, 1px 1px 40px #ffffff, -1px 0 50px #ffffff, 0 -1px 60px #ffffff, -1px -1px 30px #ffffff;
}
.tnb-nav-btn:hover {
    background-image: linear-gradient(#00ffa1, #007349);
    text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff;
}
.user-anonymous {
    color: black !important;
}
.user-anonymous:hover {
    color: black !important;
}
.w3-button .ga-fp {
    background-image: linear-gradient(#00ffa1, #007349);
}
.ws-grey {
    background: linear-gradient(#ececec 0%, #b7b7b7 50%, #959595 50%, #d9d9d9 100%);
}
.w3-blue {
    background: linear-gradient(#33a2ff 0%, #1077cc 50%, #09508b 50%, #2294f2 100%);
    transition: 0.2s;
}
.w3-blue:hover {
    text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff;
    background: linear-gradient(#33e7ff 0%, #10adcc 50%, #097a8b 50%, #22e1f2 100%);
    transition: 0.2s;
}
}

Reviews

No reviews yet.