@font-face { показване на шрифта: не е задължително; шрифт семейство: "Market Данс"; стил на шрифта: обикновен; тегло на шрифта: 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) формат ('embedded-opentype'), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.woff2 ) формат ('woff2'), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.woff ) формат ('woff'), url(https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-Regular-WebS.ttf ) формат ('truetype'), (формат'svg') } @font-face {шрифт дисплей: не е задължително; шрифт семейство: "Market Данс"; стил на шрифта: обикновен; тегло на шрифта: 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) формат('вградените шрифтове OpenType'), URL(с https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.woff2) формат('woff2'), URL(с https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.woff) формат('кино'), URL(с https://ir.ebaystatic.com/cr/v/c1/market-sans/v1.0/MarketSans-SemiBold-WebS.ttf) формат('TrueType шрифтове') формат('SVG с') } /* таблица */ * { кутия проклейки: граница-кутия; граница: 0; пълнеж: 0; } .контейнер { позиция: относителна; ширина: 100%; Макс-ширина: 1200px; граница: 0 auto; пълнеж: 0 в 20px; кутия, размер: граница-бокс; } .колона .колони { ширина: 100%; поплавъка: ляво; кутия, размер: граница-бокс; пълнеж: в 4px; марж-отдолу: в 4px; } /* за устройства на повече от 400 пиксела */ @медии (мин.-ширина: 400 пиксела) { .контейнер { ширина: 85%; пълнеж: 0; } } /* за устройства повече от 650px */ @медии (мин.-ширина: 650px) { .контейнер { ширина: 100%; } .колона .колони { граница-в ляво: 4%; } .колони:първата-Детето .колони:първата-детето { граница-в ляво: 0; } .един.колона .един.колони { ширина: 4.66666666667%; } .две.колони { ширина: 13.3333333333%; } .три.колони { ширина: 22%; } .четири.колони { ширина: 30.6666666667%; } .и пет.колони { ширина: 39.3333333333%; } .шест.колони { ширина: 48%; } .седем.колони { ширина: 56.6666666667%; } .осем.колони { ширина: 65.3333333333%; } .девет.колони { ширина: 74.0%; } .десет.колони { ширина: 82.6666666667%; } .единадесет.колони { ширина: 91.3333333333%; } .дванадесет.колони { ширина: 100%; граница-в ляво: 0; } .една трета.колона { ширина: 30.6666666667%; } .две трети.колона { ширина: 65.3333333333%; } .в едната половина.колона { ширина: 48%; } /* офсет */ .отместване-на-един.колона .отместване-на-един.колони { граница-в ляво: 8.66666666667%; } .офсет в два.колона .офсет в два.колони { граница-в ляво: 17.3333333333%; } .класиране-по три.колона .класиране-по три.колони { граница-от ляво на: 26%; } .класиране-по четири.колона .класиране-по четири.колони { граница-в ляво: 34.6666666667%; } .класиране-по пет.колона .класиране-по пет.колони { граница-в ляво: 43.3333333333%; } .класиране-по шест.колона .класиране-по шест.колони { граница-в ляво: 52%; } .отместване-на-на-на седем.колона .отместване-на-на-на седем.колони { граница-в ляво: 60.6666666667%; } .отместване-на осем.колона .отместване-на осем.колони { граница-в ляво: 69.3333333333%; } .отместване-на-на-на девет.колона .отместване-на-на-на девет.колони { граница-в ляво: 78.0%; } .отместване на десет.колона .отместване на десет.колони { граница-в ляво: 86.6666666667%; } .отместване-на-на-на единадесет.колона .отместване-на-на-на единадесет.колони { граница-в ляво: 95.3333333333%; } .отместване на една трета.колона .отместване на една трета.колони { граница-в ляво: 34.6666666667%; } .отместване на две трети.колона .отместване на две трети.колони { граница-в ляво: 69.3333333333%; } .отместване на половина.колона .отместване на половина.колони { граница-в ляво: 52%; } } тялото { фон-цвят: #FFF; цвят: #111820; размер на шрифта: .875rem; шрифт тегло: 400; -в WebKit-text-размер-регулиране: 100%; } и HTML, body { шрифт: 'пазар Sens', 'готически', Хельветика, Ариал, робото, без сериф; цвят: #212121; } /* книгопечатане */ .гигантски текст-2 { шрифт с размер: 2.25 Рем; line-височина: 46px } .гигантски текст-1 { шрифт с размер: 1.875 Рем; line-височина: 40 пиксела } .голям текст-2 {размер на шрифта: 1,5 rem; височина на ред: 32px } .голям текст-1 { размер на шрифта: 1,25 rem; височина на ред: 28 пиксела } . средната текст { размер на шрифта: 1rem; височина на ред: 24 пиксел } .обикновен текст { размер на шрифта: .875rem; височина на ред: 20 пиксела } .малко текст { шрифт с размер: .75rem; височина на ред: 18 пиксела } .средно-текст { color: #a2a2a2 } .гигантски-име на продукта .гигантски е заглавието на дял { размер на шрифта: 1,5 rem; височина на ред: 36 пиксела } .голям заглавието на продукта .голям раздел заглавието { размер на шрифта: 1,25 rem; височина на ред: 30 пиксела } .средната заглавието на продукта .средната заглавието на дял { размер на шрифта: 1rem; височина на ред: 24 пиксел } .малко заглавието на продукта .заглавие малък дял { размер на шрифта: .875rem; височина на ред: 24px;} @media (минимална широчина: 601px) { .infotip__overlay, .tooltip__overlay, .tourtip__overlay { максимална ширина: 400px } .giant-product-title, .заглавие гигантски дял { размер на шрифта: 1.875 rem } .голям заглавието на продукта .голямо заглавие на раздел { размер на шрифта: 1,5 rem } .средната заглавието на продукта .средната заглавието на дял { размер на шрифта: 1,25 rem } .малко заглавието на продукта .малко заглавието на дял { размер на шрифта: 1rem } } p { дисплей: блок; } #pcPartImg { ширина: 400 пиксела; } .box { радиус на границата: 2px 2px 0 0; цвят на фона: #fff; граница: 1px solid #f0f0f0; отстъп: 15 пиксела; цвят: #212121; } .box-заглавието { поле-top: 8px; размер на шрифта: .875rem; тегло на шрифта: 500; височина на ред: 1; } .box-content { тегло на шрифта: 400; височина на ред: 1.29; цвят: #212121; padding-top: 8 пиксела; padding-bottom: 8 пиксела; } .img-box { показване на: -webkit-flex; картографиране: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-подравняване на елементи: в центъра; -ms-flex-подравняване: центрирано; подравняване на елементи: в центъра; -webkit-подравняване-съдържание: център; -ms-flex-pack: център; подравняване-съдържание: в центъра; позиция: относително; граница: 1px solid #f0f0f0; } .itemsubtitle, .itemsubsubtitle { отстъп: 0; височина на ред: 1.4; размер на шрифта: предава по наследство; тегло на шрифта: предава по наследство; картографиране: вграден блок; } .itemsubsubtitle { color: #878787; } .label { тегло на шрифта: 700; размер на шрифта: 24 пиксела; цвят: hsl(202, 57%, 15%); /* hsl(0, 0, 29%);*/ писмо-интервал: 0,05 em; } .характеристики-етикет { тегло на шрифта: 500; цвят на фона: hsl(220, 12%, 95%); отстъп: 4px 4px 4px 8px; } .заглавие среден дял { цвят: hsl(202, 57%, 15%); } .карти { картографиране: мрежа; мрежа-модел-колони: повторение (autocomplete, минималната стойност (230 пиксела, 1 кадър)); мрежа-интервал: 4 пиксела; } .is-label .is-value { горна граница: 2 пиксела; отстъп: 4 пиксел 4 пиксел 4 пиксел 8 пиксела; } .is-label { тегло на шрифта: 500; цвят на фона: hsl(220, 12%, 95%); } Подробна информация за продукта