Improved www.ttss.krakow.pl
Jacek Kowalski
2017-05-14 a252b0a80bd0f71f567520e566c4429fb8ecd272
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;
a252b0 18     text-align: left;
57b8d3 19 }
JK 20
21 #popup {
22     color: black;
23     background: white;
24     padding: 5px;
07c714 25     border-left: 1px solid black;
JK 26     font-size: 14px;
27     
28     position: absolute;
9f0f6a 29     width: 350px;
JK 30     right: -365px;
07c714 31     top: 0;
JK 32     bottom: 0;
33     
070901 34     transition: right .4s, width .4s;
07c714 35     
8b6250 36     opacity: .85;
JK 37     
38     overflow-y: auto;
07c714 39 }
JK 40
41 #popup.show {
42     right: 0;
43 }
44
45 @media (max-width: 600px) {
46     #popup {
9f0f6a 47         width: 80%;
07c714 48         right: -100%;
JK 49     }
50     
51     #popup.show {
52         right: 0%;
53     }
54 }
55
8b6250 56 #popup .close {
JK 57     float: right;
58     cursor: pointer;
59     font-size: 20px;
60 }
07c714 61 #popup .type {
JK 62     padding-bottom: 0;
63     color: #444;
64     font-size: 80%;
57b8d3 65 }
JK 66 #popup p {
67     margin: 0;
68     padding: 5px;
69 }
07c714 70 #popup .name {
57b8d3 71     font-weight: bold;
JK 72 }
07c714 73 #popup .vehicleInfo {
JK 74     font-size: 21px;
8b6250 75     margin: -4px 0 -5px;
JK 76 }
77 #popup table {
78     margin-top: 3px;
79     border-top: 1px solid gray;
80     width: 100%;
81     border-collapse: collapse;
82 }
83 #popup table th {
84     text-align: left;
85     border-bottom: 1px solid #999;
86     padding-top: 5px;
87 }
88 #popup table td {
89     vertical-align: top;
90 }
91 #popup .active {
92     background: #f5f5f5;
93     color: gray;
94 }
95 #popup .success {
96     background: #dff0d8;
97 }
98 #popup .warning {
99     background: #fcf8e3;
100 }
101 #popup .danger {
102     background: #f2dede;
103 }
104 #popup table .vehicleInfo {
105     float: right;
07c714 106 }
57b8d3 107
JK 108 #title {
109     top: .5em;
110     left: .5em;
111     padding: 2px .5em;
112     font-weight: bold;
113     background-color: rgba(255,255,255,.6);
114 }
8b6250 115
JK 116 #fail, #popup .error {
57b8d3 117     background: red;
JK 118     color: white;
119     font-weight: bold;
120     padding: 5px;
8b6250 121 }
JK 122 #fail {
123     top: -10em;
124     right: 0.5em;
57b8d3 125 }
JK 126 .ol-zoom {
127     top: 2.2em;
128 }
129
130 a {
131     color: #337ab7;
132     text-decoration: none;
8b6250 133     cursor: pointer;
57b8d3 134 }
JK 135 a:hover {
136     text-decoration: underline;
137 }
8b6250 138
JK 139 .small {
140     font-size: 80%;
141 }