You are here

Home » API reference » Openlayers 6.2

openlayers_ui.css in Openlayers 6.2

Same filename and directory in other branches
  1. 7.2 modules/openlayers_ui/openlayers_ui.css

OpenLayers Admin CSS

This file holds CSS for the openlayers ui module

File

modules/openlayers_ui/openlayers_ui.css
View source 
  1. 

  2. /**

  3.  * @file

  4.  * OpenLayers Admin CSS

  5.  *

  6.  * This file holds CSS for the openlayers ui module

  7.  *

  8.  * @ingroup openlayers

  9.  */

  10. 

  11. /**

  12.  * Map Form

  13.  */

  14. .openlayers-form-projection-description,

  15. .openlayers-form-layer-description {

  16.   font-size: smaller;

  17.   font-style: italic;

  18. }

  19. 

  20. #openlayers-form-proj-msg {

  21.   display:none;

  22. }

  23. 

  24. /**

  25.  * Preset form

  26.  */

  27. div.openlayers-column-right input.form-text,

  28. div.openlayers-column-left input.form-text { width:90%; }

  29. 

  30. div.openlayers-column-left {

  31.   width:20%;

  32.   float:left;

  33.   }

  34. 

  35. div.openlayers-column-right {

  36.   width:80%;

  37.   float:right;

  38.   }

  39. 

  40. span.openlayers-dependency-value {

  41.   display: none;

  42. }

  43. 

  44. span.openlayers-dependency-broken {

  45.   font-size: smaller;

  46.   display: none;

  47.   color: red;

  48.   }

  49. 

  50. /**

  51.  * Panel links

  52.  */

  53. div.openlayers-column-left ul#openlayers-panel-links,

  54. div.openlayers-column-left ul#openlayers-panel-links li,

  55. div.openlayers-column-left ul#openlayers-panel-links li a {

  56.   display:block;

  57.   float:none;

  58.   padding:0px;

  59.   margin:0px;

  60.   }

  61. 

  62.   div.openlayers-column-left ul#openlayers-panel-links { margin:0px 0px 10px; }

  63. 

  64.   div.openlayers-column-left ul#openlayers-panel-links li a {

  65.     background:#f8f8f8;

  66.     padding:5px 5px 4px 4px;

  67.     border-left:1px solid #eee;

  68.     border-bottom:1px solid #eee;

  69.     cursor:pointer;

  70.     }

  71. 

  72.   div.openlayers-column-left ul#openlayers-panel-links li a.openlayers-panel-active {

  73.     padding:4px 5px 4px 4px;

  74.     background:#fff;

  75.     border:1px solid #ccc;

  76.     border-right:0px;

  77.     margin-right:-1px;

  78.     }

  79. 

  80. /* Panels */

  81. div.openlayers-panel {

  82.   border:1px solid #ccc;

  83.   background:#fff;

  84.   padding:10px;

  85.   margin:0px 0px 20px;

  86.   display:none;

  87.   }

  88. 

  89.   div.openlayers-panel-active { display:block; }

  90.   

  91. /**

  92.  * Behaviors table

  93.  */

  94.  /*

  95. .openlayers-form-behaviors-table .openlayers-form-behaviors-enable {

  96.   width: 15%;

  97. }

  98. .openlayers-form-behaviors-table .openlayers-form-behaviors-title {

  99.   width: 35%;

  100. }

  101. .openlayers-form-behaviors-table .openlayers-form-behaviors-options {

  102.   width: 50%;

  103. }

  104. */

  105. div.openlayers-column-right .openlayers-form-behaviors-table .openlayers-form-behaviors-options input.form-text {

  106.   width: 200px;

  107. }

Related topics

OpenLayers provides an API and
Modules to interface with OpenLayers