Кужелев Евгений

index.css

@@ -0,0 +1,117 @@
+html,
+body,
+div,
+img,
+a,
+p
+{
+    margin: 0;
+    padding: 0;
+}
+
+body
+{
+    padding: 20px;
+}
+
+.display-type
+{
+    height: 40px;
+    width: 100%;
+}
+
+input
+{
+    display: none;
+}
+
+.display-type label img
+{
+    margin: 0 20px;
+    float: right;
+    display: inline-block;
+    width: 2%;
+}
+
+.kisa
+{
+    font-size: .7rem;
+    vertical-align: top;
+    margin: 15px;
+    padding: 15px;
+    border: 5px ridge #d3e2ed;
+}
+
+input[id='tile']:checked ~ .kisa
+{
+    width: 250px;
+    display: inline-block;
+}
+
+.kisa:hover
+{
+    box-shadow: 0 0 10px
+        #a9a2ed, 0 0 25px #80ed90;
+}
+
+input[id='tile']:checked ~ .kisa > :nth-child(n)
+{
+    text-align: left;
+    margin: auto;
+    width: 95%;
+}
+
+input[id='list']:checked ~ .kisa > :nth-child(n)
+{
+    display: inline-block;
+    width: 31%;
+    vertical-align: top;
+}
+
+.kisa > img:hover
+{
+    box-shadow: 0 0 3px
+        #a9a2ed, 0 0 10px #80ed90;
+}
+
+.name:hover
+{
+    text-shadow: 0 0 7px #d6dced;
+}
+
+.breed:hover
+{
+    text-decoration: underline;
+}
+
+.name
+{
+    font-size: 1.1rem;
+    white-space: nowrap;
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.breed
+{
+    font-size: .9rem;
+}
+
+.kisa .kindness img
+{
+    width: 10%;
+    display: inline-block;
+}
+
+.price
+{
+    font-size: 1.2rem;
+    color: red;
+}
+
+.oldprice
+{
+    color: #edcf1d;
+    text-decoration: line-through;
+}