poskole.css

   1 /*** General settings ***/
   2
   3 way::* {
   4         linejoin: round;
   5         linecap: round;
   6         casing-linejoin: round;
   7         casing-linecap: round;
   8
   9
  10
  11         text: name;
  12         text-halo-radius: 0.5;
  13         text-color: #000000;
  14         text-halo-color: #ffffff;
  15         text-halo-opacity: 0.8;
  16         text-position: center;
  17         font-family: Times;
  18         font-size: 2.5;
  19         font-style: italic;
  20 }
  21
  22 area::* {
  23         text: name;
  24         text-halo-radius: 0.5;
  25         text-color: #000000;
  26         text-halo-color: #ffffff;
  27         text-halo-opacity: 0.8;
  28         text-position: center;
  29         font-family: Times;
  30         font-size: 2.5;
  31         font-style: italic;
  32 }
  33
  34 /*
  35  * Assignment of z-indices:
  36  *
  37  *      0       default
  38  *      0.1     subtypes of landuse
  39  *      1.x     highways
  40  *      2.x     railways
  41  *      4       tourist routes
  42  *      5       icons
  43  *      9       hack:front
  44  *      10      power lines and similar overhead objects
  45  *
  46  * Assignment of major-z-indices:
  47  *
  48  *      1       (default for areas}
  49  *      1.1     water way casing
  50  *      1.2     water ways
  51  *      1.3     water areas
  52  *      2       (default for casing)
  53  *      2.9     (default for line patterns)
  54  *      3       (default for lines)
  55  *      4       (default for points)
  56  *      4.9     (default for line text)
  57  *      5       (default for point text)
  58  */
  59
  60 /*** Landuse ***/
  61
  62 /*
  63 area[landuse], area[leisure] {
  64         fill-color: #f00;
  65 }
  66 */
  67
  68 area[leisure=swimming_pool][access!=private] {
  69         fill-color: #b5d0d0;
  70         color: #00f;
  71         width: 0.5;
  72 }
  73
  74 area[leisure=playground] {
  75         fill-color: #ccfff1;
  76         color: #666;
  77         width: 0.3;
  78 }
  79
  80 area[leisure=attraction] {
  81         fill-color: #f2caea;
  82         // width: 0.3;
  83 }
  84
  85 area[landuse=cemetery], area[landuse=grave_yard], area[amenity=grave_yard] {
  86         fill-color: #aacbaf;
  87         fill-pattern: "icons/cemetery.svg";
  88         fill-pattern-width: 2;
  89         // FIXME: Switch patterns according to religion=* ?
  90 }
  91
  92 /*
  93 area[landuse=residential] {
  94         fill-color: #ddd;
  95 }
  96 */
  97
  98 area[landuse=meadow],
  99 area[landuse=grass],
 100 area[leisure=common],
 101 area[leisure=garden],
 102 area[landuse=recreation_ground],
 103 area[landuse=orchard],
 104 area[landuse=plant_nursery],
 105 area[landuse=village_green] {
 106         fill-color: #cfeca8;
 107 }
 108
 109 area[natural=scrub],
 110 area[leisure=golf_course] {
 111         fill-color: #b5e3b5;
 112         z-index: 0.1;
 113 }
 114
 115 area[leisure=park],
 116 area[leisure=recreation_ground] {
 117         fill-color: #b6fdb6;
 118         z-index: 0.1;
 119 }
 120
 121 area[landuse=forest] {
 122         fill-color: #8dc56c;
 123         // FIXME: Pattern fill
 124 }
 125
 126 area[landuse=allotments] {
 127         fill-color: #e5c7ab;
 128         // FIXME: Pattern fill
 129 }
 130
 131 area[landuse=retail] {
 132         fill-color: #f1dada;
 133         color: #f00;
 134         width: 0.3;
 135 }
 136
 137 area[landuse=industrial],
 138 area[landuse=railway] {
 139         fill-color: #dfd1d6;
 140 }
 141
 142 area[landuse=farm],
 143 area[landuse=farmland] {
 144         fill-color: #ead8bd;
 145 }
 146
 147 area[landuse=brownfield],
 148 area[landuse=landfill],
 149 area[landuse=greenfield],
 150 area[landuse=construction] {
 151         fill-color: #9d9d6c;
 152 }
 153
 154 area[landuse=military] {
 155         fill-color: #65841b;
 156         color: #f55;
 157         width: 0.3;
 158         // FIXME: Pattern
 159 }
 160
 161 area[landuse=parking] {
 162         fill-color: #f7efb7;
 163         color: #eeeed1;
 164         width: 0.3;
 165 }
 166
 167 area[aeroway=apron] {
 168         fill-color: #e9d1ff;
 169 }
 170
 171 area[aeroway=aerodrome] {
 172         fill-color: #ccc;
 173         fill-opacity: 0.2;
 174         color: #666;
 175         width: 0.2;
 176 }
 177
 178 area[landuse=commercial],
 179 area[highway=services],
 180 area[highway=rest_area] {
 181         fill-color: #efc8c8;
 182 }
 183
 184 area[landuse=garages] {
 185         fill-color: #996;
 186         fill-opacity: 0.2;
 187 }
 188
 189 /*
 190 area[leisure=nature_reserve] {
 191         fill-color: #6c3;
 192         color: #6c3;
 193         width: 0.3;
 194         // FIXME: Pattern?
 195 }
 196 */
 197
 198 area[leisure=pitch] {
 199         fill-color: #8ad3af;
 200         color: #888;
 201         width: 0.3;
 202         z-index: 0.1;
 203 }
 204
 205 area[leisure=track] {
 206         fill-color: #74dcba;
 207         color: #888;
 208         width: 0.3;
 209         z-index: 0.1;
 210 }
 211
 212 way[barrier] {
 213         color: #666;
 214         width: 0.2;
 215 }
 216
 217 /*** Water ***/
 218
 219 /*
 220 way[waterway] {
 221         color: #f00;
 222 }
 223 */
 224
 225 area[landuse=basin],
 226 area[landuse=reservoir],
 227 area[landuse=water],
 228 area[natural=bay],
 229 area[natural=lake],
 230 area[natural=water],
 231 area[waterway=riverbank] {
 232         fill-color: #b5d0d0;
 233         major-z-index: 1.3;     // Above normal areas and waterways
 234         text: name;
 235         text-halo-radius: 0.5;
 236         text-color: #3030a5;
 237         text-halo-color: #ffffff;
 238         text-halo-opacity: 0.8;
 239         text-position: center;
 240         font-family: Times;
 241         font-size: 2.5;
 242         font-style: italic;
 243 }
 244
 245 area[natural=marsh],
 246 area[natural=wetland] {
 247         fill-pattern: "icons/wetland.svg";
 248         fill-pattern-width: 2;
 249         fill-pattern-height: 1.5;
 250         major-z-index: 1.3;
 251 }
 252
 253 way[waterway=stream],
 254 way[waterway=ditch],
 255 way[waterway=drain] {
 256         color: #b5d0d0;
 257         width: 0.3;
 258         casing-width: 0.2;
 259         casing-color: #fff;
 260         major-z-index: 1.2;     // Above normal areas, below water areas
 261         casing-major-z-index: 1.1;
 262         casing-opacity: 0.5;
 263 }
 264
 265 way[waterway=river] {
 266         color: #b5d0d0;
 267         width: 0.6;
 268         casing-color: #fff;
 269         casing-width: 1;
 270         major-z-index: 1.2;     // Above normal areas, below water areas
 271         casing-major-z-index: 1.1;
 272         casing-opacity: 0.5;
 273 }
 274
 275 // FIXME: waterway=river && tunnel=yes
 276
 277 /*** Power lines ***/
 278
 279 way[power=line] {
 280         color: #777;
 281         width: 0.3;
 282         z-index: 10;
 283 }
 284
 285 way[power=minor_line] {
 286         color: #777;
 287         width: 0.15;
 288         z-index: 10;
 289 }
 290
 291 node[power=tower],
 292 node[power=pole] {
 293         symbol-shape: circle;   // FIXME
 294         symbol-size: 0.7;
 295         symbol-stroke-color: #777;
 296         symbol-stroke-width: 0.3;
 297         z-index: 10;
 298 }
 299
 300 /*** Highways ***/
 301
 302 /*
 303 way[highway][area?!] {
 304         color: #f00;
 305         width: 0.3;
 306 }
 307 */
 308
 309 area[highway=residential],
 310 area[highway=unclassified],
 311 area[highway=service] {
 312         fill-color: #fff;
 313 }
 314
 315 area[highway=pedestrian],
 316 area[highway=footway],
 317 area[highway=path] {
 318         fill-color: #ededed;
 319 }
 320
 321 area[highway=track] {
 322         fill-color: #dfcc66;
 323 }
 324
 325 area[highway=platform],
 326 area[railway=platform] {
 327         fill-color: #bbbbbb;
 328 }
 329
 330 area[aeroway=runway],
 331 area[aeroway=taxiway],
 332 area[aeroway=helipad] {
 333         fill-color: #bbc;
 334         z-index: 1;
 335 }
 336
 337 way[highway=motorway_link] {
 338         color: #809bc0;
 339         width: 5;
 340         casing-color: #506077;
 341         casing-width: 1;
 342         z-index: 1.9;
 343 }
 344
 345 way[highway=trunk_link] {
 346         color: #a9dba9;
 347         width: 2.5;
 348         casing-color: #477147;
 349         casing-width: 0.8;
 350         z-index: 1.8;
 351 }
 352
 353 way[highway=primary_link] {
 354         color: #ec989a;
 355         width: 1.5;
 356         casing-color: #8d4346;
 357         casing-width: 0.5;
 358         z-index: 1.7;
 359 }
 360
 361 way[highway=secondary_link] {
 362         color: #fed7a5;
 363         width: 1;
 364         casing-color: #a37b48;
 365         casing-width: 0.5;
 366         z-index: 1.6;
 367 }
 368
 369 way[highway=tertiary_link] {
 370         color: #ffffb3;
 371         width: 0.7;
 372         casing-color: #bbb;
 373         casing-width: 0.5;
 374         z-index: 1.5;
 375 }
 376
 377 way[highway=motorway] {
 378         color: #809bc0;
 379         width: 5;
 380         casing-color: #506077;
 381         casing-width: 1;
 382         z-index: 1.9;
 383 }
 384
 385 way[highway=trunk] {
 386         color: #a9dba9;
 387         width: 2.5;
 388         casing-color: #477147;
 389         casing-width: 0.8;
 390         z-index: 1.8;
 391 }
 392
 393 way[highway=primary] {
 394         color: #ec989a;
 395         width: 1.5;
 396         casing-color: #8d4346;
 397         casing-width: 0.5;
 398         z-index: 1.7;
 399 }
 400
 401 way[highway=secondary] {
 402         color: #fed7a5;
 403         width: 1;
 404         casing-color: #a37b48;
 405         casing-width: 0.5;
 406         z-index: 1.6;
 407 }
 408
 409 way[highway=tertiary] {
 410         color: #ffffb3;
 411         width: 0.7;
 412         casing-color: #bbb;
 413         casing-width: 0.5;
 414         z-index: 1.5;
 415 }
 416
 417 way[highway=road] {
 418         color: #ddd;
 419         width: 0.7;
 420         casing-color: #999;
 421         casing-width: 0.5;
 422         z-index: 1;
 423 }
 424
 425 way[highway=residential],
 426 way[highway=unclassified],
 427 way[highway=road],
 428 way[highway=living_street] {
 429         color: #fff;
 430         width: 0.7;
 431         casing-color: #999;
 432         casing-width: 0.5;
 433         z-index: 1;
 434 }
 435
 436 way[highway=service] {
 437         color: #fff;
 438         width: 0.5;
 439         casing-color: #999;
 440         casing-width: 0.3;
 441         z-index: 1;
 442 }
 443
 444 way[highway=pedestrian] {
 445         color: #ededed;
 446         width: 0.3;
 447         casing-color: #808080;
 448         casing-width: 0.3;
 449 }
 450
 451 // In this scale, steps cannot be displayed nicely
 452 /*
 453 way[highway=steps] {
 454         color: #fa8072;
 455         width: 0.8;
 456         dashes: 0.2, 0.2;
 457 }
 458 */
 459
 460 way[highway=footway],
 461 way[highway=path][foot=designated] {
 462 //      color: #888;
 463         color: #996600;
 464         width: 0.3;
 465         casing-color: #fff;
 466         casing-width: 0.1;
 467         casing-opacity: 0.5;
 468 }
 469
 470 way[highway=track],
 471 way[highway=path],
 472 way[highway=bridleway] {
 473         color: #996600;
 474         width: 0.3;
 475         dashes: 5, 3;
 476         casing-color: #fff;
 477         casing-width: 0.1;
 478         casing-opacity: 0.5;
 479 }
 480
 481 way[highway=cycleway],
 482 way[highway=path][bicycle=designated] {
 483 /*
 484         color: #5e5eff;
 485         width: 0.3;
 486         dashes: 5, 3;
 487 */
 488 //      color: #888;
 489         color: #996600;
 490         width: 0.3;
 491         casing-color: #fff;
 492         casing-width: 0.1;
 493         casing-opacity: 0.5;
 494 }
 495
 496 way[highway=proposed] {
 497         width: 0;
 498 }
 499
 500 way[aeroway=runway],
 501 way[aeroway=taxiway] {
 502         color: #bbc;
 503         width: 0.3;
 504 }
 505
 506 /*** Railway ***/
 507
 508 /*
 509 way[railway][area?!] {
 510         color: #f0f;
 511         width: 0.3;
 512 }
 513 */
 514
 515 way[railway=rail] {
 516         color: #999;
 517         width: 0.6;
 518         casing-color: #444;
 519         casing-width: 0.2;
 520         z-index: 2.5;
 521 }
 522
 523 way[railway=rail]::rwint {
 524         color: #fff;
 525         width: 0.5;
 526         dashes: 9, 9;
 527         z-index: 2.6;
 528 }
 529
 530 way[railway=rail][service=spur],
 531 way[railway=rail][service=yard] {
 532         width: 0.3;
 533         z-index: 2;
 534 }
 535
 536 way[railway=rail][service=spur]::rwint,
 537 way[railway=rail][service=yard]::rwint {
 538         width: 0.2;
 539         z-index: 2.1;
 540 }
 541
 542 /*** Buildings ***/
 543
 544 area[building] {
 545         fill-color: #bca9a9;
 546         color: #330066;
 547         width: 0.1;
 548 }
 549
 550 /*** Tourist routes ***/
 551
 552 relation[type=route][route=foot][kct_yellow] way::routes {
 553         color: #ee3;
 554         width: 0.5;
 555         z-index: 4;
 556 }
 557
 558 relation[type=route][route=foot][kct_red] way::routes {
 559         color: #e33;
 560         width: 0.5;
 561         z-index: 4;
 562 }
 563
 564 way[highway=footway]::routes,
 565 way[highway=path]::routes,
 566 way[highway=cycleway]::routes,
 567 way[highway=bridleway]::routes,
 568 way[highway=track]::routes {
 569         opacity: 0.7;
 570 }
 571
 572 /*** Icons ***/
 573
 574 node[tourism=viewpoint] {
 575         icon-image: "icons/view_point.svg";
 576         icon-width: 4;
 577         z-index: 5;
 578 }
 579
 580 node[historic=wayside_cross][religion=christian],
 581 node[amenity=place_of_worship][religion=christian],
 582 node[amenity=crucifix],
 583 area[amenity=place_of_worship][religion=christian] {
 584         icon-image: "icons/cross.svg";
 585         icon-width: 1.5;
 586         z-index: 5;
 587 }
 588
 589 area[building=church][amenity=place_of_worship][religion=christian],
 590 area[historic=wayside_shrine][amenity=place_of_worship][religion=christian] {
 591         icon-image: "icons/church.svg";
 592         icon-width: 2;
 593         z-index: 5;
 594         text: name;
 595         text-halo-radius: 0.8;
 596         text-color: #000000;
 597         text-halo-color: #ffffff;
 598         text-halo-opacity: 0.8;
 599         text-position: center;
 600         text-offset: -3;
 601         font-family: Times;
 602         font-size: 2.5;
 603         font-style: italic;
 604 }
 605
 606 node[natural=cave_entrance] {
 607         icon-image: "icons/cave2.svg";
 608         icon-width: 3;
 609         z-index: 5;
 610 }
 611
 612 node[natural=tree][monument=yes][type=broad_leaved] {
 613         icon-image: "icons/deciduous.svg";
 614         icon-width: 3;
 615         z-index: 5;
 616         text: name;
 617         text-halo-radius: 0.5;
 618         text-color: #006322;
 619         text-halo-color: #ffffff;
 620         text-halo-opacity: 0.8;
 621         text-anchor-horizontal: center;
 622         text-anchor-vertical: bottom;
 623         text-offset: -1;
 624         font-family: Times;
 625         font-size: 2.5;
 626         font-style: italic;
 627 }
 628
 629 node[hack=parkname] {
 630         text: name;
 631         text-halo-radius: 0.5;
 632         text-color: #006322;
 633         text-halo-color: #ffffff;
 634         text-halo-opacity: 0.8;
 635         text-anchor-horizontal: center;
 636         text-anchor-vertical: center;
 637         text-offset: -1;
 638         font-family: Times;
 639         font-size: 2.5;
 640         font-style: italic;
 641 }
 642
 643 node[hack=suburbname] {
 644         text: name;
 645         text-halo-radius: 1;
 646         text-color: #888888;
 647         text-halo-opacity: 0.8;
 648         text-halo-color: #ffffff;
 649         text-anchor-horizontal: center;
 650         text-anchor-vertical: center;
 651         font-family: Helvetica;
 652         font-size: 6;
 653         font-style: italic;
 654 }
 655
 656
 657 node[barrier=gate] {
 658         icon-image: "icons/gate.svg";
 659         icon-width: 1.5;
 660         z-index: 5;
 661 }
 662
 663 node[railway=station],
 664 node[railway=halt] {
 665         icon-image: "icons/train.svg";
 666         icon-width: 3;
 667         z-index: 5;
 668         text: name;
 669         text-halo-radius: 0.5;
 670         text-color: #000000;
 671         text-halo-color: #ffffff;
 672         text-halo-opacity: 0.8;
 673         text-anchor-horizontal: center;
 674         text-anchor-vertical: bottom;
 675         text-offset: -2;
 676         font-family: Times;
 677         font-size: 2.5;
 678         font-style: italic;
 679 }
 680
 681 area[railway=station],
 682 area[railway=halt] {
 683         icon-image: "icons/train.svg";
 684         icon-width: 3;
 685         z-index: 5;
 686         text: name;
 687         text-halo-radius: 0.5;
 688         text-color: #000000;
 689         text-halo-color: #ffffff;
 690         text-halo-opacity: 0.8;
 691         text-position: center;
 692         text-offset: -4;
 693         font-family: Times;
 694         font-size: 2.5;
 695         font-style: italic;
 696 }
 697
 698 node[highway=bus_stop] {
 699 //      icon-image: "icons/bus_stop2.svg";
 700 //      icon-width: 3;
 701         symbol-shape: circle;
 702         symbol-size: 0.8;
 703         symbol-fill-color: #f55;
 704         z-index: 5;
 705 }
 706
 707 node[historic=memorial],
 708 node[tourism=artwork][artwork_type=statue] {
 709         icon-image: "icons/memorial.svg";
 710         icon-width: 1;
 711         z-index: 5;
 712 }
 713
 714 way[natural=tree_row] {
 715         repeat-image: "icons/deciduous.svg";
 716         repeat-image-width: 2;
 717         repeat-image-spacing: 2;
 718         z-index: 5;
 719 }
 720
 721 /*** Hacks ***/
 722
 723 node[hack=front],
 724 way[hack=front] {
 725         z-index: 9;
 726 }
 727
 728 node[hack=raisetext],
 729 way[hack=raisetext] {
 730         text-offset: 3;
 731 }