/bin/html/map/ui/minimalist.css

https://bitbucket.org/VirtualReality/software-testing · CSS · 226 lines · 196 code · 7 blank · 23 comment · 0 complexity · b9cf023882d3008a2e2e5254332ac841 MD5 · raw file

  1. /**
  2. * License and Terms of Use
  3. *
  4. * Copyright (c) 2011 SignpostMarv
  5. *
  6. * Permission is hereby granted, free of charge, to any person obtaining a copy
  7. * of this software and associated documentation files (the "Software"), to deal
  8. * in the Software without restriction, including without limitation the rights
  9. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  10. * copies of the Software, and to permit persons to whom the Software is
  11. * furnished to do so, subject to the following conditions:
  12. *
  13. * The above copyright notice and this permission notice shall be included in
  14. * all copies or substantial portions of the Software.
  15. *
  16. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  17. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  18. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  19. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  20. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  21. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  22. * THE SOFTWARE.
  23. */
  24. .mapapi-ui-sidebars {
  25. z-index: 200 ;
  26. }
  27. .mapapi-ui-minimalist .mapapi-ui-sidebars .zoomcontrol, .mapapi-ui-minimalist .mapapi-ui-sidebars .menu{
  28. position: absolute ;
  29. top: 37px ;
  30. height: 29px ;
  31. vertical-align: top ;
  32. background: #eee ;
  33. font-size: 12px ;
  34. }
  35. .mapapi-ui-minimalist .mapapi-ui-sidebars .zoomcontrol{
  36. right: 8px ;
  37. width: 16px ;
  38. text-align: center ;
  39. text-indent: -4px ;
  40. border-radius: 0 8px 8px 0;
  41. box-shadow: 0px 2px 4px #000 ;
  42. clip:rect(0,20px,33px,0);
  43. overflow: hidden ;
  44. line-height: 14.5px ;
  45. z-index: 400 ;
  46. }
  47. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu{
  48. right: 24px ;
  49. line-height: 29px ;
  50. width: auto ;
  51. box-shadow: 0 2px 4px #000 ;
  52. z-index: 300 ;
  53. }
  54. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu.minimised{
  55. width: 0 ;
  56. }
  57. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul{
  58. padding: 0 .25em ;
  59. }
  60. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu.minimised > ul{
  61. display: none ;
  62. }
  63. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu .toggle-menu{
  64. position: absolute ;
  65. top: 0 ;
  66. left: -1em ;
  67. z-index: 200 ;
  68. padding: 0 4px ;
  69. background: #eee ;
  70. border-radius: 8px 0 0 8px ;
  71. height: 100% ;
  72. box-shadow: 0px 2px 4px #000 ;
  73. clip:rect(0,1em,33px,0);
  74. }
  75. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li{
  76. display: inline-block ;
  77. position: relative ;
  78. margin-left: 1em ;
  79. }
  80. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li:first-child{
  81. margin-left: 0 ;
  82. }
  83. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li > h1{
  84. font-size: 1.2em ;
  85. font-weight: bolder ;
  86. }
  87. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li > ul, .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li > ul > li > ul{
  88. display: none ;
  89. }
  90. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li > ul > li > ul{
  91. max-height: 400px ;
  92. overflow: auto ;
  93. padding-top: 1em ;
  94. }
  95. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li > ul > li > ul > li{
  96. padding: 0 0 0 .25em;
  97. margin-right: 2em ;
  98. line-height: 1.5em ;
  99. width: 100% ;
  100. }
  101. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li > ul > li > ul > li:nth-child(odd){
  102. background: #ddd ;
  103. }
  104. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li.toggled > ul, .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li:hover > ul{
  105. display: block ;
  106. position: absolute ;
  107. top: 100% ;
  108. right: 0 ;
  109. background: #eee ;
  110. border-radius: 8px 0 8px 8px ;
  111. padding: .25em ;
  112. }
  113. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li:hover{
  114. z-index: 300 ;
  115. }
  116. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li:hover > h1{
  117. background: #fff ;
  118. border-radius: 8px 8px 0 0 ;
  119. box-shadow: 4px 4px 4px #000 ;
  120. }
  121. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li:hover ul{
  122. background: #fff ;
  123. box-shadow: 4px 4px 4px #000 ;
  124. }
  125. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li > ul > li:hover > ul{
  126. display: block ;
  127. position: absolute ;
  128. top: 8px ;
  129. right: 100% ;
  130. margin-right: -8px ;
  131. border-radius: 8px 0 8px 8px ;
  132. padding: .25em ;
  133. box-shadow: 8px 8px 4px #000 ;
  134. }
  135. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li > ul > li{
  136. padding-left: 1em ;
  137. white-space: pre ;
  138. }
  139. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li > ul > li:hover, .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li > ul > li.toggled, .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li.mapapijs > ul > li{
  140. font-weight: bolder ;
  141. }
  142. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu > ul > li > ul > li.toggled{
  143. font-weight: bolder ;
  144. }
  145. .mapapi-ui-minimalist .mapapi-ui-sidebars .menu li.childless:hover > ul {
  146. display: none ;
  147. }
  148. .mapapi-ui-minimalist .mapapi-ui-marker{
  149. display: block ;
  150. position: absolute ;
  151. top: 0 ;
  152. left: 0 ;
  153. }
  154. .mapapi-ui-minimalist .mapapi-ui-infowindow{
  155. display: block ;
  156. position: absolute ;
  157. top: 0 ;
  158. left: 0 ;
  159. padding: 0 0 40px 32px ;
  160. max-width: 50% ;
  161. background: transparent url('marker.png') bottom left no-repeat ;
  162. }
  163. .mapapi-ui-minimalist .mapapi-ui-infowindow .mapapi-ui-wrapper{
  164. padding: 1px ;
  165. border-radius: 16px ;
  166. position: absolute ;
  167. bottom: 32px ;
  168. left: 0 ;
  169. background: #fff url('marker-tail-top-slice.png') bottom left no-repeat ;
  170. }
  171. .mapapi-ui-minimalist .mapapi-ui-infowindow .mapapi-ui-item-contents{
  172. background: #fff ;
  173. padding: .25em 1em .25em 8px ;
  174. border: 2px solid #5a749e ;
  175. border-radius: 16px ;
  176. }
  177. .mapapi-ui-minimalist .mapapi-ui-infowindow .waiting .mapapi-ui-item-contents{
  178. font-size: 0 ;
  179. line-height: 28px ;
  180. }
  181. .mapapi-ui-minimalist .mapapi-ui-infowindow .waiting .mapapi-ui-infowindow-close{
  182. display: none ;
  183. }
  184. .mapapi-ui-minimalist .mapapi-ui-infowindow .mapapi-ui-infowindow-close{
  185. position: absolute ;
  186. top: 1px ;
  187. right: 1px ;
  188. width: 1em ;
  189. padding: 2px ;
  190. text-align: center ;
  191. border-radius: 0 16px 0 0 ;
  192. }
  193. .mapapi-ui-minimalist .mapapi-ui-infowindow .mapapi-ui-infowindow-close:hover{
  194. background: #eee ;
  195. box-shadow: 0px 2px 4px #000 ;
  196. }
  197. .mapapi-ui-minimalist .mapapi-ui-marker-numbered .mapapi-ui-marker-number, .mapapi-ui-minimalist .mapapi-ui-marker-numbered .mapapi-ui-marker-img{
  198. position: absolute ;
  199. top: 0 ;
  200. left: 0 ;
  201. width: 100% ;
  202. height: 100% ;
  203. text-align: center ;
  204. overflow: hidden ;
  205. }
  206. .mapapi-net-modal{
  207. position: absolute ;
  208. top: 0 ;
  209. left: 0 ;
  210. width: 100% ;
  211. height: 100% ;
  212. background: #000 ;
  213. background: rgba(0,0,0,.5) ;
  214. z-index: 65536 ;
  215. }
  216. .mapapi-net-modal > div{
  217. background: #eee ;
  218. margin-top: 1em ;
  219. }