|
@@ -12,18 +12,24 @@
|
12
|
12
|
<script src="leaflet-heat.js"></script>
|
13
|
13
|
|
14
|
14
|
<link href="https://fonts.googleapis.com/css?family=Nunito:600&display=swap" rel="stylesheet">
|
|
15
|
+ <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
|
|
16
|
+ <link href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap" rel="stylesheet">
|
15
|
17
|
|
16
|
18
|
<style>
|
17
|
19
|
body {
|
18
|
20
|
padding: 0;
|
19
|
21
|
margin: 0;
|
20
|
|
- font-family: sans-serif;
|
|
22
|
+ font-family: 'Roboto', sans-serif;
|
21
|
23
|
}
|
22
|
24
|
html, body {
|
23
|
25
|
height: 100%;
|
24
|
26
|
width: 100%;
|
25
|
27
|
}
|
26
|
28
|
|
|
29
|
+ tt {
|
|
30
|
+ font-family: Inconsolata, monospace;
|
|
31
|
+ }
|
|
32
|
+
|
27
|
33
|
#attr-tbl tr {
|
28
|
34
|
background-color: #c0f7c0;
|
29
|
35
|
}
|
|
@@ -70,15 +76,16 @@
|
70
|
76
|
|
71
|
77
|
#attr-tbl {
|
72
|
78
|
margin-top: 10px;
|
|
79
|
+ width: 100%;
|
73
|
80
|
}
|
74
|
81
|
|
75
|
|
- #sugg .sugtit, .oldmemberstit, .newmemberstit {
|
|
82
|
+ .sugtit, .oldmemberstit, .newmemberstit {
|
76
|
83
|
font-style: normal;
|
77
|
84
|
font-weight: bold;
|
78
|
85
|
}
|
79
|
86
|
|
80
|
87
|
#group-stations-new, #group-stations-old {
|
81
|
|
- margin-top: 8px;
|
|
88
|
+ margin-top: 8px;
|
82
|
89
|
padding-top: 4px;
|
83
|
90
|
border-top: solid 1px #AAA;
|
84
|
91
|
}
|
|
@@ -103,14 +110,21 @@
|
103
|
110
|
margin-top: 8px;
|
104
|
111
|
padding-top: 4px;
|
105
|
112
|
border-top: solid 1px #AAA;
|
106
|
|
- color: blue;
|
107
|
|
- font-style: italic;
|
|
113
|
+ color: #0000c3;
|
|
114
|
+ }
|
|
115
|
+
|
|
116
|
+ #sugg ul {
|
|
117
|
+ padding: 5px;
|
|
118
|
+ margin: 5px;
|
|
119
|
+ padding-top: 0;
|
108
|
120
|
}
|
109
|
121
|
|
110
|
122
|
#logo {
|
|
123
|
+ text-decoration: none;
|
|
124
|
+ font-weight:600;
|
111
|
125
|
font-family: 'Nunito', sans-serif;
|
112
|
|
- font-size: 50px;
|
113
|
|
- position: absolute;
|
|
126
|
+ font-size: 60px;
|
|
127
|
+ position: absolute;
|
114
|
128
|
z-index:1000;
|
115
|
129
|
top: 0.3em;
|
116
|
130
|
right: 1em;
|
|
@@ -119,15 +133,44 @@
|
119
|
133
|
opacity: 0.7;
|
120
|
134
|
}
|
121
|
135
|
|
122
|
|
- .leaflet-control-zoom {
|
123
|
|
- font-family: 'Nunito', sans-serif;
|
|
136
|
+ .leaflet-control-zoom a {
|
|
137
|
+ font-family: 'Nunito', sans-serif !important;
|
|
138
|
+ font-weight: bold !important;
|
|
139
|
+ font-size: 38px !important;
|
|
140
|
+ }
|
|
141
|
+
|
|
142
|
+ .leaflet-touch .leaflet-bar a {
|
|
143
|
+ width: 40px;
|
|
144
|
+ height: 40px;
|
|
145
|
+ line-height: 38px;
|
|
146
|
+ overflow:hidden;
|
|
147
|
+ display: block;
|
|
148
|
+ }
|
|
149
|
+
|
|
150
|
+ .leaflet-control-zoom-out {
|
|
151
|
+ margin-top: 10px;
|
|
152
|
+ }
|
|
153
|
+
|
|
154
|
+ .leaflet-container {
|
|
155
|
+
|
|
156
|
+font-family: 'Roboto', sans-serif !important;
|
|
157
|
+font-size: 14px;
|
|
158
|
+ }
|
|
159
|
+
|
|
160
|
+ .leaflet-control-attribution a {
|
|
161
|
+font-family: 'Roboto', sans-serif !important;
|
|
162
|
+
|
|
163
|
+ color: #666 !important;
|
|
164
|
+ font-size: 12px;
|
124
|
165
|
}
|
125
|
166
|
|
126
|
167
|
.leaflet-control-zoom-in,
|
127
|
168
|
.leaflet-control-zoom-out {
|
128
|
169
|
border-radius: 25px !important;
|
129
|
|
- border: 1px solid #333;
|
|
170
|
+ border: 1px solid #333 !important;
|
130
|
171
|
opacity: 0.7;
|
|
172
|
+ text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
|
|
173
|
+ color: #fff !important;
|
131
|
174
|
}
|
132
|
175
|
|
133
|
176
|
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
|
|
@@ -159,14 +202,40 @@
|
159
|
202
|
|
160
|
203
|
.grouplink {
|
161
|
204
|
cursor: pointer;
|
162
|
|
- text-decoration: underline
|
|
205
|
+ text-decoration: underline;
|
|
206
|
+ z-index: 1000;
|
|
207
|
+}
|
|
208
|
+
|
|
209
|
+.noselect {
|
|
210
|
+ -webkit-touch-callout: none; /* iOS Safari */
|
|
211
|
+ -webkit-user-select: none; /* Safari */
|
|
212
|
+ -khtml-user-select: none; /* Konqueror HTML */
|
|
213
|
+ -moz-user-select: none; /* Old versions of Firefox */
|
|
214
|
+ -ms-user-select: none; /* Internet Explorer/Edge */
|
|
215
|
+ user-select: none; /* Non-prefixed version, currently
|
|
216
|
+ supported by Chrome, Opera and Firefox */
|
|
217
|
+}
|
|
218
|
+
|
|
219
|
+#group-stations-old div.del-stat:before {
|
|
220
|
+ content: "❌";
|
|
221
|
+ position: relative;
|
|
222
|
+ width: 0;
|
|
223
|
+ color: #880000;
|
|
224
|
+ margin-left: -1.15em;
|
|
225
|
+ left: -0.6em;
|
|
226
|
+ padding-right: 0.5em;
|
|
227
|
+}
|
|
228
|
+
|
|
229
|
+#group-stations-old div.del-stat {
|
|
230
|
+ background-color: #F44336;
|
|
231
|
+ border-left: solid 4px #880000;
|
163
|
232
|
}
|
164
|
233
|
|
165
|
234
|
</style>
|
166
|
235
|
</head>
|
167
|
236
|
<body>
|
168
|
237
|
|
169
|
|
- <div id="logo">staty</div>
|
|
238
|
+ <a id="logo" class="noselect"href="/">staty</a>
|
170
|
239
|
|
171
|
240
|
<div id="map" style="width: 100%;height: 100%;"></div>
|
172
|
241
|
<script src="script.js">
|