/* POCKET */ @font-face { font-family: 'LPMillerBold'; font-weight: normal; font-style: normal; src: url("LPMillerDailyOne-Bold.ttf"); } @font-face { font-family: 'LPBentonSansCond'; font-weight: normal; font-style: normal; src: url("LPBentonSansCond-Regular.ttf"); } @font-face { font-family: 'LPBentonSansCondBold'; font-weight: normal; font-style: normal; src: url("LPBentonSansCond-Bold.ttf"); } @font-face { font-family: 'LPBentonSansBold'; font-weight: normal; font-style: normal; src: url("LPBentonSans-Bold.ttf"); } @font-face { font-family: 'LPBentonSansRegular'; font-weight: normal; font-style: normal; src: url("LPBentonSans-Regular.ttf"); } @font-face { font-family: 'LPIcons2012'; font-weight: normal; font-style: normal; src: url("LPIcons2012.ttf"); } @font-face { font-family: 'LPNumerals2010'; font-weight: normal; font-style: normal; src: url("LPNumerals2010.ttf"); } @font-face { font-family: 'LPDiscIcons'; font-weight: normal; font-style: normal; src: url("LPDiscIcons.ttf"); } @font-face { font-family: 'LPMapIcons2010'; font-weight: normal; font-style: normal; src: url("LpMapIcon2010.ttf"); } /* ------------------ Reset ------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { text-align: left; } /* ------------------ TYPOGRAPHY ------------------- */ body { font-family: Georgia, "Times New Roman", serif; text-align: left; } p { margin: 0.3em 0 0 0; line-height: 140%; font-size: 1em; } p.body-text { text-indent: 1em; } /* Style hyperlink color Ipad */ a:link, a:visited, a:hover, a:active { -webkit-text-fill-color: #637DB8; } /* others*/ a:link, a:visited, a:hover, a:active { color: #637DB8; text-decoration: underline; } .bullet_arrow { font-family: LPIcons2012; } .font-icon, .icon { font-family: LPIcons2012; display: none; background: none !important; padding: 0; } .quickstart .heading .heading-icon, .explore .heading .heading-icon, .best .heading .heading-icon { font-family: LPIcons2012; } .itinerary-morning { font-family: LPIcons2012; } .itinerary-afternoon { font-family: LPIcons2012; } .itinerary-evening { font-family: LPIcons2012; } .need-to-know h2 .numbered { font-family: LPNumerals2010; } .explore .numbered, .best .numbered { font-family: LPNumerals2010; } .disc-icons { font-family: LPDiscIcons; } /* ---- Headings ----- */ h1 { margin-top: 0; line-height: 100%; } h1, h2, h3, h4, h5, h6 { text-align: left; font-family: Helvetica, Arial, Seravek, sans-serif; } h2 { margin: 1.2em 0 0.1em 0; } h3 { color: #e13d32; font-weight: normal; margin: 1em 0 0 0; } h4 { margin-bottom: .2em; } h5 { font-size: 1em; margin: 1.2em 0 0 0; } h6 { font-size: 1em; margin: 1.2em 0 0 0; } .emphasis-character { font-weight: bold; font-family: Helvetica, Arial, sans-serif; } .bold, .emphasis { font-weight: bold; font-family: Helvetica, Arial, sans-serif; } .bullet_arrow { color: #e13d32; } span.box-byline { font-style: italic; font-weight: normal; } .italic { font-style: italic; font-weight: normal; } .caption-character { font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; font-size: .9em; } span.language-italic { font-style: italic; padding: 0 10px 0 10px; } span.light { font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; font-size: .9em; } .bullet_arrow { font-family: LPIcons2012; font-weight: normal; margin-right: .2em; color: #E63323; font-size: 0.7em !important; display: none; /* hide for ADE devices */ } /* ------------------ MISC. ------------------- */ .break { page-break-after: always; } .stats { text-transform: uppercase; font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; font-weight: normal; font-size: .8em; margin-top: 7px; } .script { display: none; } .font-icon { font-family: LPIcons2012; font-style: normal; font-weight: normal; display: none; } /* Hidden for ADE devices */ .font-prac-icon { font-family: LPIcons2012; font-style: normal; font-weight: normal; display: none; } /* Hidden for ADE devices */ span.map-links a { text-decoration: none; } /* ------------------ HEADERS ------------------- */ .heading h1 { color: #000000; /*margin-left:95px;*/ } .heading h1 strong { color: #E03126; display: block; } .heading img { float: left; vertical-align: middle; } /* Light version */ .heading-alt { overflow: hidden; margin-bottom: 10px; } .heading-alt h1, .heading-alt h2 { color: #E03126; font-weight: 100; font-size: 1.7em; margin-left: 95px; margin-top: 0; } /*heading-alt h1 span.title, .heading-alt h2 strong { color:#000; display:block; font-weight:bold; margin-right:.2em; }*/ .heading-alt img { float: left; vertical-align: middle; } /* ------------------ SIDEBAR ------------------- */ .sidebar { background-color: #FFF4CB; padding: 1em; border-radius: 10px; } .sidebar .list-d { font-family: Helvetica, Arial, sans-serif !important; border-bottom: 2px dotted #968E52; font-size: .9em; padding-bottom: .3em; } .sidebar p { font-family: Helvetica, Arial, sans-serif !important; font-size: .9em; } p.sidebar { padding-bottom: .2em; } .sidebar .list-d .emphasis-character { font-family: Helvetica, Arial, sans-serif !important; } .sidebar h6:first-child, p.heading-6-line-above { margin-top: 0; color: #4f7c39; font-weight: bold; } .sidebar h4:first-child { margin-top: 0; } .sidebar-heading { font-weight: bold; border: none !important; padding-bottom: 0 !important; margin-top: .4em; } .neighbourhood-intro .context-sidebar { background-color: #D2EDFC; } .neighbourhood-intro .context-sidebar .list-a { font-family: Helvetica, Arial, Seravek, sans-serif !important; border-bottom: none; } .worth-a-trip-sidebar { background-color: #fff5d8; padding: 1em; padding-top: .8em; margin-top: 1em; margin-bottom: 1em; border-radius: 10px; border: 2px dashed #FCC424; } .worth-a-trip-sidebar .box-flush-left { font-family: Georgia,"Times New Roman",serif; } .context-worth-a-trip-sidebar .box-heading-1 { font-family: Helvetica, Arial, sans-serif !important; margin-top: 0; font-size: 1.3em; } .context-worth-a-trip-sidebar img { vertical-align: middle; } .context-worth-a-trip-sidebar p { font-family: Georgia, "Times New Roman", serif; } /* ------------------ IMAGES ------------------- */ .button img { width: 95%; } /* map pdfs link on sampler page, width set for ADE */ .full_page_image, .full_page_image_container img, .context-eps img { /* ensure images are restricted to the width of their container */ padding: 0; margin: 0; max-width: 100%; vertical-align: middle; } div.full_page_image_container { padding: 0; margin: 0; text-align: center; } div.image_container { margin: 0px 0px; } div.image_container img { padding: 0; margin: 0; vertical-align: bottom; } .image_container.tall { /* To be used on tall and narrow images */ height: 93vh !important; page-break-inside: avoid; } .image_container.tall img { height: 100%; } .caption { margin: 0px 0px 10px 0px; text-align: left; font-size: 0.7em; clear: both; padding: 3px 0 4px 0; font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; } .caption span { text-align: left; } h1 img, h3 img, h4 img, .heading-6 img { vertical-align: middle; } .context-eps { text-align: center; margin-top: 15px; } .running-header { font-family: Helvetica, Arial, sans-serif; font-size: 1.3em; color: #000; font-weight: bold; padding-top: .2em; margin-bottom: 1em; } /* ----------------- BOXED TEXT ------------------ */ .box-heading-1 { font-family: Helvetica, Arial, sans-serif; padding-bottom: .3em; margin-bottom: .2em; margin-top: 0; font-size: 1.2em; } .box-heading-2 { font-family: Helvetica, Arial, sans-serif; margin-bottom: 0; color: #138AD6; } .box-flush-left, .box-body-text, .box-list-a, .box-list-b, .box-list-c { font-family: Helvetica, Arial, sans-serif; font-size: .9em; line-height: 150%; } .box-body-text { text-indent: 1em; } .box-text.top-tip { background-color: #d6e6bb; border-radius: 15px; padding: 1em; margin: auto; margin-top: 30px; margin-bottom: 1em; /*width:90%;*/ } .special-box-heading { font-size: 1.2em; font-family: Helvetica, Arial, Seravek, sans-serif; /*margin-top:-32px;*/ margin-top: -5px; margin-bottom: 12px; } .special-box-heading img { vertical-align: bottom; margin-right: 5px; } .box-text.top-tip .special-box-heading { color: #4e7b39; } .box-text.local-life .special-box-heading { color: #e23d31; } .box-text.understand { border-radius: 15px; padding: 1em; margin: auto; margin-top: 1em; margin-bottom: 1em; /*width:90%;*/ border: 3px solid #009dde; } .box-text.understand .box-heading-1 { font-size: 1.1em; font-family: Helvetica, Arial, Seravek, sans-serif; margin-bottom: 10px; margin-top: 0; padding-bottom: .4em; border-bottom: 4px dashed #009dde; font-weight: bold; color: #000; } .box-text.understand .special-box-heading { margin-top: 0; color: #138AD6; margin-bottom: .2em; } .box-text.understand.full-page { background-color: #e8f6fd; padding: 1em; margin: 1em 0; } .box-text.understand.full-page .special-box-heading { margin: 0; color: #138AD6; } /* ----------------- BOOK TOC ------------------ */ .book-toc h1 { font-size: 2.2em; font-family: Helvetica, Arial, sans-serif; color: #000; font-size: 1.8em; margin-bottom: 1em; } .book-toc h2 { font-family: Helvetica, Arial, sans-serif; color: #000; font-size: 1.8em; margin-bottom: 1em; font-weight: bold; font-size: 1.2em; margin-top: .8em; margin-bottom: 2px; padding: .3em .5em .2em .8em; color: #fff; border-radius: 8px; line-height: normal; } .quickstart-guide-toc h2 { background: #DDA51E; } .explore-toc h2 { background: #138AD6; } .best-toc h2 { background: #e13d32; } .survival-guide-toc h2 { background: #A49D5C; } .special-toc h2 { background: #444; } .book-toc h3 { font-size: 1em; margin: 0.8em 0 0 0 !important; line-height: 120%; } .book-toc h3 a { font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; font-size: 1.1em; color: #222 !important; -webkit-text-fill-color: #222; font-weight: normal; } .explore-toc h3 a { font-family: LPBentonSansCond, Arial, sans-serif; font-size: 1em; } .book-toc h4 { font-size: 1em; margin: 8px 0 0 0; } .book-toc h4 a { font-family: LPBentonSansCond, Arial, sans-serif; font-size: 1em; margin-left: 1.2em; font-weight: normal; } .explore-toc h3 { margin-top: 0.8em !important; } .toc-section-items { background: #f9f9f9; padding: .5em 1em; border-radius: 7px; } .map-keys p.sights samp, .map-keys p.top-sights samp { color: #E03126; } .map-keys p.eating samp { color: #008072; } .map-keys p.drinking samp { color: #006CAF; } .map-keys p.entertainment samp { color: #EE8620; } .map-keys p.shopping samp { color: #8E3D89; } /* ------------ MAP STYLES ----------- */ .map-keys p, .map-keys div { font-family: Helvetica, Arial, sans-serif; } .map-keys a { text-transform: none; } .map-keys { background-color: #F0EEDD; border-radius: 5px; padding: 1em 0; padding-right: 1em; margin-bottom: 2em; } .map-keys .fullWidth { padding: 0 10px; } .map-keys div { text-indent: 1em; clear: both; } .map-keys p.key-head { color: #0066b3; font-size: 1.5em; font-weight: bold; } .map-keys h3.heading-intro-page { color: #0066b3; font-size: 1.5em; font-weight: bold; border: none; margin-top: 0; } .map-keys div.top-sights, .map-keys div.sights, .map-keys div.eating, .map-keys div.drinking, .map-keys div.drinking-nightlife, .map-keys div.shopping, .map-keys div.entertainment, .map-keys div.activities-courses-tours, .map-keys div.sports-activities, .map-keys div.information, .map-keys div.transport { margin-top: 1em; } .map-keys p.top-sights, .map-keys p.sights, .map-keys p.eating, .map-keys p.drinking, .map-keys p.drinking-nightlife, .map-keys p.shopping, .map-keys p.entertainment, .map-keys p.activities-courses-tours, .map-keys p.sports-activities, .map-keys p.information, .map-keys p.transport { font-size: 1em; font-weight: bold; margin-left: -20px; padding-right: 7px; } .map-keys p.top-sights { color: #e03126; } .map-keys p.sights { color: #e03126; } .map-keys p.eating { color: #008072; } .map-keys p.drinking { color: #006caf; } .map-keys p.shopping { color: #8e3d89; } .map-keys p.entertainment { color: #ee8620; } .map-keys .map-keys-poi span.num { font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: .9em; padding-top: 2px; float: left; width: 1.5em; margin-left: 0em; } .map-keys .sights span.num { color: #e03126; } .map-keys .top-sights span.num { color: #e03126; } .map-keys .activities-courses-tours span.num { color: #e63323; } .map-keys .eating span.num { color: #008072; } .map-keys .drinking span.num { color: #006caf; } .map-keys .shopping span.num { color: #8e3d89; } .map-keys .entertainment span.num { color: #F39200; } .map-keys p.top-sights, .map-keys p.sights { background: url(images/key-sights.gif) no-repeat 1em; padding-left: 1.3em; } .map-keys p.eating { background: url(images/key-eat.gif) no-repeat 1em; padding-left: 1.3em; } .map-keys p.drinking { background: url(images/key-drink.gif) no-repeat 1em; padding-left: 1.3em; } .map-keys p.shopping { background: url(images/key-shop.gif) no-repeat 1em; padding-left: 1.3em; } .map-keys p.entertainment { background: url(images/key-entertain.gif) no-repeat 1em; padding-left: 1.3em; } .map-keys .map-keys-poi { display: block; padding: 5px 0; padding-left: 1em; text-indent: .2em; font-size: .9em; font-weight: normal; border-bottom: 1px dotted #222; font-family: Helvetica, Arial, sans-serif; } .map-keys .map-keys-poi a:link { color: #637DB8 !important; font-size: 1em; } .map-keys .map-keys-poi span.ref { padding-left: .5em; font-size: .9em; } .map-keys .column2 { float: left; width: 47%; } .map-keys.box-heading-2 { color: #e63323; text-transform: none; font-family: LPBentonSansBold, Verdana, Arial, Helvetica, sans-serif; font-size: .9em; margin-top: .4em; } .map { margin: 20px 0px 0px 0px; } span.link_map { padding: 3px 4px; background-color: #A4BDDB; color: #fff !important; -webkit-text-fill-color: #fff; border-radius: 5px; font-size: 11px; text-transform: uppercase; font-style: normal; text-indent: 0px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; padding: 2px 4px 1px 4px; /* uneven padding to support ADE */ } /* --- POIs --- */ span.name { font-weight: bold; } span.practicalities { font-family: LPBentonSansCond,Helvetica,Arial,sans-serif; font-size: 0.9em; margin-top: 0px; } span.subtype { color: #333333; display: inline-block; font-family: LPBentonSansCond,Helvetica,Arial,sans-serif; font-size: 0.7em !important; font-weight: normal; text-transform: uppercase; margin-left: 1em; } .box-text span.subtype { font-size: 0.8em !important; } .poi-line { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; font-weight: bold; margin-top: 1em; } .poi-line img { vertical-align: middle; } .subtype { text-transform: uppercase; font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; font-weight: normal; font-size: .7em; } .practicalities { font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; font-weight: normal; font-size: .9em; color: #222; } .price-indicator { font-weight: normal; font-size: .9em; color: #222; } p.poi-line { padding-bottom: .2em; padding-left: 2em; } .poi.see p.poi-line, .poi.do p.poi-line { background: url(images/poi-category-sights.gif) no-repeat; } .poi.eat p.poi-line { background: url(images/poi-category-eat.gif) no-repeat; } .poi.entertainment p.poi-line { background: url(images/poi-category-entertain.gif) no-repeat; } .poi.shop p.poi-line { background: url(images/poi-category-shop.gif) no-repeat; } .poi.drink p.poi-line { background: url(images/poi-category-drink.gif) no-repeat; } /* BULLETS */ .bullet { padding-right: 2em; padding-bottom: .2em; padding-top: .5em; display: inline; } .black-numbers-1 { background: url(images/black-numbers-1.gif) no-repeat 0em 0.2em; } .black-numbers-2 { background: url(images/black-numbers-2.gif) no-repeat 0em 0.2em; } .black-numbers-3 { background: url(images/black-numbers-3.gif) no-repeat 0em 0.2em; } .black-numbers-4 { background: url(images/black-numbers-4.gif) no-repeat 0em 0.2em; } .black-numbers-5 { background: url(images/black-numbers-5.gif) no-repeat 0em 0.2em; } .black-numbers-6 { background: url(images/black-numbers-6.gif) no-repeat 0em 0.2em; } .black-numbers-7 { background: url(images/black-numbers-7.gif) no-repeat 0em 0.2em; } .black-numbers-8 { background: url(images/black-numbers-8.gif) no-repeat 0em 0.2em; } .black-numbers-9 { background: url(images/black-numbers-9.gif) no-repeat 0em 0.2em; } .black-numbers-a { background: url(images/black-numbers-a.gif) no-repeat 0em 0.2em; } .black-numbers-b { background: url(images/black-numbers-b.gif) no-repeat 0em 0.2em; } .explore .top-sights-practicalities .list-b { background: url(images/empty.gif); } .need-to-know-chapter .list-b, .getting-around .list-b, .first-time .list-b, .explore .list-b, .day-trips .box-list-b { background: url(images/arrow-red.gif) no-repeat 0 0.2em; padding-left: 17px; }