1995 Toyota Pickup

eBay WHI Template

• @font-face { font-display: optional; font-family: "Market Sans"; font-style: normal; font-weight: 400; src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.eot); src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.eot?#iefix) format('embedded-opentype'), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.woff2) format('woff2'), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.woff) format('woff'), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.ttf) format('truetype'), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.svg#MarketSans-Regular-WebS) format('svg') } @font-face { font-display: optional; font-family: "Market Sans"; font-style: normal; font-weight: 700; src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.eot); src: url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.eot?#iefix) format('embedded-opentype'), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.woff2) format('woff2'), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.woff) format('woff'), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.ttf) format('truetype'), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.svg#MarketSans-SemiBold-WebS) format('svg') } :root { --ebay-red:#E53238; --ebay-blue:#0064D2; --ebay-yellow:#F5AF02; --ebay-green:#86B817; --link:#0654BA; --ink:#111111; --gray:#767676; --line:#E5E5E5; --row:#F7F7F7; --bg:#FFFFFF; } /* Grid */ * { box-sizing: border-box; margin: 0; padding: 0; } .container { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; background: var(--bg); } .column, .columns { width: 100%; float: left; box-sizing: border-box; padding: 4px; margin-bottom: 4px; } /* For devices larger than 400px */ @media (min-width: 400px) { .container { width: 85%; padding: 0; } } /* For devices larger than 650px */ @media (min-width: 650px) { .container { width: 100%; } .column, .columns { margin-left: 4%; } .column:first-child, .columns:first-child { margin-left: 0; } .one.column, .one.columns { width: 4.66666666667%; } .two.columns { width: 13.3333333333%; } .three.columns { width: 22%; } .four.columns { width: 30.6666666667%; } .five.columns { width: 39.3333333333%; } .six.columns { width: 48%; } .seven.columns { width: 56.6666666667%; } .eight.columns { width: 65.3333333333%; } .nine.columns { width: 74.0%; } .ten.columns { width: 82.6666666667%; } .eleven.columns { width: 91.3333333333%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 30.6666666667%; } .two-thirds.column { width: 65.3333333333%; } .one-half.column { width: 48%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } } body { background-color: var(--bg); color: var(--ink); font-size: .875rem; font-weight: 400; -webkit-text-size-adjust: 100%; } html, body { font-family: 'Market Sans', 'Helvetica Neue', Helvetica, Arial, Roboto, sans-serif; color: var(--ink); } a { color: var(--link); text-decoration: none; } a:hover { text-decoration: underline; } .btn-link { display: inline-block; background-color: var(--ebay-blue); color: #fff; font-weight: 700; font-size: .8rem; text-align: center; padding: 10px 18px; border-radius: 20px; text-decoration: none; } .btn-link:hover { background-color: var(--link); text-decoration: none; } /* Typography */ .giant-text-2 { font-size: 2.25rem; line-height: 46px } .giant-text-1 { font-size: 1.875rem; line-height: 40px } .large-text-2 { font-size: 1.5rem; line-height: 32px } .large-text-1 { font-size: 1.25rem; line-height: 28px } .medium-text { font-size: 1rem; line-height: 24px } .regular-text { font-size: .875rem; line-height: 20px } .small-text { font-size: .75rem; line-height: 18px } .secondary-text { color: var(--gray) } .giant-product-title, .giant-section-title { font-weight: 700; font-size: 1.5rem; line-height: 36px; color: var(--ink); } .large-product-title, .large-section-title { font-weight: 700; font-size: 1.25rem; line-height: 30px; color: var(--ink); } .medium-product-title, .medium-section-title { font-weight: 700; font-size: 1rem; line-height: 24px; color: var(--ink); } .sma