style.css 773 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .container {
  2. max-width: 980px;
  3. text-align: center;
  4. margin: 20px auto;
  5. }
  6. h1 {
  7. margin-bottom: 20px;
  8. }
  9. #geocoding_form {
  10. margin: 40px auto 40px;
  11. }
  12. .input-group {
  13. margin-left: 4%;
  14. }
  15. .find-me.btn:focus {
  16. border-color: transparent;
  17. outline: 0;
  18. }
  19. .coordinates {
  20. font-size: 18px;
  21. opacity: 0;
  22. }
  23. .update {
  24. opacity:0;
  25. }
  26. .not-on-https,
  27. .no-geolocation-support {
  28. font-size: 18px;
  29. opacity: 0;
  30. }
  31. .coordinates b:first-child {
  32. margin-right: 15px;
  33. }
  34. .visible {
  35. opacity: 1;
  36. }
  37. .not-on-https,
  38. .no-geolocation-support {
  39. display: none;
  40. }
  41. .map-overlay {
  42. margin: 0 auto;
  43. background-color: #fff;
  44. position: relative;
  45. border-radius: 2px;
  46. opacity: 0;
  47. }
  48. .show-map {
  49. max-width: 100%;
  50. height: 400px;
  51. opacity: 1;
  52. }
  53. #map {
  54. margin: 0 auto;
  55. }