You are here

openlayers_plus_behavior_maptext_toggle.css in OpenLayers Plus 7.2

Same filename and directory in other branches
  1. 7 behaviors/openlayers_plus_behavior_maptext_toggle.css
a.toggle_button.down {
  background: #ccc;
  border-bottom: solid 2px #777;
  border-left: solid 2px #eaeaea;
  border-right: solid 2px #777;
  border-top: solid 2px #eaeaea;
  cursor: pointer;
}

a.toggle_button {
  background: #bbb;
  border-bottom: solid 2px #eaeaea;
  border-left: solid 2px #777;
  border-right: solid 2px #eaeaea;
  border-top: solid 2px #777;
  float: right;
  margin-top: 10px;
  padding: 5px 5px;
  position: relative;
}

.maptext a.popup-close {
  color: #fff;
  display: block;
  float: right;
  text-decoration: none;
}

body .maptext .popup-pager {
  display: none;
}

body .maptext .popup-count {
  display: none;
}

.maptext h2.popup-title a {
  font-size: 0.8em;
  font-weight: normal;
  letter-spacing: 0.02em;
}

.region-content .maptext a {
  color: #ececec;
  text-decoration: none;
}

.region-content .maptext a:hover {
  color: #fff;
  text-decoration: none;
}

.maptext .popup-content {
  background-color: #000;
  color: #fff;
  font-size: 0.9em;
  font-weight: normal;
  letter-spacing: 0.02em;
  opacity: 0.7;
  padding-bottom: 5px;
  padding-top: 10px;
}

/* Overrides/replaces kim.css line 666 */
div.maptext h2.popup-title {
  background-color: #000;
  font-size: 18px;
  margin-bottom: 1px;
  width: 100%;
}

/* david styles */
html div.maptext h2.popup-title {
  margin-top: 0;
}

div.maptext_0_system_navigation {
  float: left;
  width: 200px;
}

div.maptext_1_search_form {
  float: right;
  padding-left: 210px;
  width: 210px;
}

.bntitle {
  bottom: 2px;
}

/*
New Styles for maptext by Joseph Ssekono
*/
div.olControlMaptext {
  left: 50px;
  top: 20px;
}

div.olControlMaptext.btns {
  background: #444;
  border: 1px solid #dedede;
  font-family: sans-serif;
  width: 194px;
}

div.olControlMaptext h3 {
  background: #111 url(../images/collapser.png) no-repeat right;
  background-position: 95% 50%;
  color: #fff;
  font-family: sans-serif;
  font-size: 0.8em;
  margin-bottom: 0;
  padding: 5px;
  text-transform: uppercase;
}

div.bnContainer  a {
  background: #ffffff url(../images/flyoutRightActive.png) no-repeat right;
  background-position: 95% 50%;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  color: #444445;
  color: #ec7721;
  font-family: sans-serif;
  font-size: 1em;
  margin: 4px 5%;
  padding: 2.5%;
  text-transform: uppercase;
  width: 85%;
}

div.bnContainer a.toggle_button.down {
  background: #ffffff url(../images/flyoutRight.png) no-repeat;
  background-position: 95% 50%;
  border: 1px solid #d6d6d6;
  color: #444;
}

div.olControlMaptext .maptext {
  border: 1px solid #d2cccd;
  left: 194px;
  top: 24px;
  width: 300px;
}

.region-content .maptext a {
  color: #444445;
}

div.maptext h2.popup-title {
  background-color: #444;
  color: #ec7721;
  font-family: sans-serif;
  font-size: 1.4em;
  margin-bottom: 0px;
  text-transform: uppercase;
}

div.maptext h2.popup-title a {
  color: #ec7721;
}

div.maptext h2.popup-title a:hover {
  color: #ec7721;
  text-decoration: underline;
}

.maptext .popup-content {
  background-color: #888;
  color: #222;
  opacity: 1;
}

span.pieLabel div {
  color: #333333 !important;
}

div.olControlMaptext .maptext p {
  padding: 5px 10px;
}

div.maptext {
  position: relative;
}

div.maptext h2 a {
  padding: 5px 10px;
  width: auto;
}

div.maptext a.popup-close {
  background: url(../images/closer.png) no-repeat;
  color: transparent;
  font-weight: bold;
  height: 13px;
  position: absolute;
  right: 10px;
  top: 8px;
  width: 14px;
}

div.maptext a.popup-close:hover {
  color: transparent;
}

div.olControlMaptext .maptext ul {
  margin: 10px;
}

div.olControlMaptext .maptext ul li {
  list-style-image: none;
  padding: 5px 0px;
}

div.olControlMaptext .maptext ul li a:hover {
  color: #ec7721;
}

a.facetapi-limit-link {
  font-weight: bold;
  margin-left: 10px;
}

div.openlayers-map .openlayers_plus-blockswitcher {
  background: none repeat scroll 0 0 #ffffff;
  margin: 0 10px;
  width: auto;
  z-index: 3000;
}

div.openlayers-map .openlayers_plus-blockswitcher h2 {
  font-family: sans-serif;
  font-size: 18px;
  margin-bottom: 10px;
}

File

behaviors/openlayers_plus_behavior_maptext_toggle.css
View source
  1. a.toggle_button.down {
  2. background: #ccc;
  3. border-bottom: solid 2px #777;
  4. border-left: solid 2px #eaeaea;
  5. border-right: solid 2px #777;
  6. border-top: solid 2px #eaeaea;
  7. cursor: pointer;
  8. }
  9. a.toggle_button {
  10. background: #bbb;
  11. border-bottom: solid 2px #eaeaea;
  12. border-left: solid 2px #777;
  13. border-right: solid 2px #eaeaea;
  14. border-top: solid 2px #777;
  15. float: right;
  16. margin-top: 10px;
  17. padding: 5px 5px;
  18. position: relative;
  19. }
  20. .maptext a.popup-close {
  21. color: #fff;
  22. display: block;
  23. float: right;
  24. text-decoration: none;
  25. }
  26. body .maptext .popup-pager {
  27. display: none;
  28. }
  29. body .maptext .popup-count {
  30. display: none;
  31. }
  32. .maptext h2.popup-title a {
  33. font-size: 0.8em;
  34. font-weight: normal;
  35. letter-spacing: 0.02em;
  36. }
  37. .region-content .maptext a {
  38. color: #ececec;
  39. text-decoration: none;
  40. }
  41. .region-content .maptext a:hover {
  42. color: #fff;
  43. text-decoration: none;
  44. }
  45. .maptext .popup-content {
  46. background-color: #000;
  47. color: #fff;
  48. font-size: 0.9em;
  49. font-weight: normal;
  50. letter-spacing: 0.02em;
  51. opacity: 0.7;
  52. padding-bottom: 5px;
  53. padding-top: 10px;
  54. }
  55. /* Overrides/replaces kim.css line 666 */
  56. div.maptext h2.popup-title {
  57. background-color: #000;
  58. font-size: 18px;
  59. margin-bottom: 1px;
  60. width: 100%;
  61. }
  62. /* david styles */
  63. html div.maptext h2.popup-title {
  64. margin-top: 0;
  65. }
  66. div.maptext_0_system_navigation {
  67. float: left;
  68. width: 200px;
  69. }
  70. div.maptext_1_search_form {
  71. float: right;
  72. padding-left: 210px;
  73. width: 210px;
  74. }
  75. .bntitle {
  76. bottom: 2px;
  77. }
  78. /*
  79. New Styles for maptext by Joseph Ssekono
  80. */
  81. div.olControlMaptext {
  82. left: 50px;
  83. top: 20px;
  84. }
  85. div.olControlMaptext.btns {
  86. background: #444;
  87. border: 1px solid #dedede;
  88. font-family: sans-serif;
  89. width: 194px;
  90. }
  91. div.olControlMaptext h3 {
  92. background: #111 url(../images/collapser.png) no-repeat right;
  93. background-position: 95% 50%;
  94. color: #fff;
  95. font-family: sans-serif;
  96. font-size: 0.8em;
  97. margin-bottom: 0;
  98. padding: 5px;
  99. text-transform: uppercase;
  100. }
  101. div.bnContainer a {
  102. background: #ffffff url(../images/flyoutRightActive.png) no-repeat right;
  103. background-position: 95% 50%;
  104. border: 1px solid #d6d6d6;
  105. border-radius: 4px;
  106. color: #444445;
  107. color: #ec7721;
  108. font-family: sans-serif;
  109. font-size: 1em;
  110. margin: 4px 5%;
  111. padding: 2.5%;
  112. text-transform: uppercase;
  113. width: 85%;
  114. }
  115. div.bnContainer a.toggle_button.down {
  116. background: #ffffff url(../images/flyoutRight.png) no-repeat;
  117. background-position: 95% 50%;
  118. border: 1px solid #d6d6d6;
  119. color: #444;
  120. }
  121. div.olControlMaptext .maptext {
  122. border: 1px solid #d2cccd;
  123. left: 194px;
  124. top: 24px;
  125. width: 300px;
  126. }
  127. .region-content .maptext a {
  128. color: #444445;
  129. }
  130. div.maptext h2.popup-title {
  131. background-color: #444;
  132. color: #ec7721;
  133. font-family: sans-serif;
  134. font-size: 1.4em;
  135. margin-bottom: 0px;
  136. text-transform: uppercase;
  137. }
  138. div.maptext h2.popup-title a {
  139. color: #ec7721;
  140. }
  141. div.maptext h2.popup-title a:hover {
  142. color: #ec7721;
  143. text-decoration: underline;
  144. }
  145. .maptext .popup-content {
  146. background-color: #888;
  147. color: #222;
  148. opacity: 1;
  149. }
  150. span.pieLabel div {
  151. color: #333333 !important;
  152. }
  153. div.olControlMaptext .maptext p {
  154. padding: 5px 10px;
  155. }
  156. div.maptext {
  157. position: relative;
  158. }
  159. div.maptext h2 a {
  160. padding: 5px 10px;
  161. width: auto;
  162. }
  163. div.maptext a.popup-close {
  164. background: url(../images/closer.png) no-repeat;
  165. color: transparent;
  166. font-weight: bold;
  167. height: 13px;
  168. position: absolute;
  169. right: 10px;
  170. top: 8px;
  171. width: 14px;
  172. }
  173. div.maptext a.popup-close:hover {
  174. color: transparent;
  175. }
  176. div.olControlMaptext .maptext ul {
  177. margin: 10px;
  178. }
  179. div.olControlMaptext .maptext ul li {
  180. list-style-image: none;
  181. padding: 5px 0px;
  182. }
  183. div.olControlMaptext .maptext ul li a:hover {
  184. color: #ec7721;
  185. }
  186. a.facetapi-limit-link {
  187. font-weight: bold;
  188. margin-left: 10px;
  189. }
  190. div.openlayers-map .openlayers_plus-blockswitcher {
  191. background: none repeat scroll 0 0 #ffffff;
  192. margin: 0 10px;
  193. width: auto;
  194. z-index: 3000;
  195. }
  196. div.openlayers-map .openlayers_plus-blockswitcher h2 {
  197. font-family: sans-serif;
  198. font-size: 18px;
  199. margin-bottom: 10px;
  200. }