[ad_1]
.WB18__nav.WB18__nav–citylist a { display: block; width: 100%; z-index: 200; } .WB18__header–wrap p { margin-bottom: 0; line-height: 0 } .WB18__header–wrap .block img { width: 100% } .WB18 { box-sizing: border-box } .WB18 * { box-sizing: inherit } .WB18 a { transition-property: background-color, color; transition-duration: .2s } .grid { display: block } .grid>div { float: left } .grid { display: flex; flex-direction: column } @media (min-width:768px) { .grid { flex-direction: row } .grid>* { padding-left: 1em; padding-right: 1em; flex-grow: 1 } .grid>:first-child { margin-left: 0 } .grid>:last-child { margin-right: 0 } .block { width: 100% } } .font__display–proxima { font-family: proxima-nova, “Helvetica Neue”, Helvetica, Arial, sans-serif; font-family: “Work Sans”, sans-serif } .font__display–jubilat { font-family: jubilat, Georgia, serif; font-family: “Work Sans”, sans-serif } .WB18 h1, .WB18 h2, .WB18 h3, .WB18 h4, .WB18 h5, .WB18 h6 { font-family: proxima-nova, “Helvetica Neue”, Helvetica, Arial, sans-serif; font-family: “Work Sans”, sans-serif; font-weight: 900 } .WB18__header–wrap { margin-bottom: 2em; position: relative; /* margin-top: -38px */ } .WB18__header { display: block; text-align: right; background-color: #91c1c5; color: #fff; background-position: center center; font-family: jubilat, Georgia, serif; font-family: “Work Sans”, sans-serif; cursor: pointer } .WB18__header img { width: 100%; height: auto; /* margin-top: -2.4em */ } .WB18__header span { display: inline-block; color: #91c1c6; transition-property: color; transition-duration: .2s } .WB18__header span.to-animate { animation-name: tada; animation-duration: .9s; animation-delay: 1s } .WB18__header:hover span { color: #dc143c; color: #fff } .WB18__header:hover span.label__year { color: #444 } .WB18__headline, .single-post article h1.WB18__headline { color: #fff } .WB18__header .label__year { position: absolute; top: -20px; right: 0; line-height: 1em; padding: .3em .8em .2em; background-color: #e5eff6; color: #163335; font-weight: 900; box-shadow: 2px 2px 6px rgba(0, 0, 0, .5); border-radius: 20%/50% } @media (min-width:768px) { .WB18__header .label__year { font-size: 1.4em; right: -2em } } nav.WB18__nav.WB18__nav–citylist { z-index: 200; } .WB18__nav { display: flex; flex-wrap: wrap; flex-direction: column; margin: 0; background-color: #163335 } @media (min-width:768px) { .WB18__nav { flex-direction: row; justify-content: space-between } .WB18__nav a, .WB18__nav button { flex-grow: 1 } } .WB18__nav a, .WB18__nav button { padding: 1rem 1.5rem; border: 0; text-align: center; background-color: #91c1c5; color: #163335 !important; font-family: “Work Sans”, sans-serif; text-decoration: none !important } #WB18__nav–toggler.active, .WB18__nav a:hover, .WB18__nav button:hover { background-color: #1e90ff; background-color: #235e63; color: #fff !important; font-weight: 700 } .WB18__nav–home { order: 1 } .WB18__nav–top35 { order: 2 } .WB18__nav–overview { order: 3 } #WB18__nav–toggler { order: 4 } .WB18__nav button { outline: 0 } .WB18__nav #WB18__nav–toggler { position: relative; z-index: 20; color: #235e63 } .WB18__nav #WB18__nav–toggler::after { display: inline-block; padding: 0 1rem; content: ‘ 025BE’; transition-property: transform; transition-duration: .2s } .WB18__nav #WB18__nav–toggler.active::after { content: ‘ 025BE’; transform: rotate(180deg) } .WB18__nav–citylist { position: absolute; display: flex; width: 100%; z-index: 10; flex-direction: column; display: none; box-shadow: 0 6px 4px rgba(0, 0, 0, .5) } .WB18__nav–citylist.active { transform: translateX(0); z-index: 20 } .WB18__nav–citylist a { background-color: #163335; color: #91c1c5; color: #fff !important } .WB18__nav–citylist a:hover { background-color: #444; color: #fff; background-color: #235e63 } @media (min-width:768px) { .WB18__nav–home { order: 2 } .WB18__nav–top35 { order: 3 } .WB18__nav–overview { order: 4 } #WB18__nav–toggler { order: 1 } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } }
$(function () { $(“.WB18__nav–toggler”).click(function () { $(“.WB18__nav–citylist”).slideToggle() }) });
table.city-ranking {
font-family: proxima-nova, Helvetica, Arial, sans-serif
}
table.city-ranking tr td {
font-size: .9em
}
table.city-ranking tr>td:nth-of-type(9),
table.city-ranking tr>td:nth-of-type(10),
table.city-ranking tr>td:nth-of-type(11) {
color: orange
}
table.city-ranking tr>td:nth-of-type(1),
table.city-ranking tr>td:nth-of-type(3) {
text-transform: capitalize
}
.footable-details td,
.footable-details th,
table.city-ranking tr>td:last-of-type table.footable-details td:last-of-type {
color: #333
}
table.city-ranking th.bar {
width: 100px
}
table.city-ranking span.bar {
display: inline-block;
position: relative;
z-index: 10;
height: 2rem;
width: 100%
}
span.bar>span.bar-inner {
display: block;
height: 2rem;
z-index: 11;
font-size: 1rem;
line-height: 2rem;
padding-left: .5rem;
color: #fff;
font-weight: 900
}
span.bar.value {
background-color: #afeeee
}
span.bar.momentum {
background-color: salmon
}
span.bar.value>span.bar-inner {
background-color: #1e90ff
}
span.bar.momentum>span.bar-inner {
background-color: #dc143c
}
.WB18__legend {
margin: 1em 0;
padding: 1em 1em 6px;
font-size: 1.4rem;
border: solid 1px #ddd;
font-family: proxima-nova, Helvetica, Arial, sans-serif
}
.WB18__legend dt {
font-weight: bold;
}
.WB18__legend p.WB18__legend–explanatory {
font-size: 1.4rem
}
.WB18__legend .hide-on-mobile {
display: none
}
.WB18__legend .hide-on-desktop {
display: inline
}
@media (min-width:768px) {
.WB18__legend .hide-on-mobile {
display: inline
}
.WB18__legend .hide-on-desktop {
display: none
}
}
table.footable-details tbody tr th {
padding: 9px 10px
}
/* constrain the size of the table and have it scroll horizontally */
.ms-footable-wrapper-2021 {
max-width: 100%;
/* 100% of main content column */
overflow-x: scroll;
}
.ms-footable-wrapper-2021::before {
content: ‘SCROLL FOR MORE →’;
position: relative;
top: 5em;
color: #91c1c5;
z-index: 100;
left: 1em;
font-weight: bold;
}
| Sub division | Postal FSA | Neighbourhood name | Overall rank | Avg price 2020 | 1-year growth | 3-year growth | 5-year growth | Value score (out of 5 stars) | Neighbourhood economics score (out of 5 stars) | Neighbourhood accessibility score (out of 5 stars) | % Households with Children |
|---|---|---|---|---|---|---|---|---|---|---|---|
| west vancouver | V7W | lions bay | 1 | $1,660,983 | 2.9% | -8.7% | 21.6% | 3.6 | 5.0 | 0.5 | 45% |
| west vancouver | V7W | eagle harbour | 2 | $2,194,458 | 11.0% | 2.1% | 1.5% | 3.2 | 5.0 | 0.5 | 45% |
| west vancouver | V7W | horseshoe bay | 3 | $1,726,401 | -31.2% | -2.8% | 32.8% | 3.2 | 5.0 | 0.5 | 45% |
| west vancouver | V7W | caulfield | 4 | $3,150,545 | 53.9% | -16.0% | 23.0% | 3.1 | 5.0 | 0.5 | 45% |
| west vancouver | V7W | eagleridge | 5 | $2,208,271 | -6.4% | -8.2% | 9.9% | 2.9 | 5.0 | 0.5 | 45% |
| west vancouver | V7S | deer ridge | 6 | $1,649,500 | 6.4% | 8.4% | 48.4% | 4.2 | 3.6 | 0.8 | 49% |
| west vancouver | V7W | upper caulfield | 7 | $2,621,563 | 4.6% | -8.9% | 10.0% | 2.7 | 5.0 | 0.5 | 45% |
| west vancouver | V7S | chelsea park | 8 | $3,201,639 | 39.5% | 64.4% | 17.5% | 3.6 | 3.6 | 0.8 | 49% |
| west vancouver | V7S | panorama village | 9 | $1,408,667 | 6.5% | -12.3% | -14.2% | 3.5 | 3.6 | 0.8 | 49% |
| north vancouver | V7N | tempe | 10 | $1,727,714 | 12.5% | 3.1% | 34.5% | 4.0 | 3.0 | 2.5 | 49% |
| north vancouver | V7N | upper lonsdale | 11 | $1,427,330 | 1.1% | -5.9% | 20.4% | 3.8 | 3.0 | 2.5 | 49% |
| north vancouver | V7H | seymour | 12 | $1,160,852 | -11.9% | -2.9% | 24.0% | 3.9 | 2.9 | 2.2 | 49% |
| north vancouver | V7J | lynnmour inter river | 13 | $775,311 | 14.3% | 0.5% | 50.0% | 5.0 | 1.4 | 2.0 | 47% |
| west vancouver | V7S | cypress | 14 | $4,088,750 | 43.0% | 21.4% | 14.2% | 2.4 | 3.6 | 0.8 | 49% |
| north vancouver | V7J | lynn valley | 15 | $1,206,734 | 4.8% | 2.4% | 29.6% | 4.3 | 1.4 | 2.0 | 47% |
| north vancouver | V7L | lower lonsdale | 16 | $824,856 | 3.5% | 6.7% | 57.9% | 4.9 | 0.1 | 4.8 | 32% |
| west vancouver | V7V | bayridge | 17 | $3,412,714 | 25.2% | -15.5% | 27.9% | 2.4 | 2.2 | 1.1 | 34% |
| north vancouver | V7M | central lonsdale | 18 | $994,947 | 4.5% | 0.2% | 38.0% | 4.5 | 0.0 | 5.0 | 28% |
| west vancouver | V7S | whitby estates | 19 | $3,798,125 | -13.6% | -15.1% | -25.3% | 0.9 | 3.6 | 0.8 | 49% |
| north vancouver | V7P | capilano | 20 | $1,535,016 | -9.0% | -2.5% | -12.5% | 3.3 | 1.1 | 4.7 | 40% |
| west vancouver | V7T | dundarave | 21 | $2,402,443 | 8.0% | -14.0% | 1.1% | 2.8 | 1.6 | 2.0 | 39% |
| north vancouver | V7L | moodyville park | 22 | $919,453 | -5.2% | -2.6% | 13.0% | 4.1 | 0.1 | 4.8 | 32% |
| west vancouver | V7V | altamont | 23 | $4,658,231 | 78.3% | -35.9% | -15.5% | 1.6 | 2.2 | 1.1 | 34% |
| west vancouver | V7V | westmount | 24 | $4,307,797 | 11.4% | -6.5% | 27.2% | 1.5 | 2.2 | 1.1 | 34% |
| north vancouver | V7L | boulevard | 25 | $1,774,685 | 8.3% | -10.5% | 17.6% | 3.6 | 0.1 | 4.8 | 32% |
| west vancouver | V7S | canterbury | 26 | $5,476,200 | 9.3% | -27.8% | 6.9% | 0.0 | 3.6 | 0.8 | 49% |
| west vancouver | V7T | queens | 27 | $3,382,500 | 2.8% | -15.3% | 1.5% | 1.8 | 1.6 | 2.0 | 39% |
| west vancouver | V7V | west bay | 28 | $4,158,286 | -29.5% | -7.4% | 20.3% | 0.9 | 2.2 | 1.1 | 34% |
| west vancouver | V7V | rockridge | 29 | $3,000,000 | -45.0% | -56.7% | -25.3% | 0.7 | 2.2 | 1.1 | 34% |
