diff --git a/cats/Thumbs.db b/cats/Thumbs.db new file mode 100644 index 0000000..f4cd790 Binary files /dev/null and b/cats/Thumbs.db differ diff --git a/cats/cat1.jpg b/cats/cat1.jpg new file mode 100644 index 0000000..6a63c1b Binary files /dev/null and b/cats/cat1.jpg differ diff --git a/cats/cat10.jpg b/cats/cat10.jpg new file mode 100644 index 0000000..1b8414e Binary files /dev/null and b/cats/cat10.jpg differ diff --git a/cats/cat11.jpg b/cats/cat11.jpg new file mode 100644 index 0000000..93fa4d3 Binary files /dev/null and b/cats/cat11.jpg differ diff --git a/cats/cat12.jpg b/cats/cat12.jpg new file mode 100644 index 0000000..54c62b8 Binary files /dev/null and b/cats/cat12.jpg differ diff --git a/cats/cat13.jpg b/cats/cat13.jpg new file mode 100644 index 0000000..212acf6 Binary files /dev/null and b/cats/cat13.jpg differ diff --git a/cats/cat14.jpg b/cats/cat14.jpg new file mode 100644 index 0000000..61a7332 Binary files /dev/null and b/cats/cat14.jpg differ diff --git a/cats/cat2.jpg b/cats/cat2.jpg new file mode 100644 index 0000000..81726fd Binary files /dev/null and b/cats/cat2.jpg differ diff --git a/cats/cat3.jpg b/cats/cat3.jpg new file mode 100644 index 0000000..466f3b6 Binary files /dev/null and b/cats/cat3.jpg differ diff --git a/cats/cat4.jpg b/cats/cat4.jpg new file mode 100644 index 0000000..0981fe7 Binary files /dev/null and b/cats/cat4.jpg differ diff --git a/cats/cat5.jpg b/cats/cat5.jpg new file mode 100644 index 0000000..f193a9f Binary files /dev/null and b/cats/cat5.jpg differ diff --git a/cats/cat6.jpg b/cats/cat6.jpg new file mode 100644 index 0000000..fc4f27f Binary files /dev/null and b/cats/cat6.jpg differ diff --git a/cats/cat7.jpg b/cats/cat7.jpg new file mode 100644 index 0000000..2dedbe0 Binary files /dev/null and b/cats/cat7.jpg differ diff --git a/cats/cat8.jpg b/cats/cat8.jpg new file mode 100644 index 0000000..6195b4f Binary files /dev/null and b/cats/cat8.jpg differ diff --git a/cats/cat9.jpg b/cats/cat9.jpg new file mode 100644 index 0000000..2d02729 Binary files /dev/null and b/cats/cat9.jpg differ diff --git a/cats/mini_size/Gav.jpg b/cats/mini_size/Gav.jpg new file mode 100644 index 0000000..23b4f83 Binary files /dev/null and b/cats/mini_size/Gav.jpg differ diff --git a/cats/mini_size/Thumbs.db b/cats/mini_size/Thumbs.db new file mode 100644 index 0000000..5b8c494 Binary files /dev/null and b/cats/mini_size/Thumbs.db differ diff --git a/cats/mini_size/cat1.jpg b/cats/mini_size/cat1.jpg new file mode 100644 index 0000000..0b7be7c Binary files /dev/null and b/cats/mini_size/cat1.jpg differ diff --git a/cats/mini_size/cat10.jpg b/cats/mini_size/cat10.jpg new file mode 100644 index 0000000..b118a9b Binary files /dev/null and b/cats/mini_size/cat10.jpg differ diff --git a/cats/mini_size/cat11.jpg b/cats/mini_size/cat11.jpg new file mode 100644 index 0000000..544b6a7 Binary files /dev/null and b/cats/mini_size/cat11.jpg differ diff --git a/cats/mini_size/cat12.jpg b/cats/mini_size/cat12.jpg new file mode 100644 index 0000000..d3f7422 Binary files /dev/null and b/cats/mini_size/cat12.jpg differ diff --git a/cats/mini_size/cat13.jpg b/cats/mini_size/cat13.jpg new file mode 100644 index 0000000..5367574 Binary files /dev/null and b/cats/mini_size/cat13.jpg differ diff --git a/cats/mini_size/cat14.jpg b/cats/mini_size/cat14.jpg new file mode 100644 index 0000000..21fa69f Binary files /dev/null and b/cats/mini_size/cat14.jpg differ diff --git a/cats/mini_size/cat2.jpg b/cats/mini_size/cat2.jpg new file mode 100644 index 0000000..359865b Binary files /dev/null and b/cats/mini_size/cat2.jpg differ diff --git a/cats/mini_size/cat3.jpg b/cats/mini_size/cat3.jpg new file mode 100644 index 0000000..671493e Binary files /dev/null and b/cats/mini_size/cat3.jpg differ diff --git a/cats/mini_size/cat4.jpg b/cats/mini_size/cat4.jpg new file mode 100644 index 0000000..cb38b83 Binary files /dev/null and b/cats/mini_size/cat4.jpg differ diff --git a/cats/mini_size/cat5.jpg b/cats/mini_size/cat5.jpg new file mode 100644 index 0000000..cff1f33 Binary files /dev/null and b/cats/mini_size/cat5.jpg differ diff --git a/cats/mini_size/cat6.jpg b/cats/mini_size/cat6.jpg new file mode 100644 index 0000000..3477929 Binary files /dev/null and b/cats/mini_size/cat6.jpg differ diff --git a/cats/mini_size/cat7.jpg b/cats/mini_size/cat7.jpg new file mode 100644 index 0000000..4bc589c Binary files /dev/null and b/cats/mini_size/cat7.jpg differ diff --git a/cats/mini_size/cat8.jpg b/cats/mini_size/cat8.jpg new file mode 100644 index 0000000..ac15445 Binary files /dev/null and b/cats/mini_size/cat8.jpg differ diff --git a/cats/mini_size/cat9.jpg b/cats/mini_size/cat9.jpg new file mode 100644 index 0000000..4d6da60 Binary files /dev/null and b/cats/mini_size/cat9.jpg differ diff --git a/index.css b/index.css index e69de29..d2c5809 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,155 @@ +body +{ + padding: 0; +} + +.label-button +{ + cursor: pointer; +} + +.note +{ + width: 250px; + height: 410px; + display: inline-block; + vertical-align: top; + text-overflow: ellipsis; + padding: 5px; + margin: 1px; + position: relative; +} + +.note:hover +{ + background-color: #fa0; +} + +.grid:checked ~ .note:hover +{ + transform: scale(1.05); +} + +.cat +{ + min-width: 250px; + height: 200px; + position: relative; +} + +.cat img:hover +{ + opacity: 1; +} + +.cat img +{ + position: absolute; + bottom: 0; + opacity: .8; +} + +.note section +{ + overflow: hidden; + text-overflow: ellipsis; +} + +.note a +{ + font-size: 2.2em; + text-overflow: ellipsis; +} + +.note a:hover +{ + color: red; +} + +.note small +{ + margin: 2px; +} + +.note small span +{ + text-decoration: underline; + cursor: pointer; + border: 2px solid inherit; +} + +.price +{ + color: #b00; + font: 700 1.5em sans-serif; + +} + +.price::after +{ + content: attr(id); + font-size: .75em; + color: black; + text-decoration: line-through; + +} + +.price:hover +{ + text-shadow: 1px 1px 1px #000; + cursor: pointer; +} + +.info, +.description +{ + vertical-align: top; +} + +.info small span:hover +{ + border: 2px solid black; +} + +.description +{ + padding: 0; + margin: 0; +} + +.description-head +{ + display: block; + font: 700 1.05em serif; +} + +.list:checked ~ .note +{ + display: block; + min-width: 100%; + height: 100%; + vertical-align: top; + position: relative; +} + +.list:checked ~ .note .cat +{ + display: inline-block; +} + +.list:checked ~ .note .cat img +{ + top: 0; +} + +.list:checked ~ .note .info, +.list:checked ~ .note .description +{ + width: 35%; +} + +.list:checked ~ .note section +{ + display: inline-block; + padding-left: 30px; +} diff --git a/index.html b/index.html index d810ba7..ecc4dd7 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,254 @@ + Мяндекс.Муррркет + + + + + +
+
+
+
+ Пушок +
+
+ Пушок +
+ + пушистый - нехлеб + +
+ star full + star full + star full + star full + star empty +
+ 150р +
+
+ Хороший кот, только любит царапать мебель. +
+
+ +
+
+ Гав +
+
+ Гав +
+ + сиамский - анимационный + +
+ star full + star full + star full + star full + star full +
+ 1 котлета +
+
+ Знает, как правильно делить сосиски, зачем нужен тайный язык и почему бояться + грозы нужно вместе с другом на чердаке. +
+
+ +
+
+ Котозавр +
+
+ Котозавр +
+ + пушистый - грустный + +
+ star full + star full + star full + star empty + star empty +
+ 1337р +
+
+ Грустный кот с большими глазами. +
+
+ +
+
+ Навукотоносор +
+
+ Навукотоносор +
+ + полосатый + +
+ star full + star full + star full + star full + star empty +
+ 322$ +
+
+ Милый котик. +
+
+
+
+ Кот с длинным именем +
+
+ КотСДлиннымИменем +
+ + рыжий + +
+ star full + star full + star full + star empty + star empty +
+ 322$ +
+
+ БЕСПЛАТНАЯ доставка + Описание товара + У этого кота длинное имя. +
+
+
+
+ Бутеркот +
+
+ Бутеркот +
+ + большой - серый + +
+ star full + star full + star full + star full + star full +
+ Бесплатно +
+
+ Мясистый кот. Вес: 12 кг. У родителей было вкусное мясо. Сам бы съесл, да стал веганом. +
+
+ +
+
+ Кiт +
+
+ Кiт +
+ + маленький - не серый + +
+ star full + star full + star full + star empty + star empty +
+ 20 гривень +
+
+ Надоело быть кiтом. Переименуйте меня пожалуйста! +
+
+ +
+
+ Барсик +
+
+ Барсик +
+ + без категории + +
+ star full + star full + star full + star full + star empty +
+ 199.99р +
+
+ Описание товара + У этого кота отсутствует описание. +
+
+
+
+ Шавермокот +
+
+ Шавермокот +
+ + слоистый + +
+ star full + star full + star full + star empty + star empty +
+ 199.99р +
+
+ Эту породу кошек рекомедуют лучшие шаурмье. +
+
+
+
+ Серьезный кот +
+
+ Серьезный кот +
+ + нешутник + +
+ star full + star full + star full + star full + star full +
+ 9999.99р +
+
+ Ты думаешь я с тобой шутки шучу? +
+
diff --git a/starempty.png b/starempty.png new file mode 100644 index 0000000..d537e2c Binary files /dev/null and b/starempty.png differ diff --git a/starfull.png b/starfull.png new file mode 100644 index 0000000..280d6fe Binary files /dev/null and b/starfull.png differ