Skip to content

[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

Adds more gloss and gradients to Ebay

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

Reviews

No reviews yet.