Remove unneeded selectors, share font-family definitions

This commit is contained in:
Antoine Abt
2014-02-14 15:51:02 +01:00
parent 2311213136
commit edd69ac95f
+14 -68
View File
@@ -3,28 +3,21 @@
text-align: right; text-align: right;
bottom: 0; bottom: 0;
right: 0; right: 0;
font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
padding: 6px; padding: 6px;
} }
.ol-attribution a { .ol-attribution a {
text-decoration: none; text-decoration: none;
} }
/* rgba is not supported on IE <= 8, fall back to black text so that it's readable */
.ol-attribution { .ol-attribution {
color: #000000; color: #000000;
} color: rgba(238,238,238,1);
.ol-attribution:not([ie8andbelow]) {
color: #eeeeee;
background: rgba(0,60,136,0.3); 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 { .ol-attribution a {
color: #7b98bc; color: #7b98bc;
} color: rgba(255,255,255,1);
.ol-attribution a:not([ie8andbelow]) {
color: white;
} }
.ol-attribution ul { .ol-attribution ul {
@@ -47,29 +40,24 @@
white-space: nowrap; white-space: nowrap;
} }
.ol-full-screen { .ol-full-screen {
/* IE <= 8 doesn't support rgba, fall back to a light grey */
background: #eee; background: #eee;
background: rgba(255,255,255,0.4);
border-radius: 4px; border-radius: 4px;
padding: 2px; padding: 2px;
position: absolute; position: absolute;
right: 8px; right: 8px;
top: 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 { @media print {
.ol-full-screen { .ol-full-screen {
display: none; display: none;
} }
} }
.ol-full-screen a { .ol-full-screen a {
/* IE <= 8 doesn't support rgba, fall back to a light blue */
background: #7b98bc; background: #7b98bc;
background: rgba(0,60,136,0.5);
color: white; color: white;
display: block; display: block;
font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
height: 22px; height: 22px;
@@ -80,10 +68,6 @@
text-decoration: none; text-decoration: none;
width: 22px; 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 { a.ol-full-screen-false:after {
content: "\2194"; content: "\2194";
} }
@@ -100,9 +84,6 @@ a.ol-full-screen-true:after {
.ol-full-screen a:hover { .ol-full-screen a:hover {
/* IE <= 8 doesn't support rgba, fall back to a light blue */ /* IE <= 8 doesn't support rgba, fall back to a light blue */
background: #4c6079; 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); background: rgba(0,60,136,0.7);
} }
.ol-logo { .ol-logo {
@@ -127,24 +108,19 @@ a.ol-full-screen-true:after {
} }
.ol-scale-line { .ol-scale-line {
/* IE <= 8 doesn't support rgba, fall back to a light blue */
background: #95b9e6; background: #95b9e6;
background: rgba(0,60,136,0.3);
border-radius: 4px; border-radius: 4px;
bottom: 8px; bottom: 8px;
left: 8px; left: 8px;
padding: 2px; padding: 2px;
position: absolute; 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 { .ol-scale-line-inner {
border: 1px solid #eeeeee; border: 1px solid #eeeeee;
border-top: none; border-top: none;
color: #eeeeee; color: #eeeeee;
font-size: 10px; font-size: 10px;
font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
text-align: center; text-align: center;
margin: 1px; margin: 1px;
padding: 0px 2px; padding: 0px 2px;
@@ -166,15 +142,11 @@ a.ol-full-screen-true:after {
position: absolute; position: absolute;
top: 8px; top: 8px;
left: 8px; left: 8px;
/* IE <= 8 doesn't support rgba, fall back to a light grey */
background-color: #eee; background-color: #eee;
background-color: rgba(255,255,255,0.4);
border-radius: 4px; border-radius: 4px;
padding: 2px; 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 { @media print {
.ol-zoom { .ol-zoom {
display: none; display: none;
@@ -187,18 +159,13 @@ a.ol-full-screen-true:after {
padding: 0; padding: 0;
color: white; color: white;
font-size: 18px; font-size: 18px;
font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
height: 22px; height: 22px;
width: 22px; width: 22px;
line-height: 19px; line-height: 19px;
/* IE <= 8 doesn't support rgba, fall back to a light blue */
background-color: #7b98bc; 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); background-color: rgba(0,60,136,0.5);
} }
.ol-touch .ol-zoom a { .ol-touch .ol-zoom a {
@@ -210,11 +177,7 @@ a.ol-full-screen-true:after {
.ol-zoom a:hover { .ol-zoom a:hover {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
/* IE <= 8 doesn't support rgba, fall back to a lighter blue */
background-color: #4c6079; 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); background-color: rgba(0,60,136,0.7);
} }
@@ -230,8 +193,8 @@ a.ol-full-screen-true:after {
position: absolute; position: absolute;
top: 67px; top: 67px;
left: 8px; left: 8px;
/* IE <= 8 doesn't support rgba, fall back to a light grey */
background: #eee; background: #eee;
background: rgba(255, 255, 255, 0.4);
border-radius: 4px; border-radius: 4px;
width: 28px; width: 28px;
height: 200px; height: 200px;
@@ -240,40 +203,28 @@ a.ol-full-screen-true:after {
padding: 0; padding: 0;
margin: 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 { .ol-zoomslider-thumb {
position: absolute; position: absolute;
display: block; display: block;
padding: 0; padding: 0;
margin: 2px; margin: 2px;
/* IE <= 8 doesn't support rgba, fall back to a lighter blue */
background: #7b98bc; background: #7b98bc;
background: rgba(0,60,136,0.5);
border-radius: 2px; border-radius: 2px;
outline: none; outline: none;
overflow: hidden; overflow: hidden;
height: 20px; height: 20px;
width: 24px; 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 { .ol-zoom-extent {
position: absolute; position: absolute;
/* IE <= 8 doesn't support rgba, fall back to a light grey */
background: #eee; background: #eee;
background: rgba(255,255,255,0.4);
border-radius: 4px; border-radius: 4px;
left: 8px; left: 8px;
padding: 2px; padding: 2px;
top: 65px; 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 { @media print {
.ol-zoom-extent { .ol-zoom-extent {
display: none; display: none;
@@ -285,19 +236,14 @@ a.ol-full-screen-true:after {
padding: 0; padding: 0;
color: white; color: white;
font-size: 16px; font-size: 16px;
font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
height: 22px; height: 22px;
width: 22px; width: 22px;
/* IE <= 8 doesn't support rgba, fall back to a lighter blue */
background-color: #7b98bc; 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); background-color: rgba(0, 60, 136, 0.5);
border-radius: 2px;
} }
.ol-touch .ol-zoom-extent a { .ol-touch .ol-zoom-extent a {
font-size: 20px; font-size: 20px;
@@ -306,13 +252,13 @@ a.ol-full-screen-true:after {
line-height: 26px; line-height: 26px;
} }
.ol-zoom-extent a:hover { .ol-zoom-extent a:hover {
/* IE <= 8 doesn't support rgba, fall back to a lighter blue */
background-color: #4c6079; 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); background-color: rgba(0, 60, 136, 0.7);
} }
.ol-zoom-extent a:after { .ol-zoom-extent a:after {
content: "E"; 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;
}