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); }
|