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