| 451 | input { |
| 452 | -webkit-box-sizing: border-box; |
| 453 | -moz-box-sizing: border-box; |
| 454 | box-sizing: border-box; |
| 455 | } |
| 456 | |
| 457 | input[type="text"], |
| 458 | input[type="email"], |
| 459 | input[type="password"] { |
| 460 | border: 1px solid #ddd; |
| 461 | -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 ); |
| 462 | box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 ); |
| 463 | background-color: #fff; |
| 464 | color: #32373c; |
| 465 | outline: none; |
| 466 | -webkit-transition: 0.05s border-color ease-in-out; |
| 467 | transition: 0.05s border-color ease-in-out; |
| 468 | } |
| 469 | |
| 470 | input[type="text"]:focus, |
| 471 | input[type="password"]:focus, |
| 472 | input[type="email"]:focus, |
| 473 | input[type="checkbox"]:focus { |
| 474 | border-color: #5b9dd9; |
| 475 | -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 ); |
| 476 | box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 ); |
| 477 | } |
| 478 | |
| 479 | /* rtl:ignore */ |
| 480 | input[type="email"] { |
| 481 | direction: ltr; |
| 482 | } |
| 483 | |
| 484 | input[type="checkbox"] { |
| 485 | border: 1px solid #b4b9be; |
| 486 | background: #fff; |
| 487 | color: #555; |
| 488 | clear: none; |
| 489 | cursor: pointer; |
| 490 | display: inline-block; |
| 491 | line-height: 0; |
| 492 | height: 16px; |
| 493 | margin: -4px 4px 0 0; |
| 494 | outline: 0; |
| 495 | padding: 0 !important; |
| 496 | text-align: center; |
| 497 | vertical-align: middle; |
| 498 | width: 16px; |
| 499 | min-width: 16px; |
| 500 | -webkit-appearance: none; |
| 501 | -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 ); |
| 502 | box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 ); |
| 503 | -webkit-transition: .05s border-color ease-in-out; |
| 504 | transition: .05s border-color ease-in-out; |
| 505 | } |
| 506 | |
| 507 | input[type="checkbox"]:checked:before { |
| 508 | float: left; |
| 509 | display: inline-block; |
| 510 | vertical-align: middle; |
| 511 | width: 16px; |
| 512 | font: normal 21px/1 dashicons; |
| 513 | speak: none; |
| 514 | -webkit-font-smoothing: antialiased; |
| 515 | -moz-osx-font-smoothing: grayscale; |
| 516 | } |
| 517 | |
| 518 | input[type="checkbox"]:checked:before { |
| 519 | content: "\f147"; |
| 520 | margin: -3px 0 0 -4px; |
| 521 | color: #1e8cbe; |
| 522 | } |
| 523 | |