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