Skip to content

[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

Adds more gloss and gradients to Ebay

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;
}
}

Reviews

No reviews yet.