diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 58 |
1 files changed, 54 insertions, 4 deletions
@@ -116,7 +116,7 @@ h2 { | |||
116 | } | 116 | } |
117 | 117 | ||
118 | .block-step1 .circle_num { | 118 | .block-step1 .circle_num { |
119 | background-color: #403040; | 119 | background-color: black; |
120 | color: #F1F2E3; | 120 | color: #F1F2E3; |
121 | margin: 4px 28px 0 0; | 121 | margin: 4px 28px 0 0; |
122 | line-height: 1.3em; | 122 | line-height: 1.3em; |
@@ -326,15 +326,65 @@ p a:visited { | |||
326 | 326 | ||
327 | input[type="text"] { | 327 | input[type="text"] { |
328 | width: 95%; | 328 | width: 95%; |
329 | border: solid 1px silver; | 329 | background-color : rgba(255, 255, 255, 0.30); |
330 | border-radius: 4px; | 330 | border: 0px solid rgba(255, 255, 255, 0.30); |
331 | border-radius: 6px; | ||
331 | font-family: 'SourceSansPro', sans-serif; | 332 | font-family: 'SourceSansPro', sans-serif; |
332 | font-size: 13pt; | 333 | font-size: 13pt; |
333 | font-weight: normal; | 334 | font-weight: normal; |
335 | color: white; | ||
334 | padding: 0.4em 0.6em 0.4em 0.6em; | 336 | padding: 0.4em 0.6em 0.4em 0.6em; |
335 | margin-bottom: 0.7em; | 337 | margin-bottom: 0.7em; |
336 | } | 338 | } |
337 | 339 | ||
340 | input:focus { | ||
341 | outline: none !important; | ||
342 | } | ||
343 | |||
344 | input:focus::placeholder { | ||
345 | opacity: 0; | ||
346 | } | ||
347 | |||
348 | ::placeholder { | ||
349 | color: white; | ||
350 | opacity: 0.5; | ||
351 | font-variant: small-caps; | ||
352 | font-weight: normal; | ||
353 | letter-spacing: 0.15em; | ||
354 | } | ||
355 | |||
356 | |||
357 | :focus::-moz-placeholder { | ||
358 | opacity: 0 | ||
359 | } | ||
360 | |||
361 | ::-moz-placeholder { | ||
362 | color: white; | ||
363 | opacity: 0.5; | ||
364 | font-variant: small-caps; | ||
365 | font-weight: normal; | ||
366 | letter-spacing: 0.15em; | ||
367 | } | ||
368 | |||
369 | ::-ms-placeholder { | ||
370 | color: white; | ||
371 | opacity: 0.5; | ||
372 | font-variant: small-caps; | ||
373 | font-weight: normal; | ||
374 | letter-spacing: 0.15em; | ||
375 | } | ||
376 | |||
377 | :focus::-webkit-input-placeholder { | ||
378 | opacity: 0; | ||
379 | } | ||
380 | ::-webkit-input-placeholder { | ||
381 | color: white; | ||
382 | opacity: 0.5; | ||
383 | font-variant: small-caps; | ||
384 | font-weight: normal; | ||
385 | letter-spacing: 0.15em; | ||
386 | } | ||
387 | |||
338 | select.tag { | 388 | select.tag { |
339 | width: 15%; | 389 | width: 15%; |
340 | margin-right: 3%; | 390 | margin-right: 3%; |
@@ -384,7 +434,7 @@ input[type=checkbox]:not(old) + label > span { | |||
384 | background-color : rgba(255, 255, 255, 0.30); | 434 | background-color : rgba(255, 255, 255, 0.30); |
385 | margin : 2px 36px 8px 2px; | 435 | margin : 2px 36px 8px 2px; |
386 | border : 0px solid rgba(255, 255, 255, 0.30); | 436 | border : 0px solid rgba(255, 255, 255, 0.30); |
387 | border-radius : 25%; | 437 | border-radius : 6px; |
388 | vertical-align : top; | 438 | vertical-align : top; |
389 | transition : font-size 0.4s; | 439 | transition : font-size 0.4s; |
390 | font-size : 1pt; | 440 | font-size : 1pt; |