Skip to content

W3Schools Skeuomorphic Theme by SatinFoil

Details

AuthorSatinFoil

LicenseNo License

Categoryw3schools.com

Created

Updated

Size2.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

W3Schools Skeuomorphic Theme by SatinFoil

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         W3Schools Skeuomorphic Theme
@version      20240731.20.39
@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(black 0%, #363636 50%, #222 50%, #4b4b4b 100%);
}
.ga-nav:hover {
    /* background-image: linear-gradient(black, #4d4d4d) !important; */
    background: linear-gradient(#202020 0%, #494949 50%, #363636 50%, #585858 100%);
}
.active {
   /* background-image: linear-gradient(#00ffa1, #007349); */
    background: linear-gradient(#007349 0%, #00b975 50%, #00975f 50%, #00ffa1 100%)
}
.w3-btn {
    background-image: linear-gradient(#00a468 0%, #00e28e 50%, #00b573 50%, #00fda1 100%);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    transition: 0.03s;
}
.w3-btn:hover, .w3-margin-bottom:hover {
    background-image: linear-gradient(#00c87f 0%, #00f59a 50%, #00d386 50%, #2cffb2 100%);
    transition: 0.03s;
    color: #a4a4a4;
    text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 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(#bbb 0%, #e8e8e8 50%, #cacaca 50%, #dbdbdb 100%);
}
.w3-blue {
    background: linear-gradient(#0d3f69 0%, #1f8be4 50%, #1969aa 50%, #2294f2 100%);
    transition: 0.2s;
}
.w3-blue:hover {
    text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff;
    background: linear-gradient(#23669e 0%, #48a7f5 50%, #3f9eec 50%, #60b7ff 100%);
    transition: 0.2s;
}
}

Reviews

No reviews yet.