style.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. @font-face {
  2. font-family: "SourceSansPro-Regular";
  3. src: url('fonts/SourceSansPro-Regular.otf') format("truetype");
  4. }
  5. @font-face {
  6. font-family: "SourceSansPro-Bold";
  7. src: url('fonts/SourceSansPro-Bold.otf') format("truetype");
  8. }
  9. body{
  10. font-family: 'SourceSansPro-Regular', Arial, serif;
  11. font-size: 10px;
  12. }
  13. .header{
  14. top:35px;
  15. width: inherit;
  16. height: 10px;
  17. position: absolute;
  18. z-index: 3;
  19. text-align: center;
  20. color:#7777;
  21. font-size: 12;
  22. text-shadow: 0px 2px 3px rgba(150, 150, 150, 1)
  23. }
  24. #url{
  25. top:50px;
  26. font-size: 30px;
  27. color:#7777;
  28. font-family: 'SourceSansPro-Bold';
  29. text-shadow: 0px 2px 3px rgba(150, 150, 150, 1)
  30. }
  31. #map {
  32. z-index:1;
  33. top: 0px;
  34. left: 0px;
  35. position:absolute;
  36. }
  37. .bar{
  38. z-index:2;
  39. top:0px;
  40. left:0px;
  41. width:20px;
  42. height:100%;
  43. position:absolute;
  44. background-color:rgba(255, 255, 255, 0.8);
  45. -webkit-box-shadow: 12px 0px 8px -4px rgba(0, 0, 0, 0.5);
  46. box-shadow: 12px 0px 8px -4px rgba(0, 0, 0, 0.5);
  47. overflow: auto;
  48. }
  49. #button{
  50. z-index:4;
  51. float:right;
  52. width: 10px;
  53. height: 90%;
  54. padding: 5px;
  55. font-size: 20px;
  56. }
  57. .info{
  58. z-index: 3;
  59. width:250;
  60. position: absolute;
  61. top: 0px;
  62. z-index: 4;
  63. color:black;
  64. padding: 15px;
  65. float: left;
  66. overflow: auto;
  67. }
  68. .test{
  69. background: repeat;
  70. }
  71. .divider{
  72. font-size: 14;
  73. text-align: center;
  74. }
  75. #footer{
  76. bottom:0;
  77. overflow: auto;
  78. }
  79. .info a {
  80. color:#6cb9f7;
  81. }
  82. .info img{
  83. top :0px;
  84. }
  85. .info p {
  86. overflow: auto;
  87. padding-left: 10px;
  88. }
  89. .info #info-text{
  90. text-align: justify;
  91. height:inherit;
  92. overflow: auto;
  93. }
  94. .toggle{
  95. text-align: center;
  96. font-weight: 700;
  97. cursor: pointer;
  98. font-size: 14;
  99. }
  100. #metadata{
  101. visibility: hidden;
  102. }
  103. .bc-custom-control {
  104. background-color:rgba(255, 255, 255, 0.7);
  105. box-shadow: 0 1px 7px rgba(0,0,0,0.65);
  106. -webkit-border-radius: 4px;
  107. border-radius: 4px;
  108. font-color: black;
  109. color: black;
  110. border-radius: 4px;
  111. margin: 10px;
  112. padding: 10px;
  113. }
  114. .leaflet-container a{
  115. font-weight:700;
  116. }
  117. #error{
  118. text-align: center;
  119. font-weight: 700;
  120. cursor: pointer;
  121. font-size: 14;
  122. color:red;
  123. margin:42px;
  124. }