1 /* Include margin and padding in the width calculation of input and textarea. */
4 -webkit-box-sizing: border-box;
5 -moz-box-sizing: border-box;
6 box-sizing: border-box;
10 input[type="password"],
11 input[type="checkbox"],
14 input[type="datetime"],
15 input[type="datetime-local"],
19 input[type="password"],
29 border: 1px solid #ddd;
30 -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
31 box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
32 background-color: #fff;
35 -webkit-transition: 0.05s border-color ease-in-out;
36 transition: 0.05s border-color ease-in-out;
39 input[type="text"]:focus,
40 input[type="password"]:focus,
41 input[type="color"]:focus,
42 input[type="date"]:focus,
43 input[type="datetime"]:focus,
44 input[type="datetime-local"]:focus,
45 input[type="email"]:focus,
46 input[type="month"]:focus,
47 input[type="number"]:focus,
48 input[type="password"]:focus,
49 input[type="search"]:focus,
50 input[type="tel"]:focus,
51 input[type="text"]:focus,
52 input[type="time"]:focus,
53 input[type="url"]:focus,
54 input[type="week"]:focus,
55 input[type="checkbox"]:focus,
56 input[type="radio"]:focus,
59 border-color: #5b9dd9;
60 -webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
61 box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
70 input[type="checkbox"],
72 border: 1px solid #b4b9be;
77 display: inline-block;
82 padding: 0 !important;
84 vertical-align: middle;
87 -webkit-appearance: none;
88 -webkit-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 );
90 -webkit-transition: .05s border-color ease-in-out;
91 transition: .05s border-color ease-in-out;
94 input[type="radio"]:checked + label:before {
98 .wp-core-ui input[type="reset"]:hover,
99 .wp-core-ui input[type="reset"]:active {
103 td > input[type="checkbox"],
104 .wp-admin p input[type="checkbox"],
105 .wp-admin p input[type="radio"] {
109 .wp-admin p label input[type="checkbox"] {
113 .wp-admin p label input[type="radio"] {
117 input[type="radio"] {
118 -webkit-border-radius: 50%;
124 input[type="checkbox"]:checked:before,
125 input[type="radio"]:checked:before {
127 display: inline-block;
128 vertical-align: middle;
130 font: normal 21px/1 'dashicons';
132 -webkit-font-smoothing: antialiased;
133 -moz-osx-font-smoothing: grayscale;
136 input[type="checkbox"]:checked:before {
138 margin: -3px 0 0 -4px;
142 input[type="radio"]:checked:before {
144 text-indent: -9999px;
145 -webkit-border-radius: 50px;
152 background-color: #1e8cbe;
155 @-moz-document url-prefix() {
156 input[type="checkbox"],
158 .form-table input.tog {
164 input[type="search"] {
165 -webkit-appearance: textfield;
168 input[type="search"]::-webkit-search-decoration {
172 .ie8 input[type="password"] {
173 font-family: sans-serif;
180 font-family: inherit;
182 font-weight: inherit;
190 -webkit-border-radius: 0;
191 border-radius: 0; /* Reset mobile webkit's default element styling */
200 .wp-admin input[type="file"] {
220 padding: 4px 6px 1px 6px;
227 background-color: #eee;
231 .wp-core-ui :-moz-placeholder {
236 background-color: #ffebe8 !important;
240 .form-invalid select {
241 border-color: #c00 !important;
254 background: rgba( 255, 255, 255, 0.5 );
255 border-color: rgba( 222, 222, 222, 0.75 );
256 -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
257 box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.04 );
258 color: rgba( 51, 51, 51, 0.5 );
261 input[type="file"]:disabled,
262 input[type="file"].disabled,
263 input[type="range"]:disabled,
264 input[type="range"].disabled {
266 -webkit-box-shadow: none;
270 input[type="checkbox"]:disabled,
271 input[type="checkbox"].disabled,
272 input[type="radio"]:disabled,
273 input[type="radio"].disabled,
274 input[type="checkbox"]:disabled:checked:before,
275 input[type="checkbox"].disabled:checked:before,
276 input[type="radio"]:disabled:checked:before,
277 input[type="radio"].disabled:checked:before {
281 /*------------------------------------------------------------------------------
283 ------------------------------------------------------------------------------*/
290 vertical-align: middle;
293 .wp-admin .button-cancel {
298 .meta-box-sortables select {
302 .wp-admin select[multiple] {
309 -webkit-border-bottom-left-radius: 3px;
310 border-bottom-left-radius: 3px;
311 -webkit-border-bottom-right-radius: 3px;
312 border-bottom-right-radius: 3px;
316 form p.submit a.cancel:hover {
317 text-decoration: none;
327 .textright p.submit {
332 table.form-table + p.submit,
333 table.form-table + input + p.submit,
334 table.form-table + input + input + p.submit {
339 #minor-publishing-actions input,
340 #major-publishing-actions input,
341 #minor-publishing-actions .preview {
345 textarea.all-options,
351 textarea.large-text {
356 #adduser .form-field input {
365 input[type="number"].small-text {
376 .tablenav #delete_all,
377 .tablenav #clear-recent-list,
378 .wp-filter #delete_all {
382 .tablenav .actions select {
388 .ie8 .tablenav .actions select {
392 .ie8 .tablenav .actions select#cat {
396 #timezone_string option {
405 #your-profile label + a {
406 vertical-align: middle;
410 #your-profile label + a {
411 vertical-align: middle;
414 .options-media-php label[for*="_size_"],
415 #misc-publishing-actions label {
416 vertical-align: baseline;
419 #misc-publishing-actions label[for="post_status"]:before {
421 display: inline-block;
422 font: normal 20px/1 'dashicons';
428 text-decoration: none !important;
430 -webkit-font-smoothing: antialiased;
431 -moz-osx-font-smoothing: grayscale;
434 #pass-strength-result {
435 background-color: #eee;
436 border: 1px solid #ddd;
438 margin: 13px 5px 5px 1px;
445 #pass-strength-result.short {
446 background-color: #ffa0a0;
447 border-color: #f04040;
450 #pass-strength-result.bad {
451 background-color: #ffb78c;
452 border-color: #ff853c;
455 #pass-strength-result.good {
456 background-color: #ffec8b;
460 #pass-strength-result.strong {
461 background-color: #c3ff88;
462 border-color: #8dff1c;
474 .network-admin.themes-php p.search-box {
478 .search-box input[name="s"],
479 .tablenav .search-plugins input[name="s"],
486 input[type="text"].ui-autocomplete-loading,
487 input[type="email"].ui-autocomplete-loading {
488 background-image: url(../images/loading.gif);
489 background-repeat: no-repeat;
490 background-position: right center;
494 input.ui-autocomplete-input.open {
495 border-bottom-color: transparent;
498 ul#add-to-blog-users {
508 border: 1px solid #5b9dd9;
509 -webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
510 box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
511 background-color: #fff;
514 .ui-autocomplete li {
521 .ui-autocomplete li.ui-state-focus {
522 background-color: #ddd;
526 /*------------------------------------------------------------------------------
527 15.0 - Comments Screen
528 ------------------------------------------------------------------------------*/
531 border-collapse: collapse;
549 vertical-align: middle;
557 vertical-align: baseline;
563 padding: 20px 10px 20px 0;
569 .form-table th.th-full {
579 .form-table td fieldset label {
580 margin: 0.25em 0 0.5em !important;
581 display: inline-block;
584 .form-table td fieldset label,
585 .form-table td fieldset p,
586 .form-table td fieldset li {
590 .form-table input.tog,
591 .form-table input[type="radio"] {
602 table.form-table td .updated {
606 table.form-table td .updated p {
611 /*------------------------------------------------------------------------------
613 ------------------------------------------------------------------------------*/
615 #profile-page .form-table textarea {
620 #profile-page .form-table #rich_editing {
624 #your-profile legend {
632 #createuser .form-field input {
637 display: inline-block;
639 padding: 5px 15px 15px;
640 -webkit-box-sizing: border-box;
641 -moz-box-sizing: border-box;
642 box-sizing: border-box;
647 .color-option.selected {
654 border-collapse: collapse;
666 /*------------------------------------------------------------------------------
668 ------------------------------------------------------------------------------*/
682 padding: 0.7em 2em 1em;
685 border: 1px solid #e5e5e5;
686 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
687 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
691 /* Press this styles */
697 .pressthis textarea {
702 #pressthis-code-wrap {
706 .pressthis-bookmarklet-wrapper {
713 .pressthis-bookmarklet,
714 .pressthis-bookmarklet:hover,
715 .pressthis-bookmarklet:focus,
716 .pressthis-bookmarklet:active {
717 display: inline-block;
722 -webkit-border-radius: 5px;
724 border: 1px solid #b4b4b4;
728 text-decoration: none;
731 .pressthis-bookmarklet:active {
735 .pressthis-bookmarklet:after {
743 background: transparent;
744 -webkit-transform: skew(20deg) rotate(6deg);
745 -ms-transform: skew(20deg) rotate(6deg);
746 transform: skew(20deg) rotate(6deg);
747 -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
748 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
751 .pressthis-bookmarklet:hover:after {
752 -webkit-transform: skew(20deg) rotate(9deg);
753 -ms-transform: skew(20deg) rotate(9deg);
754 transform: skew(20deg) rotate(9deg);
755 -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
756 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
759 .pressthis-bookmarklet span {
760 display: inline-block;
762 padding: 0px 12px 8px 9px;
765 .pressthis-bookmarklet span:before {
767 font: normal 20px/1 'dashicons';
770 display: inline-block;
775 .pressthis-js-toggle {
782 .pressthis-js-toggle .dashicons {
783 margin: 5px 8px 6px 7px;
787 /* to override the button class being applied */
788 .pressthis-js-toggle.button.button {
795 .pressthis-js-toggle .dashicons {
796 margin: 5px 8px 6px 7px;
800 /*------------------------------------------------------------------------------
802 ------------------------------------------------------------------------------*/
804 #utc-time, #local-time {
809 .defaultavatarpicker .avatar {
811 vertical-align: middle;
814 .options-general-php input.small-text {
818 .options-general-php .spinner {
823 .settings-php .language-install-spinner,
824 .options-general-php .language-install-spinner {
825 display: inline-block;
828 vertical-align: middle;
831 /*------------------------------------------------------------------------------
833 ------------------------------------------------------------------------------*/
835 .form-field #site-address {
839 .form-field #domain {
843 .form-field #site-title,
844 .form-field #admin-email,
846 .form-field #blog_registered,
847 .form-field #blog_last_updated {
855 /*------------------------------------------------------------------------------
856 Credentials check dialog for Install and Updates
857 ------------------------------------------------------------------------------*/
859 .request-filesystem-credentials-dialog {
863 .request-filesystem-credentials-dialog .notification-dialog {
867 .request-filesystem-credentials-dialog-content {
871 .request-filesystem-credentials-form input[type="text"],
872 .request-filesystem-credentials-form input[type="password"] {
876 .request-filesystem-credentials-dialog input[type="text"],
877 .request-filesystem-credentials-dialog input[type="password"] {
881 .request-filesystem-credentials-form .field-title {
885 .request-filesystem-credentials-dialog label[for="hostname"],
886 .request-filesystem-credentials-dialog label[for="public_key"],
887 .request-filesystem-credentials-dialog label[for="private_key"] {
892 .request-filesystem-credentials-dialog .ftp-username,
893 .request-filesystem-credentials-dialog .ftp-password {
898 .request-filesystem-credentials-dialog .ftp-password {
902 .request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons {
906 .request-filesystem-credentials-dialog label[for="ftp"] {
910 #request-filesystem-credentials-dialog .button:not(:last-child) {
914 #request-filesystem-credentials-form .cancel-button {
918 #request-filesystem-credentials-dialog .cancel-button {
924 -------------------------------------------------------------- */
926 @media screen and ( max-width: 782px ) {
929 -webkit-appearance: none;
934 input[type="search"],
935 input[type="password"],
936 input[type="number"] {
937 -webkit-appearance: none;
946 input[type="checkbox"], .widefat th input[type="checkbox"] {
947 -webkit-appearance: none;
951 .widefat th input[type="checkbox"] {
955 input[type="checkbox"]:checked:before, .widefat th input[type="checkbox"]:before {
956 font: normal 30px/1 'Dashicons';
961 input[type="checkbox"] {
966 .wp-admin p input[type="checkbox"],
967 .wp-admin p input[type="radio"] {
971 input[type="radio"]:checked:before {
972 vertical-align: middle;
979 .wp-upload-form input[type="submit"] {
988 .wp-admin .button-cancel {
993 #createuser .form-field input {
998 -webkit-box-sizing: border-box;
999 -moz-box-sizing: border-box;
1000 box-sizing: border-box;
1007 vertical-align: middle;
1010 .form-table .color-palette td {
1011 display: table-cell;
1015 .form-table table.color-palette {
1024 .form-table td input[type="text"],
1025 .form-table td input[type="email"],
1026 .form-table td input[type="password"],
1027 .form-table td select,
1028 .form-table td textarea,
1029 .form-table span.description,
1030 #profile-page .form-table textarea {
1037 -webkit-box-sizing: border-box;
1038 -moz-box-sizing: border-box;
1039 box-sizing: border-box;
1042 #wpbody .form-table td select {
1046 input[type="text"].small-text,
1047 input[type="search"].small-text,
1048 input[type="password"].small-text,
1049 input[type="number"].small-text,
1050 input[type="number"].small-text,
1051 .form-table input[type="text"].small-text {
1059 #pass-strength-result {
1061 -webkit-box-sizing: border-box;
1062 -moz-box-sizing: border-box;
1063 box-sizing: border-box;
1073 margin-bottom: 20px;
1076 p.search-box input[name="s"] {
1080 margin-bottom: 10px;
1081 vertical-align: middle;
1082 -webkit-appearance: none;
1085 p.search-box input[type="submit"] {
1086 margin-bottom: 10px;
1089 .form-table span.description {
1105 .form-table input.regular-text {
1113 .form-table fieldset label {
1129 .form-field #domain {
1134 @media only screen and (max-width: 768px) {
1135 .form-field input[type="text"],
1136 .form-field input[type="email"],
1137 .form-field input[type="password"],
1139 .form-field textarea {
1143 .form-wrap .form-field {
1148 #profile-page .form-table textarea {
1155 @media only screen and (max-height: 480px) {
1156 /* Request Credentials */
1157 .request-filesystem-credentials-dialog .notification-dialog{
1169 @media screen and (max-width: 600px) {
1170 /* Color Picker Options */