ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add base control class, to simplify stylesheet

Browse Source
This commit is contained in:
Antoine Abt
2014-04-30 12:23:57 +02:00
parent 04fd0ecf53
commit 0bec5b5590
7 changed files with 33 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
css/ol.css
View File

@@ -86,20 +86,14 @@
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ol-zoom,
.ol-zoom-extent,
.ol-rotate,
.ol-full-screen {
.ol-control {
position: absolute;
background-color: #eee;
background-color: rgba(255,255,255,0.4);
border-radius: 4px;
padding: 2px;
}
.ol-zoom:hover,
.ol-zoom-extent:hover,
.ol-rotate:hover,
.ol-full-screen:hover {
.ol-control:hover {
background-color: rgba(255,255,255,0.6);
}
.ol-zoom {
@@ -120,17 +114,12 @@
top: .5em;
}
@media print {
.ol-zoom,
.ol-zoom-extent,
.ol-full-screen {
.ol-control {
display: none;
}
}
.ol-zoom button,
.ol-zoom-extent button,
.ol-rotate button,
.ol-full-screen button {
.ol-control button {
display: block;
margin: 1px;
padding: 0;
@@ -147,10 +136,7 @@
border: none;
border-radius: 2px;
}
.ol-zoom button::-moz-focus-inner,
.ol-zoom-extent button::-moz-focus-inner,
.ol-rotate button::-moz-focus-inner,
.ol-full-screen button::-moz-focus-inner {
.ol-control button::-moz-focus-inner {
border: none;
padding: 0;
}
@@ -163,23 +149,14 @@
font-weight: normal;
font-size: 1.2em;
}
.ol-touch .ol-zoom button,
.ol-touch .ol-full-screen button,
.ol-touch .ol-rotate button,
.ol-touch .ol-zoom-extent button {
.ol-touch .ol-control button {
font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
top: 5.5em;
}
.ol-zoom button:hover,
.ol-zoom button:focus,
.ol-zoom-extent button:hover,
.ol-zoom-extent button:focus,
.ol-rotate button:hover,
.ol-rotate button:focus,
.ol-full-screen button:hover,
.ol-full-screen button:focus {
.ol-control button:hover,
.ol-control button:focus {
text-decoration: none;
background-color: #4c6079;
background-color: rgba(0,60,136,0.7);
@@ -260,13 +237,11 @@ button.ol-full-screen-true:after {
position: absolute;
top: 4.5em;
left: .5em;
background: #eee;
background: rgba(255, 255, 255, 0.4);
border-radius: 4px;
outline: none;
overflow: hidden;
width: 1.5675em;
height: 200px;
padding: 3px;
@@ -281,7 +256,6 @@ button.ol-full-screen-true:after {
outline: none;
overflow: hidden;
cursor: pointer;
font-size: 1.14em;
height: 1em;
width: 1.375em;
@@ -296,11 +270,9 @@ button.ol-full-screen-true:after {
width: 1.8em;
}
.ol-zoom-extent button,
.ol-control button,
.ol-attribution,
.ol-full-screen button,
.ol-scale-line-inner,
.ol-zoom button,
.ol-has-tooltip [role=tooltip] {
font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
}