API tools faq
paste
wboykinm

mtl_nightvision2

wboykinm
Feb 15th, 2012
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.17 KB | None | 0 0
raw download clone embed print report
  1. /* ====================================================== *
  2.  * MONTREAL NIGHTVISION                                         *
  3.  * ====================================================== */
  4.  
  5. Map {
  6.   background-color: #284036;
  7. }
  8.  
  9. /* == BOUNDARY ========================================== */
  10.  
  11. #roi1 {
  12.   polygon-fill: #355549;
  13. }
  14.  
  15. #roi2 {
  16.   line-cap: round;
  17.   line-color: #20332b;
  18.   line-join: round;
  19.   line-width: 20;
  20. }
  21.  
  22.  
  23. /* == BUILDINGS ========================================= */
  24. #osm_poly[building='yes'][zoom<=14] {
  25.   polygon-fill: #31423d;
  26. }
  27.  
  28. #osm_poly[building='yes'][zoom>=15] {
  29.   line-color: #2E262D;
  30.   line-width: 0.2;
  31.   polygon-fill: #313d3a;
  32. }
  33.  
  34. #osm_poly[building='yes'][zoom=16] {
  35.   line-width: 0.3;
  36.   polygon-fill: #313d3a;
  37. }
  38.  
  39. #osm_poly[building='yes'][zoom=17] {
  40.   line-width: 0.4;
  41.   polygon-fill: #313d3a;
  42. }
  43.  
  44. #osm_poly[building='yes'][zoom=18] {
  45.   line-width: 0.5;
  46.   polygon-fill: #313d3a;
  47. }
  48.  
  49.  
  50. /* == ELEVATION LINES =================================== */
  51. /* All */
  52. #mtl_cont[zoom>=12] {
  53.   line-color: #AEF7FF;
  54.   line-opacity: 0.10;
  55.   line-width: 0.3;
  56. }
  57.  
  58. #mtl_cont[zoom=13] {
  59.   line-opacity: 0.20;
  60. }
  61.  
  62. #mtl_cont[zoom=14] {
  63.   line-opacity: 0.30;
  64. }
  65.  
  66. #mtl_cont[zoom>=15] {
  67.   line-opacity: 0.40;
  68. }
  69.  
  70. /* == PARKS ============================================= */
  71.  
  72. #osm_parks[leisure='park'] {
  73.   polygon-fill: #47705E;
  74. }
  75.  
  76. /* == ROADS ============================================= */
  77.  
  78. #osm_line[highway='cycleway'][zoom>=14] {
  79.   line-color: #85c5d3;
  80.   line-width: 1;
  81.   line-opacity: 0.8;
  82.   line-dasharray: 4,4;
  83. }
  84.  
  85. #osm_line[highway='footway'][zoom>=14] {
  86.   line-color: #B1F1D2;
  87.   line-width: 1;
  88.   line-opacity: 0.8;
  89.   line-dasharray: 2,2;
  90.   line-opacity: 0.6;
  91. }
  92.  
  93. #osm_line[highway='path'],[highway='service'] {
  94.   line-color: #84F1B4;
  95.   line-width: 1.2;
  96.   line-opacity: 0.8;
  97.   line-dasharray: 6,6;
  98. }
  99.  
  100. /* ================================================================== */
  101. /* ROAD COLORS
  102. /* ================================================================== */
  103.  
  104. /* For each class of road there are three color variables:
  105.  * - line: for lower zoomlevels when the road is represented by a
  106.  *         single solid line.
  107.  * - case: for higher zoomlevels, this color is for the road's
  108.  *         casing (outline).
  109.  * - fill: for higher zoomlevels, this color is for the road's
  110.  *         inner fill (inline).
  111.  */
  112. @land:              #355549;
  113.  
  114. @motorway_line:     #B1F1D2;
  115. @motorway_fill:     lighten(@motorway_line,10%);
  116. @motorway_case:     @motorway_line * 0.9;
  117.  
  118. @trunk_line:        #B1F1D2;
  119. @trunk_fill:        lighten(@trunk_line,10%);
  120. @trunk_case:        @trunk_line * 0.9;
  121.  
  122. @primary_line:      #B1F1D2;
  123. @primary_fill:      lighten(@primary_line,10%);
  124. @primary_case:      @primary_line * 0.9;
  125.  
  126. @secondary_line:    #B1F1D2;
  127. @secondary_fill:    lighten(@secondary_line,10%);
  128. @secondary_case:    @secondary_line * 0.9;
  129.  
  130. @standard_line:     @land * 0.85;
  131. @standard_fill:     #000;
  132. @standard_case:     @land * 0.9;
  133.  
  134. @pedestrian_line:   @standard_line;
  135. @pedestrian_fill:   #000;
  136. @pedestrian_case:   @land;
  137.  
  138. @cycle_line:        @standard_line;
  139. @cycle_fill:        #000;
  140. @cycle_case:        @land;
  141.  
  142. @rail_line:         #B1F1D2;
  143. @rail_fill:         #000;
  144. @rail_case:         @land;
  145.  
  146. /* ==================================================================
  147.    ROAD & RAIL LINES
  148. /* ================================================================== */
  149.  
  150. /* At mid-level scales start to show primary and secondary routes
  151. as well. */
  152.  
  153. #osm_line[zoom>=9][zoom<=10] {
  154.   [highway='motorway'],
  155.   [highway='motorway_link'] {
  156.     line-color: @motorway_line;
  157.   }
  158.   [highway='trunk'] {
  159.     line-color: @trunk_line;
  160.   }
  161.   [highway='primary'] { line-color: @primary_line; }
  162.   [highway='secondary'] { line-color: @secondary_line; }
  163.   [highway='tertiary'] { line-color: @standard_line; }
  164.   [zoom=9] {
  165.     [highway='motorway'],[highway='trunk'] { line-width: 1.4; }
  166.     [highway='primary'],[highway='secondary'],
  167.     [highway='motorway_link'] { line-width: 0.6; }
  168.   }
  169.   [zoom=10] {
  170.     [highway='motorway'],[highway='trunk'] { line-width: 1.8; }
  171.     [highway='primary'],[highway='secondary'],
  172.     [highway='motorway_link'] { line-width: 0.8; }
  173.   }
  174. }
  175. /*
  176. /* At higher levels the roads become more complex. We're now showing
  177. more than just automobile routes - railways, footways, and cycleways
  178. come in as well.
  179. /* At higher levels the roads become more complex. We're now showing
  180. more than just automobile routes - railways, footways, and cycleways
  181. come in as well.
  182.  
  183. /* Road width variables that are used in road & bridge styles */
  184. @rdz11_maj: 1.6; @rdz11_med: 0.8; @rdz11_min: 0.4;
  185. @rdz12_maj: 2.5; @rdz12_med: 1.2; @rdz12_min: 0.8;
  186. @rdz13_maj: 3;   @rdz13_med: 1.5; @rdz13_min: 1;
  187. @rdz14_maj: 4;   @rdz14_med: 2.5; @rdz14_min: 1.6;
  188. @rdz15_maj: 6;   @rdz15_med: 4;   @rdz15_min: 2;
  189. @rdz16_maj: 8;   @rdz16_med: 6;   @rdz16_min: 4;
  190. @rdz17_maj: 14;  @rdz17_med: 12;  @rdz17_min: 10;
  191. @rdz18_maj: 20;  @rdz18_med: 17;  @rdz18_min: 14;
  192.  
  193. /* ---- Casing ----------------------------------------------- */
  194.  
  195. #osm_line::outline[zoom>=11][zoom<=20] {
  196.   /* -- colors & styles -- */
  197.   line-cap: round;
  198.   [bridge='yes'],
  199.   [tunnel='yes'] {
  200.     line-cap: butt;
  201.   }
  202.   line-join: round;
  203.   line-color: @standard_case;
  204.   [bridge='yes'] { line-color: @standard_case * 0.8; }
  205.   [highway='motorway'],
  206.   [highway='motorway_link'] {
  207.     line-color: @motorway_case;
  208.     [bridge='yes'] { line-color: @motorway_case * 0.8; }
  209.   }
  210.   [highway='trunk'],
  211.   [highway='trunk_link'] {
  212.     line-color: @trunk_case;
  213.     [bridge='yes'] { line-color: @trunk_case * 0.8; }
  214.   }
  215.   [highway='primary'],
  216.   [highway='primary_link'] {
  217.     line-color: @primary_case;
  218.     [bridge='yes'] { line-color: @primary_case * 0.8; }
  219.   }
  220.   [highway='secondary'],
  221.   [highway='secondary_link'] {
  222.     line-color: @secondary_case;
  223.     [bridge='yes'] { line-color: @secondary_case * 0.8; }
  224.   }
  225.   [railway='rail'] {
  226.     line-color: fadeout(@land,50%);
  227.     [bridge='yes'] { line-color: @secondary_case * 0.8; }
  228.   }
  229.   [tunnel='yes'] { line-dasharray: 3,3; }        
  230.   /* -- widths -- */
  231.   [zoom=11] {
  232.     [highway='motorway'] { line-width: @rdz11_maj + 2; }
  233.     [highway='primary'] { line-width: @rdz11_med + 1.6; }
  234.     [highway='secondary']{ line-width: @rdz11_min; }
  235.     /* No minor bridges yet */
  236.     [highway='service']  { line-width: 0; }
  237.     [highway='footway']   { line-width: 0; }
  238.     [railway='rail']  { line-width: 0; }
  239.   }
  240.   [zoom=12] {
  241.     [highway='motorway'] { line-width: @rdz12_maj + 2; }
  242.     [highway='primary'] { line-width: @rdz12_med + 2; }
  243.     [highway='secondary']{ line-width: @rdz12_min; }
  244.     /* No minor bridges yet */
  245.     [highway='service']  { line-width: 0; }
  246.     [highway='footway']   { line-width: 0; }
  247.     [railway='rail']  { line-width: 0; }
  248.   }
  249.   [zoom=13] {
  250.     [highway='motorway'] { line-width: @rdz13_maj + 2; }
  251.     [highway='primary'] { line-width: @rdz13_med + 2; }
  252.     [highway='secondary']{ line-width: @rdz13_min + 2; }
  253.     /* No minor bridges yet */
  254.     [highway='service']  { line-width: 0; }
  255.     [highway='footway']   { line-width: 0; }
  256.     [railway='rail']  { line-width: 0; }
  257.   }
  258.   [zoom=14] {
  259.     [highway='motorway'] { line-width: @rdz14_maj + 2; }
  260.     [highway='primary'] { line-width: @rdz14_med + 2; }
  261.     [highway='secondary']{ line-width: @rdz14_min + 2; }
  262.     /* No minor bridges yet */
  263.     [highway='service']  { line-width: 0; }
  264.     [highway='footway']   { line-width: 0; }
  265.     [railway='rail']  { line-width: 0; }
  266.   }
  267.   [zoom=15] {
  268.     [highway='motorway'] { line-width: @rdz15_maj + 2.5; }
  269.     [highway='primary'] { line-width: @rdz15_med + 2; }
  270.     [highway='secondary']{ line-width: @rdz15_min + 2; }
  271.     [highway='service']  { line-width: @rdz15_min / 3 + 2; }
  272.     [highway='footway']   { line-width: @rdz15_min / 4 + 2; }
  273.     [railway='rail']  { line-width: 1.5 + 2; }
  274.   }
  275.   [zoom=16] {
  276.     [highway='motorway'] { line-width: @rdz16_maj + 2.5; }
  277.     [highway='primary'] { line-width: @rdz16_med + 2.5; }
  278.     [highway='secondary']{ line-width: @rdz16_min + 2; }
  279.     [highway='service']  { line-width: @rdz16_min / 3 + 2; }
  280.     [highway='footway']   { line-width: @rdz16_min / 4 + 2; }
  281.     [railway='rail']  { line-width: 2 + 2; }
  282.   }
  283.   [zoom>=17] {
  284.     [highway='motorway'] { line-width: @rdz17_maj + 3; }
  285.     [highway='primary'] { line-width: @rdz17_med + 2.5; }
  286.     [highway='secondary']{ line-width: @rdz17_min + 2; }
  287.     [highway='service']  { line-width: @rdz17_min / 3 + 2; }
  288.     [highway='footway']   { line-width: @rdz17_min / 4 + 4; }
  289.     [railway='rail']  { line-width: 3 + 4; } // 3 + 4
  290.   }
  291.   [zoom>=18] {
  292.     [highway='motorway'] { line-width: @rdz18_maj + 4; }
  293.     [highway='primary'] { line-width: @rdz18_med + 4; }
  294.     [highway='secondary']{ line-width: @rdz18_min + 3.5; }
  295.     [highway='service']  { line-width: @rdz18_min / 3 + 3.5; }
  296.     [highway='footway']   { line-width: @rdz18_min / 4 + 6; }
  297.     [railway='rail']  { line-width: 4 + 6; }
  298.   }
  299. }
  300.  
  301. #osm_line[zoom>=11][zoom<=20]{
  302.   /* -- colors & styles -- */
  303.   line-color: @standard_fill;
  304.   [highway='motorway'],
  305.   [highway='motorway_link'] {
  306.     line-color: @motorway_fill;
  307.     [tunnel=1] { line-color: lighten(@motorway_fill, 10%); }
  308.   }
  309.   [highway='trunk'],
  310.   [highway='trunk_link'] {
  311.     line-color: @trunk_fill;
  312.     [tunnel=1] { line-color: lighten(@trunk_fill, 10%); }
  313.   }
  314.   [highway='primary'],
  315.   [highway='primary_link'] {
  316.     line-color: @primary_fill;
  317.     [tunnel=1] { line-color: lighten(@primary_fill, 10%); }
  318.   }
  319.   [highway='secondary'],
  320.   [highway='secondary_link'] {
  321.     line-color: @secondary_fill;
  322.     [tunnel=1] { line-color: lighten(@secondary_fill, 10%); }
  323.   }
  324.   [railway='rail'] {
  325.     line-color: @rail_line;
  326.     line-dasharray: 1,1;
  327.     [highway='subway'] { line-opacity: 0.67; }
  328.     [zoom>15] { line-dasharray: 1,2; }
  329.   }
  330.   [highway='footway'],
  331.   [highway='service'],
  332.   [highway='secondary'] {
  333.     line-width: 0;
  334.   }
  335.   [highway='service'],
  336.   [highway='secondary'],
  337.   [highway='primary'],
  338.   [highway='motorway'] {
  339.     line-cap: round;
  340.     line-join: round;
  341.   }
  342.   [highway='footway'] {
  343.     line-join: round;
  344.   }
  345.   [tunnel=1] {
  346.     line-cap: butt;
  347.   }
  348.   /* -- widths -- */
  349.   [zoom=11] {
  350.     [highway='motorway'] { line-width: @rdz11_maj; }
  351.     [highway='primary'] { line-width: @rdz11_med; }
  352.     [highway='secondary']{ line-width: 0; }
  353.     [railway='rail']  { line-width: 0.2; }
  354.   }
  355.   [zoom=12] {
  356.     [highway='motorway'] { line-width: @rdz12_maj; }
  357.     [highway='primary'] { line-width: @rdz12_med; }
  358.     [highway='secondary']{ line-width: 0; }
  359.     [railway='rail']  { line-width: 0.4; }
  360.   }
  361.   [zoom=13] {
  362.     [highway='motorway'] { line-width: @rdz13_maj; }
  363.     [highway='primary'] { line-width: @rdz13_med; }
  364.     [highway='secondary']{ line-width: @rdz13_min; }
  365.     [highway='service']  { line-width: @rdz13_min / 3; }
  366.     [highway='footway']   { line-width: @rdz13_min / 4; line-dasharray: 1,1; }
  367.     [railway='rail']  { line-width: 0.8; }
  368.   }
  369.   [zoom=14] {
  370.     [highway='motorway'] { line-width: @rdz14_maj; }
  371.     [highway='primary'] { line-width: @rdz14_med; }
  372.     [highway='secondary']{ line-width: @rdz14_min; }
  373.     [highway='service']  { line-width: @rdz14_min / 3; }
  374.     [highway='footway']   { line-width: @rdz14_min / 4; line-dasharray: 1,1; }
  375.     [railway='rail']  { line-width: 1; }
  376.   }
  377.   [zoom=15] {
  378.     [highway='motorway'] { line-width: @rdz15_maj; }
  379.     [highway='primary'] { line-width: @rdz15_med; }
  380.     [highway='secondary']{ line-width: @rdz15_min; }
  381.     [highway='service']  { line-width: @rdz15_min / 3; }
  382.     [highway='footway']   { line-width: @rdz15_min / 4; line-dasharray: 1,1; }
  383.     [railway='rail']  { line-width: 1.5; }
  384.   }
  385.   [zoom=16] {
  386.     [highway='motorway'] { line-width: @rdz16_maj; }
  387.     [highway='primary'] { line-width: @rdz16_med; }
  388.     [highway='secondary']{ line-width: @rdz16_min; }
  389.     [highway='service']  { line-width: @rdz16_min / 3; }
  390.     [highway='footway']   { line-width: @rdz16_min / 4; line-dasharray: 2,1; }
  391.     [railway='rail']  { line-width: 2; }
  392.   }
  393.   [zoom=17] {
  394.     [highway='motorway'] { line-width: @rdz17_maj; }
  395.     [highway='primary'] { line-width: @rdz17_med; }
  396.     [highway='secondary']{ line-width: @rdz17_min; }
  397.     [highway='service']  { line-width: @rdz17_min / 3; }
  398.     [highway='footway']   { line-width: @rdz17_min / 4; line-dasharray: 2,2; }
  399.     [railway='rail']  { line-width: 3; }
  400.   }
  401.   [zoom>=18] {
  402.     [highway='motorway'] { line-width: @rdz18_maj; }
  403.     [highway='primary'] { line-width: @rdz18_med; }
  404.     [highway='secondary']{ line-width: @rdz18_min; }
  405.     [highway='service']  { line-width: @rdz18_min / 2; }
  406.     [highway='footway']   { line-width: @rdz18_min / 4; line-dasharray: 3,3; }
  407.     [railway='rail']  { line-width: 4; }
  408.   }
  409. }
  410.  
  411. /* == WATER ============================================= */
  412.  
  413. #mtl_land3[TYPE='WATER'] {
  414.   line-color: #0e3131;
  415.   line-width: 1;
  416.   polygon-fill: #0e3131;
  417. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!