127 height: 7px; |
126 height: 7px; |
128 width: 100%; |
127 width: 100%; |
129 bottom: -5px; |
128 bottom: -5px; |
130 left: 0; |
129 left: 0; |
131 } |
130 } |
|
131 /* rtl:ignore */ |
132 .ui-resizable-e { |
132 .ui-resizable-e { |
133 cursor: e-resize; |
133 cursor: e-resize; |
134 width: 7px; |
134 width: 7px; |
135 right: -5px; |
135 right: -5px; |
136 top: 0; |
136 top: 0; |
137 height: 100%; |
137 height: 100%; |
138 } |
138 } |
|
139 /* rtl:ignore */ |
139 .ui-resizable-w { |
140 .ui-resizable-w { |
140 cursor: w-resize; |
141 cursor: w-resize; |
141 width: 7px; |
142 width: 7px; |
142 left: -5px; |
143 left: -5px; |
143 top: 0; |
144 top: 0; |
144 height: 100%; |
145 height: 100%; |
145 } |
146 } |
|
147 /* rtl:ignore */ |
146 .ui-resizable-se { |
148 .ui-resizable-se { |
147 cursor: se-resize; |
149 cursor: se-resize; |
148 width: 12px; |
150 width: 12px; |
149 height: 12px; |
151 height: 12px; |
150 right: 1px; |
152 right: 1px; |
151 bottom: 1px; |
153 bottom: 1px; |
152 } |
154 } |
|
155 /* rtl:ignore */ |
153 .ui-resizable-sw { |
156 .ui-resizable-sw { |
154 cursor: sw-resize; |
157 cursor: sw-resize; |
155 width: 9px; |
158 width: 9px; |
156 height: 9px; |
159 height: 9px; |
157 left: -5px; |
160 left: -5px; |
158 bottom: -5px; |
161 bottom: -5px; |
159 } |
162 } |
|
163 /* rtl:ignore */ |
160 .ui-resizable-nw { |
164 .ui-resizable-nw { |
161 cursor: nw-resize; |
165 cursor: nw-resize; |
162 width: 9px; |
166 width: 9px; |
163 height: 9px; |
167 height: 9px; |
164 left: -5px; |
168 left: -5px; |
165 top: -5px; |
169 top: -5px; |
166 } |
170 } |
|
171 /* rtl:ignore */ |
167 .ui-resizable-ne { |
172 .ui-resizable-ne { |
168 cursor: ne-resize; |
173 cursor: ne-resize; |
169 width: 9px; |
174 width: 9px; |
170 height: 9px; |
175 height: 9px; |
171 right: -5px; |
176 right: -5px; |
172 top: -5px; |
177 top: -5px; |
173 } |
178 } |
174 |
179 |
175 /*! |
180 /* WP buttons: see buttons.css. */ |
176 * jQuery UI Dialog 1.10.1 |
181 |
177 * http://jqueryui.com |
182 .ui-button { |
178 * |
183 display: inline-block; |
179 * Copyright 2013 jQuery Foundation and other contributors |
184 text-decoration: none; |
180 * Released under the MIT license. |
185 font-size: 13px; |
181 * http://jquery.org/license |
186 line-height: 26px; |
182 * |
187 height: 28px; |
183 * http://docs.jquery.com/UI/Dialog#theming |
188 margin: 0; |
184 */ |
189 padding: 0 10px 1px; |
|
190 cursor: pointer; |
|
191 border-width: 1px; |
|
192 border-style: solid; |
|
193 -webkit-appearance: none; |
|
194 -webkit-border-radius: 3px; |
|
195 border-radius: 3px; |
|
196 white-space: nowrap; |
|
197 -webkit-box-sizing: border-box; |
|
198 -moz-box-sizing: border-box; |
|
199 box-sizing: border-box; |
|
200 color: #555; |
|
201 border-color: #cccccc; |
|
202 background: #f7f7f7; |
|
203 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); |
|
204 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); |
|
205 vertical-align: top; |
|
206 } |
|
207 |
|
208 .ui-button:active, |
|
209 .ui-button:focus { |
|
210 outline: none; |
|
211 } |
|
212 |
|
213 /* Remove the dotted border on :focus and the extra padding in Firefox */ |
|
214 .ui-button::-moz-focus-inner { |
|
215 border-width: 1px 0; |
|
216 border-style: solid none; |
|
217 border-color: transparent; |
|
218 padding: 0; |
|
219 } |
|
220 |
|
221 .ui-button:hover, |
|
222 .ui-button:focus { |
|
223 background: #fafafa; |
|
224 border-color: #999; |
|
225 color: #23282d; |
|
226 } |
|
227 |
|
228 .ui-button:focus { |
|
229 -webkit-box-shadow: |
|
230 0 0 0 1px #5b9dd9, |
|
231 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); |
|
232 box-shadow: |
|
233 0 0 0 1px #5b9dd9, |
|
234 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); |
|
235 } |
|
236 |
|
237 .ui-button:active { |
|
238 background: #eee; |
|
239 border-color: #999; |
|
240 color: #32373c; |
|
241 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
|
242 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
|
243 } |
|
244 |
|
245 .ui-button[disabled], |
|
246 .ui-button:disabled { |
|
247 color: #a0a5aa !important; |
|
248 border-color: #ddd !important; |
|
249 background: #f7f7f7 !important; |
|
250 -webkit-box-shadow: none !important; |
|
251 box-shadow: none !important; |
|
252 text-shadow: 0 1px 0 #fff !important; |
|
253 cursor: default; |
|
254 } |
|
255 |
|
256 @media screen and ( max-width: 782px ) { |
|
257 |
|
258 .ui-button { |
|
259 padding: 10px 14px; |
|
260 line-height: 1; |
|
261 font-size: 14px; |
|
262 vertical-align: middle; |
|
263 height: auto; |
|
264 margin-bottom: 4px; |
|
265 } |
|
266 |
|
267 } |
|
268 |
|
269 /* WP Theme */ |
|
270 |
185 .ui-dialog { |
271 .ui-dialog { |
186 position: absolute; |
272 position: absolute; |
187 top: 0; |
273 top: 0; |
188 left: 0; |
274 left: 0; |
189 padding: .2em; |
275 z-index: 100102; |
190 outline: 0; |
276 background-color: #fff; |
191 } |
277 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
192 .ui-dialog .ui-dialog-titlebar { |
278 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
193 padding: .4em 1em; |
279 } |
194 position: relative; |
280 |
195 } |
281 .ui-dialog-titlebar { |
196 .ui-dialog .ui-dialog-title { |
282 background: #fcfcfc; |
197 float: left; |
283 border-bottom: 1px solid #dfdfdf; |
198 margin: .1em 0; |
284 height: 36px; |
199 white-space: nowrap; |
285 font-size: 18px; |
200 width: 90%; |
286 font-weight: 600; |
201 overflow: hidden; |
287 line-height: 36px; |
202 text-overflow: ellipsis; |
288 padding: 0 36px 0 16px; |
203 } |
289 } |
204 .ui-dialog .ui-dialog-titlebar-close { |
290 |
205 position: absolute; |
291 .ui-button.ui-dialog-titlebar-close { |
206 right: .3em; |
|
207 top: 50%; |
|
208 width: 21px; |
|
209 margin: -10px 0 0 0; |
|
210 padding: 1px; |
|
211 height: 20px; |
|
212 } |
|
213 .ui-dialog .ui-dialog-content { |
|
214 position: relative; |
|
215 border: 0; |
|
216 padding: .5em 1em; |
|
217 background: none; |
292 background: none; |
|
293 border: none; |
|
294 -webkit-box-shadow: none; |
|
295 box-shadow: none; |
|
296 color: #666; |
|
297 cursor: pointer; |
|
298 display: block; |
|
299 padding: 0; |
|
300 position: absolute; |
|
301 top: 0; |
|
302 right: 0; |
|
303 width: 36px; |
|
304 height: 36px; |
|
305 text-align: center; |
|
306 } |
|
307 |
|
308 .ui-dialog-titlebar-close:before { |
|
309 font: normal 20px/1 'dashicons'; |
|
310 vertical-align: top; |
|
311 speak: none; |
|
312 -webkit-font-smoothing: antialiased; |
|
313 -moz-osx-font-smoothing: grayscale; |
|
314 line-height: 36px; |
|
315 width: 36px; |
|
316 height: 36px; |
|
317 content: '\f158'; |
|
318 } |
|
319 |
|
320 .ui-button.ui-dialog-titlebar-close:hover { |
|
321 color: #00a0d2; |
|
322 } |
|
323 |
|
324 .ui-dialog-titlebar-close .ui-button-text { |
|
325 display: none; |
|
326 } |
|
327 |
|
328 .ui-dialog-content { |
|
329 padding: 16px; |
218 overflow: auto; |
330 overflow: auto; |
219 } |
331 } |
220 .ui-dialog .ui-dialog-buttonpane { |
332 |
221 text-align: left; |
333 .ui-dialog-buttonpane { |
222 border-width: 1px 0 0 0; |
334 background: #fcfcfc; |
223 background-image: none; |
335 border-top: 1px solid #dfdfdf; |
224 margin-top: .5em; |
336 padding: 16px; |
225 padding: .3em 1em .5em .4em; |
337 } |
226 } |
338 |
227 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { |
339 .ui-dialog-buttonpane .ui-button { |
|
340 margin-left: 16px; |
|
341 } |
|
342 |
|
343 .ui-dialog-buttonpane .ui-dialog-buttonset { |
228 float: right; |
344 float: right; |
229 } |
345 } |
230 .ui-dialog .ui-dialog-buttonpane button { |
346 |
231 margin: .5em .4em .5em 0; |
|
232 cursor: pointer; |
|
233 } |
|
234 .ui-dialog .ui-resizable-se { |
|
235 width: 12px; |
|
236 height: 12px; |
|
237 right: -5px; |
|
238 bottom: -5px; |
|
239 background-position: 16px 16px; |
|
240 } |
|
241 .ui-draggable .ui-dialog-titlebar { |
347 .ui-draggable .ui-dialog-titlebar { |
242 cursor: move; |
348 cursor: move; |
243 } |
349 } |
244 |
350 |
245 /* WP jQuery Dialog Theme */ |
|
246 .wp-dialog { |
|
247 padding: 0; |
|
248 z-index: 300002; |
|
249 border: 1px solid #999; |
|
250 -webkit-box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 ); |
|
251 box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 ); |
|
252 background-color: #f5f5f5; |
|
253 -webkit-border-top-left-radius: 4px; |
|
254 border-top-left-radius: 4px; |
|
255 -webkit-border-top-right-radius: 4px; |
|
256 border-top-right-radius: 4px; |
|
257 } |
|
258 |
|
259 .wp-dialog .ui-dialog-title { |
|
260 display: block; |
|
261 text-align: center; |
|
262 padding: 1px 0 2px; |
|
263 } |
|
264 |
|
265 .wp-dialog .ui-dialog-titlebar { |
|
266 padding: 0 1em; |
|
267 background-color: #444; |
|
268 font-weight: bold; |
|
269 font-size: 11px; |
|
270 line-height: 18px; |
|
271 color: #e5e5e5; |
|
272 -webkit-border-top-left-radius: 3px; |
|
273 border-top-left-radius: 3px; |
|
274 -webkit-border-top-right-radius: 3px; |
|
275 border-top-right-radius: 3px; |
|
276 } |
|
277 |
|
278 .wp-dialog .ui-dialog-content { |
|
279 padding: 0; |
|
280 } |
|
281 |
|
282 .wp-dialog .ui-dialog-titlebar-close { |
|
283 cursor: pointer; |
|
284 -webkit-appearance: none; |
|
285 border: 0; |
|
286 width: 29px; |
|
287 height: 16px; |
|
288 top: 13px; |
|
289 right: 6px; |
|
290 background: url('../js/tinymce/plugins/inlinepopups/skins/clearlooks2/img/buttons.gif') no-repeat -87px -16px; |
|
291 } |
|
292 |
|
293 .wp-dialog .ui-dialog-titlebar-close .ui-button-text { |
|
294 display: none; |
|
295 } |
|
296 |
|
297 .wp-dialog .ui-dialog-titlebar-close:hover, |
|
298 .wp-dialog .ui-dialog-titlebar-close:focus { |
|
299 background-position: -87px -32px; |
|
300 } |
|
301 |
|
302 .ui-widget-overlay { |
351 .ui-widget-overlay { |
303 z-index: 300001; |
352 position: fixed; |
304 background-color: #000; |
353 top: 0; |
305 opacity: 0.6; |
354 left: 0; |
306 filter: alpha(opacity=60); |
355 right: 0; |
307 } |
356 bottom: 0; |
|
357 min-height: 360px; |
|
358 background: #000; |
|
359 opacity: 0.7; |
|
360 filter: alpha(opacity=70); |
|
361 z-index: 100101; |
|
362 } |