vendor/assets/iD/iD/traffico/stylesheets/traffico.css

   1 /*
   2   Icon Font: traffico
   3 */
   4
   5 @font-face {
   6   font-family: "traffico";
   7   src: url("../fonts/traffico_d596ae6150aa5c55ac14b1e060efc523.eot");
   8   src: url("../fonts/traffico_d596ae6150aa5c55ac14b1e060efc523.eot?#iefix") format("embedded-opentype"),
   9        url("../fonts/traffico_d596ae6150aa5c55ac14b1e060efc523.woff") format("woff"),
  10        url("../fonts/traffico_d596ae6150aa5c55ac14b1e060efc523.ttf") format("truetype"),
  11        url("../fonts/traffico_d596ae6150aa5c55ac14b1e060efc523.svg#traffico") format("svg");
  12   font-weight: normal;
  13   font-style: normal;
  14 }
  15
  16 @media screen and (-webkit-min-device-pixel-ratio:0) {
  17   @font-face {
  18     font-family: "traffico";
  19     src: url("../fonts/traffico_d596ae6150aa5c55ac14b1e060efc523.svg#traffico") format("svg");
  20   }
  21 }
  22
  23 [data-icon]:before { content: attr(data-icon); }
  24
  25 [data-icon]:before,
  26 .t-DE-arrow-up:before,
  27 .t-US-arrow-oneway:before,
  28 .t-US-arrow-up:before,
  29 .t-added-lane:before,
  30 .t-added-lane-entering-roadway:before,
  31 .t-airplane:before,
  32 .t-arrow-l:before,
  33 .t-arrow-oneway:before,
  34 .t-arrow-s-l:before,
  35 .t-arrows_both_bra:before,
  36 .t-bending-priority:before,
  37 .t-bicycle:before,
  38 .t-bicycle-slippery:before,
  39 .t-bump:before,
  40 .t-bump_bra:before,
  41 .t-bump_road_bra:before,
  42 .t-bumps:before,
  43 .t-bus:before,
  44 .t-car:before,
  45 .t-children:before,
  46 .t-children-au:before,
  47 .t-circle-bar-rounded:before,
  48 .t-circle-bg:before,
  49 .t-circle-o:before,
  50 .t-circle-separator:before,
  51 .t-cliff:before,
  52 .t-cross-roads:before,
  53 .t-crossroads-ahead:before,
  54 .t-crossroads-ahead-ontario:before,
  55 .t-curve-r-l:before,
  56 .t-cyclists_crossing_bra:before,
  57 .t-d-curve-l:before,
  58 .t-dead-end:before,
  59 .t-descent:before,
  60 .t-disabled-p:before,
  61 .t-divided-highway:before,
  62 .t-domestic-animal:before,
  63 .t-domestic-animals-au:before,
  64 .t-emu:before,
  65 .t-end:before,
  66 .t-equestrian:before,
  67 .t-europe_stars:before,
  68 .t-exclamation:before,
  69 .t-falling-rocks-EU:before,
  70 .t-falling-rocks-US:before,
  71 .t-falling-rocks-au:before,
  72 .t-fire-station:before,
  73 .t-firemans-car:before,
  74 .t-flaggers:before,
  75 .t-footpath:before,
  76 .t-h:before,
  77 .t-h-align-l:before,
  78 .t-hairpin-curve:before,
  79 .t-hairpin-curve-au:before,
  80 .t-hazardous-material:before,
  81 .t-height:before,
  82 .t-height-restriction-ca:before,
  83 .t-highway-divided:before,
  84 .t-hitch-hiking:before,
  85 .t-kangaroo:before,
  86 .t-koala-ugly:before,
  87 .t-koalas:before,
  88 .t-level-crossing:before,
  89 .t-light-rail:before,
  90 .t-lightground-railroad-crossing:before,
  91 .t-loop-270:before,
  92 .t-loose_road_surface_bra:before,
  93 .t-lorry:before,
  94 .t-lorry-left:before,
  95 .t-low-clearance:before,
  96 .t-merge:before,
  97 .t-metric-clearance:before,
  98 .t-moped:before,
  99 .t-motorbike:before,
 100 .t-narrow-bridge-au:before,
 101 .t-narrow-bridge-us:before,
 102 .t-narrow-road-both:before,
 103 .t-narrow-road-l:before,
 104 .t-no-l-or-u-turn:before,
 105 .t-octagon:before,
 106 .t-offset-roads:before,
 107 .t-opening-swing-bridge-ca:before,
 108 .t-parking:before,
 109 .t-pass-either-us:before,
 110 .t-pass-l-r:before,
 111 .t-pavement-ends:before,
 112 .t-pedestrian:before,
 113 .t-pedestrian-crossing:before,
 114 .t-pedestrian-crossing-au:before,
 115 .t-pedestrian_bra:before,
 116 .t-pedestrian_crossing_bra:before,
 117 .t-pedestrians:before,
 118 .t-play-ground:before,
 119 .t-playground-ahead-ca:before,
 120 .t-playground-br:before,
 121 .t-pretzel-loop:before,
 122 .t-railroad:before,
 123 .t-railroad-barriers:before,
 124 .t-railway-flashing-au:before,
 125 .t-railway-xing-secured:before,
 126 .t-railway-xing-unsecured:before,
 127 .t-reverse-curve-au:before,
 128 .t-reverse-curve-ontario:before,
 129 .t-right-of-way:before,
 130 .t-right-of-way-l:before,
 131 .t-roadworks:before,
 132 .t-roadworks_bra:before,
 133 .t-rollerblading:before,
 134 .t-roundabout:before,
 135 .t-school:before,
 136 .t-school_zone_bra:before,
 137 .t-series-of-curves-left:before,
 138 .t-share-road:before,
 139 .t-share-roads:before,
 140 .t-side-road-a-a-l:before,
 141 .t-side-road-a-a-r:before,
 142 .t-side-road-p-l:before,
 143 .t-side-road-p-r:before,
 144 .t-side-road-perpendicular:before,
 145 .t-single-2-reverse-curve:before,
 146 .t-skewed-railroads:before,
 147 .t-slippery:before,
 148 .t-slippery-motorcycle:before,
 149 .t-slippery-road:before,
 150 .t-small-arrow-au:before,
 151 .t-snowflake:before,
 152 .t-square-angular:before,
 153 .t-square-diagonal-bar:before,
 154 .t-square-rounded:before,
 155 .t-steep-hill:before,
 156 .t-steep-hill-downwards:before,
 157 .t-steep-hill-upwards:before,
 158 .t-stop:before,
 159 .t-t-roads:before,
 160 .t-tractor:before,
 161 .t-traffic-signal-au:before,
 162 .t-trailer:before,
 163 .t-train-au:before,
 164 .t-train-electric:before,
 165 .t-tram:before,
 166 .t-transit_bra:before,
 167 .t-tri-angular:before,
 168 .t-tri-rounded:before,
 169 .t-truck:before,
 170 .t-truck-rollover-speed:before,
 171 .t-trucks-rollover:before,
 172 .t-tunnel:before,
 173 .t-turn-90-l:before,
 174 .t-turn-curve-speed:before,
 175 .t-turn-l:before,
 176 .t-turn-l-aus:before,
 177 .t-turn-l-curve:before,
 178 .t-turn-reverse-left:before,
 179 .t-turn-right-curve-ontario:before,
 180 .t-turnaround:before,
 181 .t-turnaround2:before,
 182 .t-two_way_arrows_bra:before,
 183 .t-u-turn:before,
 184 .t-u-turn-au:before,
 185 .t-wild-animal:before,
 186 .t-windbag:before,
 187 .t-winding-road-left:before,
 188 .t-wombat:before,
 189 .t-y-roads:before {
 190   display: inline-block;
 191   font-family: "traffico";
 192   font-style: normal;
 193   font-weight: normal;
 194   font-variant: normal;
 195   line-height: 1;
 196   text-decoration: inherit;
 197   text-rendering: optimizeLegibility;
 198   text-transform: none;
 199   -moz-osx-font-smoothing: grayscale;
 200   -webkit-font-smoothing: antialiased;
 201   font-smoothing: antialiased;
 202 }
 203
 204 .t-DE-arrow-up:before { content: "\f100"; }
 205 .t-US-arrow-oneway:before { content: "\f101"; }
 206 .t-US-arrow-up:before { content: "\f102"; }
 207 .t-added-lane:before { content: "\f103"; }
 208 .t-added-lane-entering-roadway:before { content: "\f104"; }
 209 .t-airplane:before { content: "\f105"; }
 210 .t-arrow-l:before { content: "\f106"; }
 211 .t-arrow-oneway:before { content: "\f107"; }
 212 .t-arrow-s-l:before { content: "\f108"; }
 213 .t-arrows_both_bra:before { content: "\f109"; }
 214 .t-bending-priority:before { content: "\f10a"; }
 215 .t-bicycle:before { content: "\f10b"; }
 216 .t-bicycle-slippery:before { content: "\f10c"; }
 217 .t-bump:before { content: "\f10d"; }
 218 .t-bump_bra:before { content: "\f10e"; }
 219 .t-bump_road_bra:before { content: "\f10f"; }
 220 .t-bumps:before { content: "\f110"; }
 221 .t-bus:before { content: "\f111"; }
 222 .t-car:before { content: "\f112"; }
 223 .t-children:before { content: "\f113"; }
 224 .t-children-au:before { content: "\f114"; }
 225 .t-circle-bar-rounded:before { content: "\f115"; }
 226 .t-circle-bg:before { content: "\f116"; }
 227 .t-circle-o:before { content: "\f117"; }
 228 .t-circle-separator:before { content: "\f118"; }
 229 .t-cliff:before { content: "\f119"; }
 230 .t-cross-roads:before { content: "\f11a"; }
 231 .t-crossroads-ahead:before { content: "\f11b"; }
 232 .t-crossroads-ahead-ontario:before { content: "\f11c"; }
 233 .t-curve-r-l:before { content: "\f11d"; }
 234 .t-cyclists_crossing_bra:before { content: "\f11e"; }
 235 .t-d-curve-l:before { content: "\f11f"; }
 236 .t-dead-end:before { content: "\f120"; }
 237 .t-descent:before { content: "\f121"; }
 238 .t-disabled-p:before { content: "\f122"; }
 239 .t-divided-highway:before { content: "\f123"; }
 240 .t-domestic-animal:before { content: "\f124"; }
 241 .t-domestic-animals-au:before { content: "\f125"; }
 242 .t-emu:before { content: "\f126"; }
 243 .t-end:before { content: "\f127"; }
 244 .t-equestrian:before { content: "\f128"; }
 245 .t-europe_stars:before { content: "\f129"; }
 246 .t-exclamation:before { content: "\f12a"; }
 247 .t-falling-rocks-EU:before { content: "\f12b"; }
 248 .t-falling-rocks-US:before { content: "\f12c"; }
 249 .t-falling-rocks-au:before { content: "\f12d"; }
 250 .t-fire-station:before { content: "\f12e"; }
 251 .t-firemans-car:before { content: "\f12f"; }
 252 .t-flaggers:before { content: "\f130"; }
 253 .t-footpath:before { content: "\f131"; }
 254 .t-h:before { content: "\f132"; }
 255 .t-h-align-l:before { content: "\f133"; }
 256 .t-hairpin-curve:before { content: "\f134"; }
 257 .t-hairpin-curve-au:before { content: "\f135"; }
 258 .t-hazardous-material:before { content: "\f136"; }
 259 .t-height:before { content: "\f137"; }
 260 .t-height-restriction-ca:before { content: "\f138"; }
 261 .t-highway-divided:before { content: "\f139"; }
 262 .t-hitch-hiking:before { content: "\f13a"; }
 263 .t-kangaroo:before { content: "\f13b"; }
 264 .t-koala-ugly:before { content: "\f13c"; }
 265 .t-koalas:before { content: "\f13d"; }
 266 .t-level-crossing:before { content: "\f13e"; }
 267 .t-light-rail:before { content: "\f13f"; }
 268 .t-lightground-railroad-crossing:before { content: "\f140"; }
 269 .t-loop-270:before { content: "\f141"; }
 270 .t-loose_road_surface_bra:before { content: "\f142"; }
 271 .t-lorry:before { content: "\f143"; }
 272 .t-lorry-left:before { content: "\f144"; }
 273 .t-low-clearance:before { content: "\f145"; }
 274 .t-merge:before { content: "\f146"; }
 275 .t-metric-clearance:before { content: "\f147"; }
 276 .t-moped:before { content: "\f148"; }
 277 .t-motorbike:before { content: "\f149"; }
 278 .t-narrow-bridge-au:before { content: "\f14a"; }
 279 .t-narrow-bridge-us:before { content: "\f14b"; }
 280 .t-narrow-road-both:before { content: "\f14c"; }
 281 .t-narrow-road-l:before { content: "\f14d"; }
 282 .t-no-l-or-u-turn:before { content: "\f14e"; }
 283 .t-octagon:before { content: "\f14f"; }
 284 .t-offset-roads:before { content: "\f150"; }
 285 .t-opening-swing-bridge-ca:before { content: "\f151"; }
 286 .t-parking:before { content: "\f152"; }
 287 .t-pass-either-us:before { content: "\f153"; }
 288 .t-pass-l-r:before { content: "\f154"; }
 289 .t-pavement-ends:before { content: "\f155"; }
 290 .t-pedestrian:before { content: "\f156"; }
 291 .t-pedestrian-crossing:before { content: "\f157"; }
 292 .t-pedestrian-crossing-au:before { content: "\f158"; }
 293 .t-pedestrian_bra:before { content: "\f159"; }
 294 .t-pedestrian_crossing_bra:before { content: "\f15a"; }
 295 .t-pedestrians:before { content: "\f15b"; }
 296 .t-play-ground:before { content: "\f15c"; }
 297 .t-playground-ahead-ca:before { content: "\f15d"; }
 298 .t-playground-br:before { content: "\f15e"; }
 299 .t-pretzel-loop:before { content: "\f15f"; }
 300 .t-railroad:before { content: "\f160"; }
 301 .t-railroad-barriers:before { content: "\f161"; }
 302 .t-railway-flashing-au:before { content: "\f162"; }
 303 .t-railway-xing-secured:before { content: "\f163"; }
 304 .t-railway-xing-unsecured:before { content: "\f164"; }
 305 .t-reverse-curve-au:before { content: "\f165"; }
 306 .t-reverse-curve-ontario:before { content: "\f166"; }
 307 .t-right-of-way:before { content: "\f167"; }
 308 .t-right-of-way-l:before { content: "\f168"; }
 309 .t-roadworks:before { content: "\f169"; }
 310 .t-roadworks_bra:before { content: "\f16a"; }
 311 .t-rollerblading:before { content: "\f16b"; }
 312 .t-roundabout:before { content: "\f16c"; }
 313 .t-school:before { content: "\f16d"; }
 314 .t-school_zone_bra:before { content: "\f16e"; }
 315 .t-series-of-curves-left:before { content: "\f16f"; }
 316 .t-share-road:before { content: "\f170"; }
 317 .t-share-roads:before { content: "\f171"; }
 318 .t-side-road-a-a-l:before { content: "\f172"; }
 319 .t-side-road-a-a-r:before { content: "\f173"; }
 320 .t-side-road-p-l:before { content: "\f174"; }
 321 .t-side-road-p-r:before { content: "\f175"; }
 322 .t-side-road-perpendicular:before { content: "\f176"; }
 323 .t-single-2-reverse-curve:before { content: "\f177"; }
 324 .t-skewed-railroads:before { content: "\f178"; }
 325 .t-slippery:before { content: "\f179"; }
 326 .t-slippery-motorcycle:before { content: "\f17a"; }
 327 .t-slippery-road:before { content: "\f17b"; }
 328 .t-small-arrow-au:before { content: "\f17c"; }
 329 .t-snowflake:before { content: "\f17d"; }
 330 .t-square-angular:before { content: "\f17e"; }
 331 .t-square-diagonal-bar:before { content: "\f17f"; }
 332 .t-square-rounded:before { content: "\f180"; }
 333 .t-steep-hill:before { content: "\f181"; }
 334 .t-steep-hill-downwards:before { content: "\f182"; }
 335 .t-steep-hill-upwards:before { content: "\f183"; }
 336 .t-stop:before { content: "\f184"; }
 337 .t-t-roads:before { content: "\f185"; }
 338 .t-tractor:before { content: "\f186"; }
 339 .t-traffic-signal-au:before { content: "\f187"; }
 340 .t-trailer:before { content: "\f188"; }
 341 .t-train-au:before { content: "\f189"; }
 342 .t-train-electric:before { content: "\f18a"; }
 343 .t-tram:before { content: "\f18b"; }
 344 .t-transit_bra:before { content: "\f18c"; }
 345 .t-tri-angular:before { content: "\f18d"; }
 346 .t-tri-rounded:before { content: "\f18e"; }
 347 .t-truck:before { content: "\f18f"; }
 348 .t-truck-rollover-speed:before { content: "\f190"; }
 349 .t-trucks-rollover:before { content: "\f191"; }
 350 .t-tunnel:before { content: "\f192"; }
 351 .t-turn-90-l:before { content: "\f193"; }
 352 .t-turn-curve-speed:before { content: "\f194"; }
 353 .t-turn-l:before { content: "\f195"; }
 354 .t-turn-l-aus:before { content: "\f196"; }
 355 .t-turn-l-curve:before { content: "\f197"; }
 356 .t-turn-reverse-left:before { content: "\f198"; }
 357 .t-turn-right-curve-ontario:before { content: "\f199"; }
 358 .t-turnaround:before { content: "\f19a"; }
 359 .t-turnaround2:before { content: "\f19b"; }
 360 .t-two_way_arrows_bra:before { content: "\f19c"; }
 361 .t-u-turn:before { content: "\f19d"; }
 362 .t-u-turn-au:before { content: "\f19e"; }
 363 .t-wild-animal:before { content: "\f19f"; }
 364 .t-windbag:before { content: "\f1a0"; }
 365 .t-winding-road-left:before { content: "\f1a1"; }
 366 .t-wombat:before { content: "\f1a2"; }
 367 .t-y-roads:before { content: "\f1a3"; }
 368
 369 /** Base */
 370 .t {
 371   display: inline-block;
 372   font: normal normal normal 14px/1 traffico;
 373   position: relative;
 374   width: 1em;
 375   height: 1em;
 376   line-height: 1em;
 377   vertical-align: middle;
 378   font-size: inherit;
 379   text-rendering: auto;
 380   -webkit-font-smoothing: antialiased;
 381   -moz-osx-font-smoothing: grayscale;
 382 }
 383
 384 .t i {
 385   position: absolute;
 386   left: 0;
 387   width: 100%;
 388   height:1em;
 389   line-height:0;
 390   text-align: center;
 391 }
 392
 393 /** Content */
 394
 395 .t-content,
 396 .t-content-3,
 397 .t-content-4{
 398   font-family: Helvetica, Arial, sans-serif;
 399   font-weight: bold;
 400   font-style: normal;
 401   letter-spacing:0;
 402   top:48.5%;
 403 }
 404 .t-content {
 405   font-size: 50%;
 406 }
 407
 408 .t-content-3 {
 409   font-size: 40%;
 410 }
 411
 412 .t-content-4 {
 413   font-size: 22.5%;
 414 }
 415
 416 .t-content-5 {
 417   font-family: Helvetica, Arial, sans-serif;
 418   font-weight: normal;
 419   font-style: normal;
 420   font-size: 15%;
 421   letter-spacing:0;
 422   top:50%;
 423 }
 424
 425 /** Colours */
 426
 427 .t-c-white {
 428   color: white;
 429 }
 430
 431 .t-c-red {
 432   color: #c1121c;
 433 }
 434
 435 .t-c-orange {
 436   color: #f60;
 437 }
 438
 439 .t-c-blue {
 440   color: #154889;
 441 }
 442
 443 .t-c-black {
 444   color: black;
 445 }
 446
 447 .t-c-yellow-dark {
 448   color: #f0ca00;
 449 }
 450
 451 .t-c-yellow {
 452   color: #fecf33;
 453 }
 454
 455 .t-c-grey {
 456   color: grey;
 457 }
 458
 459 .t-c-green {
 460   color: #008754;
 461 }
 462
 463 .t-c-fluogreen {
 464   color: #A2FF31;
 465 }