You are here

Home » API reference » Openlayers 6

openlayers_behaviors.css in Openlayers 6

CSS for general behavoirs

File

modules/openlayers_behaviors/openlayers_behaviors.css
View source 
  1. /* $Id */

  2. 

  3. /**

  4.  * @file

  5.  * CSS for general behavoirs

  6.  *

  7.  * @ingroup openlayers

  8.  */

  9. 

  10. /**

  11.  * Tooltip

  12.  * You may also with to set offset_top, and offset_left in the behavior attributes

  13.  * in order to fine tune the position of the tooltip.

  14.  */

  15. .openlayers-behaviors-tooltip-container {

  16.   display: none;

  17.   position: fixed;

  18.   top: 0px;

  19.   left: 0px;

  20.   z-index: 1004;

  21. }

  22. 

  23. .openlayers-behaviors-tooltip {

  24.   position: relative;

  25.   right: 12px;

  26.   bottom: 6px;

  27.   background-color:white;

  28.   padding: 2px 3px 2px 3px;

  29.   border: 1px solid #006699;

  30. }

  31. 

  32. img.openlayers-tooltip-point {

  33.   position: absolute;

  34.   bottom: -7px;

  35.   left: 5px;

  36.   padding: 0px;

  37. }

  38. 

  39. /**

  40.  * Controls

  41.  */

  42. .openlayers-controls-draw-feature-link {

  43.   display: block;

  44.   width: 24px;

  45.   height: 22px;

  46.   z-index: 1000;

  47.   margin: 2px;

  48.   float: right;

  49. }

  50. 

  51. /* pan */

  52. .openlayers-controls-draw-feature-link-pan.openlayers-controls-draw-feature-link-on {

  53.   background: url("images/pan_on.png") top left no-repeat;

  54. }

  55. .openlayers-controls-draw-feature-link-pan.openlayers-controls-draw-feature-link-off {

  56.   background: url("images/pan_off.png") top left no-repeat;

  57. }

  58. 

  59. /* point */

  60. .openlayers-controls-draw-feature-link-point.openlayers-controls-draw-feature-link-on {

  61.   background: url("images/draw_point_on.png") top left no-repeat;

  62. }

  63. .openlayers-controls-draw-feature-link-point.openlayers-controls-draw-feature-link-off {

  64.   background: url("images/draw_point_off.png") top left no-repeat;

  65. }

  66. 

  67. /* path */

  68. .openlayers-controls-draw-feature-link-path.openlayers-controls-draw-feature-link-on {

  69.   background: url("images/draw_path_on.png") top left no-repeat;

  70. }

  71. .openlayers-controls-draw-feature-link-path.openlayers-controls-draw-feature-link-off {

  72.   background: url("images/draw_path_off.png") top left no-repeat;

  73. }

  74. /* polygon */

  75. .openlayers-controls-draw-feature-link-polygon.openlayers-controls-draw-feature-link-on {

  76.   background: url("images/draw_polygon_on.png") top left no-repeat;

  77. }

  78. .openlayers-controls-draw-feature-link-polygon.openlayers-controls-draw-feature-link-off {

  79.   background: url("images/draw_polygon_off.png") top left no-repeat;

  80. }

  81. 

  82. /**

  83.  * Fullscreen

  84.  */

  85. .openlayers-controls-fullscreen {

  86.   cursor: pointer;

  87.   width: 16px;

  88.   height: 16px;

  89.   background: url("images/view-fullscreen.png") top left no-repeat;

  90.   display: block;

  91.   float: right;

  92.   margin: 4px;

  93.   z-index: 1000;

  94. }

  95. 

  96. .openlayers-controls-unfullscreen {

  97.   cursor: pointer;

  98.   width: 16px;

  99.   height: 16px;

  100.   background: url("images/unview-fullscreen.png") top left no-repeat;

  101.   display: block;

  102.   float: right;

  103.   margin: 4px;

  104.   z-index: 1000;

  105. }

Related topics

OpenLayers: Provides an API and Modules to interface with OpenLayers
Provides an API and Modules to interface with OpenLayers. Needs work...