Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

mtl_nightvision3

By: wboykinm on Feb 17th, 2012  |  syntax: CSS  |  size: 6.61 KB  |  hits: 101  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /* ====================================================== *
  2.  * MONTREAL NIGHTVISION                                         *
  3.  * ====================================================== */
  4.  
  5. /* Road width variables that are used in road & bridge styles */
  6. @rdz11_maj: 1.6; @rdz11_med: 0.8; @rdz11_min: 0.4;
  7. @rdz12_maj: 2.5; @rdz12_med: 1.2; @rdz12_min: 0.8;
  8. @rdz13_maj: 3;   @rdz13_med: 1.5; @rdz13_min: 1;
  9. @rdz14_maj: 4;   @rdz14_med: 2.5; @rdz14_min: 1.6;
  10. @rdz15_maj: 6;   @rdz15_med: 4;   @rdz15_min: 2;
  11. @rdz16_maj: 8;   @rdz16_med: 6;   @rdz16_min: 4;
  12. @rdz17_maj: 14;  @rdz17_med: 12;  @rdz17_min: 10;
  13. @rdz18_maj: 20;  @rdz18_med: 17;  @rdz18_min: 14;
  14.  
  15. /* ================================================================== */
  16. /* ROAD COLORS
  17. /* ================================================================== */
  18.  
  19. /* For each class of road there are three color variables:
  20.  * - line: for lower zoomlevels when the road is represented by a
  21.  *         single solid line.
  22.  * - case: for higher zoomlevels, this color is for the road's
  23.  *         casing (outline).
  24.  * - fill: for higher zoomlevels, this color is for the road's
  25.  *         inner fill (inline).
  26.  */
  27. @land:              #355549;
  28.  
  29. @motorway_line:     #B1F1D2;
  30. @motorway_fill:     #0F0F0F;/*lighten(@motorway_line,10%)*/
  31. @motorway_case:     @motorway_line * 0.9;
  32.  
  33. @trunk_line:        #B1F1D2;
  34. @trunk_fill:        #0F0F0F;/*lighten(@trunk_line,10%)*/
  35. @trunk_case:        @trunk_line * 0.9;
  36.  
  37. @primary_line:      #B1F1D2;
  38. @primary_fill:      #0F0F0F;/*lighten(@primary_line,10%)*/
  39. @primary_case:      @primary_line * 0.9;
  40.  
  41. @secondary_line:    #B1F1D2;
  42. @secondary_fill:    #0F0F0F;/*lighten(@secondary_line,10%);*/
  43. @secondary_case:    @secondary_line * 0.9;
  44.  
  45. @standard_line:     @land * 0.85;
  46. @standard_fill:     #0F0F0F;
  47. @standard_case:     @land * 0.9;
  48.  
  49. @pedestrian_line:   @standard_line;
  50. @pedestrian_fill:   #000;
  51. @pedestrian_case:   @land;
  52.  
  53. @cycle_line:        @standard_line;
  54. @cycle_fill:        #000;
  55. @cycle_case:        @land;
  56.  
  57. @rail_line:         #B1F1D2;
  58. @rail_fill:         #000;
  59. @rail_case:         @land;
  60.  
  61. Map {
  62.   background-color: #284036;
  63. }
  64.  
  65. /* == BOUNDARY ========================================== */
  66.  
  67. #roi1 {
  68.   polygon-fill: #355549;
  69. }
  70.  
  71. #roi2 {
  72.   line-cap: round;
  73.   line-color: #20332b;
  74.   line-join: round;
  75.   line-width: 20;
  76. }
  77.  
  78.  
  79. /* == BUILDINGS ========================================= */
  80. #osm_poly[building='yes'][zoom<=14] {
  81.   polygon-fill: #31423d;
  82. }
  83.  
  84. #osm_poly[building='yes'][zoom>=15] {
  85.   line-color: #2E262D;
  86.   line-width: 0.2;
  87.   building-fill: #313d3a;
  88.   building-fill-opacity:0.8;
  89.   building-height:5;
  90. }
  91.  
  92. #osm_poly[building='yes'][zoom=16] {
  93.   line-width: 0.3;
  94.   building-fill: #313d3a;
  95.   building-fill-opacity:0.8;
  96.   building-height:10;
  97. }
  98.  
  99. #osm_poly[building='yes'][zoom=17] {
  100.   line-width: 0.4;
  101.   building-fill: #313d3a;
  102.   building-fill-opacity:0.8;
  103.   building-height:15;
  104. }
  105.  
  106. #osm_poly[building='yes'][zoom=18] {
  107.   line-width: 0.5;
  108.   building-fill: #313d3a;
  109.   building-fill-opacity:0.8;
  110.   building-height:15;
  111. }
  112.  
  113.  
  114. /* == ELEVATION LINES =================================== */
  115. /* All */
  116. #mtl_cont[zoom>=12] {
  117.   line-color: #AEF7FF;
  118.   line-opacity: 0.10;
  119.   line-width: 0.3;
  120. }
  121.  
  122. #mtl_cont[zoom=13] {
  123.   line-opacity: 0.20;
  124. }
  125.  
  126. #mtl_cont[zoom=14] {
  127.   line-opacity: 0.30;
  128. }
  129.  
  130. #mtl_cont[zoom>=15] {
  131.   line-opacity: 0.40;
  132. }
  133.  
  134. /* == PARKS ============================================= */
  135.  
  136. #osm_parks[leisure='park'] {
  137.   polygon-fill: #47705E;
  138. }
  139.  
  140. /* == ROADS ============================================= */
  141. /* For zoomed-out perspective*/
  142.  
  143. #osm_line[zoom>=9][zoom<=10] {
  144.   [highway='motorway'],
  145.   [highway='motorway_link'] {
  146.     line-color: @motorway_line;
  147.   }
  148.   [highway='trunk'] {
  149.     line-color: @trunk_line;
  150.   }
  151.   [highway='primary'] { line-color: @primary_line; }
  152.   [highway='secondary'] { line-color: @secondary_line; }
  153.   [highway='tertiary'] { line-color: @standard_line; }
  154.   [zoom=9] {
  155.     [highway='motorway'],[highway='trunk'] { line-width: 1; }
  156.     [highway='primary'],[highway='secondary'],
  157.     [highway='motorway_link'] { line-width: 0.4; }
  158.   }
  159.   [zoom=10] {
  160.     [highway='motorway'],[highway='trunk'] { line-width: 1.2; }
  161.     [highway='primary'],[highway='secondary'],
  162.     [highway='motorway_link'] { line-width: 0.6; }
  163.   }
  164. }
  165.  
  166.  
  167. /* Lowest-priority order roads: cycleway, footway, path, rail*/
  168.  
  169. #osm_line::lowpriority[zoom>=14] {
  170.   [highway='cycleway'] {
  171.     line-color: #85c5d3;
  172.     line-width: 1;
  173.     line-opacity: 0.8;
  174.     line-dasharray: 4,4;
  175.   }
  176.   [highway='footway'] {
  177.     line-color: #B1F1D2;
  178.     line-width: 1;
  179.     line-opacity: 0.8;
  180.     line-dasharray: 2,2;
  181.     line-opacity: 0.6;
  182.   }
  183.   [highway='path'] {
  184.     line-color: #84F1B4;
  185.     line-width: 1.2;
  186.     line-opacity: 0.8;
  187.     line-dasharray: 6,6;
  188.   }
  189.   [railway='rail'] {
  190.     line-color: #B1F1D2;
  191.     line-dasharray: 1,1;
  192.     [highway='subway'] { line-opacity: 0.67; }
  193.     [zoom>15] { line-dasharray: 1,2; }
  194.   }
  195. }
  196.  
  197. /* Mid-priority order roads: */
  198.  
  199. #osm_line::midpriorityline {
  200.   [zoom=11] {
  201.     [highway='secondary']{ line-width: @rdz11_min; }
  202.     /* No minor bridges yet */
  203.     [highway='service']  { line-width: 0; }
  204.     [highway='footway']   { line-width: 0; }
  205.     [railway='rail']  { line-width: 0; }
  206.   }
  207. }
  208.  
  209. #osm_line::midpriorityfill {
  210.   [highway='secondary'],
  211.   [highway='secondary_link'] {
  212.     line-color: @secondary_fill;
  213.     [tunnel=1] { line-color: lighten(@secondary_fill, 10%); }
  214.   }
  215.   [highway='residential'],
  216.   [highway='residential_link'] {
  217.     line-color: @secondary_fill;
  218.     [tunnel=1] { line-color: lighten(@secondary_fill, 10%); }
  219.   }
  220. }
  221.  
  222. #osm_line::highpriorityline {
  223.   [zoom=11] {
  224.     [highway='motorway'] {
  225.       line-width: @rdz11_maj + 2;
  226.       line-color: @motorway_case;
  227.       [bridge='yes'] { line-color: @motorway_case * 0.8; }
  228.     }
  229.     [highway='primary'] { line-width: @rdz11_med + 1.6; }
  230. }
  231.  
  232. #osm_line::highpriorityfill {
  233.   line-color: @standard_fill;
  234.   [highway='motorway'],
  235.   [highway='motorway_link'] {
  236.     line-color: @motorway_fill;
  237.     [tunnel=1] { line-color: lighten(@motorway_fill, 10%); }
  238.   }
  239.   [highway='trunk'],
  240.   [highway='trunk_link'] {
  241.     line-color: @trunk_fill;
  242.     [tunnel=1] { line-color: lighten(@trunk_fill, 10%); }
  243.   }
  244.   [highway='primary'],
  245.   [highway='primary_link'] {
  246.     line-color: @primary_fill;
  247.     [tunnel=1] { line-color: lighten(@primary_fill, 10%); }
  248.   }  
  249. }  
  250.  
  251. /* == WATER ============================================= */
  252.  
  253. #mtl_land3[TYPE='WATER'] {
  254.   line-color: #0e3131;
  255.   line-width: 1;
  256.   polygon-fill: #0e3131;
  257. }
create a new version of this paste RAW Paste Data