Commit
·
b75ea7b
1
Parent(s):
1bd6599
Update stylings margin bottom
Browse files- statics/style.css +4 -1
statics/style.css
CHANGED
@@ -8,12 +8,14 @@ h1 {
|
|
8 |
-webkit-background-clip: text;
|
9 |
font-weight: bold;
|
10 |
}
|
|
|
11 |
#upload-container, #upload-container2, #upload-container3 {
|
12 |
-
background: rgba(255, 255, 255, 0.2); padding: 20px; width: 70%; border-radius: 10px; display: inline-block; box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
|
13 |
}
|
14 |
#upload, #upload2, #upload3 {
|
15 |
font-size: 18px; padding: 10px; border-radius: 5px; border: none; background: #fff; cursor: pointer;
|
16 |
}
|
|
|
17 |
#loader {
|
18 |
margin-top: 10px; margin-left: auto; margin-right: auto; width: 60px; height: 60px; font-size: 12px; text-align: center;
|
19 |
}
|
@@ -23,6 +25,7 @@ p {
|
|
23 |
#spinner {
|
24 |
border: 8px solid #f3f3f3; border-top: 8px solid rgb(117 7 7); border-radius: 50%; animation: spin 1s linear infinite; width: 40px; height: 40px; margin: auto;
|
25 |
}
|
|
|
26 |
@keyframes spin {
|
27 |
0% { transform: rotate(0deg); }
|
28 |
100% { transform: rotate(360deg); }
|
|
|
8 |
-webkit-background-clip: text;
|
9 |
font-weight: bold;
|
10 |
}
|
11 |
+
/* Uploader */
|
12 |
#upload-container, #upload-container2, #upload-container3 {
|
13 |
+
background: rgba(255, 255, 255, 0.2); padding: 20px; margin-bottom: 30px; width: 70%; border-radius: 10px; display: inline-block; box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
|
14 |
}
|
15 |
#upload, #upload2, #upload3 {
|
16 |
font-size: 18px; padding: 10px; border-radius: 5px; border: none; background: #fff; cursor: pointer;
|
17 |
}
|
18 |
+
/* Utils */
|
19 |
#loader {
|
20 |
margin-top: 10px; margin-left: auto; margin-right: auto; width: 60px; height: 60px; font-size: 12px; text-align: center;
|
21 |
}
|
|
|
25 |
#spinner {
|
26 |
border: 8px solid #f3f3f3; border-top: 8px solid rgb(117 7 7); border-radius: 50%; animation: spin 1s linear infinite; width: 40px; height: 40px; margin: auto;
|
27 |
}
|
28 |
+
/* Dynamic screening */
|
29 |
@keyframes spin {
|
30 |
0% { transform: rotate(0deg); }
|
31 |
100% { transform: rotate(360deg); }
|