1 /* include margin and padding in the width calculation of input and textarea */
4 input[type="password"],
10 -webkit-box-sizing: border-box;
11 -moz-box-sizing: border-box;
12 box-sizing: border-box;
21 input[type="checkbox"],
23 border: 1px solid #bbb;
28 display: inline-block;
33 padding: 0 !important;
35 vertical-align: middle;
38 -webkit-appearance: none;
39 -webkit-box-sizing: border-box;
40 -moz-box-sizing: border-box;
41 box-sizing: border-box;
42 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
43 box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
44 -webkit-transition: .05s border-color ease-in-out;
45 transition: .05s border-color ease-in-out;
48 input[type="radio"]:checked + label:before {
52 .wp-core-ui input[type="reset"]:hover,
53 .wp-core-ui input[type="reset"]:active {
57 td > input[type="checkbox"],
58 .wp-admin p input[type=checkbox],
59 .wp-admin p input[type=radio] {
63 .wp-admin p label input[type=checkbox] {
67 .wp-admin p label input[type=radio] {
72 -webkit-border-radius: 50%;
82 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
83 box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
84 border-color: rgba(222, 222, 222, .75);
85 background: rgba(255, 255, 255, .5);
86 color: rgba(51, 51, 51, .5);
89 input[type=checkbox]:disabled,
90 input[type=radio]:disabled,
91 input[type=checkbox]:disabled:checked:before,
92 input[type=radio]:disabled:checked:before {
96 input[type=checkbox]:checked:before,
97 input[type=radio]:checked:before {
99 display: inline-block;
100 vertical-align: middle;
102 font: normal 21px/1 'dashicons';
104 -webkit-font-smoothing: antialiased;
105 -moz-osx-font-smoothing: grayscale;
108 input[type=checkbox]:checked:before {
110 margin: -3px 0 0 -4px;
114 input[type=radio]:checked:before {
116 text-indent: -9999px;
117 -webkit-border-radius: 50px;
124 background-color: #1e8cbe;
127 input.readonly, textarea.readonly {
128 background-color: #ddd;
131 @-moz-document url-prefix() {
132 input[type=checkbox],
134 .form-table input.tog {
140 input[type="search"] {
141 -webkit-appearance: textfield;
144 input[type="search"]::-webkit-search-decoration {
148 .ie8 input[type="password"] {
149 font-family: sans-serif;
156 font-family: inherit;
158 font-weight: inherit;
167 -webkit-border-radius: 0;
168 border-radius: 0; /* Reset mobile webkit's default element styling */
178 input[type="password"],
179 input[type="number"],
180 input[type="search"],
188 .wp-admin input[type="file"] {
208 padding: 4px 6px 1px 6px;
213 input[type="password"],
215 input[type="number"],
216 input[type="search"],
220 border: 1px solid #ddd;
221 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
222 box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
223 background-color: #fff;
225 -webkit-transition: .05s border-color ease-in-out;
226 transition: .05s border-color ease-in-out;
234 input[type="text"]:focus,
235 input[type="password"]:focus,
236 input[type="email"]:focus,
237 input[type="number"]:focus,
238 input[type="search"]:focus,
239 input[type="tel"]:focus,
240 input[type="url"]:focus,
241 input[type="checkbox"]:focus,
242 input[type="radio"]:focus,
244 border-color: #5b9dd9;
245 -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
246 box-shadow: 0 0 2px rgba(30,140,190,0.8);
250 background-color: #eee;
254 .wp-core-ui :-moz-placeholder {
259 background-color: #ffebe8 !important;
263 .form-invalid select {
264 border-color: #c00 !important;
271 /*------------------------------------------------------------------------------
273 ------------------------------------------------------------------------------*/
280 vertical-align: middle;
283 .wp-admin .button-cancel {
288 .meta-box-sortables select {
292 .wp-admin select[multiple] {
299 -webkit-border-bottom-left-radius: 3px;
300 border-bottom-left-radius: 3px;
301 -webkit-border-bottom-right-radius: 3px;
302 border-bottom-right-radius: 3px;
306 form p.submit a.cancel:hover {
307 text-decoration: none;
317 .textright p.submit {
322 table.form-table + p.submit,
323 table.form-table + input + p.submit,
324 table.form-table + input + input + p.submit {
329 #minor-publishing-actions input,
330 #major-publishing-actions input,
331 #minor-publishing-actions .preview {
335 textarea.all-options,
341 textarea.large-text {
346 #adduser .form-field input {
355 input[type="number"].small-text {
366 .tablenav #delete_all,
367 .tablenav #clear-recent-list {
371 .tablenav .actions select {
377 .ie8 .tablenav .actions select {
381 .ie8 .tablenav .actions select#cat {
385 #timezone_string option {
394 #your-profile label + a {
395 vertical-align: middle;
399 #your-profile label + a {
400 vertical-align: middle;
403 .options-media-php label[for*="_size_"],
404 #misc-publishing-actions label {
405 vertical-align: baseline;
408 #misc-publishing-actions label[for="post_status"]:before {
410 display: inline-block;
411 font: normal 20px/1 'dashicons';
417 text-decoration: none !important;
419 -webkit-font-smoothing: antialiased;
420 -moz-osx-font-smoothing: grayscale;
423 #pass-strength-result {
424 background-color: #eee;
425 border: 1px solid #ddd;
427 margin: 13px 5px 5px 1px;
434 #pass-strength-result.short {
435 background-color: #ffa0a0;
436 border-color: #f04040;
439 #pass-strength-result.bad {
440 background-color: #ffb78c;
441 border-color: #ff853c;
444 #pass-strength-result.good {
445 background-color: #ffec8b;
449 #pass-strength-result.strong {
450 background-color: #c3ff88;
451 border-color: #8dff1c;
463 .network-admin.themes-php p.search-box {
467 .search-box input[name="s"],
468 #search-plugins input[name="s"],
475 input[type="text"].ui-autocomplete-loading {
476 background: transparent url(../images/loading.gif) no-repeat right center;
480 ul#add-to-blog-users {
484 .ui-autocomplete-input.open {
485 -webkit-border-bottom-right-radius: 0;
486 border-bottom-right-radius: 0;
487 -webkit-border-bottom-left-radius: 0;
488 border-bottom-left-radius: 0;
497 -webkit-border-bottom-right-radius: 3px;
498 border-bottom-right-radius: 3px;
499 -webkit-border-bottom-left-radius: 3px;
500 border-bottom-left-radius: 3px;
501 border: 1px solid #aaa;
502 background-color: #efefef;
505 .ui-autocomplete li {
511 .ui-autocomplete li a {
518 .ui-autocomplete li a.ui-state-focus {
519 background-color: #ddd;
523 /*------------------------------------------------------------------------------
524 15.0 - Comments Screen
525 ------------------------------------------------------------------------------*/
528 border-collapse: collapse;
546 vertical-align: middle;
554 vertical-align: baseline;
560 padding: 20px 10px 20px 0;
566 .form-table th.th-full {
576 .form-table td fieldset label {
577 margin: 0.25em 0 0.5em !important;
578 display: inline-block;
581 .form-table td fieldset label,
582 .form-table td fieldset p,
583 .form-table td fieldset li {
587 .form-table input.tog,
588 .form-table input[type=radio] {
599 table.form-table td .updated {
603 /*------------------------------------------------------------------------------
605 ------------------------------------------------------------------------------*/
607 #profile-page .form-table textarea {
612 #profile-page .form-table #rich_editing {
616 #your-profile legend {
624 #createuser .form-field input {
629 display: inline-block;
631 padding: 5px 15px 15px;
632 -webkit-box-sizing: border-box;
633 -moz-box-sizing: border-box;
634 box-sizing: border-box;
639 .color-option.selected {
646 border-collapse: collapse;
658 /*------------------------------------------------------------------------------
660 ------------------------------------------------------------------------------*/
676 .pressthis a:active {
677 display: inline-block;
682 -webkit-border-radius: 5px;
684 border: 1px solid #b4b4b4;
688 text-decoration: none;
691 .pressthis a:active {
695 .pressthis a:hover:after {
696 -webkit-transform: skew(20deg) rotate(9deg);
697 -ms-transform: skew(20deg) rotate(9deg);
698 transform: skew(20deg) rotate(9deg);
699 -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
700 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
704 display: inline-block;
706 padding: 0px 12px 8px 9px;
709 .pressthis a span:before {
711 font: normal 20px/1 'dashicons';
714 display: inline-block;
727 background: transparent;
728 -webkit-transform: skew(20deg) rotate(6deg);
729 -ms-transform: skew(20deg) rotate(6deg);
730 transform: skew(20deg) rotate(6deg);
731 -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
732 box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
735 /*------------------------------------------------------------------------------
737 ------------------------------------------------------------------------------*/
739 #utc-time, #local-time {
744 .defaultavatarpicker .avatar {
746 vertical-align: middle;
749 .options-general-php .spinner {
755 -------------------------------------------------------------- */
757 @media screen and ( max-width: 782px ) {
760 -webkit-appearance: none;
763 input[type=text], input[type=search],
764 input[type=password], input[type=number] {
765 -webkit-appearance: none;
774 input[type=checkbox], .widefat th input[type=checkbox] {
775 -webkit-appearance: none;
779 .widefat th input[type=checkbox] {
783 input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before {
784 font: normal 30px/1 'Dashicons';
789 input[type=checkbox] {
794 .wp-admin p input[type=checkbox],
795 .wp-admin p input[type=radio] {
799 input[type=radio]:checked:before {
800 vertical-align: middle;
807 .wp-upload-form input[type=submit] {
816 .wp-admin .button-cancel {
821 #createuser .form-field input {
826 -webkit-box-sizing: border-box;
827 -moz-box-sizing: border-box;
828 box-sizing: border-box;
835 vertical-align: middle;
838 .form-table .color-palette td {
843 .form-table table.color-palette {
852 .form-table td input[type="text"],
853 .form-table td input[type="password"],
854 .form-table td select,
855 .form-table td textarea,
856 .form-table span.description,
857 #profile-page .form-table textarea {
864 -webkit-box-sizing: border-box;
865 -moz-box-sizing: border-box;
866 box-sizing: border-box;
869 input[type=text].small-text,
870 input[type=search].small-text,
871 input[type=password].small-text,
872 input[type=number].small-text,
873 input[type="number"].small-text,
874 .form-table input[type=text].small-text {
882 #pass-strength-result {
884 -webkit-box-sizing: border-box;
885 -moz-box-sizing: border-box;
886 box-sizing: border-box;
899 p.search-box input[name="s"] {
904 vertical-align: middle;
905 -webkit-appearance: none;
908 p.search-box input[type="submit"] {
912 .form-table span.description {
928 .form-table input.regular-text {
936 .form-table fieldset label {
953 @media only screen and (max-width: 768px) {
955 .form-field textarea {
959 .form-wrap .form-field {
964 #profile-page .form-table textarea {
971 @media screen and (max-width: 600px) {
972 /* Color Picker Options */