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