LiamKhoaLe commited on
Commit
b75ea7b
·
1 Parent(s): 1bd6599

Update stylings margin bottom

Browse files
Files changed (1) hide show
  1. 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); }