DmitrMakeev commited on
Commit
5a8e362
·
verified ·
1 Parent(s): 7190238

Update pages.html

Browse files
Files changed (1) hide show
  1. 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/koleso?api_sys=fasSd345D" title="koleso"></iframe>
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/koleso?api_sys=fasSd345D" title="koleso"></iframe>
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