Improved www.ttss.krakow.pl
Jacek Kowalski
2017-04-23 07c71449c320decb58070066f376313e3375130f
commit | author | age
57b8d3 1 html, body, #map {
JK 2     margin: 0;
3     font-family: sans-serif;
07c714 4     overflow: hidden;
JK 5 }
6
7 #map {
8     position: absolute;
9     top: 0;
10     left: 0;
11     right: 0;
12     bottom: 0;
13 }
14
15 #map .ol-attribution {
16     left: 0;
17     right: auto;
57b8d3 18 }
JK 19
20 #popup {
21     color: black;
22     background: white;
23     padding: 5px;
07c714 24     border-left: 1px solid black;
JK 25     font-size: 14px;
26     
27     position: absolute;
28     width: 300px;
29     right: -315px;
30     top: 0;
31     bottom: 0;
32     
33     transition: right .4s;
34     transition: width .4s;
35     
36     opacity: .8;
37 }
38
39 #popup.show {
40     right: 0;
41 }
42
43 @media (max-width: 600px) {
44     #popup {
45         width: 90%;
46         right: -100%;
47     }
48     
49     #popup.show {
50         right: 0%;
51     }
52 }
53
54 #popup .type {
55     padding-bottom: 0;
56     color: #444;
57     font-size: 80%;
57b8d3 58 }
JK 59 #popup p {
60     margin: 0;
61     padding: 5px;
62 }
07c714 63 #popup .name {
57b8d3 64     font-weight: bold;
JK 65 }
07c714 66 #popup .vehicleInfo {
JK 67     font-size: 21px;
68 }
57b8d3 69
JK 70 #title {
71     top: .5em;
72     left: .5em;
73     padding: 2px .5em;
74     font-weight: bold;
75     background-color: rgba(255,255,255,.6);
76 }
77 #fail {
78     top: -10em;
79     right: 0.5em;
80     background: red;
81     color: white;
82     font-weight: bold;
83     padding: 5px;
84 }
85 .ol-zoom {
86     top: 2.2em;
87 }
88
89 a {
90     color: #337ab7;
91     text-decoration: none;
92 }
93 a:hover {
94     text-decoration: underline;
95 }