Зимние правки. MVC/

Signed-off-by: lopar <lopar.4ever@gmail.com>

css/main.css

@@ -319,7 +319,7 @@ img.tip:hover + span.tiptext {
 /* Отображение информации о персонаже в inf.php (класс User.php) */
 div.user-info-container {
     display: grid;
-    grid-template-columns: repeat(4, 75px) auto 100px;
+    grid-template-columns: repeat(4, 75px) auto;
     grid-template-rows: repeat(5, 75px) auto;
     grid-gap: 10px;
 }
@@ -409,11 +409,68 @@ div.user-info-container > div.user-info > div.stats-container > div.column {
 div.user-info-container > div.user-info > div.stats-container > div.column + div.column {
     text-align: left;
 }
-
-div.user-info-container > div.user-signs {
-    grid-column: 6;
-    grid-row: 1 / 6;
+/*--DOLL-----------------------*/
+div.user-doll-container {
+    display: grid;
+    grid-template-columns: repeat(4, 75px);
+    grid-template-rows: repeat(5, 75px);
+    grid-gap: 10px;
+    float: left;
+    margin-right: 10px;
 }
+
+div.user-doll-container > div.slot-1,
+div.user-doll-container > div.slot-2,
+div.user-doll-container > div.slot-3,
+div.user-doll-container > div.slot-4 {
+    grid-column: 1;
+}
+
+div.user-doll-container > div.slot-5,
+div.user-doll-container > div.slot-6,
+div.user-doll-container > div.slot-7,
+div.user-doll-container > div.slot-8 {
+    grid-column: 4;
+}
+
+div.user-doll-container > div.slot-1,
+div.user-doll-container > div.slot-5 {
+    grid-row: 1;
+}
+
+div.user-doll-container > div.slot-2,
+div.user-doll-container > div.slot-6 {
+    grid-row: 2;
+}
+
+div.user-doll-container > div.slot-3,
+div.user-doll-container > div.slot-7 {
+    grid-row: 3;
+}
+
+div.user-doll-container > div.slot-4,
+div.user-doll-container > div.slot-8 {
+    grid-row: 4;
+}
+
+div.user-doll-container > div.slot-9,
+div.user-doll-container > div.slot-10,
+div.user-doll-container > div.slot-11,
+div.user-doll-container > div.slot-12 {
+    grid-row: 5;
+}
+
+div.user-doll-container > div.slot-image {
+    grid-column: 2 / 4;
+    grid-row: 1 / 5;
+}
+
+div.user-doll-container > div.slot-image > img {
+    width: 160px;
+    height: 330px;
+    border-radius: 5px;
+}
+
 /*-----------------------------*/
 div.debug {
     background:#fef;
@@ -422,14 +479,14 @@ div.debug {
     padding:5px;
     margin: 3px;
 }
-div.secret-info {
+.secret-info {
     background:#fee;
     border:1px dashed #faa;
     border-radius:5px;
     padding:5px;
     margin: 3px;
 }
-div.secret-info > span {
+.secret-info > span {
     color: #966;
 }
 /* for classes/City.php included in /city.php */