wiki:Styles/Waterways

Version 1 (modified by pierzen, 2 years ago) ( diff )

--

meta {
  title: "Waterways";
  version: 10_2023-11-08;
  description: "Colors waterways - symbols for connected/disconnected extremities.";
  icon: "waterways.svg";
  author: "pierzen";
  watch-modified: true;
}


canvas {
    fill-color: #ffffea;
}

/* Pseudo Classes */
way|z14-[waterway=rapids]  {   
   color: blue;
   casing-color: white;    casing-width:1;    width:6;    opacity:0.5;    casing-opacity:0.3;    dashes: 6,12,6;}
way[waterway=stream], way[waterway=drain], way[waterway=ditch]  {   
   set .waterway_sd;    color: blue;    casing-color: white;    casing-width:1;    width:10;    opacity:0.5;    casing-opacity:0.3;}
way[waterway=stream] > node, way[waterway=drain] > node, way[waterway=ditch] > node 
{set .waterway_sd_node;}
way[waterway=stream] >[index=-1] node, way[waterway=drain] >[index=-1] node, way[waterway=ditch] >[index=-1] node {   
   set .waterway_sd_node_end;     symbol-shape: pentagon;       symbol-size: 6;                 symbol-stroke-color: cyan;      symbol-fill-color: red;         symbol-stroke-width: 5;         symbol-stroke-opacity:0.3;} 
way[waterway=stream] >[index<-1] node, way[waterway=drain] >[index<-1] node, way[waterway=ditch] >[index<-1] node 
{ set .waterway_sd_node_nend;} 
way[waterway=river], way[waterway=canal], way[waterway=fairway] {
   set .waterway_rc;    casing-width:0.8;    width:12; }
way[waterway=river] > node, way[waterway=canal] > node, way[waterway=fairway] > node {   
   set .waterway_rc_node;}
way[waterway=river] >[index=-1] node, way[waterway=canal] >[index=-1] node, way[waterway=fairway] >[index=-1] node {   
   set .waterway_rc_node_end;     symbol-shape: pentagon;       symbol-size: 6;                 symbol-stroke-color: cyan;      symbol-fill-color: red;         symbol-stroke-width: 5;         symbol-stroke-opacity:0.3; }
way[waterway=river] >[index<-1] node, way[waterway=canal] >[index<-1] node, way[waterway=fairway] >[index<-1] node  {   
   set .waterway_rc_node_nend;}
way.waterway_rc, way.waterway_sd {
   set .waterways; }
node.waterway_rc_node, node.waterway_sd_node {
   set .waterways_node; }
node.waterway_rc_node_end, node.waterway_sd_node_end {
   set .waterways_node_end; }
area[natural=water] > node {set .natural_node;}

/* ways and nodes  - distinct waterways  */   
way[waterway=river]  {   
   color:blue;   casing-color: blue;}
way[waterway=drain] {color: #3434ff; width: 1; }
way[waterway=fairway]  { color:blue;   casing-color: white;}
way[waterway=canal]  {color:beige;   casing-color: blue;}
area[natural=water]:closed,
area[waterway][waterway!=dam]:closed          { color: #3434ff;    width: 2; fill-color: #3434ff;    fill-opacity: 0.2; prop_area_small_name : 1;}
way[waterway=dam]!:closed                   { z-index: 5; color: black; width: 3; }
area[waterway=dam]:closed                   { z-index: 5; color: black; width: 1; fill-color: #222222; fill-opacity: 0.1; prop_area_small_name : 1;}
node[waterway=dam], way > node[waterway=dam] {
  z-index: 5;
  symbol-size:22;
  symbol-shape: rectangle;
  symbol-stroke-color: black;
  symbol-stroke-width: 2;
  symbol-fill-color: white;}

/* ways styles by zoom-level */
way|z1-16[natural] {
   casing-width:0;    width:0;    opacity:0; }
way|z1-13.waterway_sd {   casing-width:1.5;   width:0.7;}
way|z1-13.waterway_rc {   width:2;   casing-width:0.7;}
way|z14-15.waterway_sd {   casing-width:2;   width:1.5;}
way|z14-15.waterway_rc {   casing-width:3;   width:1;}
way|z14-15[waterway=fairway] {   casing-width:4;  width:2;}
way[waterway=canal]  { 
        dashes: 8, 32;}
way[waterway=canal][lock]  {   
        dashes: 6,12;}
way[waterway=lock_gate]  {   
        dashes: 6,12;
   color:orange;
   casing-color: blue;
   casing-width:3;
   width: 8;}
way.waterways[tunnel]                {z-index: 5; dashes: 8,4;}
way.waterways[intermittent=yes]                {z-index: 5; dashes: 12,3;}


/* Nodes styles  */

node|z1-11 {
    symbol-fill-color: none;
    symbol-stroke-color: gray;
    symbol-shape: square; 
        width:0;
        symbol-size: 0; 
        symbol-stroke-width:0 ; 
    fill-opacity:0.0;
        symbol-stroke-opacity:0;
}

node|z12-14 {
    symbol-shape: square; 
        symbol-size: 1;         
        symbol-stroke-color: yellow;
        symbol-fill-color: white;
        symbol-stroke-width: 0.9;
        symbol-stroke-opacity:0.2;
}

node|z15- {
    symbol-shape: square; symbol-size: 5;       symbol-stroke-color: navy;
        symbol-fill-color: white;
        symbol-stroke-width: 1.5;
        symbol-stroke-opacity:1;
}
node|z15-.waterways {
    symbol-shape: square; symbol-size: 27;      symbol-stroke-color: red;
        symbol-fill-color: white;
        symbol-stroke-width: 1.5;
        symbol-stroke-opacity:1;
}
way[waterway=canal] > node|z16- {   
  symbol-size:12;
  symbol-shape: circle;
  symbol-fill-color: yellow;
  symbol-fill-opacity: 1.0;
  symbol-stroke-width: 2;
  symbol-stroke-color: red;}
node|z14-[waterway=lock_gate] {   
  symbol-shape: circle; 
  symbol-size:24;
  symbol-stroke-color: navy;
  symbol-stroke-width: 12;
  symbol-fill-color: red;}
area[natural=water]  > node|z1-13,
way[natural=water]  > node|z1-13  {
   symbol:size:1;
   symbol-stroke-color: none;
   symbol-fill-color: none;
    opacity:0.0;
    fill-opacity:0.0;
}
area[natural=water]  > node|z14-, 
way[natural=water]  > node|z14- {
   symbol:size:10;
   symbol-stroke-color: blue;
        symbol-stroke-width: 2;
    opacity:0.5;
    fill-opacity:0.5;
}

/* connected - disconnected nodes styles */
area[natural=water] > node:connection {
        set .natural_node_connection;     symbol-shape: rectangle;      symbol-size: 15;                symbol-stroke-color: yellow;    symbol-fill-color: red;         symbol-stroke-width: 15;        symbol-stroke-opacity:0.3; }
node.waterways_node_end.natural_node {
    symbol-shape: pentagon;     symbol-size: 15;                symbol-stroke-color: cyan;      symbol-fill-color: red;         symbol-stroke-width: 15;        symbol-stroke-opacity:0.3; }
node.waterways_node_end.natural_node_connection:connection {
    symbol-shape: rectangle;    symbol-size: 15;                symbol-stroke-color: yellow;    symbol-fill-color: red;         symbol-stroke-width: 15;        symbol-stroke-opacity:0.3; }
node.waterways_node_end!:connection {
  symbol-shape: triangle;
  symbol-stroke-color: #00ffff;
  symbol-stroke-width: 1;
  symbol-fill-color: red;
  symbol-fill-opacity:0.8;
}
node|z1-13.waterways_node_end!:connection {
   symbol-size:12;
}
node|z14-.waterways_node_end!:connection {
   symbol-size:28;
   symbol-fill-opacity:0.8;
}
node.waterway_rc_node_end.waterway_sd_node_nend {
  symbol-shape: triangle;
  symbol-stroke-color: #00ffff;
  symbol-stroke-width: 1;
  symbol-fill-color: red;
}
node|z1-13.waterway_rc_node_end.waterway_sd_node_nend {
   symbol-size:12;}
node|z14-.waterway_rc_node_end.waterway_sd_node_nend {
   symbol-size:28;}

/* ways-nodes selected */
way:selected { 
   width:15;  casing-width:3; color:red;
}
node|z14-:selected, way:selected > node|z14- {
    symbol-shape: square; 
        symbol-size:12;
        symbol-stroke-width:6;
        symbol-stroke-color: black;
        symbol-fill-color: white;
}
node|z14-:connection:selected {
  symbol-stroke-color: crimson;
  symbol-stroke-width: 5;
  symbol-fill-color: yellow;
}
node|z1-13.natural_node_connection {
        symbol-size:0;
        symbol-stroke-width:0;
        symbol-stroke-color: none;
        symbol-fill-color: none;
}


Styles_Waterways-style.mapcss, Styles_Waterways.zip

Attachments (25)

Download all attachments as: .zip

Note: See TracWiki for help on using the wiki.