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 }