You are here

Home » API reference » Openlayers 7.2

openlayers_ui.css in Openlayers 7.2

Same filename and directory in other branches
  1. 6.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. span.openlayers-dependency-value {

  25.   display: none;

  26. }

  27. 

  28. span.openlayers-dependency-broken {

  29.   font-size: smaller;

  30.   display: none;

  31.   color: red;

  32. }

  33. 

  34. /**

  35.  * Overriding for vertical tabs

  36.  */

  37. div.vertical-tabs fieldset {

  38.   border: 1px solid #CCCCCC;

  39.   margin: 1em 0;

  40.   padding: 2.5em 0 0;

  41.   position: relative;

  42. }

  43. 

  44. div.vertical-tabs .vertical-tabs-panes legend {

  45.   display: block;

  46. }

  47. 

  48. div.vertical-tabs .vertical-tabs-panes > fieldset {

  49.   border: 0 none;

  50.   margin: 0;

  51.   padding: 0;

  52. }

  53. 

  54. div.vertical-tabs .vertical-tabs-panes > fieldset > legend {

  55.   display: none;

  56. }

  57. 

  58. /**

  59.  * Behaviors table

  60.  */

  61. div.vertical-tabs table tbody tr fieldset {

  62.   font-size: .85em;

  63.   margin-left: 20px;

  64.   margin-right: 20px;

  65.   padding: 10px;

  66.   background-color: #EEEEEE;

  67.   position: inherit;

  68. }

  69. 

  70. div.vertical-tabs table tbody tr.odd .form-item,

  71. div.vertical-tabs table tbody tr.even .form-item {

  72.   white-space: normal;

  73. }

  74. 

  75. /**

  76.  * Style previews

  77.  */

  78. .openlayers-ui-style-preview {

  79.   width: 60px;

  80.   height: 60px;

  81.   background-color: #DDDDDD;

  82.   border: 1px solid #222222;

  83. }

  84. 

  85. #openlayers-ui-styles-form .openlayers-ui-style-preview {

  86.   width: 200px;

  87.   height: 200px;

  88. }

  89. 

  90. #openlayers-ui-styles-form #edit-preview-style-container {

  91.   float: right;

  92.   width: 210px;

  93.   margin: 0 0 10px 10px;

  94. }

  95. 

  96. .openlayers-ui-style-preview .openlayers-ui-style-preview-top,

  97. .openlayers-ui-style-preview .openlayers-ui-style-preview-left {

  98.   position: absolute;

  99.   z-index: 999999;

  100. }

  101. 

  102. .openlayers-ui-style-preview .openlayers-ui-style-preview-top {

  103.   top: 0;

  104.   right: 0;

  105.   left: 0;

  106.   width: 100%;

  107.   height: 50%;

  108.   border-bottom: 1px solid rgb(33, 33, 33);

  109.   border-bottom: 1px solid rgba(33, 33, 33, .2);

  110. 

  111. }

  112. .openlayers-ui-style-preview .openlayers-ui-style-preview-left {

  113.   top: 0;

  114.   right: 0;

  115.   left: 0;

  116.   width: 50%;

  117.   height: 100%;

  118.   border-right: 1px solid rgb(33, 33, 33);

  119.   border-right: 1px solid rgba(33, 33, 33, .2);

  120. }

Related topics

OpenLayers provides an API and
Modules to interface with OpenLayers