You are here

yamaps.css in Yandex.Maps 7

Stylesheet for the 'Yandex Maps' module.

File

misc/yamaps.css
View source
  1. /**
  2. * @file
  3. * Stylesheet for the 'Yandex Maps' module.
  4. */
  5. .ymaps-map label {
  6. display: inline;
  7. }
  8. .ymaps-map .yamaps-balloon {
  9. padding: 2px 10px;
  10. }
  11. .ymaps-map .yamaps-balloon label {
  12. color: #666;
  13. display: block;
  14. font-size: 12px;
  15. font-style: italic;
  16. font-weight: normal;
  17. }
  18. .ymaps-map .yamaps-balloon label:after {
  19. content: ":";
  20. }
  21. .ymaps-map .yamaps-balloon input {
  22. border: 1px solid #ccc;
  23. border-radius: 3px;
  24. font-size: 12px;
  25. margin: 0;
  26. padding: 3px;
  27. width: 95%;
  28. }
  29. .ymaps-map .yamaps-balloon .form-element {
  30. margin: 0 0 7px 0;
  31. overflow: hidden;
  32. }
  33. .ymaps-map .yamaps-balloon .actions {
  34. line-height: 20px;
  35. margin: 10px 0 0 0;
  36. overflow: hidden;
  37. }
  38. .ymaps-map .yamaps-balloon .actions #deleteButton {
  39. float: left;
  40. }
  41. .ymaps-map .yamaps-balloon .actions #saveButton {
  42. background: #fff;
  43. float: right;
  44. height: 20px;
  45. line-height: 12px;
  46. width: 90px;
  47. }
  48. .ymaps-map .yamaps-balloon .yamaps-colors .yamaps-color {
  49. border: none;
  50. cursor: pointer;
  51. float: left;
  52. margin: 0;
  53. padding: 1px;
  54. }
  55. .ymaps-map .yamaps-balloon .yamaps-colors .yamaps-color div {
  56. border: 1px solid white;
  57. height: 10px;
  58. overflow: hidden;
  59. text-indent: 9999px;
  60. width: 10px;
  61. }
  62. .ymaps-map .yamaps-balloon .yamaps-colors .yamaps-color-active {
  63. background-color: #444;
  64. }
  65. .yamaps-search-form {
  66. display: block;
  67. margin: 25px 0 15px 0;
  68. overflow: hidden;
  69. }
  70. .yamaps-search-form input.form-text {
  71. margin: 0 10px 0 0;
  72. width: 80%;
  73. }
  74. .yamaps-search-form input.form-submit {
  75. margin: 0;
  76. width: 15%;
  77. }
  78. .yamaps-terms {
  79. text-align: right;
  80. }
  81. .remove_yamap_button {
  82. border: 1px solid #888;
  83. padding: 3px 6px;
  84. cursor: pointer;
  85. background: #fff;
  86. border-radius: 6px;
  87. -webkit-border-radius: 6px;
  88. -moz-border-radius: 6px;
  89. }
  90. .close_yamap_button,
  91. .open_yamap_button,
  92. .open_yamap_button_static,
  93. .remove_yamap_button {
  94. position: relative;
  95. top: 0;
  96. left: 0;
  97. vertical-align: middle;
  98. margin: 0;
  99. padding: 10px 15px;
  100. line-height: 100%;
  101. border-radius: 5px;
  102. cursor: pointer;
  103. width: auto;
  104. overflow: visible;
  105. font-weight: normal;
  106. font-size: 14px; /* Pixels for consistency */
  107. text-shadow: 0 1px 0 #fff;
  108. color: #666;
  109. text-decoration: none;
  110. box-sizing: border-box;
  111. display: inline-block;
  112. -webkit-box-sizing: border-box;
  113. -moz-box-sizing: border-box;
  114. -moz-border-radius: 5px;
  115. -webkit-border-radius: 5px;
  116. *display: inline; /* IE ONLY */
  117. zoom: 1;
  118. border: 1px solid #ccc;
  119. background: rgb(252, 252, 252); /* Old browsers */
  120. background: -moz-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%); /* FF 3.6+ */
  121. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 252, 252, 1)), color-stop(100%, rgba(224, 224, 224, 1))); /* Chrome, Safari 4+ */
  122. background: -webkit-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%); /* Chrome 10+, Safari 5.1+ */
  123. background: -o-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%); /* Opera 11.10+ */
  124. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e0e0e0', GradientType=0); /* IE6-9 */
  125. background: linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%); /* W3C */
  126. }
  127. .yamaps-map-container {
  128. width: 100%;
  129. height: 400px;
  130. margin: 10px 0 0 0;
  131. }