← Back to branch summary

~canonical-sysadmins/wordpress/4.7.4

« back to all changes in this revision

Viewing changes to wp-includes/css/jquery-ui-dialog.css

  • Committer: Jacek Nykis
  • Date: 2015-01-05 16:17:05 UTC
  • Revision ID: jacek.nykis@canonical.com-20150105161705-w544l1h5mcg7u4w9
Initial commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-includes/css/jquery-ui-dialog.css
 
1
/*!
 
2
 * jQuery UI CSS Framework 1.10.1
 
3
 * http://jqueryui.com
 
4
 *
 
5
 * Copyright 2013 jQuery Foundation and other contributors
 
6
 * Released under the MIT license.
 
7
 * http://jquery.org/license
 
8
 *
 
9
 * http://docs.jquery.com/UI/Theming/API
 
10
 */
 
11
 
 
12
/* Layout helpers
 
13
----------------------------------*/
 
14
.ui-helper-hidden {
 
15
        display: none;
 
16
}
 
17
.ui-helper-hidden-accessible {
 
18
        border: 0;
 
19
        clip: rect(0 0 0 0);
 
20
        height: 1px;
 
21
        margin: -1px;
 
22
        overflow: hidden;
 
23
        padding: 0;
 
24
        position: absolute;
 
25
        width: 1px;
 
26
}
 
27
.ui-helper-reset {
 
28
        margin: 0;
 
29
        padding: 0;
 
30
        border: 0;
 
31
        outline: 0;
 
32
        line-height: 1.3;
 
33
        text-decoration: none;
 
34
        font-size: 100%;
 
35
        list-style: none;
 
36
}
 
37
.ui-helper-clearfix:before,
 
38
.ui-helper-clearfix:after {
 
39
        content: "";
 
40
        display: table;
 
41
        border-collapse: collapse;
 
42
}
 
43
.ui-helper-clearfix:after {
 
44
        clear: both;
 
45
}
 
46
.ui-helper-clearfix {
 
47
        min-height: 0; /* support: IE7 */
 
48
}
 
49
.ui-helper-zfix {
 
50
        width: 100%;
 
51
        height: 100%;
 
52
        top: 0;
 
53
        left: 0;
 
54
        position: absolute;
 
55
        opacity: 0;
 
56
        filter:Alpha(Opacity=0);
 
57
}
 
58
 
 
59
/* Interaction Cues
 
60
----------------------------------*/
 
61
.ui-state-disabled {
 
62
        cursor: default !important;
 
63
}
 
64
 
 
65
/* Icons
 
66
----------------------------------*/
 
67
 
 
68
/* states and images */
 
69
.ui-icon {
 
70
        display: block;
 
71
        text-indent: -99999px;
 
72
        overflow: hidden;
 
73
        background-repeat: no-repeat;
 
74
}
 
75
 
 
76
/*!
 
77
 * jQuery UI Resizable 1.10.1
 
78
 * http://jqueryui.com
 
79
 *
 
80
 * Copyright 2013 jQuery Foundation and other contributors
 
81
 * Released under the MIT license.
 
82
 * http://jquery.org/license
 
83
 *
 
84
 * http://docs.jquery.com/UI/Resizable#theming
 
85
 */
 
86
.ui-resizable {
 
87
        position: relative;
 
88
}
 
89
.ui-resizable-handle {
 
90
        position: absolute;
 
91
        font-size: 0.1px;
 
92
        display: block;
 
93
}
 
94
.ui-resizable-disabled .ui-resizable-handle,
 
95
.ui-resizable-autohide .ui-resizable-handle {
 
96
        display: none;
 
97
}
 
98
.ui-resizable-n {
 
99
        cursor: n-resize;
 
100
        height: 7px;
 
101
        width: 100%;
 
102
        top: -5px;
 
103
        left: 0;
 
104
}
 
105
.ui-resizable-s {
 
106
        cursor: s-resize;
 
107
        height: 7px;
 
108
        width: 100%;
 
109
        bottom: -5px;
 
110
        left: 0;
 
111
}
 
112
/* @noflip */
 
113
.ui-resizable-e {
 
114
        cursor: e-resize;
 
115
        width: 7px;
 
116
        right: -5px;
 
117
        top: 0;
 
118
        height: 100%;
 
119
}
 
120
/* @noflip */
 
121
.ui-resizable-w {
 
122
        cursor: w-resize;
 
123
        width: 7px;
 
124
        left: -5px;
 
125
        top: 0;
 
126
        height: 100%;
 
127
}
 
128
/* @noflip */
 
129
.ui-resizable-se {
 
130
        cursor: se-resize;
 
131
        width: 9px;
 
132
        height: 9px;
 
133
        right: -5px;
 
134
        bottom: -5px;
 
135
}
 
136
/* @noflip */
 
137
.ui-resizable-sw {
 
138
        cursor: sw-resize;
 
139
        width: 9px;
 
140
        height: 9px;
 
141
        left: -5px;
 
142
        bottom: -5px;
 
143
}
 
144
/* @noflip */
 
145
.ui-resizable-nw {
 
146
        cursor: nw-resize;
 
147
        width: 9px;
 
148
        height: 9px;
 
149
        left: -5px;
 
150
        top: -5px;
 
151
}
 
152
/* @noflip */
 
153
.ui-resizable-ne {
 
154
        cursor: ne-resize;
 
155
        width: 9px;
 
156
        height: 9px;
 
157
        right: -5px;
 
158
        top: -5px;
 
159
}
 
160
 
 
161
/* WP buttons: see buttons.css. */
 
162
 
 
163
.ui-button {
 
164
        display: inline-block;
 
165
        text-decoration: none;
 
166
        font-size: 13px;
 
167
        line-height: 26px;
 
168
        height: 28px;
 
169
        margin: 0;
 
170
        padding: 0 10px 1px;
 
171
        cursor: pointer;
 
172
        border-width: 1px;
 
173
        border-style: solid;
 
174
        -webkit-appearance: none;
 
175
        -webkit-border-radius: 3px;
 
176
        border-radius: 3px;
 
177
        white-space: nowrap;
 
178
        -webkit-box-sizing: border-box;
 
179
        -moz-box-sizing: border-box;
 
180
        box-sizing: border-box;
 
181
        color: #555;
 
182
        border-color: #cccccc;
 
183
        background: #f7f7f7;
 
184
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
 
185
        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
 
186
        vertical-align: top;
 
187
}
 
188
 
 
189
.ui-button:active,
 
190
.ui-button:focus {
 
191
        outline: none;
 
192
}
 
193
 
 
194
/* Remove the dotted border on :focus and the extra padding in Firefox */
 
195
.ui-button::-moz-focus-inner {
 
196
        border-width: 1px 0;
 
197
        border-style: solid none;
 
198
        border-color: transparent;
 
199
        padding: 0;
 
200
}
 
201
 
 
202
.ui-button:hover,
 
203
.ui-button:focus {
 
204
        background: #fafafa;
 
205
        border-color: #999;
 
206
        color: #222;
 
207
}
 
208
 
 
209
.ui-button:focus {
 
210
        -webkit-box-shadow:
 
211
                0 0 0 1px #5b9dd9,
 
212
                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 
213
        box-shadow:
 
214
                0 0 0 1px #5b9dd9,
 
215
                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 
216
}
 
217
 
 
218
.ui-button:active {
 
219
        background: #eee;
 
220
        border-color: #999;
 
221
        color: #333;
 
222
        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
 
223
        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
 
224
}
 
225
 
 
226
.ui-button[disabled],
 
227
.ui-button:disabled {
 
228
        color: #aaa !important;
 
229
        border-color: #ddd !important;
 
230
        background: #f7f7f7 !important;
 
231
        -webkit-box-shadow: none !important;
 
232
        box-shadow: none !important;
 
233
        text-shadow: 0 1px 0 #fff !important;
 
234
        cursor: default;
 
235
}
 
236
 
 
237
@media screen and ( max-width: 782px ) {
 
238
 
 
239
        .ui-button {
 
240
                padding: 10px 14px;
 
241
                line-height: 1;
 
242
                font-size: 14px;
 
243
                vertical-align: middle;
 
244
                height: auto;
 
245
                margin-bottom: 4px;
 
246
        }
 
247
 
 
248
}
 
249
 
 
250
/* WP Theme */
 
251
 
 
252
.ui-dialog {
 
253
        position: absolute;
 
254
        top: 0;
 
255
        left: 0;
 
256
        z-index: 100102;
 
257
        background-color: #fff;
 
258
        -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 
259
        box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 
260
}
 
261
 
 
262
.ui-dialog-titlebar {
 
263
        background: #fcfcfc;
 
264
        border-bottom: 1px solid #dfdfdf;
 
265
        height: 36px;
 
266
        font-size: 18px;
 
267
        font-weight: 600;
 
268
        line-height: 36px;
 
269
        padding: 0 36px 0 16px;
 
270
}
 
271
 
 
272
.ui-button.ui-dialog-titlebar-close {
 
273
        background: none;
 
274
        border: none;
 
275
        -webkit-box-shadow: none;
 
276
        box-shadow: none;
 
277
        color: #666;
 
278
        cursor: pointer;
 
279
        display: block;
 
280
        padding: 0;
 
281
        position: absolute;
 
282
        top: 0;
 
283
        right: 0;
 
284
        width: 36px;
 
285
        height: 36px;
 
286
        text-align: center;
 
287
}
 
288
 
 
289
.ui-dialog-titlebar-close:before {
 
290
        font: normal 20px/1 'dashicons';
 
291
        vertical-align: top;
 
292
        speak: none;
 
293
        -webkit-font-smoothing: antialiased;
 
294
        -moz-osx-font-smoothing: grayscale;
 
295
        line-height: 36px;
 
296
        width: 36px;
 
297
        height: 36px;
 
298
        content: '\f158';
 
299
}
 
300
 
 
301
.ui-button.ui-dialog-titlebar-close:hover {
 
302
        color: #2ea2cc;
 
303
}
 
304
 
 
305
.ui-dialog-titlebar-close .ui-button-text {
 
306
        display: none;
 
307
}
 
308
 
 
309
.ui-dialog-content {
 
310
        padding: 16px;
 
311
        overflow: auto;
 
312
}
 
313
 
 
314
.ui-dialog-buttonpane {
 
315
        background: #fcfcfc;
 
316
        border-top: 1px solid #dfdfdf;
 
317
        padding: 16px;
 
318
}
 
319
 
 
320
.ui-dialog-buttonpane .ui-button {
 
321
        margin-left: 16px;
 
322
}
 
323
 
 
324
.ui-dialog-buttonpane .ui-dialog-buttonset {
 
325
        float: right;
 
326
}
 
327
 
 
328
.ui-draggable .ui-dialog-titlebar {
 
329
        cursor: move;
 
330
}
 
331
 
 
332
.ui-widget-overlay {
 
333
        position: fixed;
 
334
        top: 0;
 
335
        left: 0;
 
336
        right: 0;
 
337
        bottom: 0;
 
338
        min-height: 360px;
 
339
        background: #000;
 
340
        opacity: 0.7;
 
341
        filter: alpha(opacity=70);
 
342
        z-index: 100101;
 
343
}