WordPress.org

Make WordPress Core

Ticket #26469: 26469.diff

File 26469.diff, 1.8 KB (added by celloexpressions, 7 years ago)

First pass at improved Media Element styling with Genericons instead of the default non-flat icons.

  • wp-content/themes/twentyfourteen/style.css

     
    13311332        background: transparent;
    13321333}
    13331334
     1335.hentry .mejs-overlay-button {
     1336        background-color: #fff;
     1337        background-image: none;
     1338        border-radius: 10px;
     1339        box-shadow: 1px 1px 1px rgba(0,0,0,.8);
     1340        color: #000;
     1341        height: 48px;
     1342        margin: -24px 0 0 -32px;
     1343        width: 64px;
     1344}
     1345
     1346.hentry .mejs-overlay-button:before {
     1347        -webkit-font-smoothing: antialiased;
     1348        content: '\f452';
     1349        display: inline-block;
     1350        font: normal 48px/1 Genericons;
     1351        position: absolute;
     1352        top: 0;
     1353        left: 10px;
     1354}
     1355
     1356.hentry .mejs-controls .mejs-button button:focus {
     1357        outline: none;
     1358}
     1359
     1360.hentry .mejs-controls .mejs-button button {
     1361        -webkit-font-smoothing: antialiased;
     1362        background: none;
     1363        color: #fff;
     1364        display: inline-block;
     1365        font: normal 16px/1 Genericons;
     1366}
     1367
     1368.hentry .mejs-playpause-button.mejs-play button:before {
     1369        content: '\f452';
     1370}
     1371
     1372.hentry .mejs-playpause-button.mejs-pause button:before {
     1373        content: '\f448';
     1374}
     1375
     1376.hentry .mejs-volume-button.mejs-mute button:before {
     1377        content: '\f109';
     1378        font-size: 20px;
     1379        position: absolute;
     1380        top: -2px;
     1381        left: 0;
     1382}
     1383
     1384.hentry .mejs-volume-button.mejs-unmute button:before {
     1385        content: '\f109';
     1386        left: 0;
     1387        position: absolute;
     1388        top: 0;
     1389}
     1390
     1391.hentry .mejs-fullscreen-button button:before {
     1392        content: '\f442';
     1393}
     1394
     1395.hentry .mejs-fullscreen-button.mejs-unfullscreen button:before {
     1396        content: '\f406';
     1397}
     1398
     1399.mejs-overlay:hover .mejs-overlay-button {
     1400        background-color: #24890d;
     1401        color: #fff;
     1402}
     1403
     1404.hentry .mejs-controls .mejs-button button:hover {
     1405        color: #41a62a;
     1406}
     1407
    13341408/* Page links */
    13351409
    13361410.page-links {