first import

sites/all/modules/openlayers_plus/theme/openlayers-plus-blockswitcher.tpl.php

@@ -0,0 +1,21 @@
+<div class='openlayers_plus-blockswitcher olControlNoSelect clear-block'>
+  <div class='layers base'>
+    <h2 class='layers-title'><?php print t('Base layers') ?></h2>
+    <div class='layers-content'>
+    </div>
+  </div>
+  <div class='layers data'>
+    <h2 class='layers-title'><?php print t('Data layers') ?></h2>
+    <div class='layers-content'>
+    </div>
+  </div>
+
+  <div style='display:none' class='factory'>
+    <div class='form-item form-option radio'>
+      <label class='option'></label>
+    </div>
+    <div class='form-item form-option checkbox'>
+      <label class='option'><span class='key'></span><input class='form-checkbox' type='checkbox'/></label>
+    </div>
+  </div>
+</div>

sites/all/modules/openlayers_plus/theme/openlayers-plus-blocktoggle.tpl.php

@@ -0,0 +1,13 @@
+<?php
+// $Id$
+/**
+ * @param $a_label first layer text
+ * @param $b_label second layer text
+ */
+?>
+<div class='olControlNoSelect block-openlayers_plus-blocktoggle clear-block'>
+  <div class='openlayers-blocktoggle-a activated'>
+  </div>
+  <div class='openlayers-blocktoggle-b'>
+  </div>
+</div>

sites/all/modules/openlayers_plus/theme/openlayers-plus-legend-raw.tpl.php

@@ -0,0 +1,11 @@
+<?php
+// $Id$
+/**
+ * @param $layer_id The layer's id
+ * @param $layer layer array
+ * @param $raw raw html for the legend
+ */
+?>
+<div class='legend legend-count-<?php print count($legend) ?> clear-block' id='openlayers-legend-<?php print $layer_id ?>'>
+  <?php print $raw; ?>
+</div>

sites/all/modules/openlayers_plus/theme/openlayers-plus-legend.tpl.php

@@ -0,0 +1,19 @@
+<?php
+// $Id$
+/**
+ * @param $layer_id The layer's id
+ * @param $layer layer array
+ * @param $legend an array of legend items
+ */
+?>
+<div class='legend legend-count-<?php print count($legend) ?> clear-block' id='openlayers-legend-<?php print $layer_id ?>'>
+  <?php if (!empty($layer['title'])): ?>
+    <h2 class='legend-title'><?php print check_plain($layer['title']) ?></h2>
+  <?php endif; ?>
+  <?php foreach ($legend as $key => $item): ?>
+    <div class='legend-item clear-block'>
+      <span class='swatch' style='background-color:<?php print check_plain($item['color']) ?>'></span>
+      <?php print check_plain($item['title']) ?>
+    </div>
+  <?php endforeach; ?>
+</div>

sites/all/modules/openlayers_plus/theme/openlayers_plus-rtl.css

@@ -0,0 +1,27 @@
+/**
+ * Blockswitcher ======================================================
+ */
+.openlayers-blockswitcher span.key {
+  float:right;
+  margin-right:0px;
+  margin-left:5px;
+  }
+
+.openlayers-blockswitcher input.form-radio,
+.openlayers-blockswitcher input.form-checkbox {
+  margin-right:0px;
+  margin-left:5px;
+  }
+
+div.openlayers-map #block-openlayers_plus-blockswitcher.ne { right:auto; left:0px; }
+div.openlayers-map #block-openlayers_plus-blockswitcher.nw { left:auto; right:0px; }
+div.openlayers-map #block-openlayers_plus-blockswitcher.se { right:auto; left:0px; }
+div.openlayers-map #block-openlayers_plus-blockswitcher.sw { left:auto; right:0px; }
+
+/**
+ * Blocktoggle ========================================================
+ */
+div.openlayers-map #block-openlayers_plus-blocktoggle.ne { right:auto; left:0px; }
+div.openlayers-map #block-openlayers_plus-blocktoggle.nw { left:auto; right:0px; }
+div.openlayers-map #block-openlayers_plus-blocktoggle.se { right:auto; left:0px; }
+div.openlayers-map #block-openlayers_plus-blocktoggle.sw { left:auto; right:0px; }

sites/all/modules/openlayers_plus/theme/openlayers_plus.css

@@ -0,0 +1,130 @@
+/**
+ * Legend =============================================================
+ */
+.openlayers-legends {
+  position:absolute;
+  left:5px;
+  bottom:5px;
+  z-index:3000;
+  }
+
+.openlayers-legends .legend {
+  background:#fff;
+  -moz-border-radius:3px;
+  -webkit-border-radius:3px;
+  }
+
+.openlayers-legends .swatch {
+  float:left;
+  display:block;
+  width:15px;
+  height:15px;
+  margin-right:5px;
+  }
+
+/**
+ * Blockswitcher ======================================================
+ */
+.openlayers-blockswitcher span.key {
+  display:block;
+  float:left;
+  height:20px;
+  width:20px;
+  margin-right:5px;
+  }
+
+.openlayers-blockswitcher input.form-radio,
+.openlayers-blockswitcher input.form-checkbox { margin-right:5px; }
+
+div.openlayers-map .openlayers_plus-blockswitcher {
+  position:absolute;
+  z-index:3000;
+  background:#fff;
+  width:auto;
+  }
+
+  div.openlayers-map .openlayers_plus-blockswitcher.ne { top:0px; right:0px; }
+  div.openlayers-map .openlayers_plus-blockswitcher.nw { top:0px; left:0px; }
+  div.openlayers-map .openlayers_plus-blockswitcher.se { bottom:0px; right:0px; }
+  div.openlayers-map .openlayers_plus-blockswitcher.sw { bottom:0px; left:0px; }
+
+ .openlayers_plus-blockswitcher h2.block-title { cursor:pointer; }
+ .openlayers_plus-blockswitcher div.block-content { display:none; }
+
+ .openlayers_plus-blockswitcher div.radio {
+  background: #fff url('inactive.png');
+  background-repeat: no-repeat;
+  padding: 3px 0 3px 25px;
+}
+
+ .openlayers_plus-blockswitcher div.activated {
+  background: #fff url('active.png');
+  background-repeat: no-repeat;
+  padding: 3px 0 3px 25px;
+}
+
+/**
+ * Blocktoggle ========================================================
+ */
+div.openlayers-map .block-openlayers_plus-blocktoggle {
+  position:absolute;
+  z-index:3001;
+  background:transparent;
+  width:auto;
+  padding: 0;
+  -moz-border-radius:3px;
+  -webkit-border-radius:3px;
+  }
+
+  div.openlayers-map .block-openlayers_plus-blocktoggle.ne { top:0px; right:0px; }
+  div.openlayers-map .block-openlayers_plus-blocktoggle.nw { top:0px; left:0px; }
+  div.openlayers-map .block-openlayers_plus-blocktoggle.se { bottom:0px; right:0px; }
+  div.openlayers-map .block-openlayers_plus-blocktoggle.sw { bottom:0px; left:0px; }
+
+.block-openlayers_plus-blocktoggle h2.block-title { display:none; }
+
+.block-openlayers_plus-blocktoggle .openlayers-blocktoggle-a,
+.block-openlayers_plus-blocktoggle .openlayers-blocktoggle-b {
+  float:left;
+  color:#666;
+  background:url('point-button.png') #fff 5px 50% no-repeat;
+  padding:0px 5px 0px 20px;
+  line-height:20px;
+  width:50px;
+  cursor:pointer;
+  }
+
+.block-openlayers_plus-blocktoggle .openlayers-blocktoggle-a {
+  -moz-border-radius: 3px 0 0 3px;
+  -webkit-border-radius: 3px 0 0 3px;
+  border-right:1px solid #ccc;
+  }
+
+.block-openlayers_plus-blocktoggle .openlayers-blocktoggle-b {
+  -moz-border-radius: 0 3px 3px 0;
+  -webkit-border-radius: 0 3px 3px 0;
+  background-image:url('point-choro.png');
+  }
+
+.block-openlayers_plus-blocktoggle .activated {
+  background-color:#eee;
+  color:#222;
+  }
+
+/**  
+ * Sample themeregion css. You probably want to override this *
+ */
+ 
+ .openlayers_plus-themeregion {
+  z-index: 1000; /* this is tricky, the layers are 999, the first OpenLayers control is 1001 */
+  position: absolute; /* We do this in code, too, as some themes position the region by ID, so we lose */
+}
+
+/*
+** For sample purposes, place the selected region at the top of the map
+** If you select more regions, that wont work too well. 
+*/
+ .openlayers_plus-themeregion.olControlNoSelect {
+   top:0px; right:0px;
+ }
+

sites/all/modules/openlayers_plus/theme/theme.inc

@@ -0,0 +1,24 @@
+<?php
+
+/**
+ * Preprocessor for theme('openlayers_plus_blockswitcher').
+ */
+function template_preprocess_openlayers_plus_blockswitcher(&$vars) {
+  drupal_add_css(drupal_get_path('module', 'openlayers_plus') . '/theme/openlayers_plus.css');
+}
+
+/**
+ * Preprocessor for theme('openlayers_plus_legend').
+ */
+function template_preprocess_openlayers_plus_legend(&$vars) {
+  drupal_add_css(drupal_get_path('module', 'openlayers_plus') . '/theme/openlayers_plus.css');
+}
+
+/**
+ * Preprocessor for theme('openlayers_plus_legend').
+ */
+function template_preprocess_openlayers_plus_blocktoggle(&$vars) {
+  drupal_add_css(drupal_get_path('module', 'openlayers_plus') . '/theme/openlayers_plus.css');
+  $vars['points'] = t('Points');
+  $vars['shading'] = t('Shading');
+}