Update pages.html
Browse files- pages.html +16 -2
pages.html
CHANGED
@@ -439,6 +439,17 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
439 |
margin-bottom: 20px; /* относительно длины родительского блока */
|
440 |
}
|
441 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
442 |
|
443 |
|
444 |
|
@@ -470,7 +481,7 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
470 |
gap: 10px; /* Пространство между иконками */
|
471 |
}
|
472 |
|
473 |
-
.button-cont1, .button-cont2 {
|
474 |
padding: 10px; /* Внутренние отступы вокруг иконки */
|
475 |
background-color: transparent; /* Прозрачный фон контейнера */
|
476 |
}
|
@@ -520,7 +531,10 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
520 |
|
521 |
</div>
|
522 |
|
523 |
-
|
|
|
|
|
|
|
524 |
</div>
|
525 |
|
526 |
<div id="overlayBlock" class="overlay-block">
|
|
|
439 |
margin-bottom: 20px; /* относительно длины родительского блока */
|
440 |
}
|
441 |
|
442 |
+
/* Стили для кнопки "Показать/Скрыть" */
|
443 |
+
#getBtn {
|
444 |
+
background-color: #4CAF50; /* Зелёный цвет */
|
445 |
+
color: white;
|
446 |
+
border: none;
|
447 |
+
padding: 10px 10px;
|
448 |
+
font-size: 16px;
|
449 |
+
border-radius: 5px;
|
450 |
+
cursor: pointer;
|
451 |
+
margin-bottom: 20px; /* относительно длины родительского блока */
|
452 |
+
}
|
453 |
|
454 |
|
455 |
|
|
|
481 |
gap: 10px; /* Пространство между иконками */
|
482 |
}
|
483 |
|
484 |
+
.button-cont1, .button-cont2, .button-cont3 {
|
485 |
padding: 10px; /* Внутренние отступы вокруг иконки */
|
486 |
background-color: transparent; /* Прозрачный фон контейнера */
|
487 |
}
|
|
|
531 |
|
532 |
</div>
|
533 |
|
534 |
+
<div class="button-con3">
|
535 |
+
<!-- icon666.com - MILLIONS vector ICONS FREE --><svg id="getBtn" viewBox="0 0 176 176" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><g id="Layer_2" data-name="Layer 2"><g id="_11.vk" data-name="11.vk"><path id="icon" d="m88 0a88 88 0 1 0 88 88 88 88 0 0 0 -88-88zm50.72 122.44c-2.56.36-15.08 0-15.73 0a12.29 12.29 0 0 1 -8.69-3.44c-2.64-2.55-5-5.35-7.58-8a20.22 20.22 0 0 0 -2.47-2.24c-2.06-1.58-4.1-1.23-5.07 1.21a47.37 47.37 0 0 0 -1.58 8.03c-.17 2.46-1.73 4-4.49 4.17-1.71.09-3.42.13-5.11.08a38.85 38.85 0 0 1 -17.69-4.37 48.15 48.15 0 0 1 -15.13-13.22c-6.67-8.52-12-17.88-16.76-27.53-.25-.49-5.13-10.87-5.25-11.36-.44-1.63 0-3.2 1.35-3.75.86-.33 16.94 0 17.21 0a5.64 5.64 0 0 1 5.4 3.89 84 84 0 0 0 12.08 21.18 11.56 11.56 0 0 0 2.45 2.23c1.31.9 2.55.59 3.09-.93a26.28 26.28 0 0 0 1.12-6.45c.09-4.34 0-7.19-.24-11.53-.16-2.78-1.14-5.21-5.24-6-1.26-.23-1.37-1.27-.56-2.31 1.69-2.15 4-2.5 6.59-2.63 3.86-.22 7.72-.07 11.58 0h.84a23.91 23.91 0 0 1 5 .51 4.61 4.61 0 0 1 3.67 4.11 16 16 0 0 1 .25 3.32c-.1 4.73-.33 9.47-.38 14.2a24.3 24.3 0 0 0 .51 5.59c.55 2.52 2.28 3.15 4 1.33a62.34 62.34 0 0 0 6.11-7.53 75.78 75.78 0 0 0 8-15.55c1.12-2.81 2-3.43 5-3.43h17.06a10.12 10.12 0 0 1 3 .4 2.59 2.59 0 0 1 1.79 3.35c-.84 3.74-2.86 6.93-5 10-3.47 4.91-7.13 9.7-10.68 14.55a19.78 19.78 0 0 0 -1.17 1.95c-1.34 2.42-1.24 3.77.7 5.77 3.1 3.19 6.41 6.17 9.4 9.45a55.77 55.77 0 0 1 5.92 7.69c2.13 3.44.78 6.68-3.3 7.26z" fill="#000000" style="fill: rgb(255, 255, 255);"></path></g></g></svg>
|
536 |
+
|
537 |
+
</div>
|
538 |
</div>
|
539 |
|
540 |
<div id="overlayBlock" class="overlay-block">
|