Adds more gloss and gradients to Ebay
[WIP] Skeuomorphic / Aero Ebay by SatinFoil
Details
AuthorSatinFoil
LicenseNo License
Categoryebay
Created
Updated
Size2.7 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:45 (8:45 PM)
Improved gradients and made the design a bit more consistent
This is still a work in progress. There may be bugs and inconsistencies currently.
Source code
/* ==UserStyle==
@name [WIP] Skeuomorphic / Aero Ebay
@version 20241030.00.44
@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(#5880f2 0%, #254dc3 50%, #0b39bb 50%, #3691ff) !important;
transition: 0.2s !important;
}
#gh-btn:hover {
background-image: linear-gradient(#58cbf2 0%, #2589c3 50%, #0b98bb 50%, #36deff) !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, .x-header, #vi-global-header, #gh {
background: linear-gradient(#fff, #ccc);
border-radius: 15px;
}
#gh-top {
background: linear-gradient(#d8d8d8 0%, #b8b8b8 50%, #a1a1a1 50%, #ededed 100%);
border-radius: 5px;
}
.vl-flyout-nav__container {
background: linear-gradient(#d8d8d8 0%, #b8b8b8 50%, #a1a1a1 50%, #ededed 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(#d8d8d8 0%, #b8b8b8 50%, #a1a1a1 50%, #ededed 100%);
}
.fake-tabs__items, .fake-menu-button__button, .btn--small, .btn--secondary, .carousel__control, .carousel__control--next, .fake-link {
background: linear-gradient(#d8d8d8 0%, #b8b8b8 50%, #a1a1a1 50%, #ededed 100%) !important;
border-radius: 20px;
border: 1px solid #cfcfcf !important;
}
.fake-btn {
background: linear-gradient(#3e78ff 0%, #2042d4 50%, #113ea5 50%, #5879ff 100%) !important;
border: 1px solid white !important;
transition: 0.2s;
}
.fake-btn:hover {
background: linear-gradient(#3eb8ff 0%, #2086d4 50%, #1174a5 50%, #58a0ff 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(#3e78ff 0%, #2042d4 50%, #113ea5 50%, #5879ff 100% !important;
border-radius: 8px;
}
.fake-btn--secondary {
color: white !important;
}
.small {
color: black !important;
}
}