DmitrMakeev commited on
Commit
5bdb967
·
verified ·
1 Parent(s): f0090b8

Update bas_vk_tab.html

Browse files
Files changed (1) hide show
  1. bas_vk_tab.html +4 -17
bas_vk_tab.html CHANGED
@@ -44,7 +44,6 @@ body {
44
  margin: 0;
45
  padding: 0;
46
  }
47
-
48
  h1 {
49
  background-color: #4CAF50;
50
  color: white;
@@ -54,7 +53,6 @@ h1 {
54
  font-size: 28px;
55
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
56
  }
57
-
58
  button, #filter-clear, #download-json, #take-for-yourself {
59
  color: white;
60
  background-color: #4CAF50;
@@ -66,11 +64,9 @@ button, #filter-clear, #download-json, #take-for-yourself {
66
  margin: 5px;
67
  transition: background-color 0.3s ease;
68
  }
69
-
70
  button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hover {
71
  background-color: #388E3C;
72
  }
73
-
74
  #filter-field, #filter-type, #filter-value, #filter-field2, #filter-value2 {
75
  padding: 10px;
76
  font-size: 16px;
@@ -80,21 +76,17 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
80
  background-color: #f0f0f0;
81
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
82
  }
83
-
84
  #filter-field:focus, #filter-type:focus, #filter-value:focus, #filter-field2:focus, #filter-value2:focus {
85
  border-color: #4CAF50;
86
  box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
87
  }
88
-
89
  #filter-field option, #filter-type option, #filter-field2 option {
90
  background-color: #f0f0f0;
91
  color: #333;
92
  }
93
-
94
  #filter-field:hover, #filter-type:hover, #filter-value:hover, #filter-field2:hover, #filter-value2:hover {
95
  border-color: #4CAF50;
96
  }
97
-
98
  #mediaContainer {
99
  margin-top: 20px;
100
  display: flex;
@@ -108,14 +100,12 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
108
  padding: 20px;
109
  background-color: white;
110
  }
111
-
112
  #mediaContainer img, #mediaContainer video {
113
  max-width: 100%;
114
  height: auto;
115
  object-fit: contain;
116
  border-radius: 10px;
117
  }
118
-
119
  #imageUrl {
120
  margin-top: 20px;
121
  font-size: 16px;
@@ -124,11 +114,9 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
124
  text-decoration: underline;
125
  transition: color 0.3s ease;
126
  }
127
-
128
  #imageUrl:hover {
129
  color: #4CAF50;
130
  }
131
-
132
  #progressBarContainer {
133
  width: 80%;
134
  margin: 20px auto;
@@ -137,7 +125,6 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
137
  padding: 3px;
138
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
139
  }
140
-
141
  #progressBar {
142
  width: 0%;
143
  height: 20px;
@@ -148,18 +135,15 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
148
  color: white;
149
  transition: width 0.3s ease;
150
  }
151
-
152
  .swal-button-custom {
153
  background-color: #4CAF50;
154
  font-size: 16px;
155
  padding: 10px 20px;
156
  }
157
-
158
  .swal-title-custom {
159
  font-size: 24px;
160
  color: #333;
161
  }
162
-
163
  .swal-content-custom {
164
  font-size: 16px;
165
  color: #666;
@@ -395,4 +379,7 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
395
  });
396
  });
397
  </script>
398
- </body>
 
 
 
 
44
  margin: 0;
45
  padding: 0;
46
  }
 
47
  h1 {
48
  background-color: #4CAF50;
49
  color: white;
 
53
  font-size: 28px;
54
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
55
  }
 
56
  button, #filter-clear, #download-json, #take-for-yourself {
57
  color: white;
58
  background-color: #4CAF50;
 
64
  margin: 5px;
65
  transition: background-color 0.3s ease;
66
  }
 
67
  button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hover {
68
  background-color: #388E3C;
69
  }
 
70
  #filter-field, #filter-type, #filter-value, #filter-field2, #filter-value2 {
71
  padding: 10px;
72
  font-size: 16px;
 
76
  background-color: #f0f0f0;
77
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
78
  }
 
79
  #filter-field:focus, #filter-type:focus, #filter-value:focus, #filter-field2:focus, #filter-value2:focus {
80
  border-color: #4CAF50;
81
  box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
82
  }
 
83
  #filter-field option, #filter-type option, #filter-field2 option {
84
  background-color: #f0f0f0;
85
  color: #333;
86
  }
 
87
  #filter-field:hover, #filter-type:hover, #filter-value:hover, #filter-field2:hover, #filter-value2:hover {
88
  border-color: #4CAF50;
89
  }
 
90
  #mediaContainer {
91
  margin-top: 20px;
92
  display: flex;
 
100
  padding: 20px;
101
  background-color: white;
102
  }
 
103
  #mediaContainer img, #mediaContainer video {
104
  max-width: 100%;
105
  height: auto;
106
  object-fit: contain;
107
  border-radius: 10px;
108
  }
 
109
  #imageUrl {
110
  margin-top: 20px;
111
  font-size: 16px;
 
114
  text-decoration: underline;
115
  transition: color 0.3s ease;
116
  }
 
117
  #imageUrl:hover {
118
  color: #4CAF50;
119
  }
 
120
  #progressBarContainer {
121
  width: 80%;
122
  margin: 20px auto;
 
125
  padding: 3px;
126
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
127
  }
 
128
  #progressBar {
129
  width: 0%;
130
  height: 20px;
 
135
  color: white;
136
  transition: width 0.3s ease;
137
  }
 
138
  .swal-button-custom {
139
  background-color: #4CAF50;
140
  font-size: 16px;
141
  padding: 10px 20px;
142
  }
 
143
  .swal-title-custom {
144
  font-size: 24px;
145
  color: #333;
146
  }
 
147
  .swal-content-custom {
148
  font-size: 16px;
149
  color: #666;
 
379
  });
380
  });
381
  </script>
382
+ </body>
383
+
384
+
385
+ </html>