| changeset 9 | 177826044cd9 |
| parent 7 | cf61fcea0001 |
| child 16 | a86126ab1dd4 |
| 8:c7c34916027a | 9:177826044cd9 |
|---|---|
1 /* rtl:ignore */ |
|
1 .wp-color-picker { |
2 .wp-color-picker { |
2 width: 80px; |
3 width: 80px; |
4 direction: ltr; |
|
3 } |
5 } |
4 |
6 |
5 .wp-picker-container .hidden { |
7 .wp-picker-container .hidden { |
6 display: none; |
8 display: none; |
7 } |
9 } |
18 background: #f7f7f7; |
20 background: #f7f7f7; |
19 border-radius: 2px 0 0 2px; |
21 border-radius: 2px 0 0 2px; |
20 border-right: 1px solid #ccc; |
22 border-right: 1px solid #ccc; |
21 color: #555; |
23 color: #555; |
22 display: block; |
24 display: block; |
23 line-height: 22px; |
25 line-height: 2; |
24 padding: 0 6px; |
26 padding: 0 6px; |
25 text-align: center; |
27 text-align: center; |
26 } |
28 } |
27 |
29 |
28 .wp-color-result:hover, |
30 .wp-color-result:hover, |
37 color: #23282d; |
39 color: #23282d; |
38 border-color: #a0a5aa; |
40 border-color: #a0a5aa; |
39 border-right: 1px solid #999; |
41 border-right: 1px solid #999; |
40 } |
42 } |
41 |
43 |
42 .wp-picker-containers { |
44 .wp-picker-container { |
43 display: inline-block; |
45 display: inline-block; |
44 } |
46 } |
45 |
47 |
46 .wp-color-result:focus { |
48 .wp-color-result:focus { |
47 border-color: #5b9dd9; |
49 border-color: #5b9dd9; |
48 box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); |
50 box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); |
49 } |
51 } |
50 |
52 |
51 .wp-color-result:active { |
53 .wp-color-result:active { |
52 /* See Trac ticket #39662 */ |
54 /* See Trac ticket #39662 */ |
53 -webkit-transform: none !important; |
|
54 transform: none !important; |
55 transform: none !important; |
55 } |
56 } |
56 |
57 |
57 .wp-picker-open + .wp-picker-input-wrap { |
58 .wp-picker-open + .wp-picker-input-wrap { |
58 display: inline-block; |
59 display: inline-block; |
69 margin: 0 !important; |
70 margin: 0 !important; |
70 } |
71 } |
71 |
72 |
72 .wp-picker-input-wrap .button, |
73 .wp-picker-input-wrap .button, |
73 .wp-customizer .wp-picker-input-wrap .button { |
74 .wp-customizer .wp-picker-input-wrap .button { |
74 margin-right: 6px; |
75 margin-right: 6px; |
75 } |
76 } |
76 |
77 |
77 .wp-picker-container .iris-square-slider .ui-slider-handle:focus { |
78 .wp-picker-container .iris-square-slider .ui-slider-handle:focus { |
78 background-color: #555 |
79 background-color: #555 |
79 } |
80 } |
86 |
87 |
87 .wp-picker-container input[type="text"].wp-color-picker { |
88 .wp-picker-container input[type="text"].wp-color-picker { |
88 width: 65px; |
89 width: 65px; |
89 font-size: 12px; |
90 font-size: 12px; |
90 font-family: monospace; |
91 font-family: monospace; |
91 line-height: 16px; |
92 line-height: 1.4; |
92 margin: 0; |
93 margin: 0; |
93 vertical-align: top; |
94 vertical-align: top; |
94 } |
95 } |
95 |
96 |
96 .wp-color-picker::-webkit-input-placeholder { |
97 .wp-color-picker::-webkit-input-placeholder { |
114 |
115 |
115 .iris-picker .ui-square-handle:focus, |
116 .iris-picker .ui-square-handle:focus, |
116 .iris-picker .iris-strip .ui-slider-handle:focus { |
117 .iris-picker .iris-strip .ui-slider-handle:focus { |
117 box-shadow: |
118 box-shadow: |
118 0 0 0 1px #5b9dd9, |
119 0 0 0 1px #5b9dd9, |
119 0 0 2px 1px rgba(30, 140, 190, .8); |
120 0 0 2px 1px rgba(30, 140, 190, 0.8); |
120 } |
121 } |
121 |
122 |
122 .iris-picker .iris-palette:focus { |
123 .iris-picker .iris-palette:focus { |
123 box-shadow: |
124 box-shadow: |
124 inset 0 0 5px rgba(0,0,0,.4), |
125 inset 0 0 5px rgba(0, 0, 0, 0.4), |
125 0 0 0 1px #5b9dd9, |
126 0 0 0 1px #5b9dd9, |
126 0 0 2px 1px rgba(30, 140, 190, .8); |
127 0 0 2px 1px rgba(30, 140, 190, 0.8); |
127 } |
128 } |
128 |
129 |
129 @media screen and ( max-width: 782px ) { |
130 @media screen and (max-width: 782px) { |
130 .wp-picker-container input[type="text"].wp-color-picker { |
131 .wp-picker-container input[type="text"].wp-color-picker { |
131 width: 80px; |
132 width: 80px; |
132 padding: 6px 5px 5px; |
133 padding: 6px 5px 5px; |
133 font-size: 16px; |
134 font-size: 16px; |
134 line-height: 18px; |
135 line-height: 1.15; |
135 } |
136 } |
136 |
137 |
137 .wp-customizer .wp-picker-container input[type="text"].wp-color-picker { |
138 .wp-customizer .wp-picker-container input[type="text"].wp-color-picker { |
138 padding: 5px 5px 4px; |
139 padding: 5px 5px 4px; |
139 } |
140 } |
140 |
141 |
141 .wp-picker-container .wp-color-result.button { |
142 .wp-picker-container .wp-color-result.button { |
142 height: auto; |
143 height: auto; |
143 padding: 0 40px 0 0; |
144 padding: 0 40px 0 0; |
144 font-size: 14px; |
145 font-size: 14px; |
145 line-height: 29px; |
146 line-height: 2.1; |
146 } |
147 } |
147 |
148 |
148 .wp-customizer .wp-picker-container .wp-color-result.button { |
149 .wp-customizer .wp-picker-container .wp-color-result.button { |
149 font-size: 13px; |
150 font-size: 13px; |
150 line-height: 26px; |
151 line-height: 2; |
151 } |
152 } |
152 |
153 |
153 .wp-picker-container .wp-color-result-text { |
154 .wp-picker-container .wp-color-result-text { |
154 padding: 0 14px; |
155 padding: 0 14px; |
155 font-size: inherit; |
156 font-size: inherit; |
159 .wp-customizer .wp-picker-container .wp-color-result-text { |
160 .wp-customizer .wp-picker-container .wp-color-result-text { |
160 padding: 0 10px; |
161 padding: 0 10px; |
161 } |
162 } |
162 } |
163 } |
163 |
164 |
164 @media screen and ( max-width: 640px ) { |
165 @media screen and (max-width: 640px) { |
165 .wp-customizer .wp-picker-container .wp-color-result.button { |
166 .wp-customizer .wp-picker-container .wp-color-result.button { |
166 font-size: 14px; |
167 font-size: 14px; |
167 line-height: 29px; |
168 line-height: 2.1; |
168 } |
169 } |
169 |
170 |
170 .wp-customizer .wp-picker-container input[type="text"].wp-color-picker { |
171 .wp-customizer .wp-picker-container input[type="text"].wp-color-picker { |
171 padding: 6px 5px; |
172 padding: 6px 5px; |
172 } |
173 } |