Spaces:
Sleeping
Sleeping
Update nutri_call.html
Browse files- nutri_call.html +26 -21
nutri_call.html
CHANGED
|
@@ -37,32 +37,29 @@
|
|
| 37 |
border: 1px solid #ccc;
|
| 38 |
border-radius: 4px;
|
| 39 |
}
|
| 40 |
-
|
| 41 |
-
/* Общие стили для обоих блоков */
|
| 42 |
.main-container {
|
| 43 |
display: grid;
|
| 44 |
grid-template-columns: 120px repeat(8, 90px);
|
| 45 |
gap: 10px;
|
| 46 |
padding: 10px;
|
| 47 |
}
|
| 48 |
-
|
| 49 |
-
/* Верхний блок - макропрофиль */
|
| 50 |
.profile-container {
|
| 51 |
display: contents;
|
| 52 |
}
|
| 53 |
-
|
| 54 |
.profile-element {
|
| 55 |
display: flex;
|
| 56 |
flex-direction: column;
|
| 57 |
align-items: center;
|
| 58 |
}
|
| 59 |
-
|
| 60 |
.profile-label {
|
| 61 |
font-weight: bold;
|
| 62 |
margin-bottom: 5px;
|
| 63 |
}
|
| 64 |
-
|
| 65 |
-
/* Азотные элементы */
|
| 66 |
.nitrogen-container {
|
| 67 |
grid-column: 1 / -1;
|
| 68 |
display: flex;
|
|
@@ -70,40 +67,48 @@
|
|
| 70 |
padding-left: 120px;
|
| 71 |
margin-top: 10px;
|
| 72 |
}
|
| 73 |
-
|
| 74 |
.nitrogen-group {
|
| 75 |
display: flex;
|
| 76 |
align-items: center;
|
| 77 |
gap: 5px;
|
| 78 |
}
|
| 79 |
-
|
| 80 |
-
/*
|
| 81 |
.fertilisers-container {
|
| 82 |
-
display:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 83 |
}
|
| 84 |
-
|
| 85 |
.fert-header {
|
| 86 |
font-weight: bold;
|
| 87 |
text-align: center;
|
| 88 |
-
|
| 89 |
}
|
| 90 |
-
|
| 91 |
.fert-name {
|
| 92 |
-
text-align: left;
|
| 93 |
font-weight: bold;
|
| 94 |
-
|
| 95 |
}
|
| 96 |
-
|
| 97 |
.fert-cell {
|
|
|
|
| 98 |
text-align: center;
|
| 99 |
-
padding: 5px 0;
|
| 100 |
}
|
| 101 |
-
|
| 102 |
.fert-input {
|
| 103 |
width: 80px;
|
| 104 |
-
margin: 0 auto;
|
| 105 |
}
|
| 106 |
</style>
|
|
|
|
| 107 |
</head>
|
| 108 |
|
| 109 |
<body>
|
|
|
|
| 37 |
border: 1px solid #ccc;
|
| 38 |
border-radius: 4px;
|
| 39 |
}
|
| 40 |
+
|
|
|
|
| 41 |
.main-container {
|
| 42 |
display: grid;
|
| 43 |
grid-template-columns: 120px repeat(8, 90px);
|
| 44 |
gap: 10px;
|
| 45 |
padding: 10px;
|
| 46 |
}
|
| 47 |
+
|
|
|
|
| 48 |
.profile-container {
|
| 49 |
display: contents;
|
| 50 |
}
|
| 51 |
+
|
| 52 |
.profile-element {
|
| 53 |
display: flex;
|
| 54 |
flex-direction: column;
|
| 55 |
align-items: center;
|
| 56 |
}
|
| 57 |
+
|
| 58 |
.profile-label {
|
| 59 |
font-weight: bold;
|
| 60 |
margin-bottom: 5px;
|
| 61 |
}
|
| 62 |
+
|
|
|
|
| 63 |
.nitrogen-container {
|
| 64 |
grid-column: 1 / -1;
|
| 65 |
display: flex;
|
|
|
|
| 67 |
padding-left: 120px;
|
| 68 |
margin-top: 10px;
|
| 69 |
}
|
| 70 |
+
|
| 71 |
.nitrogen-group {
|
| 72 |
display: flex;
|
| 73 |
align-items: center;
|
| 74 |
gap: 5px;
|
| 75 |
}
|
| 76 |
+
|
| 77 |
+
/* Стили для нижнего блока — таблица в одну строку */
|
| 78 |
.fertilisers-container {
|
| 79 |
+
display: flex;
|
| 80 |
+
flex-direction: column;
|
| 81 |
+
gap: 10px;
|
| 82 |
+
}
|
| 83 |
+
|
| 84 |
+
.fert-header-row,
|
| 85 |
+
.fert-row {
|
| 86 |
+
display: flex;
|
| 87 |
+
align-items: center;
|
| 88 |
+
gap: 10px;
|
| 89 |
}
|
| 90 |
+
|
| 91 |
.fert-header {
|
| 92 |
font-weight: bold;
|
| 93 |
text-align: center;
|
| 94 |
+
width: 80px;
|
| 95 |
}
|
| 96 |
+
|
| 97 |
.fert-name {
|
|
|
|
| 98 |
font-weight: bold;
|
| 99 |
+
width: 120px;
|
| 100 |
}
|
| 101 |
+
|
| 102 |
.fert-cell {
|
| 103 |
+
width: 80px;
|
| 104 |
text-align: center;
|
|
|
|
| 105 |
}
|
| 106 |
+
|
| 107 |
.fert-input {
|
| 108 |
width: 80px;
|
|
|
|
| 109 |
}
|
| 110 |
</style>
|
| 111 |
+
|
| 112 |
</head>
|
| 113 |
|
| 114 |
<body>
|