22 input[type="url"], |
22 input[type="url"], |
23 input[type="week"], |
23 input[type="week"], |
24 select, |
24 select, |
25 textarea { |
25 textarea { |
26 border: 1px solid #ddd; |
26 border: 1px solid #ddd; |
27 box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 ); |
27 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); |
28 background-color: #fff; |
28 background-color: #fff; |
29 color: #32373c; |
29 color: #32373c; |
30 outline: none; |
30 outline: none; |
31 transition: 0.05s border-color ease-in-out; |
31 transition: 0.05s border-color ease-in-out; |
32 } |
32 } |
49 input[type="checkbox"]:focus, |
49 input[type="checkbox"]:focus, |
50 input[type="radio"]:focus, |
50 input[type="radio"]:focus, |
51 select:focus, |
51 select:focus, |
52 textarea:focus { |
52 textarea:focus { |
53 border-color: #5b9dd9; |
53 border-color: #5b9dd9; |
54 box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 ); |
54 box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); |
|
55 /* Only visible in Windows High Contrast mode */ |
|
56 outline: 2px solid transparent; |
55 } |
57 } |
56 |
58 |
57 /* rtl:ignore */ |
59 /* rtl:ignore */ |
58 input[type="email"], |
60 input[type="email"], |
59 input[type="url"] { |
61 input[type="url"] { |
82 text-align: center; |
84 text-align: center; |
83 vertical-align: middle; |
85 vertical-align: middle; |
84 width: 16px; |
86 width: 16px; |
85 min-width: 16px; |
87 min-width: 16px; |
86 -webkit-appearance: none; |
88 -webkit-appearance: none; |
87 box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 ); |
89 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
88 transition: .05s border-color ease-in-out; |
90 transition: .05s border-color ease-in-out; |
89 } |
91 } |
90 |
92 |
91 input[type="radio"]:checked + label:before { |
93 input[type="radio"]:checked + label:before { |
92 color: #82878c; |
94 color: #82878c; |
226 ::-webkit-input-placeholder { |
228 ::-webkit-input-placeholder { |
227 color: #72777c; |
229 color: #72777c; |
228 } |
230 } |
229 |
231 |
230 ::-moz-placeholder { |
232 ::-moz-placeholder { |
231 color: #72777c; |
233 color: #72777c; |
232 opacity: 1; |
234 opacity: 1; |
233 } |
235 } |
234 |
236 |
235 :-ms-input-placeholder { |
237 :-ms-input-placeholder { |
236 color: #72777c; |
238 color: #72777c; |
237 } |
239 } |
238 |
240 |
239 .form-invalid input, .form-invalid input:focus, |
241 .form-invalid input, |
240 .form-invalid select, .form-invalid select:focus { |
242 .form-invalid input:focus, |
|
243 .form-invalid select, |
|
244 .form-invalid select:focus { |
241 border-color: #dc3232 !important; |
245 border-color: #dc3232 !important; |
242 box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 ); |
246 box-shadow: 0 0 2px rgba(204, 0, 0, 0.8); |
243 } |
247 } |
244 |
248 |
245 .form-table .form-required.form-invalid td:after { |
249 .form-table .form-required.form-invalid td:after { |
246 content: "\f534"; |
250 content: "\f534"; |
247 font: normal 20px/1 dashicons; |
251 font: normal 20px/1 dashicons; |
250 vertical-align: middle; |
254 vertical-align: middle; |
251 } |
255 } |
252 |
256 |
253 /* Adjust error indicator for password layout */ |
257 /* Adjust error indicator for password layout */ |
254 .form-table .form-required.user-pass1-wrap.form-invalid td:after { |
258 .form-table .form-required.user-pass1-wrap.form-invalid td:after { |
255 content: ''; |
259 content: ""; |
256 } |
260 } |
257 |
261 |
258 .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after { |
262 .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after { |
259 content: '\f534'; |
263 content: "\f534"; |
260 font: normal 20px/1 dashicons; |
264 font: normal 20px/1 dashicons; |
261 color: #dc3232; |
265 color: #dc3232; |
262 margin: 0 6px 0 -29px; |
266 margin: 0 6px 0 -29px; |
263 vertical-align: middle; |
267 vertical-align: middle; |
264 } |
268 } |
271 input.disabled, |
275 input.disabled, |
272 select:disabled, |
276 select:disabled, |
273 select.disabled, |
277 select.disabled, |
274 textarea:disabled, |
278 textarea:disabled, |
275 textarea.disabled { |
279 textarea.disabled { |
276 background: rgba( 255, 255, 255, 0.5 ); |
280 background: rgba(255, 255, 255, 0.5); |
277 border-color: rgba( 222, 222, 222, 0.75 ); |
281 border-color: rgba(222, 222, 222, 0.75); |
278 box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 ); |
282 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); |
279 color: rgba( 51, 51, 51, 0.5 ); |
283 color: rgba(51, 51, 51, 0.5); |
280 } |
284 } |
281 |
285 |
282 input[type="file"]:disabled, |
286 input[type="file"]:disabled, |
283 input[type="file"].disabled, |
287 input[type="file"].disabled, |
284 input[type="range"]:disabled, |
288 input[type="range"]:disabled, |
502 #pass1.strong, #pass1-text.strong { |
511 #pass1.strong, #pass1-text.strong { |
503 border-color: #83c373; |
512 border-color: #83c373; |
504 } |
513 } |
505 |
514 |
506 .pw-weak { |
515 .pw-weak { |
507 display:none; |
516 display: none; |
508 } |
517 } |
509 |
518 |
510 .indicator-hint { |
519 .indicator-hint { |
511 padding-top: 8px; |
520 padding-top: 8px; |
|
521 } |
|
522 |
|
523 .wp-pwd [type="text"], |
|
524 .wp-pwd [type="password"] { |
|
525 margin-bottom: 0; |
|
526 /* Same height as the buttons */ |
|
527 line-height: 20px; |
|
528 min-height: 28px; |
|
529 max-height: 40px; |
512 } |
530 } |
513 |
531 |
514 #pass1-text, |
532 #pass1-text, |
515 .show-password #pass1 { |
533 .show-password #pass1 { |
516 display: none; |
534 display: none; |
517 } |
535 } |
518 |
536 |
519 .show-password #pass1-text |
537 #pass1-text::-ms-clear { |
520 { |
538 display: none; |
|
539 } |
|
540 |
|
541 .show-password #pass1-text { |
521 display: inline-block; |
542 display: inline-block; |
522 } |
|
523 |
|
524 .form-table span.description.important { |
|
525 font-size: 12px; |
|
526 } |
543 } |
527 |
544 |
528 p.search-box { |
545 p.search-box { |
529 float: right; |
546 float: right; |
530 margin: 0; |
547 margin: 0; |
776 margin-top: 20px; |
793 margin-top: 20px; |
777 padding: 0.7em 2em 1em; |
794 padding: 0.7em 2em 1em; |
778 min-width: 255px; |
795 min-width: 255px; |
779 max-width: 520px; |
796 max-width: 520px; |
780 border: 1px solid #e5e5e5; |
797 border: 1px solid #e5e5e5; |
781 box-shadow: 0 1px 1px rgba(0,0,0,0.04); |
798 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
782 background: #fff; |
799 background: #fff; |
|
800 box-sizing: border-box; |
783 } |
801 } |
784 |
802 |
785 /* Press this styles */ |
803 /* Press this styles */ |
786 |
804 |
787 .pressthis h4 { |
805 .pressthis h4 { |
832 z-index: -1; |
850 z-index: -1; |
833 position: absolute; |
851 position: absolute; |
834 right: 10px; |
852 right: 10px; |
835 bottom: 9px; |
853 bottom: 9px; |
836 background: transparent; |
854 background: transparent; |
837 -webkit-transform: skew(20deg) rotate(6deg); |
|
838 transform: skew(20deg) rotate(6deg); |
855 transform: skew(20deg) rotate(6deg); |
839 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); |
856 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); |
840 } |
857 } |
841 |
858 |
842 .pressthis-bookmarklet:hover:after { |
859 .pressthis-bookmarklet:hover:after { |
843 -webkit-transform: skew(20deg) rotate(9deg); |
|
844 transform: skew(20deg) rotate(9deg); |
860 transform: skew(20deg) rotate(9deg); |
845 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); |
861 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); |
846 } |
862 } |
847 |
863 |
848 .pressthis-bookmarklet span { |
864 .pressthis-bookmarklet span { |
1459 position: relative; |
1474 position: relative; |
1460 } |
1475 } |
1461 |
1476 |
1462 .wp-pwd [type="text"], |
1477 .wp-pwd [type="text"], |
1463 .wp-pwd [type="password"] { |
1478 .wp-pwd [type="password"] { |
1464 padding-right: 40px; |
1479 padding-right: 88px; |
1465 } |
1480 } |
1466 |
1481 |
1467 .wp-pwd button.button { |
1482 .wp-pwd button.button { |
1468 background: transparent; |
1483 background: transparent; |
1469 border: none; |
1484 border: 1px solid transparent; |
1470 box-shadow: none; |
1485 box-shadow: none; |
1471 line-height: 2; |
1486 line-height: 2; |
1472 margin: 0; |
1487 margin: 0; |
1473 padding: 5px 10px; |
1488 padding: 5px 9px; |
1474 position: absolute; |
1489 position: absolute; |
1475 right: 0; |
1490 right: 0; |
1476 top: 0; |
1491 top: 0; |
1477 } |
1492 } |
1478 |
1493 |
|
1494 .wp-pwd button.wp-hide-pw { |
|
1495 right: 40px; |
|
1496 } |
|
1497 |
1479 .wp-pwd button.button:hover, |
1498 .wp-pwd button.button:hover, |
1480 .wp-pwd button.button:focus, |
1499 .wp-pwd button.button:focus { |
|
1500 background: transparent; |
|
1501 } |
|
1502 |
1481 .wp-pwd button.button:active { |
1503 .wp-pwd button.button:active { |
1482 background: transparent; |
1504 background: transparent; |
|
1505 box-shadow: none; |
|
1506 transform: none; |
1483 } |
1507 } |
1484 |
1508 |
1485 .wp-pwd .button .text { |
1509 .wp-pwd .button .text { |
1486 display: none; |
1510 display: none; |
|
1511 } |
|
1512 |
|
1513 .wp-cancel-pw .dashicons-no { |
|
1514 display: inline-block; |
1487 } |
1515 } |
1488 |
1516 |
1489 .options-general-php input[type="text"].small-text { |
1517 .options-general-php input[type="text"].small-text { |
1490 max-width: 6.25em; |
1518 max-width: 6.25em; |
1491 margin: 0; |
1519 margin: 0; |
1492 } |
1520 } |
1493 |
1521 |
1494 /* Privacy Policy settings screen */ |
1522 /* Privacy Policy settings screen */ |
1495 .tools-privacy-policy-page form.wp-create-privacy-page { |
1523 .tools-privacy-policy-page form.wp-create-privacy-page { |
1496 margin-bottom: 1em; |
1524 margin-bottom: 1em; |
1497 } |
1525 } |
1498 |
1526 |
1499 .tools-privacy-policy-page input#set-page, |
1527 .tools-privacy-policy-page input#set-page, |
1500 .tools-privacy-policy-page select { |
1528 .tools-privacy-policy-page select { |
1501 margin: 10px 0 0; |
1529 margin: 10px 0 0; |
1502 } |
1530 } |
1503 |
1531 |
1504 .tools-privacy-policy-page .wp-create-privacy-page span { |
1532 .tools-privacy-policy-page .wp-create-privacy-page span { |
1505 display: block; |
1533 display: block; |
1506 margin-bottom: 1em; |
1534 margin-bottom: 1em; |
1507 } |
1535 } |
1508 |
1536 |
1509 .tools-privacy-policy-page .wp-create-privacy-page .button { |
1537 .tools-privacy-policy-page .wp-create-privacy-page .button { |
1510 margin-left: 0; |
1538 margin-left: 0; |
1511 } |
1539 } |
1512 |
1540 |
1513 .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) { |
1541 .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) { |
1514 display: table-cell; |
1542 display: table-cell; |
1515 } |
1543 } |
1516 |
1544 |
1517 .wp-list-table.privacy_requests.widefat th input, |
1545 .wp-list-table.privacy_requests.widefat th input, |
1518 .wp-list-table.privacy_requests.widefat thead td input { |
1546 .wp-list-table.privacy_requests.widefat thead td input { |
1519 margin-left: 5px; |
1547 margin-left: 5px; |
|
1548 } |
|
1549 .regular-text { |
|
1550 max-width: 100%; |
1520 } |
1551 } |
1521 } |
1552 } |
1522 |
1553 |
1523 @media only screen and (max-width: 768px) { |
1554 @media only screen and (max-width: 768px) { |
1524 .form-field input[type="text"], |
1555 .form-field input[type="text"], |
1528 .form-field textarea { |
1559 .form-field textarea { |
1529 width: 99%; |
1560 width: 99%; |
1530 } |
1561 } |
1531 |
1562 |
1532 .form-wrap .form-field { |
1563 .form-wrap .form-field { |
1533 padding:0; |
1564 padding: 0; |
1534 } |
|
1535 |
|
1536 /* users */ |
|
1537 #profile-page .form-table textarea { |
|
1538 max-width: 400px; |
|
1539 width: auto; |
|
1540 } |
1565 } |
1541 } |
1566 } |
1542 |
1567 |
1543 @media only screen and (max-height: 480px), screen and (max-width: 450px) { |
1568 @media only screen and (max-height: 480px), screen and (max-width: 450px) { |
1544 /* Request Credentials / File Editor Warning */ |
1569 /* Request Credentials / File Editor Warning */ |
1545 .request-filesystem-credentials-dialog .notification-dialog, |
1570 .request-filesystem-credentials-dialog .notification-dialog, |
1546 .file-editor-warning .notification-dialog { |
1571 .file-editor-warning .notification-dialog { |
1547 width: 100%; |
1572 width: 100%; |
1548 height: 100%; |
1573 height: 100%; |
1549 max-height: 100%; |
1574 max-height: 100%; |
1567 min-width: 0; |
1592 min-width: 0; |
1568 margin-right: 0.5em; |
1593 margin-right: 0.5em; |
1569 } |
1594 } |
1570 } |
1595 } |
1571 |
1596 |
1572 @-webkit-keyframes rotation { |
|
1573 0% { |
|
1574 -webkit-transform: rotate(0deg); |
|
1575 transform: rotate(0deg); |
|
1576 } |
|
1577 100% { |
|
1578 -webkit-transform: rotate(359deg); |
|
1579 transform: rotate(359deg); |
|
1580 } |
|
1581 } |
|
1582 |
|
1583 @keyframes rotation { |
1597 @keyframes rotation { |
1584 0% { |
1598 0% { |
1585 -webkit-transform: rotate(0deg); |
|
1586 transform: rotate(0deg); |
1599 transform: rotate(0deg); |
1587 } |
1600 } |
1588 100% { |
1601 100% { |
1589 -webkit-transform: rotate(359deg); |
|
1590 transform: rotate(359deg); |
1602 transform: rotate(359deg); |
1591 } |
1603 } |
1592 } |
1604 } |