You are here

olmap-field-widget-renderer.css in Google Map Field 8

.olmap-field-widget.left {
  float: left;
  width: 45%;
}

.olmap-field-widget.right {
  float: right;
  margin-right: 2%;
}

.olmap-field-preview {
  -webkit-box-shadow: 0 0 2px 2px #ababab;
  -moz-box-shadow: 0 0 2px 2px #ababab;
  -o-box-shadow: 0 0 2px 2px #ababab;
  box-shadow: 0 0 2px 2px #ababab;
  background-color: #ccc;
  width: 300px;
  height: 180px;
}

.field-map-actions {
  clear: both;
}

#olmf_container {
  -webkit-box-shadow: 0 0 2px 2px #ababab;
  -moz-box-shadow: 0 0 2px 2px #ababab;
  -o-box-shadow: 0 0 2px 2px #ababab;
  box-shadow: 0 0 2px 2px #ababab;
  height: 300px;
  margin-bottom: 10px;
  width: 98%;
}

#centre_on label {
  font-weight: normal;
}

#centre_on input {
  padding: 3px;
}

#centre_map_results a {
  cursor: pointer;
}

#centre_map_results a:not(:last-child):after {
  content: ',';
  padding-right: 5px;
}

#olmap_field_dialog {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

#olmap_field_container {
  display: flex;
  flex: 1;
}

#olmap_map_container {
  flex: 1 75%;
}

#olmap_field_options {
  flex: 0 0 25%;
  order: 1;
}

#olmap_field_options select,
#olmap_field_options input[type="text"] {
  box-sizing: border-box;
  width: 100%;
}

#olmap_field_options .form-checkbox::after {
  clear: both;
  content: " ";
  display: table;
}

#olmap_field_options .form-checkbox {
  margin-bottom: 5px;
  margin-top: 5px;
}

#olmap_field_options .form-checkbox input,
#olmap_field_options .form-checkbox label {
  float: left;
}

#olmap_field_options .form-checkbox label {
  margin-top: 2px;
  padding-left: 5px;
}

p.marker-text {
  font-size: 0.8em;
  line-height: 1em;
  margin-top: 0.5em;
}

File

css/olmap-field-widget-renderer.css
View source
  1. .olmap-field-widget.left {
  2. float: left;
  3. width: 45%;
  4. }
  5. .olmap-field-widget.right {
  6. float: right;
  7. margin-right: 2%;
  8. }
  9. .olmap-field-preview {
  10. -webkit-box-shadow: 0 0 2px 2px #ababab;
  11. -moz-box-shadow: 0 0 2px 2px #ababab;
  12. -o-box-shadow: 0 0 2px 2px #ababab;
  13. box-shadow: 0 0 2px 2px #ababab;
  14. background-color: #ccc;
  15. width: 300px;
  16. height: 180px;
  17. }
  18. .field-map-actions {
  19. clear: both;
  20. }
  21. #olmf_container {
  22. -webkit-box-shadow: 0 0 2px 2px #ababab;
  23. -moz-box-shadow: 0 0 2px 2px #ababab;
  24. -o-box-shadow: 0 0 2px 2px #ababab;
  25. box-shadow: 0 0 2px 2px #ababab;
  26. height: 300px;
  27. margin-bottom: 10px;
  28. width: 98%;
  29. }
  30. #centre_on label {
  31. font-weight: normal;
  32. }
  33. #centre_on input {
  34. padding: 3px;
  35. }
  36. #centre_map_results a {
  37. cursor: pointer;
  38. }
  39. #centre_map_results a:not(:last-child):after {
  40. content: ',';
  41. padding-right: 5px;
  42. }
  43. #olmap_field_dialog {
  44. display: flex;
  45. min-height: 100vh;
  46. flex-direction: column;
  47. }
  48. #olmap_field_container {
  49. display: flex;
  50. flex: 1;
  51. }
  52. #olmap_map_container {
  53. flex: 1 75%;
  54. }
  55. #olmap_field_options {
  56. flex: 0 0 25%;
  57. order: 1;
  58. }
  59. #olmap_field_options select,
  60. #olmap_field_options input[type="text"] {
  61. box-sizing: border-box;
  62. width: 100%;
  63. }
  64. #olmap_field_options .form-checkbox::after {
  65. clear: both;
  66. content: " ";
  67. display: table;
  68. }
  69. #olmap_field_options .form-checkbox {
  70. margin-bottom: 5px;
  71. margin-top: 5px;
  72. }
  73. #olmap_field_options .form-checkbox input,
  74. #olmap_field_options .form-checkbox label {
  75. float: left;
  76. }
  77. #olmap_field_options .form-checkbox label {
  78. margin-top: 2px;
  79. padding-left: 5px;
  80. }
  81. p.marker-text {
  82. font-size: 0.8em;
  83. line-height: 1em;
  84. margin-top: 0.5em;
  85. }