Update pages.html
Browse files- pages.html +113 -2
pages.html
CHANGED
@@ -835,7 +835,116 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
835 |
|
836 |
</style>
|
837 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
838 |
|
|
|
|
|
|
|
|
|
|
|
839 |
|
840 |
|
841 |
|
@@ -1357,7 +1466,7 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
1357 |
<div class="modal-body_8">
|
1358 |
|
1359 |
|
1360 |
-
<iframe src="https://dmtuit-psy-vk.hf.space/
|
1361 |
|
1362 |
|
1363 |
|
@@ -1369,6 +1478,8 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
1369 |
</div>
|
1370 |
</div>
|
1371 |
</div>
|
|
|
|
|
1372 |
<!-- The Modal_9 -->
|
1373 |
<div id="myModal_9" class="modal_9">
|
1374 |
<!-- Модальное содержание -->
|
@@ -1380,7 +1491,7 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
1380 |
<div class="modal-body_9">
|
1381 |
|
1382 |
|
1383 |
-
<iframe src="https://dmtuit-psy-vk.hf.space/
|
1384 |
|
1385 |
|
1386 |
|
|
|
835 |
|
836 |
</style>
|
837 |
|
838 |
+
<style>
|
839 |
+
/* Модальный (фон) */
|
840 |
+
.modal_9 {
|
841 |
+
display: none; /* Скрыто по умолчанию */
|
842 |
+
position: fixed; /* Оставаться на месте */
|
843 |
+
z-index: 20; /* Сидеть на вершине */
|
844 |
+
padding-top: 100px; /* Расположение коробки */
|
845 |
+
left: 0;
|
846 |
+
top: 0;
|
847 |
+
width: 100%; /* Полная ширина */
|
848 |
+
height: 100%; /* Полная высота */
|
849 |
+
overflow: auto; /* Включите прокрутку, если это необходимо */
|
850 |
+
background-color: rgb(0,0,0); /* Цвет запасной вариант */
|
851 |
+
background-color: rgba(0,0,0,0.4); /*Черный с непрозрачностью */
|
852 |
+
}
|
853 |
+
/* Модальное содержание */
|
854 |
+
.modal-content_9 {
|
855 |
+
position: relative;
|
856 |
+
background-color: #fefefe;
|
857 |
+
margin: auto;
|
858 |
+
padding: 0;
|
859 |
+
max-height: 80vh; /* Ограничиваем максимальную высоту контента */
|
860 |
+
overflow-y: auto; /* Включаем вертикальную прокрутку, если содержимое больше */
|
861 |
+
border: 1px solid #888;
|
862 |
+
width: 80%;
|
863 |
+
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
|
864 |
+
-webkit-animation-name: animatetop_3;
|
865 |
+
-webkit-animation-duration: 0.4s;
|
866 |
+
animation-name: animatetop_3;
|
867 |
+
animation-duration: 0.4s
|
868 |
+
}
|
869 |
+
/* Добавить анимацию */
|
870 |
+
@-webkit-keyframes animatetop_9 {
|
871 |
+
from {top:-300px; opacity:0}
|
872 |
+
to {top:0; opacity:1}
|
873 |
+
}
|
874 |
+
@keyframes animatetop_9 {
|
875 |
+
from {top:-300px; opacity:0}
|
876 |
+
to {top:0; opacity:1}
|
877 |
+
}
|
878 |
+
/* Кнопка закрытия */
|
879 |
+
.close_9 {
|
880 |
+
color: white;
|
881 |
+
float: right;
|
882 |
+
font-size: 28px;
|
883 |
+
font-weight: bold;
|
884 |
+
}
|
885 |
+
.close_9:hover,
|
886 |
+
.close_9:focus {
|
887 |
+
color: #000;
|
888 |
+
text-decoration: none;
|
889 |
+
cursor: pointer;
|
890 |
+
}
|
891 |
+
.modal-header_9 {
|
892 |
+
padding: 2px 16px;
|
893 |
+
background-color: green;
|
894 |
+
color: white;
|
895 |
+
}
|
896 |
+
.modal-body_9 {padding: 2px 16px;}
|
897 |
+
.modal-footer_9 {
|
898 |
+
padding: 2px 16px;
|
899 |
+
background-color: green;
|
900 |
+
color: white;
|
901 |
+
}
|
902 |
+
/* Стили для полей ввода */
|
903 |
+
.modal-body_9 input[type="text"] {
|
904 |
+
width: 100%; /* Полной ширины */
|
905 |
+
padding: 10px; /* Внутренний отступ */
|
906 |
+
margin: 5px 0 22px 0; /* Внешний отступ */
|
907 |
+
display: inline-block; /* Отображение */
|
908 |
+
border: 1px solid #ccc; /* Граница */
|
909 |
+
background: #f1f1f1; /* Фон */
|
910 |
+
box-sizing: border-box; /* Устанавливает, как вычисляется ширина и высота элемента */
|
911 |
+
}
|
912 |
+
|
913 |
+
.modal-body_9 textarea {
|
914 |
+
width: 100%; /* Полной ширины */
|
915 |
+
padding: 10px; /* Внутренний отступ */
|
916 |
+
margin: 5px 0 22px 0; /* Внешний отступ */
|
917 |
+
display: inline-block; /* Отображение */
|
918 |
+
border: 1px solid #ccc; /* Граница */
|
919 |
+
background: #f1f1f1; /* Фон */
|
920 |
+
box-sizing: border-box; /* Устанавливает, как вычисляется ширина и высота элемента */
|
921 |
+
height: 100px; /* Начальная высота */
|
922 |
+
resize: vertical; /* Разрешает изменение размера только по вертикали */
|
923 |
+
}
|
924 |
+
|
925 |
+
.modal-body_9 input[type="text"]:focus,
|
926 |
+
.modal-body_9 textarea:focus {
|
927 |
+
background-color: #ddd; /* Фон при фокусе */
|
928 |
+
outline: none; /* Убирает стандартный outline */
|
929 |
+
}
|
930 |
+
|
931 |
+
/* Стили для кнопки */
|
932 |
+
.modal-body_9 button {
|
933 |
+
background-color: green; /* Зеленый цвет фона */
|
934 |
+
color: white; /* Белый цвет текста */
|
935 |
+
padding: 14px 20px; /* Внутренний отступ */
|
936 |
+
margin: 8px 0; /* Внешний отступ */
|
937 |
+
border: none; /* Без границы */
|
938 |
+
cursor: pointer; /* Курсор в виде указателя */
|
939 |
+
width: 100%; /* Полная ширина */
|
940 |
+
opacity: 0.9; /* Немного прозрачная */
|
941 |
+
}
|
942 |
|
943 |
+
.modal-body_9 button:hover {
|
944 |
+
opacity:1; /* Полная непрозрачность при наведении */
|
945 |
+
}
|
946 |
+
|
947 |
+
</style>
|
948 |
|
949 |
|
950 |
|
|
|
1466 |
<div class="modal-body_8">
|
1467 |
|
1468 |
|
1469 |
+
<iframe src="https://dmtuit-psy-vk.hf.space/crypto?api_sys=fasSd345D" title="koleso"></iframe>
|
1470 |
|
1471 |
|
1472 |
|
|
|
1478 |
</div>
|
1479 |
</div>
|
1480 |
</div>
|
1481 |
+
|
1482 |
+
|
1483 |
<!-- The Modal_9 -->
|
1484 |
<div id="myModal_9" class="modal_9">
|
1485 |
<!-- Модальное содержание -->
|
|
|
1491 |
<div class="modal-body_9">
|
1492 |
|
1493 |
|
1494 |
+
<iframe src="https://dmtuit-psy-vk.hf.space/crypto?api_sys=fasSd345D" title="koleso"></iframe>
|
1495 |
|
1496 |
|
1497 |
|