⌚ OpenOpeningstijden main server application
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

application.scss 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. // Custom bootstrap variables must be set or imported *before* bootstrap.
  2. @import "bootstrap";
  3. @import "leaflet.css";
  4. @import "horsey.css";
  5. html,
  6. body {
  7. height: 100%;
  8. }
  9. .bg-image {
  10. position: fixed;
  11. left: 0;
  12. right: 0;
  13. z-index: -1;
  14. display: block;
  15. background: url('/images/home/selective-focus-photography-of-open-signage-1036857.jpg') no-repeat 50% fixed;
  16. background-size: auto;
  17. background-size: cover;
  18. width: 100%;
  19. height: 100%;
  20. -webkit-filter: blur(5px)opacity(90%);
  21. -moz-filter: blur(5px)opacity(90%);
  22. -o-filter: blur(5px)opacity(90%);
  23. -ms-filter: blur(5px)opacity(90%);
  24. filter: blur(5px)opacity(90%);
  25. }
  26. #page-content {
  27. flex: 1 0 auto;
  28. }
  29. #sticky-footer {
  30. flex-shrink: none;
  31. h2 {
  32. font-size: medium;
  33. }
  34. }
  35. footer ul {
  36. padding: 0;
  37. }
  38. footer ul li {
  39. list-style-type: none;
  40. }
  41. #home {
  42. display: flex;
  43. flex-direction: column;
  44. height: 100%;
  45. }
  46. #home > div {
  47. height: 5em;
  48. }
  49. #home h1 {
  50. margin-bottom: 2em;
  51. text-align: center;
  52. color: white;
  53. }
  54. #home::before {
  55. content: '';
  56. flex: 1;
  57. }
  58. #home::after {
  59. content: '';
  60. flex: 3;
  61. }
  62. #map {
  63. height: 400px;
  64. }
  65. #map.full {
  66. height: 800px;
  67. }
  68. #map-listing {
  69. height: 800px;
  70. overflow: auto;
  71. }
  72. .inline-icon {
  73. height: 1em;
  74. width: 1em;
  75. }
  76. .sey-selected .inline-icon {
  77. filter: invert(100%);
  78. }