Created
April 26, 2022 19:13
-
-
Save av1d/d63683ebec50bf81cbbbd0179ad383bd to your computer and use it in GitHub Desktop.
Unfuck eBay's new seller listing tool interface, the most atrocious UI ever designed in the history of Earth! Accessible high contrast.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Fuck eBay? Then unfuck eBay. | |
| Their new listing tool interface is the most atrocious contraption ever created. | |
| It should be killed with fire and the dev sent to Mars. Anyone involved with its | |
| design should be smothered in honey and laid atop a red ants nest. | |
| Get the picture? | |
| In the meantime, you can compact it and clean it up a bit. | |
| Load this into stylebot addon for your browser. | |
| Bugs: press alt+shift+t when you're NOT inside the listing tool because it will hide | |
| item descriptions and possibly other elements on eBay pages. | |
| Interface is also high contrast with accessibility in mind. Leave comments for improvements etc. | |
| */ | |
| body.no-touch { | |
| background-color: #000000; | |
| } | |
| html.site-us.font-marketsans { | |
| background-color: #000000; | |
| } | |
| .icon { | |
| visibility: visible !important; | |
| } | |
| #gh-logo { | |
| display: none; | |
| } | |
| h1.textual-display.header__title { | |
| display: none; | |
| } | |
| div.header { | |
| display: none; | |
| } | |
| div.summary__header-label { | |
| display: none; | |
| } | |
| h1 { | |
| color: #ffffff; | |
| } | |
| h2 { | |
| color: #ffffff; | |
| } | |
| label.field__label { | |
| color: #05fc11; | |
| font-weight: bold; | |
| } | |
| button.summary__header-edit-button.icon-btn { | |
| color: #ffffff; | |
| } | |
| div.summary__header { | |
| background-color: #333333; | |
| } | |
| button.uploader-thumbnails__container-empty.uploader-thumbnails__container-empty--photos { | |
| border-radius: 0px; | |
| background-color: #111111; | |
| color: #ffffff; | |
| } | |
| button.uploader-thumbnails__container-empty.uploader-thumbnails__container-empty--videos { | |
| border-radius: 0px; | |
| background-color: #111111; | |
| color: #ffffff; | |
| } | |
| section.section-notice.section-notice--information { | |
| border-radius: 0px; | |
| background: #333333; | |
| color: #ffffff; | |
| width: 100% !important | |
| } | |
| div button span { | |
| color: #ffffff; | |
| } | |
| button.fake-menu-button__button.icon-btn { | |
| display: none; | |
| } | |
| span.se-textbox--counter { | |
| background-color: #333333; | |
| color: #ffffff; | |
| } | |
| div.strength-indicator { | |
| background-color: #000000; | |
| border-radius: 0px; | |
| height: 100%; | |
| } | |
| span.textual-display.strength-indicator__message.bold { | |
| color: #ffffff; | |
| } | |
| p.strength-indicator__description { | |
| color: #ffffff; | |
| } | |
| div div label { | |
| color: #ffffff; | |
| } | |
| button.infotip__host.icon-btn.icon-btn--transparent { | |
| color: #ffffff; | |
| } | |
| div.circle-count { | |
| font-weight: bold; | |
| background-color: #333333; | |
| color: #ffffff; | |
| } | |
| div.smry.summary__attributes { | |
| background-color: #111111; | |
| width: 100%; | |
| } | |
| div.condition-recommendation { | |
| background-color: #000000; | |
| border-radius: 0px; | |
| } | |
| p.textual-display.condition-recommendation-header { | |
| color: #ffffff; | |
| } | |
| button.condition-recommendation-value.btn { | |
| border-radius: 0px; | |
| color: #000000; | |
| font-weight: bold; | |
| } | |
| button.condition-recommendation-more-values.btn { | |
| color: #000000; | |
| font-weight: bold; | |
| border-radius: 0px; | |
| } | |
| div.smry-group { | |
| background-color: #000000; | |
| color: #ffffff; | |
| } | |
| button.smry-group__value { | |
| color: #ffffff !important; | |
| font-weight: bold; | |
| } | |
| .smry-group__item { | |
| color:#05fc11 !important; | |
| font-weight: bold; | |
| } | |
| #s0-0-0-22-7-25-0-22\[13\]-3-27-4-0-17\[0\]-summary-field-0-1-label { | |
| color: #ffffff; | |
| } | |
| #s0-0-0-22-7-25-0-22\[13\]-3-27-4-0-17\[0\]-summary-field-0-2-label { | |
| color: #ffffff; | |
| } | |
| #mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__shipping > div.smry-group > div > div.smry-group > div > ul:nth-child(4) > li:nth-child(3) > div > div { | |
| color: #ffffff; | |
| } | |
| #s0-0-0-22-7-25-0-22\[13\]-3-27-4-0-17\[0\]-summary-field-0-3-label { | |
| color: #ffffff; | |
| } | |
| #mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__shipping > div.smry-group > div > div.smry-group > div > ul:nth-child(5) > li:nth-child(3) > div > div { | |
| color: #ffffff; | |
| } | |
| #s0-0-0-22-7-25-0-22\[13\]-3-27-4-0-17\[0\]-summary-field-0-4-label { | |
| color: #ffffff; | |
| } | |
| div.smry.summary--warn.summary__photos { | |
| width: 100% !important; | |
| } | |
| div.smry.summary__title { | |
| width: 100% !important; | |
| } | |
| div.smry.summary__category { | |
| width: 100% !important; | |
| } | |
| button.value.fake-link { | |
| color: #0ad6cc; | |
| background-color: #000000; | |
| } | |
| button.frequently-selected-attributes__btn.btn { | |
| border-radius: 0px; | |
| color: #000000; | |
| } | |
| button.filter-menu--host.btn { | |
| color: #000000; | |
| font-weight: bold; | |
| } | |
| div.value-secondary.margin-top4 { | |
| background-color: #000000; | |
| color: #05fc11; | |
| font-weight: bold; | |
| } | |
| div.smry.summary__variations { | |
| background-color: #111111; | |
| color: #ffffff; | |
| width: 100%; | |
| } | |
| div.smry.summary__condition { | |
| display: contents; | |
| white-space: nowrap; | |
| margin: 0 !important; | |
| padding: 0 !important; | |
| background-color: #111111; | |
| color: #ffffff; | |
| width: 100%; | |
| } | |
| div.summary-column { | |
| border-radius: 0px; | |
| background-color: #000000; | |
| color: #ffffff; | |
| } | |
| div.summary__legal-faq { | |
| display: none; | |
| } | |
| td.gf-legal { | |
| display: none; | |
| } | |
| tbody tr td { | |
| display: none; | |
| } | |
| button.smry-group__value.fake-link { | |
| color:#0ad6cc; | |
| } | |
| div.smry--column { | |
| background-color: #000000; | |
| } | |
| div.uploader-editor__header { | |
| background-color: #000000; | |
| } | |
| div.body-core { | |
| background-color: #000000; | |
| } | |
| ul.feature-buttons { | |
| background-color: #000000; | |
| } | |
| div.control-buttons { | |
| background-color: #000000; | |
| } | |
| button.icon-btn { | |
| font-weight: bold; | |
| } | |
| input.textbox__control.textbox__control--fluid { | |
| border-radius: 0px; | |
| width: 100%; | |
| font-weight: bold; | |
| } | |
| button.expand-btn.expand-btn--default.menu-button__button { | |
| background-color: #000000; | |
| border-radius: 0px; | |
| } | |
| button.expand-btn.expand-btn--default { | |
| background-color: #000000; | |
| border-radius: 0px; | |
| } | |
| ul.se-rte__button-group__toolbar { | |
| background-color: #111111; | |
| } | |
| button.btn.btn--tertiary { | |
| border-radius: 0px; | |
| } | |
| div.summary__sell-it-faster--banner-container { | |
| border-radius: 0px; | |
| } | |
| button.icon-btn.feature-group { | |
| border-radius: 0px; | |
| } | |
| section span p { | |
| display: none; | |
| } | |
| div.section-notice__header { | |
| display: none; | |
| } | |
| #mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__price > div.summary__header-container > div.summary__notice > section { | |
| display: none; | |
| } | |
| #mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__shipping > div.summary__header-container > div.summary__notice > section { | |
| display: none; | |
| } | |
| #mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__description > div.summary__header-container > div.summary__notice > section { | |
| display: none; | |
| } | |
| div.summary__header-container { | |
| display: none; | |
| } | |
| h3.smry-group__header { | |
| display: none; | |
| } | |
| #mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__description > div.summary-section > span > div > div > ul > li:nth-child(12) > span > div > span { | |
| background-color: #ffffff; | |
| border-radius: 0px; | |
| } | |
| #mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__photos > div.uploader-ui > div.uploader-thumbnails.uploader-thumbnails--inline.uploader-thumbnails--inline-edit > div.uploader-thumbnails__action-container > button:nth-child(2) { | |
| color:#ffffff; | |
| } | |
| #mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary__page-header { | |
| display: none; | |
| } | |
| #mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__photos > div.uploader-ui > div > div.uploader-thumbnails__action-container > button:nth-child(1) { | |
| color: #ffffff; | |
| } | |
| button.btn.uploader-thumbnails__action.icon-btn { | |
| color: #ffffff; | |
| visibility: visible !important; | |
| } | |
| h2.confirm-dialog__title { | |
| background-color: #000000; | |
| } | |
| div.confirm-dialog__window.confirm-dialog__window--fade.keyboard-trap--active { | |
| background-color: #000000; | |
| color: #ffffff; | |
| border-radius: 0px; | |
| } | |
| button.confirm-dialog__confirm.btn.btn--primary { | |
| border-radius: 0px; | |
| } | |
| button.confirm-dialog__reject.btn.btn--secondary { | |
| border-radius: 0px; | |
| } | |
| div.summary__divider { | |
| display: none; | |
| } | |
| #mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary__variations > div.smry--section > div { | |
| display: none; | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment