You are here

Home » API reference » Openlayers 7.3

openlayers.css in Openlayers 7.3

Same filename and directory in other branches
  1. 7.2 css/openlayers.css
.openlayers-map-container {
  overflow: hidden;
  position: relative;
}

.openlayers-map {
  height: 100%;
  width: 100%;
}

.openlayers-map .ol-mouse-position {
  top: auto;
  right: auto;
  bottom: 0;
  left: 8px;
  position: absolute;
}

.openlayers-map .ol-attribution ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.openlayers-map:-webkit-full-screen {
  height: 100%;
  width: 100%;
}
.openlayers-map:-moz-full-screen {
  height: 100%;
  width: 100%;
}
.openlayers-map:-ms-fullscreen {
  height: 100%;
  width: 100%;
}
.openlayers-map:full-screen {
  height: 100%;
  width: 100%;
}

.popover {
  z-index: auto;
}
.popover-content {
  min-width: 180px;
}

File

css/openlayers.css
View source 
  1. .openlayers-map-container {

  2.   overflow: hidden;

  3.   position: relative;

  4. }

  5. 

  6. .openlayers-map {

  7.   height: 100%;

  8.   width: 100%;

  9. }

  10. 

  11. .openlayers-map .ol-mouse-position {

  12.   top: auto;

  13.   right: auto;

  14.   bottom: 0;

  15.   left: 8px;

  16.   position: absolute;

  17. }

  18. 

  19. .openlayers-map .ol-attribution ul {

  20.   margin: 0 0 0 0;

  21.   padding: 0 0 0 0;

  22. }

  23. 

  24. .openlayers-map:-webkit-full-screen {

  25.   height: 100%;

  26.   width: 100%;

  27. }

  28. .openlayers-map:-moz-full-screen {

  29.   height: 100%;

  30.   width: 100%;

  31. }

  32. .openlayers-map:-ms-fullscreen {

  33.   height: 100%;

  34.   width: 100%;

  35. }

  36. .openlayers-map:full-screen {

  37.   height: 100%;

  38.   width: 100%;

  39. }

  40. 

  41. .popover {

  42.   z-index: auto;

  43. }

  44. .popover-content {

  45.   min-width: 180px;

  46. }