From d0d9b84a28a916a0f91faad84b9a15d3e0f8a2e6 Mon Sep 17 00:00:00 2001 From: Tom Canac Date: Thu, 9 Jan 2014 21:39:18 +0100 Subject: [PATCH] clean the leghtbox plugin css --- css/mediaboxAdvBlack21.css | 19 ++++++------------- css/mediaboxAdvWhite.css | 21 +++++++-------------- 2 files changed, 13 insertions(+), 27 deletions(-) diff --git a/css/mediaboxAdvBlack21.css b/css/mediaboxAdvBlack21.css index 2879ace..d8d4f57 100644 --- a/css/mediaboxAdvBlack21.css +++ b/css/mediaboxAdvBlack21.css @@ -33,10 +33,7 @@ left: 50%; overflow: hidden; background-color: #000; - -webkit-border-radius: 10px; - -khtml-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; + border-radius: 4px; -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); -khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); @@ -46,6 +43,9 @@ /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); } +#mbCenter img{ + border-radius: 4px; +} #mbCenter.mbLoading { background: #000 url(../images/loading2.gif) no-repeat center; @@ -66,7 +66,6 @@ /* Inline content styling */ - font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #fff; @@ -79,13 +78,10 @@ /* Title, Caption and Button styling */ #mbBottom { - min-height: 20px; - font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; - line-height: 20px; - font-size: 12px; color: #999; text-align: left; padding: 0 10px 10px; + font-size: 1.5rem; } #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink { @@ -154,10 +150,7 @@ border: 10px solid #700; padding: 10px 10px 10px; margin: 20px; - -webkit-border-radius: 5px; - -khtml-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + border-radius: 4px; } #mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { diff --git a/css/mediaboxAdvWhite.css b/css/mediaboxAdvWhite.css index 3942b3d..f501550 100644 --- a/css/mediaboxAdvWhite.css +++ b/css/mediaboxAdvWhite.css @@ -33,10 +33,7 @@ left: 50%; overflow: hidden; background-color: #fff; - -webkit-border-radius: 10px; - -khtml-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; + border-radius: 4px; -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); -khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); @@ -46,6 +43,9 @@ /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); } +#mbCenter img{ + border-radius: 4px; +} #mbCenter.mbLoading { background: #fff url(../images/WhiteLoading.gif) no-repeat center; @@ -66,26 +66,22 @@ /* Inline content styling */ - font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #333; text-align: left; background-position: center center; background-repeat: no-repeat; - padding: 10px; + padding: 5px; } /* Title, Caption and Button styling */ #mbBottom { - min-height: 20px; - font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; - line-height: 20px; - font-size: 12px; color: #000; text-align: left; padding: 0 10px 10px; + font-size: 1.5rem; } #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink { @@ -154,10 +150,7 @@ border: 10px solid #700; padding: 10px 10px 10px; margin: 20px; - -webkit-border-radius: 5px; - -khtml-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + border-radius: 4px; } #mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {