src/css/map.css

   1 * {
   2     margin: 0;
   3 }
   4
   5 html, body {
   6     height: 100%;
   7 }
   8
   9 #map {
  10     height: 100%;
  11     width: 100%;
  12     position:absolute;
  13     top: 0;
  14     left: 0;
  15     z-index: 0;
  16 }
  17
  18 /* search div */
  19
  20 #search {
  21     position: relative;
  22     z-index: 1;
  23     margin-top: 20px;
  24     margin-left: 20px;
  25     background: transparent;
  26     display: inline-block;
  27     width: 400px;
  28     max-width: 100%;
  29 }
  30
  31 /* search input*/
  32
  33 #livesearch{
  34     box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
  35     font-size: 16px;
  36     font-family: Montserrat, sans-serif;
  37     border: 1px solid white;
  38     height: 52px;
  39     margin-right: 0;
  40     color: black;
  41     outline: none;
  42     background: white;
  43     float: left;
  44     box-sizing: border-box;
  45     transition: all 0.15s;
  46     border-radius: 2px 0px 0px 2px; /* top left, top right, bottom right, bottom left */
  47 }
  48
  49 ::-webkit-input-placeholder {
  50     color: grey;
  51 }
  52 :-moz-placeholder {
  53     color: grey;
  54 }
  55 ::-moz-placeholder {
  56     color: grey;
  57 }
  58 :-ms-input-placeholder {
  59     color: grey;
  60 }
  61
  62 #livesearch:focus {
  63     background: white;
  64 }
  65
  66 .knapp
  67 {
  68     border-radius: 0px 2px 2px 0px; /* top left, top right, bottom right, bottom left */
  69     box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
  70     border-right: 1px solid white;
  71     border-top:1px solid white;
  72     border-bottom: 1px solid white;
  73     border-left: 2px solid darkgrey;
  74     background: white;
  75     width: 60px;
  76     padding: 0;
  77     margin: 0;
  78     text-align: center;
  79     height: 52px;
  80     cursor: pointer;
  81     float: left;
  82 }
  83
  84 .knapp:focus {
  85     outline:0;
  86 }
  87
  88 /* search results */
  89
  90
  91 .divresult{
  92     padding:0;
  93     margin: 0;
  94     background-color: white;
  95     border-radius: 0;
  96     border-top: 2px solid darkgrey;
  97     box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  98
  99 }
 100
 101 .result{
 102     max-height: 70vh;
 103     min-height: 8vh;
 104     overflow: scroll;
 105     position: relative;
 106     z-index: 1;
 107     display: inline-block;
 108     width: 100%;
 109     margin-top: 0;
 110     left: 0;
 111     float: left;
 112     font-size: 14px;
 113     text-align: left;
 114     list-style: none;
 115     font-family: Montserrat, sans-serif;
 116     background-color: #fff;
 117     border: 1px solid whitesmoke;
 118     box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
 119     border-radius: 0px 0px 2px 2px; /* top left, top right, bottom right, bottom left */
 120 }
 121
 122 .result li{
 123     padding: 0.5em 0.5em 0.5em 0;
 124     margin: auto;
 125     float: none;
 126     border-bottom: 2px solid whitesmoke;
 127
 128 }
 129
 130 .result > li:first-child {
 131     padding: 5px;
 132     border: none;
 133 }
 134
 135 .results > li > a{
 136     position: relative;
 137     margin-top: 10px;
 138     display: block;
 139     padding: 3px 5px;
 140     clear: both;
 141     font-weight: 400;
 142     line-height: 1.42857143;
 143     color: #333;
 144     white-space: nowrap
 145 }
 146
 147 .results > li > a:focus, .results > li > a:hover {
 148     position: relative;
 149     color: #262626;
 150     text-decoration: none;
 151     background-color: #f5f5f5
 152 }
 153
 154 .emptyresult{
 155     float: right;
 156     border: 0;
 157 }
 158
 159 .emptyresult:hover{
 160     outline:0;
 161     background: white;
 162 }
 163
 164 /* filter options */
 165
 166 .dropdowndiv{
 167     padding:0;
 168     margin: 0;
 169
 170 }
 171 .meny{
 172     border: none;
 173     border-top: 2px solid darkgrey;
 174     box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
 175     border-radius: 0px 2px 2px 2px; /* top left, top right, bottom right, bottom left */
 176     top: 0px;
 177     margin-top: 0;
 178     z-index: 1;
 179     position: absolute;
 180     float: left;
 181     background-color: white;
 182     margin-left: 2px;
 183 }
 184
 185 .meny li{
 186     background-color: white;
 187     padding-left: 20px;
 188     padding-right: 20px;
 189 }
 190
 191 .filtervalg{
 192     box-shadow: 0 0 1px darkgrey;
 193     margin-top: 5px;
 194     margin-bottom: 5px;
 195     width: 100%;
 196     font-size: 12px;
 197     font-family: Montserrat, sans-serif;
 198     border: none;
 199     border-radius: 2px;
 200     color: black;
 201     outline: none;
 202     background: white;
 203     box-sizing: border-box;
 204     transition: all 0.15s;
 205 }
 206
 207 .filtervalg:focus{
 208     outline: 0;
 209 }
 210 .bootstrap-select .btn:focus {
 211     outline: none !important;
 212 }
 213
 214 .hide {
 215     display:none;
 216 }
 217
 218 .glyphicon-menu-down{
 219     color: white;
 220 }
 221
 222 .nomatch{
 223     margin-left: 20px;
 224 }
 225
 226 /* sidebar */
 227
 228 .ng-valid.ng-dirty {
 229     border-left: 5px solid #42A948;
 230 }
 231
 232 .ng-invalid {
 233     border-left: 5px solid #a94442;
 234 }
 235
 236 .form-background{
 237     padding: 10px;
 238     background: white;
 239     width: 100%;
 240     float: right;
 241     height: 100vh;
 242     z-index: 5;
 243 }
 244
 245 hr{
 246     border: 0;
 247     height: 2px;
 248     width: 100%;
 249     background: whitesmoke;
 250
 251 }
 252
 253 p{
 254     font-size: 16px;
 255     text-align: left;
 256     margin-left: 10%;
 257     color: #313131;
 258     padding: 5px;
 259     font-family: Montserrat, sans-serif;
 260 }
 261
 262 .form-control{
 263     margin-left: 7%;
 264     width: 80%;
 265 }
 266
 267
 268 legend{
 269     margin-bottom: 5px;
 270     color: black;
 271     margin-left: 5%;
 272     border-bottom: 0;
 273 }
 274
 275 .label-text{
 276     font-size: 16px;
 277     font-family: Montserrat, sans-serif;
 278     margin-left: 7%;
 279     text-align: left;
 280 }
 281
 282 label{
 283     padding: 5px;
 284     color: grey;
 285 }
 286
 287 #nonedit{
 288     margin: auto;
 289 }
 290
 291 .sidebar{
 292     box-shadow: -1px 0px 20px #888888;
 293 }
 294
 295 .slide{
 296     padding: 0;
 297     margin: 0;
 298     -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
 299     -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
 300     -o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
 301     transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s;
 302     line-height: 20px;
 303 }
 304
 305 #slideout{
 306     border: none;
 307     margin-top: 16px;
 308     margin-left: 10px;
 309     font-family: Montserrat, sans-serif;
 310     color: darkgrey;
 311 }
 312
 313
 314 .alert-danger{
 315     width: 90%;
 316     margin-left: 20px;
 317     text-align: center;
 318
 319 }
 320
 321 .buttonsidebar{
 322     margin-left: 7%;
 323     margin-bottom: 7%;
 324     width: 30%;
 325 }
 326
 327 /* other */
 328
 329 .no-padding{
 330     padding: 0;
 331     padding: 0 !important;
 332     margin: 0 !important;
 333 }
 334