/webportal/src/main/webapp/css/mapprint.css

http://alageospatialportal.googlecode.com/ · CSS · 295 lines · 220 code · 71 blank · 4 comment · 0 complexity · e7c67ebe6702163c2ac233f10ce53b58 MD5 · raw file

  1. html, body {
  2. font-family: arial, Helvetica, Arial, sans-serif;
  3. font-size: 0.85em;
  4. margin: 0px;
  5. background-color: #7391ad;
  6. }
  7. h2 { color:#3B6E8F; font-size: 16px; font-weight: bold;}
  8. h3 { color:#3B6E8F; font-size: 14px; font-weight: bold; margin-bottom:2px;margin-top:0px;}
  9. h4 { color:#3B6E8F; font-size: 12px; margin: 0px 2px;}
  10. h5 { color:#3B6E8F; font-size: 11px; margin: 0px 2px;}
  11. h6 { color:#3B6E8F; font-size: 10px; margin: 0px 2px; display:inline; }
  12. a {
  13. color: black;
  14. }
  15. a img{
  16. border: none;
  17. }
  18. a:hover{
  19. color: grey;
  20. }
  21. a[rel="external"], a.external {
  22. white-space: nowrap;
  23. padding-right: 15px;
  24. background: url(../img/extlink.gif) no-repeat 100% 50%;
  25. zoom: 1;
  26. }
  27. .extlink {
  28. margin-left: 2px;
  29. }
  30. hr {
  31. width: 80%;
  32. color:#7391ad;
  33. background: #fff url(../img/borderLine.gif) no-repeat center bottom;
  34. margin: 8px auto;
  35. height: 1px;
  36. border: 0 none;
  37. }
  38. #mapdiv {
  39. position: absolute;
  40. z-index: 1;
  41. height: 100%;
  42. width:100%;
  43. }
  44. .topdrop {
  45. background-image:url(../img/mapshadow.png);
  46. background-position:left top;
  47. background-repeat:repeat-x;
  48. z-index: 100;
  49. width: 100%;
  50. height:10px;
  51. position: absolute;
  52. }
  53. #navtoolbar{
  54. position: absolute;
  55. float: left;
  56. width: 42px;
  57. z-index: 1001;
  58. }
  59. .leftdrop {
  60. background-image:url(../img/leftshadow.png);
  61. background-position:left top;
  62. background-repeat:repeat-y;
  63. z-index: 101;
  64. width:10px ;
  65. height:100%;
  66. position: absolute;
  67. }
  68. #mapscale {
  69. width: 90px;
  70. z-index: 3;
  71. position: relative;
  72. float: left;
  73. color: white;
  74. }
  75. #mapcoords {
  76. width: 90px;
  77. z-index: 4;
  78. position: relative;
  79. float: right;
  80. color: white;
  81. background: inherit;
  82. }
  83. #mapcoords b{
  84. background: none;
  85. }
  86. #mapinfo {
  87. bottom: 0em;
  88. left: 0px;
  89. padding: 10px 15px ;
  90. display: block;
  91. position: absolute;
  92. width: 220px;
  93. z-index: 3;
  94. font-family: Arial;
  95. font-size: smaller;
  96. -moz-border-radius: 5! important;
  97. border: 1px 1px 0 0;
  98. }
  99. .feature {
  100. margin: 5px 0px;
  101. padding: 5px;
  102. width:100%;
  103. background-color: #fafafa;
  104. border:1px solid #eee;
  105. }
  106. /* getfeatureinfo results
  107. */
  108. .getfeaturepopup_contentDiv, .olPopupContent {
  109. overflow: hidden! important;
  110. cursor: default;
  111. }
  112. .olPopup {
  113. height: 100%;
  114. }
  115. .closebox {
  116. height: 15px;
  117. width: 420px;
  118. clear: both;
  119. }
  120. .closebox a {
  121. position:absolute;
  122. right: 25px;
  123. font-size: 11px;
  124. font-weight: bold;
  125. }
  126. .feature ul li{
  127. margin-left: 1em;
  128. }
  129. #featureinfocontent {
  130. padding: 0px;
  131. width: 420px;
  132. height: 220px;
  133. overflow-x: hidden;
  134. background-color: white;
  135. overflow-y: auto;
  136. }
  137. #featureinfocontent .feature {
  138. width: 97%;
  139. }
  140. #featureinfocontent img {
  141. padding: 5px;
  142. }
  143. #featureinfocontent b {
  144. color:#3B6E8F;
  145. font-weight: bold;
  146. }
  147. #featureinfocontent ul {
  148. margin: 5px 0px;
  149. padding-left: 2px;
  150. list-style-type: circle;
  151. }
  152. #featureinfocontent li {
  153. margin-left: 2px;
  154. padding-left: 2px;
  155. list-style-position: inside;
  156. }
  157. .block h3 {
  158. border: solid 1px #cccccc;
  159. background-color: #efefef;
  160. padding-left: 3px;
  161. width: 100%;
  162. }
  163. p.important {
  164. color:#3c668d;
  165. font-weight: bold;
  166. }
  167. /* Overview Map wigit */
  168. .olControlOverviewMapElement {
  169. background-color: #3c668d;
  170. }
  171. .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover, .ygtvfocus{
  172. background-color: transparent;
  173. }
  174. a.ygtvlabel:hover {
  175. text-decoration:underline;
  176. }
  177. div.olControlScaleLineBottom {
  178. margin-top: -1;
  179. }
  180. div.olControlScaleLineTop, div.olControlScaleLineBottom {
  181. border-color: black;
  182. }
  183. .olControlEditingToolbar {
  184. float: left;
  185. width: 50px;
  186. }
  187. .olControlEditingToolbar div {
  188. float: left;
  189. }
  190. #navtoolbar {
  191. margin-top: 250px;
  192. margin-left: 9px;
  193. }
  194. #controlPanZoom {
  195. display: none;
  196. }
  197. .olControlOverviewMapElement
  198. {
  199. position: absolute! important;
  200. bottom: 0! important;
  201. right: 0! important;
  202. _bottom: -1px! important;
  203. _right: -1px! important;
  204. background: #3c668d! important;
  205. -moz-border-radius: 5! important;
  206. }
  207. .olControlOverviewMapExtentRectangle
  208. {
  209. border: 1px solid #e89c14! important;
  210. margin: 0! important;
  211. padding: 0! important;
  212. }
  213. #layerswitch {
  214. position: static;
  215. clear: both;
  216. }
  217. .olControlLayerSwitcher {
  218. display: none;
  219. }
  220. /* hide it till positioned in style.css */
  221. .olControlOverviewMapMaximizeButton {
  222. visibility : hidden;
  223. }
  224. .leftdrop, .topdrop {display: none; width:0px;}