general.css Video Skin Class Stlye Improvement

Previously, the global video element was styled to make it look better on the stand alone page. However; the class `.show-asset-light` is the video skin class assigned to the stand alone page only.

Based on this, I have optimised the style on this class and removed parts no longer needed from the `video-player` class, thereby not affecting any other pages for areas only required on the stand alone page.
This commit is contained in:
Mark Firth 2017-11-08 23:12:12 +10:00 committed by GitHub
parent 21d88e79a3
commit 7ba5b09a23
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -516,18 +516,22 @@ table {
display: block;
width: 100%;
}
#video-player {
#video-player, .show-asset-light {
padding: 6px;
border: 1px solid #555;
background-color: #fff;
cursor: pointer;
margin: 0 auto;
margin-top: 2%;
border: 1px solid #d0d0d0;
padding:6px;
}
#video-player {
cursor: pointer;
}
.show-asset-light {
max-width: 50%;
margin: 0 auto;
margin-top: 2%;
padding: 6px;
border: 1px solid #a2a2a2;
//Optional Box Shadow - Looks better on a darker than white background.
box-shadow: 0 0 50px -6px rgba(0, 0, 0, 0.72);
}
/* item lists */