⌚ 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.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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. #home {
  36. display: flex;
  37. flex-direction: column;
  38. height: 100%;
  39. }
  40. #home > div {
  41. height: 5em;
  42. }
  43. #home h1 {
  44. margin-bottom: 2em;
  45. text-align: center;
  46. color: white;
  47. }
  48. #home::before {
  49. content: '';
  50. flex: 1;
  51. }
  52. #home::after {
  53. content: '';
  54. flex: 3;
  55. }
  56. #map {
  57. height: 400px;
  58. }
  59. #map.full {
  60. height: 800px;
  61. }
  62. #map-listing {
  63. height: 800px;
  64. overflow: auto;
  65. }
  66. .inline-icon {
  67. height: 1em;
  68. width: 1em;
  69. }
  70. .sey-selected .inline-icon {
  71. filter: invert(100%);
  72. }