← Back to branch summary

~canonical-sysadmins/wordpress/4.2.4

« back to all changes in this revision

Viewing changes to wp-includes/js/mediaelement/wp-mediaelement.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/js/mediaelement/wp-mediaelement.css
 
1
.mejs-container {
 
2
        clear: both;
 
3
}
 
4
 
 
5
.mejs-container * {
 
6
        font-family: Helvetica, Arial;
 
7
}
 
8
 
 
9
.mejs-container,
 
10
.mejs-embed,
 
11
.mejs-embed body,
 
12
.mejs-container .mejs-controls {
 
13
        background: #222;
 
14
}
 
15
 
 
16
.mejs-controls .mejs-time-rail .mejs-time-loaded,
 
17
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
 
18
        background: #fff;
 
19
}
 
20
 
 
21
.mejs-controls .mejs-time-rail .mejs-time-current {
 
22
        background: #0074a2;
 
23
}
 
24
 
 
25
.mejs-controls .mejs-time-rail .mejs-time-total,
 
26
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
 
27
        background: rgba(255, 255, 255, .33);
 
28
}
 
29
 
 
30
.mejs-controls .mejs-time-rail span,
 
31
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
 
32
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
 
33
        border-radius: 0;
 
34
}
 
35
 
 
36
.mejs-overlay-loading {
 
37
        background: transparent;
 
38
}
 
39
 
 
40
/* Override theme styles that may conflict with controls. */
 
41
.mejs-controls button:hover {
 
42
        border: none;
 
43
        -webkit-box-shadow: none;
 
44
        box-shadow: none;
 
45
}
 
46
 
 
47
.me-cannotplay {
 
48
        width: auto !important;
 
49
}
 
50
 
 
51
.media-embed-details .wp-audio-shortcode {
 
52
        display: inline-block;
 
53
        max-width: 400px;
 
54
}
 
55
 
 
56
.audio-details .embed-media-settings {
 
57
        overflow: visible;
 
58
}
 
59
 
 
60
.media-embed-details .embed-media-settings .setting span {
 
61
        max-width: 400px;
 
62
        width: auto;
 
63
}
 
64
 
 
65
.media-embed-details .embed-media-settings .checkbox-setting span {
 
66
        display: inline-block;
 
67
}
 
68
 
 
69
.media-embed-details .embed-media-settings {
 
70
        padding-top: 0;
 
71
        top: 28px;
 
72
}
 
73
 
 
74
.media-embed-details .instructions {
 
75
        padding: 16px 0;
 
76
        max-width: 600px;
 
77
}
 
78
 
 
79
.media-embed-details .setting p,
 
80
.media-embed-details .setting a {
 
81
        color: #a00;
 
82
        font-size: 10px;
 
83
        text-transform: uppercase;
 
84
}
 
85
 
 
86
.media-embed-details .setting a:hover {
 
87
        color: #f00;
 
88
}
 
89
 
 
90
.media-embed-details .embed-media-settings .checkbox-setting {
 
91
        float: none;
 
92
        margin: 0 0 10px;
 
93
}
 
94
 
 
95
.wp-video {
 
96
        max-width: 100%;
 
97
        height: auto;
 
98
}
 
99
 
 
100
video.wp-video-shortcode,
 
101
.wp-video-shortcode video {
 
102
        max-width: 100%;
 
103
        display: inline-block;
 
104
}
 
105
 
 
106
.video-details .wp-video-holder {
 
107
        width: 100%;
 
108
        max-width: 640px;
 
109
}
 
110
 
 
111
.wp-playlist {
 
112
        border: 1px solid #ccc;
 
113
        padding: 10px;
 
114
        margin: 12px 0 18px;
 
115
        font-size: 14px;
 
116
        line-height: 1.5;
 
117
}
 
118
 
 
119
.wp-admin .wp-playlist {
 
120
        margin: 0 0 18px;
 
121
}
 
122
 
 
123
.wp-playlist video {
 
124
        display: inline-block;
 
125
        max-width: 100%;
 
126
}
 
127
 
 
128
.wp-playlist audio {
 
129
        display: none;
 
130
        max-width: 100%;
 
131
        width: 400px;
 
132
}
 
133
 
 
134
.wp-playlist .mejs-container {
 
135
        margin: 0;
 
136
        width: 100%;
 
137
}
 
138
 
 
139
.wp-playlist .mejs-controls .mejs-button button {
 
140
        outline: 0;
 
141
}
 
142
 
 
143
.wp-playlist-light {
 
144
        background: #fff;
 
145
        color: #000;
 
146
}
 
147
 
 
148
.wp-playlist-dark {
 
149
        color: #fff;
 
150
        background: #000;
 
151
}
 
152
 
 
153
.wp-playlist-caption {
 
154
        display: block;
 
155
        max-width: 88%;
 
156
        overflow: hidden;
 
157
        text-overflow: ellipsis;
 
158
        white-space: nowrap;
 
159
        font-size: 14px;
 
160
        line-height: 1.5;
 
161
}
 
162
 
 
163
.wp-playlist-item .wp-playlist-caption {
 
164
        text-decoration: none;
 
165
        color: #000;
 
166
        max-width: -webkit-calc(100% - 40px);
 
167
        max-width: calc(100% - 40px);
 
168
}
 
169
 
 
170
.wp-playlist-item-meta {
 
171
        display: block;
 
172
        font-size: 14px;
 
173
        line-height: 1.5;
 
174
}
 
175
 
 
176
.wp-playlist-item-title {
 
177
        font-size: 14px;
 
178
        line-height: 1.5;
 
179
}
 
180
 
 
181
.wp-playlist-item-album {
 
182
        font-style: italic;
 
183
        overflow: hidden;
 
184
        text-overflow: ellipsis;
 
185
        white-space: nowrap;
 
186
}
 
187
 
 
188
.wp-playlist-item-artist {
 
189
        font-size: 12px;
 
190
        text-transform: uppercase;
 
191
}
 
192
 
 
193
.wp-playlist-item-length {
 
194
        position: absolute;
 
195
        right: 3px;
 
196
        top: 0;
 
197
        font-size: 14px;
 
198
        line-height: 1.5;
 
199
}
 
200
 
 
201
.rtl .wp-playlist-item-length {
 
202
        left: 3px;
 
203
        right: auto;
 
204
}
 
205
 
 
206
.wp-playlist-tracks {
 
207
        margin-top: 10px;
 
208
}
 
209
 
 
210
.wp-playlist-item {
 
211
        position: relative;
 
212
        cursor: pointer;
 
213
        padding: 0 3px;
 
214
        border-bottom: 1px solid #ccc;
 
215
}
 
216
 
 
217
.wp-playlist-item:last-child {
 
218
        border-bottom: 0;
 
219
}
 
220
 
 
221
.wp-playlist-light .wp-playlist-item {
 
222
        color: #333;
 
223
}
 
224
 
 
225
.wp-playlist-dark .wp-playlist-item {
 
226
        color: #dedede;
 
227
}
 
228
 
 
229
.wp-playlist-playing {
 
230
        font-weight: bold;
 
231
        background: #f7f7f7;
 
232
}
 
233
 
 
234
.wp-playlist-light .wp-playlist-playing {
 
235
        background: #fff;
 
236
        color: #000;
 
237
}
 
238
 
 
239
.wp-playlist-dark .wp-playlist-playing {
 
240
        background: #000;
 
241
        color: #fff;
 
242
}
 
243
 
 
244
.wp-playlist-current-item {
 
245
        overflow: hidden;
 
246
        margin-bottom: 10px;
 
247
        height: 60px;
 
248
}
 
249
 
 
250
.wp-playlist .wp-playlist-current-item img {
 
251
        float: left;
 
252
        max-width: 60px;
 
253
        height: auto;
 
254
        margin-right: 10px;
 
255
        padding: 0;
 
256
        border: 0;
 
257
}
 
258
 
 
259
.rtl .wp-playlist .wp-playlist-current-item img {
 
260
        float: right;
 
261
        margin-left: 10px;
 
262
        margin-right: 0;
 
263
}
 
264
 
 
265
.wp-playlist-current-item .wp-playlist-item-title,
 
266
.wp-playlist-current-item .wp-playlist-item-artist {
 
267
        overflow: hidden;
 
268
        text-overflow: ellipsis;
 
269
        white-space: nowrap;
 
270
}
 
271
 
 
272
.wp-audio-playlist .me-cannotplay span {
 
273
        padding: 5px 15px;
 
274
}