Improved www.ttss.krakow.pl
Jacek Kowalski
2019-02-09 376c6e93830ba8f2b4615a6eff72c70eff451bc9
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;
9f0f6a 28     width: 350px;
JK 29     right: -365px;
07c714 30     top: 0;
JK 31     bottom: 0;
32     
070901 33     transition: right .4s, width .4s;
07c714 34     
8b6250 35     opacity: .85;
JK 36     
37     overflow-y: auto;
07c714 38 }
JK 39
40 #popup.show {
41     right: 0;
42 }
43
44 @media (max-width: 600px) {
45     #popup {
9f0f6a 46         width: 80%;
07c714 47         right: -100%;
JK 48     }
49     
50     #popup.show {
51         right: 0%;
52     }
53 }
54
a4d011 55 .close {
8b6250 56     float: right;
JK 57     cursor: pointer;
58     font-size: 20px;
a4d011 59     padding: 0px 10px;
JK 60 }
61 #fail .close {
62     font-size: inherit;
63     height: 1em;
8b6250 64 }
07c714 65 #popup .type {
JK 66     padding-bottom: 0;
67     color: #444;
68     font-size: 80%;
57b8d3 69 }
JK 70 #popup p {
71     margin: 0;
72     padding: 5px;
73 }
07c714 74 #popup .name {
57b8d3 75     font-weight: bold;
JK 76 }
07c714 77 #popup .vehicleInfo {
JK 78     font-size: 21px;
8b6250 79     margin: -4px 0 -5px;
JK 80 }
81 #popup table {
82     margin-top: 3px;
83     border-top: 1px solid gray;
84     width: 100%;
85     border-collapse: collapse;
86 }
87 #popup table th {
88     text-align: left;
89     border-bottom: 1px solid #999;
90     padding-top: 5px;
91 }
92 #popup table td {
93     vertical-align: top;
94 }
95 #popup .active {
96     background: #f5f5f5;
97     color: gray;
98 }
99 #popup .success {
100     background: #dff0d8;
101 }
102 #popup .warning {
103     background: #fcf8e3;
104 }
105 #popup .danger {
106     background: #f2dede;
107 }
108 #popup table .vehicleInfo {
109     float: right;
07c714 110 }
57b8d3 111
JK 112 #title {
113     top: .5em;
114     left: .5em;
115     padding: 2px .5em;
116     font-weight: bold;
117     background-color: rgba(255,255,255,.6);
118 }
8b6250 119
JK 120 #fail, #popup .error {
57b8d3 121     background: red;
JK 122     color: white;
123     font-weight: bold;
124     padding: 5px;
8b6250 125 }
JK 126 #fail {
127     top: -10em;
128     right: 0.5em;
57b8d3 129 }
JK 130 .ol-zoom {
131     top: 2.2em;
132 }
a4d011 133 #track {
JK 134     top: 6em;
135     left: 0.5em;
136 }
137 .ol-touch #track {
138     top: 7em;
139 }
140
141 .ol-control button svg * {
142     stroke: white;
143     stroke-width: 5%;
144     fill: none;
145 }
146 .ol-control button svg .fill {
147     fill: white;
148 }
149 .ol-control button.clicked {
150     background-color: black;
151 }
152 .ol-control button.clicked:hover, .ol-control button.clicked:active {
153     background-color: rgba(0,0,0,.5);
154 }
155 .ol-control button.hidden {
156     display: none;
157 }
57b8d3 158
JK 159 a {
160     color: #337ab7;
161     text-decoration: none;
8b6250 162     cursor: pointer;
57b8d3 163 }
JK 164 a:hover {
165     text-decoration: underline;
166 }
8b6250 167
JK 168 .small {
169     font-size: 80%;
170 }