track-list.css (6272B)
1 .leaflet-control-tracklist { 2 position: relative; 3 background-color: white; 4 border-radius: 5px 5px 5px 5px; 5 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 6 padding: 8px 8px 8px 8px; 7 } 8 9 .leaflet-control-tracklist-contents { 10 width: 310px; 11 } 12 13 .tracks-rows-wrapper { 14 overflow-y: auto; 15 overflow-x: hidden; 16 padding: 0 3px 0 0; 17 margin-top: 3px; 18 } 19 20 .leaflet-control-tracklist .hint { 21 display: inline-block; 22 color: #999; 23 font-size: 10px; 24 padding-bottom: 2px; 25 } 26 27 .leaflet-control-tracklist .inputs-row { 28 white-space: nowrap; 29 } 30 31 .leaflet-control-tracklist .button{ 32 display: inline-block; 33 height: 26px; 34 border-radius: 4px 4px 4px 4px; 35 border: 1px solid #ccc; 36 cursor: pointer; 37 width: 26px; 38 background-position: 50% 50%; 39 background-repeat: no-repeat; 40 vertical-align: middle; 41 } 42 43 .leaflet-control-tracklist .button-add-point.active, 44 .leaflet-control-tracklist .button-add-track.active { 45 background-color: #bbb; 46 border-color: #333; 47 } 48 49 .leaflet-control-tracklist .input-url { 50 display: inline-block; 51 width: 176px; 52 height: 26px; 53 line-height: 26px; 54 padding: 0 3px; 55 border: 1px solid #ccc; 56 border-radius: 3px 0 0 3px; 57 vertical-align: middle; 58 margin-right: -1px; 59 } 60 61 .leaflet-control-tracklist .open-file { 62 background-image: url("images/folder_open.png"); 63 margin-right: 5px; 64 } 65 66 .leaflet-control-tracklist .add-track { 67 background-image: url("images/plus.png"); 68 margin-right: 5px; 69 } 70 71 .leaflet-control-tracklist .menu-icon { 72 background-image: url("images/menu.png"); 73 margin-left: 5px; 74 margin-right: 0 !important; 75 } 76 77 78 .leaflet-control-tracklist .download-url { 79 background-image: url("images/arrow_bottom.png"); 80 border-bottom-left-radius: 0; 81 border-top-left-radius: 0; 82 } 83 84 .leaflet-control-tracklist .visibility-switch { 85 display: inline-block; 86 margin: 0; 87 vertical-align: middle; 88 } 89 90 .leaflet-control-tracklist .color-sample { 91 display: inline-block; 92 width: 16px; 93 height: 4px; 94 vertical-align: middle; 95 cursor: pointer; 96 margin-left: 4px; 97 margin-right: 2px; 98 margin-bottom: 2px; 99 } 100 101 .leaflet-control-tracklist .track-name-wrapper { 102 display: block; 103 width: 136px; 104 margin-left: 2px; 105 } 106 107 .leaflet-control-tracklist .track-name { 108 display: inline-block; 109 font-size: 11px; 110 color: #333; 111 cursor: pointer; 112 border-bottom: 1px dashed #999; 113 max-width: 136px; 114 white-space:nowrap; 115 text-overflow: ellipsis; 116 overflow: hidden; 117 vertical-align: text-bottom; 118 } 119 120 .leaflet-control-tracklist .track-text-button { 121 display: inline-block; 122 font-weight: bold; 123 color: #333; 124 cursor: pointer; 125 vertical-align: top; 126 line-height: 16px; 127 } 128 129 .leaflet-control-tracklist .button-length { 130 font-size: 9px; 131 line-height: 16px; 132 color: #777; 133 display: block; 134 border-radius: 4px; 135 border: 1px solid #aaa; 136 margin: 0 4px; 137 padding: 0 3px; 138 cursor: pointer; 139 white-space: nowrap; 140 width: 40px; 141 text-align: right; 142 } 143 144 .leaflet-control-tracklist .button-add-track { 145 background-image: url("images/add_line.png"); 146 } 147 148 149 .leaflet-control-tracklist .button-add-point { 150 background-image: url("images/add_point.png"); 151 } 152 153 154 .leaflet-control-tracklist .button-add-track, 155 .leaflet-control-tracklist .button-add-point { 156 display: block; 157 border-radius: 4px; 158 border: 1px solid #aaa; 159 width: 16px; 160 height: 16px; 161 margin-right: 4px; 162 cursor: pointer; 163 164 } 165 166 .leaflet-control-tracklist .button-length, 167 .leaflet-control-tracklist .button-add-track, 168 .leaflet-control-tracklist .button-add-point { 169 background-color: #fff; 170 } 171 172 .leaflet-control-tracklist .button:hover, 173 .leaflet-control-tracklist .button-length:hover, 174 .leaflet-control-tracklist .button-add-track:hover:not(.active), 175 .leaflet-control-tracklist .button-add-point:hover:not(.active) { 176 background-color: #ddd; 177 } 178 179 .leaflet-control-tracklist .ticks-enabled { 180 color: #333; 181 border-color: #333; 182 } 183 184 .leaflet-control-tracklist .tracks-rows, 185 .leaflet-control-tracklist .tracks-rows tr, 186 .leaflet-control-tracklist .tracks-rows td { 187 margin: 0; 188 padding: 0; 189 } 190 191 .leaflet-control-tracklist .tracks-rows td { 192 padding: 3px 0; 193 } 194 195 .leaflet-control-tracklist .tracks-rows { 196 border-collapse: collapse; 197 width: 100%; 198 } 199 200 .track-waypoint { 201 display: block; 202 width: 21px !important; 203 height: 21px !important; 204 background-repeat: no-repeat; 205 margin-top: -21px !important; 206 margin-left: -10.5px !important; 207 padding-left: 20px; 208 padding-bottom: 15px; 209 font-size: 10px; 210 font-weight: bold; 211 font-family: Verdana, Arial, sans-serif; 212 white-space: nowrap; 213 text-shadow: 1px 0 1px #fff, 214 1px 1px 1px #fff, 215 0 1px 1px #fff, 216 -1px 1px 1px #fff, 217 -1px 0 1px #fff, 218 -1px -1px 1px #fff, 219 0 -1px 1px #fff, 220 1px -1px 1px #fff; 221 } 222 223 .track-waypoint.symbol-marker-1 { 224 background-image: url("images/marker_1.png"); 225 } 226 .track-waypoint.symbol-marker-2 { 227 background-image: url("images/marker_2.png"); 228 } 229 .track-waypoint.symbol-marker-3 { 230 background-image: url("images/marker_3.png"); 231 } 232 .track-waypoint.symbol-marker-4 { 233 background-image: url("images/marker_4.png"); 234 } 235 .track-waypoint.symbol-marker-5 { 236 background-image: url("images/marker_5.png"); 237 } 238 .track-waypoint.symbol-marker-6 { 239 background-image: url("images/marker_6.png"); 240 } 241 242 .leaflet-point-placing { 243 cursor: crosshair !important; 244 } 245 246 247 .leaflet-point-placing svg * { 248 pointer-events: none; 249 } 250 251 .leaflet-control-tracklist .button-minimize { 252 float: right; 253 254 } 255 256 .leaflet-control-tracklist .header { 257 margin-bottom: 6px; 258 height: 18px; 259 } 260 261 .leaflet-control-tracklist .leaflet-control-button-toggle { 262 background-image: url("images/route.svg"); 263 } 264 265 .tracklist-line-cursor-shown { 266 cursor: default; 267 } 268 269 270 .leaflet-control-tracklist .hover { 271 background-color: rgb(93%, 93%, 93%); 272 } 273 274 .leaflet-control-tracklist .edit { 275 background-color: rgb(217, 232, 255) !important; 276 } 277 278 .leaflet-control-tracklist .formats-hint-more { 279 background-color: hsl(100, 0%, 92%); 280 padding: 2px 6px; 281 display: inline-block; 282 line-height: 10px; 283 border-radius: 5px; 284 color: hsl(100, 0%, 40%); 285 }