mmrech/cc-citations
0
1html, body {2 height: 100%;3 margin: 0;4 padding: 0;5}6 7html {8 font-size: 11px;9}10 11body {12 color:#e5e5e5;13 font-family:Arial;14 text-align: center;15}16 17a {18 color:#3287c5;19}20a:hover {21 color:#3faaf7;22}23h1 {24 color: #152a47;25 margin: 0.5rem;26 font-size: 1.4rem;27 /* font-size: 46px; */28}29 30#map {31 border:2px solid #696969;32 margin: 4px auto;33 /* float:left; */34 /* height: 100%; */35 36 37 position: absolute;38 39 right: 0;40 bottom: 0;41 left: 0;42 43 top: 150px;44 height: calc(100% - 150px - 10px);45 46 /* top: 150px;47 height: calc(100% - 150px - 10px); */48}49 50#header {51 height: 150px;52 /* height: 180px; */53 54 padding: 0.5rem;55 font-size: 1rem;56 /* float:left; */57 background:#ffffff;58 /* border:1px solid #c6bb58; */59 /* box-shadow: 2px 2px 6px #999; */60 color:#666;61 62 overflow: auto;63}64 65#legendContainer {66 font-size: 0.9rem;67 margin: 0 4px;68 padding: 1rem;69 70}71 72.legend-item {73 padding: 3px;74 margin: 3px;75 /* white-space: nowrap; */76}77 78.legend-item:hover {79 background-color: #f0f0f0;80 border-radius: 3px;81}82 83.legend-item.legend-active {84 font-weight: bold;85 background-color: #e8f4f8;86 border-radius: 3px;87}88 89.legend-item.legend-inactive {90 opacity: 0.4;91}92 93.legend-icon {94 margin: 0 2px;95 width: 7px;96 display: inline-block;97 height: 7px;98}99 100.legend-more {101 display: none;102}103 104.leaflet-container {105 background: rgb(221, 229, 241);106 outline: 0;107}108 109.leaflet-popup-content {110 max-height: 240px;111 overflow-y: auto;112}113 114@media only screen and (min-width: 500px) {115 /* Medium screen */116 html {117 font-size: 12px;118 }119 120 #map {121 height: calc(100% - 160px - 10px);122 top: 160px;123 }124 #header {125 height: 160px;126 }127}128 129@media only screen and (min-width: 768px) {130 /* Large screen */131 html {132 font-size: 14px;133 }134 #map {135 height: calc(100% - 130px - 10px);136 top: 130px;137 }138 #header {139 height: 130px;140 }141}