From 121e1e9e4c6d3f77dcda252fbc6c9d22bfea39d4 Mon Sep 17 00:00:00 2001 From: "Mark (Steve) Firth" Date: Fri, 10 Nov 2017 15:43:57 +1000 Subject: [PATCH] Optimised Code Removed and optimised the styles to limit duplicates and gave elements a block display to make sure centering and image sizes act like they should. Move all video related code on to the video tag. Images are probably best at `max-width:100%; to prevent them looking too small on devices, such as iPad Mini. --- public/assets/css/general.css | 22 ++++++++++------------ 1 file changed, 10 insertions(+), 12 deletions(-) diff --git a/public/assets/css/general.css b/public/assets/css/general.css index cb0b6aff..931b5939 100644 --- a/public/assets/css/general.css +++ b/public/assets/css/general.css @@ -517,22 +517,20 @@ table { width: 100%; } #video-player, .showlite-asset { - padding: 6px; - border: 1px solid #555; - background-color: #fff; + display: block; + margin: 0 auto; + background-color: #fff; } #video-player { - cursor: pointer; + cursor: pointer; + margin-top: 2%; + padding: 6px; + max-width: 50%; + border: 1px solid #d0d0d0; + box-shadow: 0 0 50px -6px rgba(0, 0, 0, 0.72); } - .showlite-asset { - 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); + max-width: 100%; } /* item lists */