W3Schools Skeuomorphic Theme by SatinFoil
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
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;
}
}