main.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. .main-header h1 a,
  2. .main-header h1 a:visited,
  3. .main-header h1 a:link {
  4. color: #333;
  5. }
  6. .back-link {
  7. display: inline-block;
  8. margin-bottom: 30px;
  9. }
  10. html {
  11. min-height: 100%;
  12. }
  13. body {
  14. background-image: url("img/background_main.jpg");
  15. background-repeat: no-repeat;
  16. background-position: 50% 35px;
  17. position: relative;
  18. min-height: 700px;
  19. padding-bottom: 200px;
  20. }
  21. body > .jumbotron {
  22. background-color: transparent;
  23. padding: 2em;
  24. }
  25. body > section {
  26. background-color: #eee;
  27. padding-bottom: 2em;
  28. }
  29. body.form > section {background-color: transparent;}
  30. body.form section header {
  31. margin-top: 365px;
  32. margin-bottom: 70px;
  33. background-color: rgba(250,250,250,0.5);
  34. }
  35. body > footer {
  36. /* See jumbotron */
  37. margin-top: 30px;
  38. padding: 48px 0;
  39. background-color: #eee;
  40. text-align: center;
  41. position: absolute;
  42. bottom: 0;left: 0;right: 0;top: auto;
  43. }
  44. /** Form **/
  45. #map {
  46. min-height: 300px;
  47. }
  48. #search-results {
  49. margin-top: 1em;
  50. }
  51. form > h2 {
  52. border-top: 1px solid #eee;
  53. padding-top: 1em;
  54. margin-top: 1em;
  55. }
  56. form > h2:first-child {
  57. border-top: none;
  58. padding-top: 0;
  59. margin-top: 0;
  60. }
  61. /** Form errors **/
  62. #errors {
  63. padding: 1em;
  64. border: 1px solid #a94442;
  65. border-radius: 4px;
  66. }
  67. #errors ul {
  68. margin: 0 0 0 1em;
  69. padding: 0;
  70. }
  71. /** Results **/
  72. #map.results {
  73. min-height: 500px;
  74. margin-bottom: 1em;
  75. }
  76. .results .leaflet-popup-content {
  77. margin: 1em;
  78. }
  79. .results .leaflet-popup-content h2 {
  80. font-size: 20px;
  81. }
  82. .results .leaflet-popup-content ul {
  83. margin: 0.5em 0;
  84. padding-left: 1.5em;
  85. }