9
9
height : 100% ;
10
10
font-family : 'PT Sans' , sans-serif;
11
11
}
12
+ button : hover {
13
+ transform : scale (1.2 , 1.2 );
14
+ }
12
15
a {
13
16
text-decoration : none;
14
17
color : # 5f72bd ;
15
18
font-weight : bold;
16
- opacity : 0.7
19
+ opacity : 0.8
17
20
}
18
21
a : hover {
19
22
opacity : 1
@@ -25,6 +28,19 @@ form {
25
28
text-align : right;
26
29
padding-bottom : 20px ;
27
30
}
31
+ ::-webkit-input-placeholder {
32
+ color : rgba (0 , 0 , 0 , 0.2 );
33
+ font-style : italic;
34
+ }
35
+ : -ms-input-placeholder {
36
+ color : rgba (0 , 0 , 0 , 0.2 );
37
+ font-style : italic;
38
+ }
39
+ ::placeholder {
40
+ color : rgba (0 , 0 , 0 , 0.2 );
41
+ font-style : italic;
42
+ }
43
+
28
44
pre {
29
45
color : # 55cc66 ;
30
46
background : # 001800!important ;
@@ -69,14 +85,40 @@ pre::-webkit-scrollbar-thumb {
69
85
.margin {
70
86
margin : 0 auto
71
87
}
88
+ .bg-intro {
89
+ background : # 5f72bd ;
90
+ height : 90% ;
91
+ }
72
92
.intro {
73
93
height : 100% ;
74
94
color : # fff ;
75
95
text-align : center;
76
96
background : # 5f72bd ;
77
- background : -webkit-linear-gradient (left, # 5f72bd, # 9b23ea );
78
- background : linear-gradient (to right, # 5f72bd, # 9b23ea );
79
- }
97
+ background-color : # 5f72bd ;
98
+ background : url(../ img/bg-teste.svg);
99
+ background-size : cover;
100
+ background-repeat : repeat;
101
+ background-position : bottom;
102
+ -webkit-animation-name : anima;
103
+ animation-name : anima;
104
+ -webkit-animation-duration : 2s ;
105
+ animation-duration : 2s ;
106
+ -webkit-animation-iteration-count : infinite;
107
+ animation-iteration-count : infinite;
108
+ -webkit-animation-direction : alternate;
109
+ animation-direction : alternate;
110
+ -webkit-animation-timing-function : linear;
111
+ animation-timing-function : linear;
112
+ }
113
+ @-webkit-keyframes anima {
114
+ 0% {background-position : bottom;}
115
+ 100% {background-position : center;}
116
+ }
117
+ @keyframes anima {
118
+ 0% {background-position : bottom;}
119
+ 100% {background-position : center;}
120
+ }
121
+
80
122
.flex {
81
123
display : -webkit-box;
82
124
display : -ms-flexbox;
@@ -91,14 +133,16 @@ pre::-webkit-scrollbar-thumb {
91
133
}
92
134
.box {
93
135
width : 500px ;
94
- max-width : 90%
136
+ max-width : 90% ;
137
+ padding-top : 0px ;
95
138
}
96
139
.ex {
97
140
padding-top : 20px ;
98
141
}
99
142
footer {
100
143
padding-top : 50px ;
101
- padding-bottom : 30px
144
+ padding-bottom : 30px ;
145
+ font-size : 20px ;
102
146
}
103
147
.bg {
104
148
background : # fff ;
@@ -114,8 +158,7 @@ footer {
114
158
padding-top : 10px
115
159
}
116
160
.container-form {
117
- margin-top : 10px ;
118
- margin-bottom : 20px ;
161
+ margin : 30px ;
119
162
display : -webkit-box;
120
163
display : -ms-flexbox;
121
164
display : flex;
@@ -138,7 +181,9 @@ footer {
138
181
margin-top : 0 ;
139
182
padding-bottom : 10px ;
140
183
}
141
- .box-form input {
184
+ .box-form textarea ,
185
+ .box-form input ,
186
+ .box-form select {
142
187
width : 100% ;
143
188
height : 30px ;
144
189
font-size : 14px ;
@@ -147,25 +192,37 @@ footer {
147
192
-webkit-transition : 2s ;
148
193
transition : 2s ;
149
194
color : rgba (0 , 0 , 0 , 0.5 );
150
- ;
151
- bor der- botto m: 1px solid rgba(0, 0, 0, 0.1);
195
+ border-bottom : 1px solid rgba (0 , 0 , 0 , 0.05 );
152
196
}
153
197
.box-form input : focus {
154
198
border-bottom : 1px solid # 5f72bd ;
155
199
}
200
+ .cl {
201
+ width : 50px !important ;
202
+ }
203
+ .clr {
204
+ width : 100px !important ;
205
+ }
156
206
.box-form label {
157
207
font-weight : 700 ;
158
208
color : rgba (0 , 0 , 0 , 0.5 );
159
209
font-size : 20px
160
210
}
161
211
.box-form span {
162
- color : # 5f72bd
212
+ color : rgba (0 , 0 , 0 , .5 );
213
+ font-size : 12px ;
214
+ }
215
+ .text-center {
216
+ text-align :
163
217
}
164
218
.box-form-button {
165
- background : -webkit-linear-gradient (left, # 5f72bd, # 9b23ea );
166
- background : linear-gradient (to right, # 5f72bd, # 9b23ea );
219
+ background : # 5f72bd ;
167
220
color : # fff ;
168
- width : 100% ;
221
+ min-width : 100px ;
222
+ padding-left : 20px ;
223
+ padding-right : 20px ;
224
+ box-shadow : 0px 0px 20px 1px rgba (0 , 0 , 0 , 0.1 );
225
+ margin : 0 auto;
169
226
border : none;
170
227
height : 50px ;
171
228
font-size : 20px ;
@@ -175,14 +232,36 @@ footer {
175
232
transition : 1s ;
176
233
cursor : pointer;
177
234
}
235
+
178
236
.counter {
179
237
font-size : 14px ;
180
- opacity : 0.8
238
+ opacity : 0.8 ;
181
239
}
182
240
.box-form-button [disabled ] {
183
241
opacity : 0.6 ;
184
242
cursor : not-allowed;
185
243
}
244
+ .ttt {
245
+ display : -webkit-box;
246
+ display : -ms-flexbox;
247
+ display : flex;
248
+ -webkit-box-align : end;
249
+ -ms-flex-align : end;
250
+ align-items : flex-end;
251
+ }
252
+ .flex1 {
253
+ -webkit-box-flex : 1 ;
254
+ -ms-flex : 1 ;
255
+ flex : 1
256
+ }
257
+ .carac {
258
+ width : 100% ;
259
+ text-align : right;
260
+ }
261
+ .box-form label i {
262
+ color : # cc5555 ;
263
+ margin-left : -3px ;;
264
+ }
186
265
.btn {
187
266
background : # 5f72bd ;
188
267
color : # fff ;
@@ -199,14 +278,14 @@ footer {
199
278
cursor : pointer;
200
279
}
201
280
.btn-remover {
202
- background : # cc5555
281
+ background : # cc5555 !important
203
282
}
204
283
.btn-remover : hover {
205
- background : # ad4848
284
+ background : # ad4848 !important
206
285
}
207
286
.logo {
208
- width : 300 px ;
209
- ;
287
+ width : 100 % ;
288
+ max-width : 90 % ;
210
289
}
211
290
.t h2 {
212
291
color : # 5f72bd ;
@@ -225,11 +304,34 @@ footer {
225
304
color : rgba (0 , 0 , 0 , 0.6 );
226
305
font-size : 14px
227
306
}
307
+ .lolo {
308
+ color : # FFDD67
309
+ }
310
+ .gt {
311
+ min-height : 200px ;
312
+ display : flex;
313
+ justify-content : center;
314
+ align-items : center;
315
+ background : # 5f72bd ;
316
+ color : # fff ;
317
+ transition : 1s
318
+ }
319
+ .git {
320
+ max-width : 90% ;
321
+ transition : 1s ;
322
+ text-align : center;
323
+ }
324
+ .gt : hover .git {
325
+ transform : scale (1.2 , 1.2 );
326
+ }
228
327
@media only screen and (max-width : 400px ) {
229
328
.some {
230
329
display : none
231
330
}
232
331
pre {
233
332
width : 80%
234
333
}
334
+ .container-form {
335
+ margin : 10px
336
+ }
235
337
}
0 commit comments