wp-includes/js/mediaelement/wp-mediaelement.css

   1 .mejs-container * {
   2         font-family: Helvetica, Arial;
   3 }
   4
   5 .mejs-container, .mejs-embed, .mejs-embed body {
   6         background: #000;
   7 }
   8
   9 .mejs-controls .mejs-time-rail .mejs-time-loaded {
  10         background: #21759b;
  11 }
  12
  13 .mejs-controls .mejs-time-rail .mejs-time-current {
  14         background: #d54e21;
  15 }
  16
  17 .me-cannotplay {
  18         width: auto !important;
  19 }
  20
  21 .media-embed-details .wp-audio-shortcode {
  22         display: inline-block;
  23         max-width: 400px;
  24 }
  25
  26 .media-embed-details .embed-media-settings .setting span {
  27         max-width: 400px;
  28         width: auto;
  29 }
  30
  31 .media-embed-details .embed-media-settings {
  32         padding-top: 0;
  33         top: 28px;
  34 }
  35
  36 .media-embed-details .instructions {
  37         padding: 16px 0;
  38         max-width: 600px;
  39 }
  40
  41 .media-embed-details .setting p,
  42 .media-embed-details .setting a {
  43         color: #a00;
  44         font-size: 10px;
  45         text-transform: uppercase;
  46 }
  47
  48 .media-embed-details .setting a:hover {
  49         color: #f00;
  50 }
  51
  52 .media-embed-details .embed-media-settings .checkbox-setting {
  53         width: 100px;
  54         clear: none;
  55 }
  56
  57 .video-details .wp-video-holder {
  58         width: 100%;
  59         max-width: 640px;
  60 }
  61
  62 .wp-playlist {
  63         border: 1px solid #ccc;
  64         padding: 10px;
  65         margin: 12px 0 18px;
  66         font-size: 14px;
  67         line-height: 1.5;
  68 }
  69
  70 .wp-playlist video {
  71         display: inline-block;
  72         max-width: 100%;
  73 }
  74
  75 .wp-playlist audio {
  76         display: none;
  77         max-width: 100%;
  78         width: 400px;
  79 }
  80
  81 .wp-playlist .mejs-container {
  82         margin: 0;
  83         width: 100%;
  84 }
  85
  86 .wp-playlist .mejs-controls .mejs-button button {
  87         outline: 0;
  88 }
  89
  90 .wp-playlist-light {
  91         background: #fff;
  92         color: #000;
  93 }
  94
  95 .wp-playlist-dark {
  96         color: #fff;
  97         background: #000;
  98 }
  99
 100 .wp-playlist-caption {
 101         max-width: 88%;
 102         overflow: hidden;
 103         text-overflow: ellipsis;
 104         white-space: nowrap;
 105         font-size: 14px;
 106         line-height: 1.5;
 107 }
 108
 109 .wp-playlist-item .wp-playlist-caption {
 110         text-decoration: none;
 111         color: #000;
 112 }
 113
 114 .wp-playlist-item-meta {
 115         display: block;
 116         font-size: 14px;
 117         line-height: 1.5;
 118 }
 119
 120 .wp-playlist-item-title {
 121         font-size: 14px;
 122         line-height: 1.5;
 123 }
 124
 125 .wp-playlist-item-album {
 126         font-style: italic;
 127         overflow: hidden;
 128         text-overflow: ellipsis;
 129         white-space: nowrap;
 130 }
 131
 132 .wp-playlist-item-artist {
 133         font-size: 12px;
 134         text-transform: uppercase;
 135 }
 136
 137 .wp-playlist-item-length {
 138         position: absolute;
 139         right: 3px;
 140         top: 0;
 141         font-size: 14px;
 142         line-height: 1.5;
 143 }
 144
 145 .wp-playlist-tracks {
 146         margin-top: 10px;
 147 }
 148
 149 .wp-playlist-item {
 150         position: relative;
 151         cursor: pointer;
 152         padding: 0 3px;
 153         border-bottom: 1px solid #ccc;
 154 }
 155
 156 .wp-playlist-item:last-child {
 157         border-bottom: 0;
 158 }
 159
 160 .wp-playlist-light .wp-playlist-item {
 161         color: #333;
 162 }
 163
 164 .wp-playlist-dark .wp-playlist-item {
 165         color: #dedede;
 166 }
 167
 168 .wp-playlist-playing {
 169         font-weight: bold;
 170         background: #f7f7f7;
 171 }
 172
 173 .wp-playlist-light .wp-playlist-playing {
 174         background: #fff;
 175         color: #000;
 176 }
 177
 178 .wp-playlist-dark .wp-playlist-playing {
 179         background: #000;
 180         color: #fff;
 181 }
 182
 183 .wp-playlist-current-item {
 184         overflow: hidden;
 185         margin-bottom: 10px;
 186         height: 60px;
 187 }
 188
 189 .wp-playlist .wp-playlist-current-item img {
 190         float: left;
 191         max-width: 60px;
 192         height: auto;
 193         margin-right: 10px;
 194         padding: 0;
 195         border: 0;
 196 }
 197
 198 .wp-playlist-current-item .wp-playlist-item-title,
 199 .wp-playlist-current-item .wp-playlist-item-artist {
 200         overflow: hidden;
 201         text-overflow: ellipsis;
 202         white-space: nowrap;
 203 }