/* CITY GUIDE */ @font-face { font-family: 'LPMillerBold'; font-weight: normal; font-style: normal; src: url(XXXXXXXXXXXXXXXX); } @font-face { font-family: 'LPBentonSansBold'; font-weight: normal; font-style: normal; src: url(XXXXXXXXXXXXXXXX); } @font-face { font-family: 'LPBentonSansRegular'; font-weight: normal; font-style: normal; src: url(XXXXXXXXXXXXXXXX); } @font-face { font-family: 'LPBentonSansCond'; font-weight: normal; font-style: normal; src: url(XXXXXXXXXXXXXXXX); } @font-face { font-family: 'LPBentonSansCondBold'; font-weight: normal; font-style: normal; src: url(XXXXXXXXXXXXXXXX); } @font-face { font-family: 'LPIcons2012'; font-weight: normal; font-style: normal; src: url(XXXXXXXXXXXXXXXX); } @font-face { font-family: 'LPNumerals2010'; font-weight: normal; font-style: normal; src: url(XXXXXXXXXXXXXXXX); } @font-face { font-family: 'LPDiscIcons'; font-weight: normal; font-style: normal; src: url(XXXXXXXXXXXXXXXX); } @font-face { font-family: 'LPMapIcons2010'; font-weight: normal; font-style: normal; src: url(XXXXXXXXXXXXXXXX); } /* 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-weight:normal; } p.indented-paragraph { text-indent: 1em; } .body-text { text-indent: 1em; } p { line-height:130%; } /* Icon Fonts */ .font-icon { } .itinerary-morning { } .itinerary-afternoon { } .itinerary-evening { } .icon-eating { } .disc-icons { } .numbered { } .neighbourhood-landing-page .map-icon { } .icon-b { } .font-icon-lge { } .font-icon { } .font-prac-icon { } .bullet_arrow { } /* Headings */ h1, .heading-1 { 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-weight:normal; margin:1em 0 .2em 0; line-height:100%; text-align:left; } h3, .heading-3 { 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 { text-align:left; margin:1em 0 .2em 0; font-size:1em; } .heading-7 { text-transform:uppercase; font-size:1em; color:#00AEEF; margin:.4em 0 .1em 0; } .heading-1-black { font-weight:normal; font-size:2.8em; margin:0 0 .5em 0; padding:0; text-align:left; } .heading-1-large { font-weight:normal; font-size:2.8em; margin:0 0 .5em 0; padding:0; text-align:left; } .heading-1-overview { 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/image01078.gif) no-repeat 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-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; } .box-block-quote { text-indent:1em; font-size:.9em; } .box-body-text { text-indent:1em } .emphasis-character { font-weight: bold; } .cross-ref-paragraph { font-style: italic; font-weight: bold; } .cross-ref-paragraph img{ vertical-align:middle; } .container_no_break { width: 100%; display: inline-block; } .caption-character { font-size:.9em; } span.language-italic { font-style: italic; padding: 0 10px 0 10px; } span.light { 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 { line-height:130%; } .numbered-list { line-height:130%; } .name { font-weight:bold; line-height:normal; font-size:.9em;} .list-a span.poi { font-weight:normal; line-height:normal; font-size:.9em;} span.poi { line-height:normal; font-size:.9em; } .box-byline { font-size:.9em; font-style:italic; } .contents-blue { font-weight:bold; color:#005ea8; } .contents-red { font-weight:bold; color:#e42118; } span.numbers { color: #e42118; float: left; font-size: 280%; font-weight: normal; margin-bottom: -0.3245em; padding: 0 10px 0 0 !important; line-height: 1; } span.subtype { display: inline-block; float: right; font-size: 0.8em; text-transform: uppercase; font-weight:normal; } /* Images */ img { } .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; display:inline-block; } 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 { background-color: #c8b9ad; margin: 0px 0px 10px 0px; text-align: right; font-size: 0.7em; clear:both; padding:3px 0 4px 0; } .caption span { padding-right:.6em; display:block; text-align:right; } h1 img, h3 img, h4 img, .heading-6 img { vertical-align: middle; } .introduction-flush-left { font-size:1.1em; line-height:130%; } /* 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 { } .map-keys p.key-head { color: #0066b3; font-size: 1.5em; font-weight: normal;} .map-keys h3.heading-intro-page{color: #0066b3; font-size: 1.5em; font-weight: normal; border: none; margin-top: 0; } p.map-index-paragraph { } 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/image01079.gif) no-repeat; } p.sleeping { background:url(../Images/image01080.gif) no-repeat; } p.eating { background:url(../Images/image01081.gif) no-repeat; } p.drinking, p.drinking-nightlife { background:url(../Images/image01082.gif) no-repeat; } p.shopping { background:url(../Images/image01083.gif) no-repeat; } p.entertainment { background:url(../Images/image01084.gif) no-repeat; } p.activities-courses-tours, p.information, p.sports-activities, p.transport { background:url(../Images/image01085.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; padding-left: 10px; } .map-keys .column2 { float: left; width:47%; } .map-keys.box-heading-2 { color:#e63323; text-transform: none; font-size: .9em; margin-top: .4em; } /* Tables */ table { margin:15px 0; width:100%; } th { text-align:left; font-size:.9em; } td { background-color: #f3edde; padding:3px 5px; text-align:left; 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 { 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-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-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-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:.8em!important; } .book-toc h3 a { font-size:1.1em; color:#222!important; -webkit-text-fill-color: #222; } .explore-toc h3 a { font-size:1em; text-transform:uppercase; } .book-toc h4 { font-size:1em; margin:8px 0 0 1.2em; font-weight:normal; } .book-toc h4 a { font-size:1em; /*margin-left:1.2em;*/ font-weight:normal; } .explore-toc h3 { margin-top:.8em!important; } .toc-section-items { background:#f9f9f9; padding:.5em 1em; border-radius:7px; } /* Boxed Text */ .box-flush-left { font-size:.9em; } .box-body-text { 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-size: .9em; } p.box-heading-1 { border-bottom: 3px dotted #E8181C; font-size: 1em!important; font-weight: bold; margin: 0em 0 0.5em; padding-bottom: .3em; text-transform: uppercase; } .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 0 0; font-size: 1em; color:#005EA8; } p.special-box-heading { 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-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 { 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; } .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-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-size:1.1em; margin:1em 0 .2em 0; } .spotters-guide .sidebar { font-size:1em; } .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-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-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 { } .promo a { text-decoration: none } .promo .buttons-wrapper img { width: 17%!important; } .promo .kindle .buttons-wrapper img { width: 49%!important; }