/* POCKET */ /* ----------------- QUICK START ------------------ */ h1 { font-family: Helvetica, Arial, sans-serif; font-size: 2.5em; max-width: 9em; margin-bottom: .5em; line-height: 100%; } h1 strong { color: #E03126; display: block; } .running-header strong { color: #E03126; } .title-page .box-flush-left { font-style: italic; font-size: 1.1em; border-top: 3px dotted #000; padding-top: 0.7em; margin-top: 1em; font-family: Helvetica, Arial, sans-serif; line-height: 140%; } /* --------------- TOP SIGHTS ---------------- */ .top-sights h4 { background: url("images/category-sights.gif") no-repeat; padding-left: 1.5em; font-size: 1.5em; margin-top: 0; color: #000; } .top-sights h4 .font-icon { color: #e13d32; } p.heading-alt { font-size: 1.3em; margin-top: 0; color: #e13d32; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } p.heading-alt span { color: #000; margin-right: 0.4em; } /* --------------- LOCAL LIFE ---------------- */ .local-life div.introduction { border-top: 2px dotted #968E52; border-bottom: 2px dotted #968E52; padding: .5em 0; font-size: 1.1em; font-family: Helvetica, Arial, sans-serif !important; color: #555; clear: both; } .local-life .list-c { background: url("images/checkbox.png") no-repeat 0.1em 0.3em; color: #7d774e; margin-top: 0; font-family: Helvetica, Arial, sans-serif; padding-left: 1em; } /* --------------- DAY PLANNER ---------------- */ .day-planner div.introduction { border-top: 2px dotted #968E52; border-bottom: 2px dotted #968E52; padding: .5em 0; font-size: 1.1em; font-family: Helvetica, Arial, sans-serif !important; color: #555; clear: both; } .am-pm { float: left; margin-right: .8em; margin-top: .1em; } .narrative { margin-top: 1em; font-family: Helvetica, Arial, sans-serif; } /* --------------- NEED TO KNOW ---------------- */ .need-to-know p { font-family: Helvetica, Arial, sans-serif; } .need-to-know h1 { margin-left: 0; color: #0083B8; font-size: 2.5em; max-width: 6em; } .need2KnowCol1 { background-color: #e8f6fd; padding: 1em; margin: 1em 0; } .need2KnowCol1 h3 { margin-top: 1em; margin-bottom: .4em; color:#0083B8; font-weight: bold; } .need2KnowCol1 div > h6:first-of-type { margin: 0.7em 0 0 0; color:#0083B8; } .need-to-know h2 { margin-bottom: .6em; color:#0083B8; } .need-to-know h5 { margin-bottom: .5em; color: #0083B8; line-height: 250%; padding-left: 3.5em; } .need-to-know .need2KnowCol1 h2 { line-height: 200%; } .need-to-know .need2KnowCol2 h2 { line-height: 200%; } .need-to-know .need2KnowCol3 h2 { line-height: 200%; } .need-to-know .list-b { background: url("images/arrow-red.gif") no-repeat 0.1em 0.3em; margin-top: 0; font-family: Helvetica, Arial, sans-serif; padding-left: 1em; } .need-to-know h5.none { padding-left: 0 !important; } .need-to-know h5.air { background: url("images/heading-icon-air.gif") no-repeat 0em 0.2em; } .need-to-know h5.bus { background: url("images/heading-icon-bus.gif") no-repeat 0em 0.2em; } .need-to-know h5.car { background: url("images/heading-icon-car.gif") no-repeat 0em 0.2em; } .need-to-know h5.taxi { background: url("images/heading-icon-car.gif") no-repeat 0em 0.2em; } .need-to-know h5.cycling { background: url("images/heading-icon-cycle.gif") no-repeat 0em 0.2em; } .need-to-know h5.bicycle { background: url("images/heading-icon-cycle.gif") no-repeat 0em 0.2em; } .need-to-know h5.bike { background: url("images/heading-icon-cycle.gif") no-repeat 0em 0.2em; } .need-to-know h5.ferry { background: url("images/heading-icon-ferry.gif") no-repeat 0em 0.2em; } .need-to-know h5.boat { background: url("images/heading-icon-ferry.gif") no-repeat 0em 0.2em; } .need-to-know h5.metro { background: url("images/heading-icon-metro.gif") no-repeat 0em 0.2em; } .need-to-know h5.subway { background: url("images/heading-icon-subway.gif") no-repeat 0em 0.2em; } .need-to-know h5.tube { background: url("images/heading-icon-tube.gif") no-repeat 0em 0.2em; } .need-to-know h5.underground { background: url("images/heading-icon-subway.gif") no-repeat 0em 0.2em; } .need-to-know h5.train { background: url("images/heading-icon-train.gif") no-repeat 0em 0.2em; } .need-to-know h5.tram { background: url("images/heading-icon-tram.gif") no-repeat 0em 0.2em; } .need-to-know table { font-family: Helvetica, Arial, sans-serif; border-collapse: collapse; background-color: #f7f7f7; } .need-to-know tbody { padding: .5em; } .need-to-know th { padding: 0px; font-weight: bold; font-size: 1.1em; } .need-to-know td { padding: 0px; border-bottom: 1px solid #666; } .need-to-know td p { font-size: .9em; padding: 5px 10px; } .need-to-know .table-heading-1 { border-bottom: 3px solid #e13d32; padding: 5px 10px; padding-top: .6em; margin-bottom: 0em; margin-top: 0; } .need-to-know p.sidebar-heading { padding-top: 0.3em; padding-bottom: 0em; } .need-to-know p.sidebar { padding-left: 0em; padding-top: 0em; } /* --------------- NEIGHBOURHOOD MAP ---------------- */ a.color-1 { color: #7796c5; -webkit-text-fill-color: #7796c5; } .neighbourhoods-map h3 { border-left: 12px solid; padding-left: 6px; border-radius: 6px; } .neighbourhoods-map h3:nth-of-type(1) { border-left-color: #7796c5; } .neighbourhoods-map h3:nth-of-type(2) { border-left-color: #f8b15a; } .neighbourhoods-map h3:nth-of-type(3) { border-left-color: #cf78a8; } .neighbourhoods-map h3:nth-of-type(4) { border-left-color: #89c07b; } .neighbourhoods-map h3:nth-of-type(5) { border-left-color: #8b70a6; } .neighbourhoods-map h3:nth-of-type(6) { border-left-color: #bed373; } .neighbourhoods-map h3:nth-of-type(7) { border-left-color: #89cdce; } .neighbourhoods-map h3:nth-of-type(8) { border-left-color: #eb697a; } .neighbourhoods-map h3 a { color: #7796c5; -webkit-text-fill-color: #7796c5; } .neighbourhoods-map h3:nth-of-type(1) a { color: #7796c5; -webkit-text-fill-color: #7796c5; } .neighbourhoods-map h3:nth-of-type(2) a { color: #f8b15a; -webkit-text-fill-color: #f8b15a; } .neighbourhoods-map h3:nth-of-type(3) a { color: #cf78a8; -webkit-text-fill-color: #cf78a8; } .neighbourhoods-map h3:nth-of-type(4) a { color: #89c07b; -webkit-text-fill-color: #89c07b; } .neighbourhoods-map h3:nth-of-type(5) a { color: #8b70a6; -webkit-text-fill-color: #8b70a6; } .neighbourhoods-map h3:nth-of-type(6) a { color: #bed373; -webkit-text-fill-color: #bed373; } .neighbourhoods-map h3:nth-of-type(7) a { color: #89cdce; -webkit-text-fill-color: #89cdce; } .neighbourhoods-map h3:nth-of-type(8) a { color: #eb697a; -webkit-text-fill-color: #eb697a; }