Adds more gloss and gradients to Ebay
[WIP] Skeuomorphic / Aero Ebay by SatinFoil
Details
AuthorSatinFoil
LicenseNo License
Categoryebay
Created
Updated
Size2.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This is still a work in progress. There are bugs and inconsistencies currently.
Source code
/* ==UserStyle==
@name [WIP] Skeuomorphic + Aero Ebay
@version 20240731.06.13
@namespace https://userstyles.world/user/SatinFoil
@description Adds more gloss and gradients to Ebay
@author SatinFoil
@license No License
==/UserStyle== */
@-moz-document domain("ebay.ca"), domain("ebay.com"), domain("ebay.co.uk"), domain("ebay.de"), domain("ebay.fr"), domain("ebay.it"), domain("ebay.es"), domain("ebay.com.au"), domain("ebay.at"), domain("ebay.com.my"), domain("ebay.nl"), domain("ebay.ph"), domain("ebay.pl"), domain("ebay.com.sg"), domain("ebay.ch") {
#gh-btn {
background-image: linear-gradient(#1a43b7 0%, #4f78ee 50%, #2b5ff3 50%, #3691ff) !important;
transition: 0.2s !important;
}
#gh-btn:hover {
background-image: linear-gradient(#1d66d3 0%, #5ba2ff 50%, #428cfb 50%, #48bfff) !important;
text-shadow: 0px 0px 10px white, 0px 0px 11px white, 0px 0px 13px white, 0px 0px 15px white !important;
transition: 0.2s !important;
}
.global-header-container {
background: linear-gradient(#fff, #ccc);
}
#gh-top {
background: linear-gradient(#bababa 0%, #dbdbdb 50%, #c7c7c7 50%, #ededed 100%);
border-radius: 5px;
}
.vl-flyout-nav__container {
background: linear-gradient(#c8c8c8 0%, #e6e6e6 50%, #cfcfcf 50%, #f5f5f5 100%);
}
.vl-flyout-nav__flyout {
/* background: linear-gradient(#c8c8c8 0%, #e6e6e6 50%, #cfcfcf 50%, #f5f5f5 100%); */
background: linear-gradient(#fff, #a4a4a4);
}
.srp-carousel-list__item-link--truncated-small-item {
background: linear-gradient(#bababa 0%, #dbdbdb 50%, #c7c7c7 50%, #ededed 100%);
}
.fake-tabs__items, .fake-menu-button__button, .btn--small, .btn--secondary, .carousel__control, .carousel__control--next, .fake-link {
background: linear-gradient(#bababa 0%, #dbdbdb 50%, #c7c7c7 50%, #ededed 100%) !important;
border-radius: 20px;
border: 1px solid #cfcfcf !important;
}
.fake-btn {
background: linear-gradient(#0433a0 0%, #274df1 50%, #083fc0 50%, #5878fb 100%) !important;
border: 1px solid white !important;
transition: 0.2s;
}
.fake-btn:hover {
background: linear-gradient(#044fa0 0%, #2771f1 50%, #0858c0 50%, #589ffb 100%) !important;
border: 1px solid white !important;
text-shadow: 0px 0px 10px white, 0px 0px 11px white !important;
transition: 0.2s;
}
.d-top-panel-message--statuscontainer {
background: linear-gradient(#044fa0 0%, #2771f1 50%, #0858c0 50%, #589ffb 100%) !important;
border-radius: 8px;
}
.fake-btn--secondary {
color: white !important;
}
.small {
color: black !important;
}
}