/* CITY GUIDE */ @font-face { font-family: 'LPMillerBold'; font-weight: normal; font-style: normal; src: url("LPMillerDailyOne-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: '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: '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"); } /* Colors Plan { background:#e42118; } OTR { background:#005ea8; } Understand { background:#53853c; } Survive { background:#797a7c; } Box brown #eee8d7 */ /* --------- GENERIC ----------- */ body { text-align: left; } p { text-align: left; margin: 0; font-family: Times, "Times New Roman", serif; font-weight: normal; padding: 2px 0; } p.indented-paragraph { text-indent: 1em; } .body-text { text-indent: 1em; } p { line-height: 130%; } /* Icon Fonts */ .font-icon { font-family: LPIcons2012; } .itinerary-morning { font-family: LPIcons2012; } .itinerary-afternoon { font-family: LPIcons2012; } .itinerary-evening { font-family: LPIcons2012; } .icon-eating { font-family: LPIcons2012; } .disc-icons { font-family: LPDiscIcons; } .numbered { font-family: LPNumerals2010; } .neighbourhood-landing-page .map-icon { font-family: LPMapIcons2010; } .icon-b { font-family: LPIcons2012 !important; } .font-icon-lge { font-family: LPIcons2012; } .font-icon { font-family: LPIcons2012; } .font-prac-icon { font-family: LPIcons2012; } .bullet_arrow { font-family: LPIcons2012; } /* Headings */ h1, .heading-1 { font-family: LPMillerBold, Georgia, Times, serif; font-weight: normal; font-size: 2.8em; line-height: 100%; margin: 0 0 .5em 0; padding: 0; text-align: left; -webkit-hyphens: none; hyphens: none; } h2, .heading-2 { font-family: LPMillerBold, Georgia, Times, serif; font-weight: normal; margin: 1em 0 .2em 0; line-height: 100%; text-align: left; } h3, .heading-3 { font-family: LPMillerBold, Georgia, Times, serif; font-weight: normal; font-size: 1.5em; margin: 1em 0 .2em 0; line-height: 100%; text-align: left; color: #005ea8; } h4, .heading-4 { text-align: left; } h5, .heading-5 { text-align: left; } h6, .heading-6 { font-family: Helvetica, Arial sans-serif; text-align: left; margin: 1em 0 .2em 0; font-size: 1em; } .heading-7 { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 1em; color: #00AEEF; margin: .4em 0 .1em 0; } .heading-1-black { font-family: LPMillerBold, Georgia, Times, serif; font-weight: normal; font-size: 2.8em; margin: 0 0 .5em 0; padding: 0; text-align: left; } .heading-1-large { font-family: LPMillerBold, Georgia, Times, serif; font-weight: normal; font-size: 2.8em; margin: 0 0 .5em 0; padding: 0; text-align: left; } .heading-1-overview { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 2.2em !important; margin: 0 0 .5em 0; padding: 0; text-align: left; } /* Lists */ .list-a, .list-b { /*font-family: Helvetica, Arial, sans-serif; font-size:.9em;*/ margin-top: .5em; line-height: 130%; } .list-a .poi { font-size: 100%; } .list-a + p.flush-left { margin-top: .7em; } /* Elements with arrow-bullets */ .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; } /* Style hyperlink color Ipad */ a:link, a:visited, a:hover, a:active { -webkit-text-fill-color: #0000FF; } /* Others */ a:link, a:visited, a:hover, a:active { color: #0000FF; text-decoration: underline; } .bold, .emphasis { font-weight: bold; } .intro-text { font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 1em; line-height: 140% !important; margin-bottom: .5em; } .italic { font-style: italic; } .bold-italic { font-style: italic; font-weight: bold; } .bio, .box-bio { font-style: italic; text-align: right; } .branches, .halves { font-size: .9em; font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; } .box-block-quote { font-family: Helvetica, Arial, sans-serif; text-indent: 1em; font-size: .9em; } .box-body-text { font-family: Helvetica, Arial, sans-serif; text-indent: 1em; } .emphasis-character { font-weight: bold; } .cross-ref-paragraph { font-style: italic; font-weight: bold; } .cross-ref-paragraph img { vertical-align: middle; } .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; } .break { page-break-after: always; margin: 0 !important; padding: 0 !important; line-height: 0 !important; height: 0; } .bullet_arrow { color: #E63323; } .block { display: block; } .no_float { float: none !important; } .sidebar { font-family: Helvetica, Arial, sans-serif; line-height: 130%; } .numbered-list { font-family: Helvetica, Arial, sans-serif; line-height: 130%; } .name { font-weight: bold; font-family: Helvetica, Arial, sans-serif; line-height: normal; font-size: .9em; } .list-a span.poi { font-weight: normal; font-family: Helvetica, Arial, sans-serif; line-height: normal; font-size: .9em; } span.poi { font-family: Helvetica, Arial, sans-serif; line-height: normal; font-size: .9em; } .box-byline { font-size: .9em; font-style: italic; color: #222; } .contents-blue { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #005ea8; } .contents-red { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #e42118; } span.numbers { color: #e42118; float: left; font-family: LPMillerBold; font-size: 280%; font-weight: normal; margin-bottom: -0.3245em; padding: 0 10px 0 0 !important; line-height: 1; } span.subtype { color: #333; display: inline-block; float: right; font-size: 0.8em; font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; } /* Images */ img { max-width: 100%; } .full_page_image, .full_page_image_container img { /* Ensure images are restricted to the width of their container */ padding: 0; margin: 0; vertical-align: middle; } div.full_page_image_container { padding: 0; margin: 0; text-align: center; } div.image_container { margin: 15px 0px; } .map-keys { text-align: left; } .context-eps { text-align: center; margin-top: 15px; } div.image_container img { padding: 0; margin: 0; vertical-align: middle; } .image_container.tall { /* To be used on tall and narrow images */ height: 93vh !important; page-break-inside: avoid; margin: 0 !important; } .image_container.tall img { height: 100%; } .image-wrap img { vertical-align: middle; } .caption { margin: -7px 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; color: #333; } h1 img, h3 img, h4 img, .heading-6 img { vertical-align: middle; } .introduction-flush-left { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; line-height: 130%; color: #222; } /* Map styles */ .map-keys { background: #eee8d7; border-radius: 5px; width: 100%; padding: 1em 0; margin-bottom: 2em; /*margin-top: 2em;*/ } .map-keys .fullWidth { padding: 0 10px; } .map-keys div { padding-top: 1em; text-indent: 1em; } .map-keys p { font-size: 1em; } .map-keys p img { padding-right: .3em; } .map-keys p, .map-keys div, .map-keys a { font-family: Helvetica, Arial, sans-serif; } .map-keys p.key-head { color: #0066b3; font-family: LPMillerBold, Georgia, serif; font-size: 1.5em; font-weight: normal; } .map-keys h3.heading-intro-page { color: #0066b3; font-family: LPMillerBold, Georgia, serif; font-size: 1.5em; font-weight: normal; border: none; margin-top: 0; } p.map-index-paragraph { font-family: Helvetica, Arial, sans-serif; } p.top-sights, p.sights, p.sleeping, p.eating, p.drinking, p.drinking-nightlife, p.shopping, p.entertainment, p.activities-courses-tours, p.information, p.sports-activities, p.transport { font-weight: bold; padding-left: 5px; } p.top-sights, p.sights { background: url(images/key-sights.gif) no-repeat; } p.sleeping { background: url(images/key-sleep.gif) no-repeat; } p.eating { background: url(images/key-eat.gif) no-repeat; } p.drinking, p.drinking-nightlife { background: url(images/key-drink.gif) no-repeat; } p.shopping { background: url(images/key-shop.gif) no-repeat; } p.entertainment { background: url(images/key-entertain.gif) no-repeat; } p.activities-courses-tours, p.information, p.sports-activities, p.transport { background: url(images/key-info.gif) no-repeat; } /* Colors for icon fonts */ p.top-sights .disc-icons, p.sights .disc-icons { color: #E42118; } p.information .disc-icons { color: #666; } .map-keys .map-keys-poi { padding-top: 2px; font-size: .9em; margin-left: 10px; font-weight: normal; border-bottom: 1px dotted #000; } .map-keys .map-keys-poi a:link { color: #0068ad !important; text-decoration: underline !important; } .map-keys .map-keys-poi a:visited { text-decoration: underline; color: #0068AD !important; } .map-keys .map-keys-poi span.num { color: #139CD8; font-weight: bold; padding-right: 5px; } .map-keys .sights span.num { color: #e63323; font-weight: bold; padding-right: 5px; } .map-keys .top-sights span.num { color: #e63323; font-weight: bold; padding-right: 5px; } .map-keys .map-keys-poi span.ref { text-align: right; font-family: Helvetica, Arial, Verdana, sans-serif; padding-left: 10px; } .map-keys .column2 { float: left; width: 47%; } .map-keys.box-heading-2 { color: #e63323; text-transform: none; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: .9em; margin-top: .4em; } /* Tables */ table { margin: 15px 0; width: 100%; border-top: 2px dotted #473d1f; } th { text-align: left; font-size: .9em; } td { background-color: #f3edde; padding: 3px 5px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: .8em; } td img { vertical-align: top; margin-bottom: 4px; } /* required for iBooks */ tr:nth-child(2n+1) td { background-color: #fbf9f4; } .table-box { page-break-inside: avoid; margin: 1em 0; } .table-heading, .table-heading-1 { font-family: Helvetica, Arial, sans-serif !important; margin-top: 0 !important; font-size: 1em; color: #e42118; font-weight: bold; text-transform: uppercase; } th .table-heading { font-size: .8em; } /* --------- MISCELLANEOUS ----------- */ /* Inside Cover page */ .LP-logo { text-align: center; } .inside-cover { page-break-inside: avoid; } .inside-cover .heading-1 { text-align: center; width: 99%; color: #00287b; } .title-map { text-align: center; } .inside-cover p.heading-1 { font-family: LPBentonSansBold, Arial, sans-serif; font-size: 4em; margin: .2em 0 .5em 0; line-height: 120%; color: #013A69; } span.link_map { padding: 2px 5px; background: #ada097; color: #fff !important; border-radius: 5px; display: inline-block; margin-bottom: .2em; text-indent: 0px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: .7em; text-transform: uppercase; line-height: normal; -webkit-text-fill-color: #fff; } .map-links a:link { color: #fff !important; -webkit-text-fill-color: #fff; text-decoration: none; } /* Book TOC */ .book-toc h1 { font-size: 2.2em; } .book-toc h2 { font-family: LPBentonSansBold, Arial, sans-serif; font-size: 1.2em; text-transform: uppercase; margin-top: .8em; margin-bottom: 2px; padding: .3em .5em .2em .8em; color: #fff; border-radius: 8px; line-height: normal; } #plan-your-trip h2, .plan-your-trip-toc h2 { background: #e42118; } #explore h2, .explore-toc h2 { background: #005ea8; } #understand h2, .understand-toc h2 { background: #52842b; } #survive h2, .survive-toc h2 { background: #797a7c; } #special-features-toc h2, .special-features-toc h2 { background: #444; } .book-toc h3 { font-size: 1em; margin-top: 0.8em !important; font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; } .book-toc h3 a { font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; font-size: 1.1em; color: #222 !important; -webkit-text-fill-color: #222; } .explore-toc h3 a { font-family: LPBentonSansCondBold, Arial, sans-serif; font-size: 1em; text-transform: uppercase; } .book-toc h4 { font-family: LPBentonSansCond, Arial, sans-serif; font-size: 1em; margin: 8px 0 0 1.2em; font-weight: normal; } .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; } /* Boxed Text */ .box-flush-left { font-family: Helvetica, Arial, sans-serif; font-size: .9em; } .box-body-text { font-family: Helvetica, Arial, sans-serif; font-size: .9em; text-indent: 1em; } .box-list-a, .box-list-b { margin-top: .5em; font-size: 1em; } .box-text, .boxed-text, .top-events, .boxed-text, .month-by-month-box, .dont-miss, .local-knowledge, .off-the-beaten-track, .practical-tip, .worth-a-trip, .when-to-go-box, .need-to-know-box-optional, .planning-feature-box, .need-to-know-2p-overview-thinner, .top-sights-heading-sidebar, .sleeping-need-to-know-sidebar, .worth-a-detour, div.sidebar, .chapter-opening-sidebar, .need-to-know-sidebar-best-lists { background-color: #eee8d7; border-radius: 10px; margin: 1em 0; padding: 1em; page-break-inside: avoid; } .box-text p, .boxed-text p, .top-events p, .when-to-go-box p, .boxed-text p, .dont-miss p, .local-knowledge p, .off-the-beaten-track p, .practical-tip p, .worth-a-trip p, .need-to-know-box-optional p, .planning-feature-box p, .need-to-know-2p-overview-thinner p, .top-sights-heading-sidebar p, .sleeping-need-to-know-sidebar p, .worth-a-detour p, div.sidebar p, .need-to-know-sidebar-best-lists p { font-family: LPBentonSansRegular, Helvetica, Arial, sans-serif !important; font-size: .9em; } p.box-heading-1 { border-bottom: 3px dotted #E8181C; font-family: Helvetica, Arial, sans-serif !important; font-size: 1em !important; font-weight: bold; margin: 0em 0 0.5em; padding-bottom: .3em; text-transform: uppercase; color: #000; } .box-text div .box-heading-1, .boxed-text div .box-heading-1 { margin-top: 1em; } .survive .box-heading-2 { color: #e42118; } .box-heading-2 { margin: 15px 0; font-family: Helvetica, Arial, sans-serif; font-size: 1em; color: #005EA8; font-weight: bold; } p.special-box-heading { font-family: LPBentonSansRegular, Helvetica, Arial, sans-serif; line-height: 100%; font-size: .93em; margin-bottom: .15em; text-transform: uppercase; } .context-snippets { background-color: #fce4d7; border-radius: 10px 10px 10px 10px; margin-bottom: 0; margin-top: 1em; padding: 1em; } .context-snippets .heading-4 { margin: 1em 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; } .box-text div:first-child .box-heading-1 { margin-top: 0; border-top: none; } /* --------- COLOR SECTIONS ----------- */ .colour { background-color: #eee8d7; padding: 1em; } .colour h1 { color: #e42118; margin-bottom: .1em; } .colour h2 { color: #e42118; font-size: 2em; } .colour h4 { color: #000; font-family: LPMillerBold, Georgia, Times, serif; font-weight: normal; font-size: 1.2em; line-height: 100%; margin: 1em 0 0em 0; } .colour .box-text { background-color: #e5dcc1; } .colour .introduction-flush-left { font-size: .95em; color: #333; } .colour .heading-2:first-child { margin-top: 0; } .colour .image_container + .heading-2 { margin-top: .2em; } .colour .introduction-flush-left + .flush-left { margin-top: .3em; } .colour .list-a { font-family: Times, "Times New Roman", serif; font-size: 1em; } .themes-image-gallery h2 { margin-top: 0; } .themes-image-gallery .image_container { margin-bottom: 0; } .themes-title-page div.image_container, .themes-short-spread div.image_container, .themes-single div.image_container { margin: 0 0 .5em 0; } .spotters-guide .sidebar-heading { font-family: LPMillerBold,Georgia,Times,serif; font-size: 1.1em; margin: 1em 0 .2em 0; } .spotters-guide .sidebar { font-size: 1em; font-family: Times, "Times New Roman", serif; } .spotters-guide .image_container { margin-top: .5em; } .spotters-guide .heading-2 { margin-top: 0; } .itinerary-spread .introduction-flush-left { margin-bottom: 1em; } .colour .context-heading .body-text { color: #005EA8; font-family: Arial,Helvetica,sans-serif; font-size: 0.9em; font-weight: bold; margin-top: 0em; text-transform: uppercase; text-indent: 0; } .itinerary-number { margin: 0; } .itinerary-map { margin: 0em 0; } .colour .itinerary-number .body-text { color: #E42118; font-family: Arial,Helvetica,sans-serif; font-size: 1.3em; font-weight: bold; margin: 0 0 0.3em 0; padding: 0; text-indent: 0; line-height: 100%; } /* Cross sell page */ .promo { text-align: center; } .promo .img-container img { max-width: 90%; } .promo a { text-decoration: none; } .promo .buttons-wrapper img { width: 17% !important; } .promo .kindle .buttons-wrapper img { width: 49% !important; } table thead tr th { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 4px 5px 2px 5px; color: #473d1f; }