From edd69ac95f19b302f91fea6ce43aa81b273e3adb Mon Sep 17 00:00:00 2001 From: Antoine Abt Date: Fri, 14 Feb 2014 15:51:02 +0100 Subject: [PATCH] Remove unneeded selectors, share font-family definitions --- css/ol.css | 82 ++++++++++-------------------------------------------- 1 file changed, 14 insertions(+), 68 deletions(-) diff --git a/css/ol.css b/css/ol.css index 0b35deb93f..430e43b543 100644 --- a/css/ol.css +++ b/css/ol.css @@ -3,28 +3,21 @@ text-align: right; bottom: 0; right: 0; - font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif; padding: 6px; } .ol-attribution a { text-decoration: none; } -/* rgba is not supported on IE <= 8, fall back to black text so that it's readable */ .ol-attribution { color: #000000; -} -.ol-attribution:not([ie8andbelow]) { - color: #eeeeee; + color: rgba(238,238,238,1); background: rgba(0,60,136,0.3); } -/* white links are unreadable on IE <= 8 with no background, fall back to blue links */ .ol-attribution a { color: #7b98bc; -} -.ol-attribution a:not([ie8andbelow]) { - color: white; + color: rgba(255,255,255,1); } .ol-attribution ul { @@ -47,29 +40,24 @@ white-space: nowrap; } .ol-full-screen { - /* IE <= 8 doesn't support rgba, fall back to a light grey */ background: #eee; + background: rgba(255,255,255,0.4); border-radius: 4px; padding: 2px; position: absolute; right: 8px; top: 8px; } -.ol-full-screen:not([ie8andbelow]) { - /* IE <= 8 doesn't support rgba, fall back to a light grey */ - background: rgba(255,255,255,0.4); -} @media print { .ol-full-screen { display: none; } } .ol-full-screen a { - /* IE <= 8 doesn't support rgba, fall back to a light blue */ background: #7b98bc; + background: rgba(0,60,136,0.5); color: white; display: block; - font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif; font-size: 18px; font-weight: bold; height: 22px; @@ -80,10 +68,6 @@ text-decoration: none; width: 22px; } -.ol-full-screen a:not([ie8andbelow]) { - /* IE <= 8 doesn't support rgba, fall back to a light blue */ - background: rgba(0,60,136,0.5); -} a.ol-full-screen-false:after { content: "\2194"; } @@ -100,9 +84,6 @@ a.ol-full-screen-true:after { .ol-full-screen a:hover { /* IE <= 8 doesn't support rgba, fall back to a light blue */ background: #4c6079; -} -.ol-full-screen a:hover:not([ie8andbelow]) { - /* IE <= 8 doesn't support rgba, fall back to a light blue */ background: rgba(0,60,136,0.7); } .ol-logo { @@ -127,24 +108,19 @@ a.ol-full-screen-true:after { } .ol-scale-line { - /* IE <= 8 doesn't support rgba, fall back to a light blue */ background: #95b9e6; + background: rgba(0,60,136,0.3); border-radius: 4px; bottom: 8px; left: 8px; padding: 2px; position: absolute; } -.ol-scale-line:not([ie8andbelow]) { - /* IE <= 8 doesn't support rgba, fall back to a light blue */ - background: rgba(0,60,136,0.3); -} .ol-scale-line-inner { border: 1px solid #eeeeee; border-top: none; color: #eeeeee; font-size: 10px; - font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif; text-align: center; margin: 1px; padding: 0px 2px; @@ -166,15 +142,11 @@ a.ol-full-screen-true:after { position: absolute; top: 8px; left: 8px; - /* IE <= 8 doesn't support rgba, fall back to a light grey */ background-color: #eee; + background-color: rgba(255,255,255,0.4); border-radius: 4px; padding: 2px; } -/* IE <= 8 doesn't support rgba, fall back to a light grey */ -.ol-zoom:not([ie8andbelow]) { - background-color: rgba(255,255,255,0.4); -} @media print { .ol-zoom { display: none; @@ -187,18 +159,13 @@ a.ol-full-screen-true:after { padding: 0; color: white; font-size: 18px; - font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif; font-weight: bold; text-decoration: none; text-align: center; height: 22px; width: 22px; line-height: 19px; - /* IE <= 8 doesn't support rgba, fall back to a light blue */ background-color: #7b98bc; -} -.ol-zoom a:not([ie8andbelow]) { - /* IE <= 8 doesn't support rgba, fall back to a light blue */ background-color: rgba(0,60,136,0.5); } .ol-touch .ol-zoom a { @@ -210,11 +177,7 @@ a.ol-full-screen-true:after { .ol-zoom a:hover { color: #fff; text-decoration: none; - /* IE <= 8 doesn't support rgba, fall back to a lighter blue */ background-color: #4c6079; -} -.ol-zoom a:hover:not([ie8andbelow]) { - /* IE <= 8 doesn't support rgba, fall back to a lighter blue */ background-color: rgba(0,60,136,0.7); } @@ -230,8 +193,8 @@ a.ol-full-screen-true:after { position: absolute; top: 67px; left: 8px; - /* IE <= 8 doesn't support rgba, fall back to a light grey */ background: #eee; + background: rgba(255, 255, 255, 0.4); border-radius: 4px; width: 28px; height: 200px; @@ -240,40 +203,28 @@ a.ol-full-screen-true:after { padding: 0; margin: 0; } -.ol-zoomslider:not([ie8andbelow]) { - /* IE <= 8 doesn't support rgba, fall back to a light grey */ - background: rgba(255, 255, 255, 0.4); -} .ol-zoomslider-thumb { position: absolute; display: block; padding: 0; margin: 2px; - /* IE <= 8 doesn't support rgba, fall back to a lighter blue */ background: #7b98bc; + background: rgba(0,60,136,0.5); border-radius: 2px; outline: none; overflow: hidden; height: 20px; width: 24px; } -.ol-zoomslider-thumb:not([ie8andbelow]) { - /* IE <= 8 doesn't support rgba, fall back to a lighter blue */ - background: rgba(0,60,136,0.5); -} .ol-zoom-extent { position: absolute; - /* IE <= 8 doesn't support rgba, fall back to a light grey */ background: #eee; + background: rgba(255,255,255,0.4); border-radius: 4px; left: 8px; padding: 2px; top: 65px; } -.ol-zoom-extent:not([ie8andbelow]) { - /* IE <= 8 doesn't support rgba, fall back to a light grey */ - background: rgba(255,255,255,0.4); -} @media print { .ol-zoom-extent { display: none; @@ -285,19 +236,14 @@ a.ol-full-screen-true:after { padding: 0; color: white; font-size: 16px; - font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif; font-weight: bold; text-decoration: none; text-align: center; height: 22px; width: 22px; - /* IE <= 8 doesn't support rgba, fall back to a lighter blue */ background-color: #7b98bc; - border-radius: 2px; -} -.ol-zoom-extent a:not([ie8andbelow]) { - /* IE <= 8 doesn't support rgba, fall back to a lighter blue */ background-color: rgba(0, 60, 136, 0.5); + border-radius: 2px; } .ol-touch .ol-zoom-extent a { font-size: 20px; @@ -306,13 +252,13 @@ a.ol-full-screen-true:after { line-height: 26px; } .ol-zoom-extent a:hover { - /* IE <= 8 doesn't support rgba, fall back to a lighter blue */ background-color: #4c6079; -} -.ol-zoom-extent a:hover:not([ie8andbelow]) { - /* IE <= 8 doesn't support rgba, fall back to a lighter blue */ background-color: rgba(0, 60, 136, 0.7); } .ol-zoom-extent a:after { content: "E"; } +.ol-zoom-extent a, .ol-attribution, .ol-full-screen a, +.ol-scale-line-inner, .ol-zoom a { + font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif; +}