You are here

Home » API reference » Openlayers 7.3

LayerSwitcher.css in Openlayers 7.3 

.openlayers-map .layerswitcher {
  position: absolute;
  top: 65px;
  left: 8px;
  background: rgba(0,60,136,.5);
  border-radius: 4px;
  padding: 0;
  margin: 0;
  color: #ffffff;
}
.openlayers-map .layerswitcher h3 {
  padding: 0;
  margin: 0;
}
.openlayers-map .layerswitcher ul {
  font-size: 16px;
  margin: 1px;
  list-style: none;
  padding: 0;
}
.openlayers-map .layerswitcher li {
  list-style: none;
}
.openlayers-map .layerswitcher li:hover {
  background: rgba(0,60,136,0.7);
}
.openlayers-map .layerswitcher ul {
  margin: 0;
  padding-left: 5px;
}

File

src/Plugin/Control/LayerSwitcher/css/LayerSwitcher.css
View source 
  1. .openlayers-map .layerswitcher {

  2.   position: absolute;

  3.   top: 65px;

  4.   left: 8px;

  5.   background: rgba(0,60,136,.5);

  6.   border-radius: 4px;

  7.   padding: 0;

  8.   margin: 0;

  9.   color: #ffffff;

  10. }

  11. .openlayers-map .layerswitcher h3 {

  12.   padding: 0;

  13.   margin: 0;

  14. }

  15. .openlayers-map .layerswitcher ul {

  16.   font-size: 16px;

  17.   margin: 1px;

  18.   list-style: none;

  19.   padding: 0;

  20. }

  21. .openlayers-map .layerswitcher li {

  22.   list-style: none;

  23. }

  24. .openlayers-map .layerswitcher li:hover {

  25.   background: rgba(0,60,136,0.7);

  26. }

  27. .openlayers-map .layerswitcher ul {

  28.   margin: 0;

  29.   padding-left: 5px;

  30. }