firetac commited on
Commit
0b791f7
·
verified ·
1 Parent(s): b2c56bf

Update static/css/style.css

Browse files
Files changed (1) hide show
  1. static/css/style.css +8 -73
static/css/style.css CHANGED
@@ -25,12 +25,6 @@ h1 {
25
  font-size: 2.5em;
26
  }
27
 
28
- h2 {
29
- color: #555;
30
- margin-bottom: 15px;
31
- font-size: 1.5em;
32
- }
33
-
34
  p {
35
  color: #666;
36
  font-size: 1.2em;
@@ -74,7 +68,7 @@ button:hover {
74
  background-color: #e9f7ff;
75
  }
76
 
77
- #pasted-image, #captured-image {
78
  border: 2px solid #007bff;
79
  border-radius: 5px;
80
  max-width: 100%;
@@ -94,77 +88,18 @@ button:hover {
94
  }
95
 
96
  .loading {
 
 
97
  margin-top: 20px;
98
  }
99
-
100
  .image-frame {
101
  border: 2px solid #ccc;
102
  padding: 10px;
103
  display: inline-block;
104
  margin-top: 20px;
105
  }
106
- .loader {
107
- position: absolute;
108
- top: calc(50% - 32px);
109
- left: calc(50% - 32px);
110
- width: 64px;
111
- height: 64px;
112
- border-radius: 50%;
113
- perspective: 800px;
114
- }
115
-
116
- .inner {
117
- position: absolute;
118
- box-sizing: border-box;
119
- width: 100%;
120
- height: 100%;
121
- border-radius: 50%;
122
- }
123
-
124
- .inner.one {
125
- left: 0%;
126
- top: 0%;
127
- animation: rotate-one 1s linear infinite;
128
- border-bottom: 3px solid #EFEFFA;
129
- }
130
-
131
- .inner.two {
132
- right: 0%;
133
- top: 0%;
134
- animation: rotate-two 1s linear infinite;
135
- border-right: 3px solid #EFEFFA;
136
- }
137
-
138
- .inner.three {
139
- right: 0%;
140
- bottom: 0%;
141
- animation: rotate-three 1s linear infinite;
142
- border-top: 3px solid #EFEFFA;
143
- }
144
-
145
- @keyframes rotate-one {
146
- 0% {
147
- transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
148
- }
149
- 100% {
150
- transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
151
- }
152
- }
153
-
154
- @keyframes rotate-two {
155
- 0% {
156
- transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
157
- }
158
- 100% {
159
- transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
160
- }
161
- }
162
-
163
- @keyframes rotate-three {
164
- 0% {
165
- transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
166
- }
167
- 100% {
168
- transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
169
- }
170
- }
 
25
  font-size: 2.5em;
26
  }
27
 
 
 
 
 
 
 
28
  p {
29
  color: #666;
30
  font-size: 1.2em;
 
68
  background-color: #e9f7ff;
69
  }
70
 
71
+ #pasted-image {
72
  border: 2px solid #007bff;
73
  border-radius: 5px;
74
  max-width: 100%;
 
88
  }
89
 
90
  .loading {
91
+ font-size: 1.5em;
92
+ color: #007bff;
93
  margin-top: 20px;
94
  }
 
95
  .image-frame {
96
  border: 2px solid #ccc;
97
  padding: 10px;
98
  display: inline-block;
99
  margin-top: 20px;
100
  }
101
+
102
+ #captured-image {
103
+ max-width: 100%;
104
+ height: auto;
105
+ }