/* * BEST OF (style.css) * * Best of base stylesheet * */ /* Fonts */ @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: 'LPBentonSans'; 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"); } @font-face { font-family: 'LPBestOfIconSet'; font-weight: normal; font-style: normal; src: url("LPBestOfIcons.ttf"); } @font-face { font-family: 'LPBestOfIcons'; font-weight: normal; font-style: normal; src: url("LPBestOfIcons.ttf"); } /* Body, Heading Paragraph Reset */ body { text-align: left; padding: 5px; font-family: LPBentonSans, Helvetica, Arial, sans-serif; } div { margin: 0; } h1, h2, h3, h4, h5, h6 { font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; -webkit-hyphens: none; } p { font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; padding: 2px 0; text-align: left; line-height: 130%; } a:link, a:visited, a:hover, a:active { color: #0000FF; text-decoration: underline; } a span { color: #0077cc; } img { max-width: 100%; } span.normal { font-style: italic; text-transform: none; font-size: 80%; font-weight: normal; } .numbered { font-family: LPNumerals2010; } .disc-icons { font-family: LPMapIcons2010; } .best-of-icons { font-family: LPBestOfIcons; } .body-text, .info-body-text { text-indent: 1em; } .bold, .emphasis { font-weight: bold; } .italic { font-style: italic; } ol, ul { list-style: none; margin: 0em; padding: 0; } ol + p, ul + p { margin-top: .6em; } p + ol, p + ul { margin-top: .6em; } .block-quote { margin: 1em 2em .6em 2em; font-family: Helvetica, Arial, sans-serif !important; color: #222; } strong { font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; } .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; } .info-list-a, .numbered-list, .box p.box-list-b, .box-text p.box-list-b, p.list-b { background: url(images/bullet.png) no-repeat 0 0.5em; padding-left: .7em; } .italic { font-style: italic; } .bold-italic { font-style: italic; font-weight: bold; } .bio, .box-bio { font-style: italic; text-align: right; } .box-block-quote { font-family: Helvetica, Arial, sans-serif; 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; } .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; } .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; } span.poi { font-family: Helvetica, Arial, sans-serif; line-height: normal; font-size: .9em; } p.intro { margin: 0; padding: 2px 0; text-align: left; margin-bottom: 2em; font-weight: bold; line-height: 1.5em; } .intro { padding-top: 10px; font-family: Helvetica, Arial, sans-serif; } .intro-text { font-weight: bold; font-family: Helvetica, Arial, sans-serif; } .introduction-flush-left { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; line-height: 130%; color: #222; } .break { page-break-after: always; } .map-links a { text-decoration: none; } span.link_map { background-color: #BEB3A6; border-radius: 5px; color: #FFFFFF !important; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 0.7em !important; font-weight: bold; line-height: normal; margin-bottom: 0.2em; padding: 2px 4px 1px 4px; /* uneven padding to support ADE */ text-indent: 0; text-transform: uppercase; } span.practicalities { font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; font-size: 0.9em; margin-top: 0px; } span.subtype { color: #0078A1; display: inline-block; font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; font-weight: normal; margin-left: .4em; } .box-text span.subtype { font-size: 0.8em !important; } /* Inside Cover page */ .LP-logo { text-align: center; margin-bottom: 2em; } .inside-cover { page-break-inside: avoid; } .inside-cover .heading-1 { text-align: center; width: 100%; color: #000; text-transform: uppercase; font-size: 3em; -webkit-hyphens: none; } .inside-cover .heading-2 { text-align: center; width: 100%; color: #000; text-transform: uppercase; font-size: .8em; font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-weight: 800; margin-top: 2em; -webkit-hyphens: none; } /* Images */ .full_page_image, .full_page_image_container 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; } .caption { margin: 5px 0 10px 0; font-size: 0.7em; clear: both; font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; } .caption span { text-align: left; text-transform: uppercase; } h1 img, h3 img, h4 img, .heading-6 img { vertical-align: middle; } .context-eps { text-align: center; margin-top: 15px; } .running-header { text-transform: uppercase; font-family: LPBentonSansCond, Helvetica, Arial, sans-serif; font-size: 1.1em; color: #BA2234; font-weight: normal; padding-top: .2em; border-top: 5px solid #D3CABD; margin-bottom: 1em; } .running-header .section-name { color: #000; } .running-header .section-name { color: #000; } /* Map Keys */ .map-keys { text-align: left; background: #F2EDE3; border-top: 3px solid #BEB3A6; width: 100%; padding: 1em 0; margin-bottom: 2em; } .map-keys div { padding-top: 1em; text-indent: .5em; } .map-keys .fullWidth { padding: 0 10px; } .map-keys p { font-size: 1em; display: inline-block; color: #000; text-transform: none; } .map-keys p img { padding-right: .3em; } .map-keys p, .map-keys div, .map-keys a { font-family: LPBentonSans, Helvetica, Arial, sans-serif; } .map-keys p.key-head { font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; color: #000; font-size: 1.5em; text-indent: 0; } .map-keys .map-keys-poi { padding-top: 2px; font-size: .9em; margin-left: 10px; font-weight: normal; border-bottom: 1px dotted #000; position: relative; } .map-keys-poi p { text-indent: 0; } .map-keys .map-keys-poi a { color: #0068ad !important; text-decoration: underline !important; } .map-keys .map-keys-poi span.num { color: #139CD8; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: bold; padding-right: 7px; } .map-keys .sights span.num, .map-keys .sights samp.disc-icons { color: #E2002B; } .map-keys samp.disc-icons { color: #139CD8; } .map-keys .map-keys-poi span.ref { position: relative; right: 0.5em; font-family: LPBentonSans, Helvetica, Arial, sans-serif; color: #000; padding-left: 10px; } .map-keys p.top-sights, .map-keys p.sights, .map-keys p.sleeping, .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.information, .map-keys p.sporting-activities, .map-keys p.transport { padding-left: .8em; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: bold; background-position: 0 center; } /* Tables */ .table-box { overflow: hidden; } table { margin: 15px 0; width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 3px solid #BA2234; font-size: 1em; } tr { vertical-align: top; border: none; } th { text-align: left; font-size: .9em; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: 800; text-transform: uppercase; font-size: .8em; padding: 3px 5px; } td { background-color: #F2EDE3; padding: 3px 5px; text-align: left; font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-size: .8em; color: #000; } tr:nth-child(2n+1) td { background-color: #fbf9f4; } .table-text { font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-size: .8em; } .table-text img { vertical-align: top; margin-bottom: 4px; } .table-heading { font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-size: 1em; color: #BA2234; font-weight: bold; text-transform: uppercase; } th .table-heading { font-size: .8em; } /* Boxed text */ .box, .box-text { background-color: #F2EDE3; margin: 1em 0; padding: 1em; page-break-inside: avoid; font-family: LPBentonSans, Helvetica, Arial, sans-serif; border-top: 3px solid #D3CABD; } p.box-heading-1 { font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-size: 1.2em; } p.box-heading-2 { font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-size: 1em; } span.name { color: #000; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-size: .95em; font-weight: bold; } /* SECTION: Language */ .language h1 { color: #BA2234; font-size: 2em; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: 800; margin: 0 0 0.5em; padding: 0; } /* SECTION: Table of Contents */ .book-toc h1 { font-size: 2.2em; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: 800; color: #BA2234; } #on-the-road h2, .on-the-road-toc h2 { display: none; } .book-toc h2 { color: #BA2234; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: 800; } .book-toc h2 a { color: #BA2234; -webkit-text-fill-color: #BA2234; } #survive h2, .survive-toc h2 { background: #797a7c; } .book-toc h3 { font-size: 1em; } .book-toc h3 a { color: #000; } .on-the-road-toc h3 a { font-size: 1.2em; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: 800; -webkit-text-fill-color: #0078A1; color: #0078A1; } .book-toc h4 { font-size: 1em; margin: 8px 0 0 0; } .book-toc h4 a { font-size: 1em; font-weight: normal; color: #000; } .toc-on-the-road-toc h3 { margin-top: 0.8em !important; } .book-toc h4.toc-heading-4.chapter-title a { font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-weight: bold; } .survival-guide-toc h3 { font-family: LPBentonSansBold; margin: 8px 0 0 0; } .survival-guide-toc h4.chapter-title { margin-left: 0px; } .survival-guide-toc h4 { margin-left: 8px; } .survival-guide-toc h3.hidden { display: none; } .map-section-toc h3.hidden { display: none; } samp.best-of-icons { display: none; } .book-toc a { color: #000000; -webkit-text-fill-color: #000000; } .on-the-road-toc h3 { font-size: 1.2em; } .on-the-road-toc h3.colour-1 a { -webkit-text-fill-color: #5A1F43; color: #5A1F43; } .on-the-road-toc h3.colour-2 a { -webkit-text-fill-color: #006F3F; color: #006F3F; } .on-the-road-toc h3.colour-3 a { -webkit-text-fill-color: #CE753A; color: #CE753A; } .on-the-road-toc h3.colour-4 a { -webkit-text-fill-color: #5A1F43; color: #5A1F43; } .on-the-road-toc h3.colour-5 a { -webkit-text-fill-color: #00385A; color: #00385A; } .on-the-road-toc h3.colour-6 a { -webkit-text-fill-color: #7C275D; color: #7C275D; } .on-the-road-toc h3.colour-7 a { -webkit-text-fill-color: #942334; color: #942334; } .on-the-road-toc h3.colour-8 a { -webkit-text-fill-color: #095A7D; color: #095A7D; } .on-the-road-toc h3.colour-9 a { -webkit-text-fill-color: #CF4672; color: #CF4672; } .on-the-road-toc h3.colour-10 a { -webkit-text-fill-color: #004A28; color: #004A28; } .on-the-road-toc h3.colour-11 a { -webkit-text-fill-color: #DF5D3A; color: #DF5D3A; } .map-section-toc, .in-focus-toc, .survival-guide-toc, .plan-your-trip-toc { background-color: #F2EDE3; border-top: solid 3px #BA2234; padding: 5px 15px; margin: 15px 0; } .map-section-toc h2, .in-focus-toc h2, .survival-guide-toc h2, .plan-your-trip-toc h2 { margin-top: 5px; } .map-section-toc h3, .in-focus-toc h3, .plan-your-trip-toc h3 { margin: 8px 0; } .bullet_arrow { font-family: monospace !important; font-weight: bold; vertical-align: top; margin-right: .35em; color: #BA2234; font-size: 1em; display: none; line-height: 1.3em; }