68 /* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */ |
69 /* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */ |
69 .form-table .wp-picker-input-wrap label { |
70 .form-table .wp-picker-input-wrap label { |
70 margin: 0 !important; |
71 margin: 0 !important; |
71 } |
72 } |
72 |
73 |
73 .wp-picker-input-wrap .button, |
74 .wp-picker-input-wrap .button.wp-picker-default, |
74 .wp-customizer .wp-picker-input-wrap .button { |
75 .wp-picker-input-wrap .button.wp-picker-clear, |
|
76 .wp-customizer .wp-picker-input-wrap .button.wp-picker-default, |
|
77 .wp-customizer .wp-picker-input-wrap .button.wp-picker-clear { |
75 margin-right: 6px; |
78 margin-right: 6px; |
|
79 padding: 0 8px; |
|
80 line-height: 2.54545455; /* 28px */ |
|
81 min-height: 30px; |
76 } |
82 } |
77 |
83 |
78 .wp-picker-container .iris-square-slider .ui-slider-handle:focus { |
84 .wp-picker-container .iris-square-slider .ui-slider-handle:focus { |
79 background-color: #555 |
85 background-color: #555 |
80 } |
86 } |
113 color: #000; |
121 color: #000; |
114 } |
122 } |
115 |
123 |
116 .iris-picker .ui-square-handle:focus, |
124 .iris-picker .ui-square-handle:focus, |
117 .iris-picker .iris-strip .ui-slider-handle:focus { |
125 .iris-picker .iris-strip .ui-slider-handle:focus { |
118 box-shadow: |
126 border-color: #007cba; |
119 0 0 0 1px #5b9dd9, |
127 border-style: solid; |
120 0 0 2px 1px rgba(30, 140, 190, 0.8); |
128 box-shadow: 0 0 0 1px #007cba; |
|
129 outline: 2px solid transparent; |
121 } |
130 } |
122 |
131 |
123 .iris-picker .iris-palette:focus { |
132 .iris-picker .iris-palette:focus { |
124 box-shadow: |
133 box-shadow: 0 0 0 2px #007cba; |
125 inset 0 0 5px rgba(0, 0, 0, 0.4), |
|
126 0 0 0 1px #5b9dd9, |
|
127 0 0 2px 1px rgba(30, 140, 190, 0.8); |
|
128 } |
134 } |
129 |
135 |
130 @media screen and (max-width: 782px) { |
136 @media screen and (max-width: 782px) { |
131 .wp-picker-container input[type="text"].wp-color-picker { |
137 .wp-picker-container input[type="text"].wp-color-picker { |
132 width: 80px; |
138 width: 5rem; |
133 padding: 6px 5px 5px; |
|
134 font-size: 16px; |
139 font-size: 16px; |
135 line-height: 1.15; |
140 line-height: 1.875; /* 30px */ |
|
141 min-height: 32px; |
136 } |
142 } |
137 |
143 |
138 .wp-customizer .wp-picker-container input[type="text"].wp-color-picker { |
144 .wp-customizer .wp-picker-container input[type="text"].wp-color-picker { |
139 padding: 5px 5px 4px; |
145 padding: 0 5px; |
|
146 } |
|
147 |
|
148 .wp-picker-input-wrap .button.wp-picker-default, |
|
149 .wp-picker-input-wrap .button.wp-picker-clear { |
|
150 padding: 0 8px; |
|
151 line-height: 2.14285714; /* 30px */ |
|
152 min-height: 32px; |
|
153 } |
|
154 |
|
155 .wp-customizer .wp-picker-input-wrap .button.wp-picker-default, |
|
156 .wp-customizer .wp-picker-input-wrap .button.wp-picker-clear { |
|
157 padding: 0 8px; |
|
158 font-size: 14px; |
|
159 line-height: 2.14285714; /* 30px */ |
|
160 min-height: 32px; |
140 } |
161 } |
141 |
162 |
142 .wp-picker-container .wp-color-result.button { |
163 .wp-picker-container .wp-color-result.button { |
143 height: auto; |
|
144 padding: 0 40px 0 0; |
164 padding: 0 40px 0 0; |
145 font-size: 14px; |
165 font-size: 14px; |
146 line-height: 2.1; |
166 line-height: 2.14285714; /* 30px */ |
147 } |
167 } |
148 |
168 |
149 .wp-customizer .wp-picker-container .wp-color-result.button { |
169 .wp-customizer .wp-picker-container .wp-color-result.button { |
150 font-size: 13px; |
170 font-size: 14px; |
151 line-height: 2; |
171 line-height: 2.14285714; /* 30px */ |
152 } |
172 } |
153 |
173 |
154 .wp-picker-container .wp-color-result-text { |
174 .wp-picker-container .wp-color-result-text { |
155 padding: 0 14px; |
175 padding: 0 14px; |
156 font-size: inherit; |
176 font-size: inherit; |