Difference between revisions of "A01 04"
Line 1: | Line 1: | ||
− | { | + | /* CSS placed here will be applied to all skins */ |
− | + | body { | |
− | }} | + | /* background-image: url("/frankfurt/images/b/b2/Paper.png"); */ |
− | + | font-family: Roboto; | |
− | + | font-size: medium; | |
− | + | } | |
+ | .nav > li > a > img { max-width: 100%; max-height: 122px; } | ||
+ | .row { margin-top: 0; } | ||
+ | #footer { display: none; } | ||
+ | #page-header > section.row { margin-left: -20px; } | ||
+ | #page-header a { padding: 0; } | ||
+ | #page-header a:hover { background-image: none; } | ||
+ | #p-logo { | ||
+ | background-image: url("/frankfurt/images/5/59/Craft.png"); | ||
+ | } | ||
+ | h1#firstHeading { display: none; } | ||
+ | #catlinks { display: none; } | ||
+ | #footer-icons { display: none !important; } | ||
+ | #footer-places-about { display: none !important; } | ||
+ | .span10 { width: 800px; } | ||
+ | #recommend { | ||
+ | background-color: #fff; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | font-family: Arvo; | ||
+ | font-weight: bold; | ||
+ | color: #999; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #recommend #screenName { | ||
+ | font-size: 1.8em; | ||
+ | color: #000; | ||
+ | margin: 50px auto 10px auto; | ||
+ | } | ||
+ | #recommend img { display: block; margin: 40px auto 50px auto; } | ||
+ | #recommend button { font-family: Roboto; font-weight: normal; } | ||
+ | .maps-googlemaps3 img { max-width: none; } | ||
+ | .sminput-googlemaps3 img { max-width: none; } | ||
+ | /* table.wikitable { display: none; } | ||
+ | table.properties { display: table; } */ | ||
+ | /* #pt-login { display: none !important; } */ | ||
+ | button { | ||
+ | /* -webkit-appearance: none; */ | ||
+ | } | ||
+ | .toggle-btn { | ||
+ | display: none; | ||
+ | } | ||
+ | .nomargin { margin: 0; padding: 0; } | ||
+ | .toc, #toc { display: none; } | ||
+ | .please { | ||
+ | font-family: Arvo; | ||
+ | font-size: 1em; | ||
+ | color: #00D9E3; | ||
+ | } | ||
+ | .question { | ||
+ | font-family: Arvo; | ||
+ | font-weight: normal; | ||
+ | font-size: 1.2em; | ||
+ | margin: 8px; | ||
+ | height: 180px; | ||
+ | line-height: 90px; | ||
+ | border: 1px solid #000; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .question p { | ||
+ | display: inline-block; | ||
+ | line-height: normal; | ||
+ | } | ||
+ | .q { | ||
+ | color: #00D9E3; | ||
+ | font-size: 1.6em; | ||
+ | font-family: Arvo; | ||
+ | font-weight: bold; | ||
+ | } | ||
− | + | .fa { | |
− | + | display: inline-block; | |
− | + | font: normal normal normal 14px/1 FontAwesome; | |
− | + | font-size: inherit; | |
+ | text-rendering: auto; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | } | ||
− | + | h2.title { | |
− | + | background-color: #000; | |
− | + | color: #fff; | |
− | + | height: 32px; | |
− | + | margin: 0; | |
− | + | font-size: 1.2em; | |
+ | line-height: 2em; | ||
+ | } | ||
+ | h2.margined { | ||
+ | margin-top: 20px; | ||
+ | } | ||
− | + | ul.logo-container { margin: 0; } | |
− | + | h1, h2, h3, h4, h5, h6 { | |
− | + | font-family: Arvo; | |
+ | margin: 0; | ||
+ | padding: 0 8px; | ||
+ | } | ||
+ | h1 { font-family: Arvo; font-weight: normal; font-size: 1.7em; } | ||
+ | h2 { font-family: Arvo; font-weight: normal; font-size: 1.5em; } | ||
+ | h3 { font-family: Arvo; font-weight: normal; font-size: 1.3em; } | ||
+ | h3 span span { font-weight:normal; } | ||
− | + | div.tour-a h2 { | |
− | + | margin: 20px 0 0 20px; | |
− | + | padding-left: 70px; | |
− | + | height: 87px; | |
− | + | line-height: 87px; | |
− | + | background-image: url('/frankfurt/images/9/9e/Icon-a-l.png'); | |
− | + | background-repeat: no-repeat; | |
− | + | } | |
− | ---- | + | div.tour-b h2 { |
− | + | margin: 20px 0 0 20px; | |
− | + | padding-left: 70px; | |
− | + | height: 87px; | |
− | + | line-height: 87px; | |
− | + | background-image: url('/frankfurt/images/a/ac/Icon-b-l.png'); | |
− | + | background-repeat: no-repeat; | |
− | + | } | |
+ | div.tour-c h2 { | ||
+ | margin: 20px 0 0 20px; | ||
+ | padding-left: 70px; | ||
+ | height: 87px; | ||
+ | line-height: 87px; | ||
+ | background-image: url('/frankfurt/images/0/06/Icon-c-l.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | div.tour-d h2 { | ||
+ | margin: 20px 0 0 20px; | ||
+ | padding-left: 70px; | ||
+ | height: 87px; | ||
+ | line-height: 87px; | ||
+ | background-image: url('/frankfurt/images/b/bd/Icon-d-l.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
− | + | div.tour-a h2 span { color: #e5277b; } | |
− | + | div.tour-b h2 span { color: #00963c; } | |
− | + | div.tour-c h2 span { color: #f7b400; } | |
− | + | div.tour-d h2 span { color: #2a70b7; } | |
− | + | div.tour-e h2 span { color: #00963c; } | |
− | + | div.tour-a h3 { color:#fff; background-color:#e5277b; } | |
− | + | div.tour-b h3 { color:#fff; background-color:#00963c; } | |
− | + | div.tour-c h3 { color:#fff; background-color:#f7b400; } | |
− | + | div.tour-d h3 { color:#fff; background-color:#2a70b7; } | |
+ | div.tour-e h3 { color:#fff; background-color:#00963c; } | ||
− | + | div.tour-a img { border-color: #e5277b; } | |
+ | div.tour-b img { border-color: #00963c; } | ||
+ | div.tour-c img { border-color: #f7b400; } | ||
+ | div.tour-d img { border-color: #2a70b7; } | ||
+ | div.tour-e img { border-color: #00963c; } | ||
− | + | p.download { | |
− | + | line-height: 34px; | |
− | + | padding: 0 17px 0 36px; | |
− | + | background-repeat: no-repeat; | |
+ | background-position: 4px 7px; | ||
+ | height: 34px; | ||
+ | width: 260px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .tour-a p.download { | ||
+ | background-image: url('/frankfurt/images/d/d2/Download-a.png'); | ||
+ | color: #e5277b; | ||
+ | } | ||
+ | .tour-b p.download { | ||
+ | background-image: url('/frankfurt/images/4/4a/Download-b.png'); | ||
+ | color: #00963c; | ||
+ | } | ||
+ | .tour-c p.download { | ||
+ | background-image: url('/frankfurt/images/3/3b/Download-c.png'); | ||
+ | color: #f7b400; | ||
+ | } | ||
+ | .tour-d p.download { | ||
+ | background-image: url('/frankfurt/images/5/57/Download-d.png'); | ||
+ | color: #2a70b7; | ||
+ | } | ||
+ | .tour-e p.download { | ||
+ | background-image: url('/frankfurt/images/4/4a/Download-b.png'); | ||
+ | color: #00963c; | ||
+ | } | ||
+ | |||
+ | button.tour { | ||
+ | -webkit-appearance: none; | ||
+ | color: #fff; | ||
+ | padding: 0 17px 0 36px; | ||
+ | border-width: 2px; | ||
+ | background-image: url('/frankfurt/images/2/2e/Icon-back.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 16px 7px; | ||
+ | height: 34px; | ||
+ | width: 260px; | ||
+ | } | ||
+ | .tour-a button { | ||
+ | background-color: #e5277b; | ||
+ | border-color: #f8aecf; | ||
+ | } | ||
+ | .tour-b button { | ||
+ | background-color: #00963c; | ||
+ | border-color: #2fd973; | ||
+ | } | ||
+ | .tour-c button { | ||
+ | background-color: #f7b400; | ||
+ | border-color: #fdd772; | ||
+ | } | ||
+ | .tour-d button { | ||
+ | background-color: #2a70b7; | ||
+ | border-color: #84c0fd; | ||
+ | } | ||
+ | .tour-e button { | ||
+ | background-color: #00963c; | ||
+ | border-color: #2fd973; | ||
+ | } | ||
+ | |||
+ | div.tour-content { | ||
+ | width: 260px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | div.footlist { | ||
+ | border-top: 1px solid #999; | ||
+ | margin: 20px auto 20px auto; | ||
+ | } | ||
+ | |||
+ | .page-Tour_A .footlist { | ||
+ | display: none; | ||
+ | } | ||
+ | .page-Tour_B .footlist { | ||
+ | display: none; | ||
+ | } | ||
+ | .page-Tour_C .footlist { | ||
+ | display: none; | ||
+ | } | ||
+ | .page-Tour_D .footlist { | ||
+ | display: none; | ||
+ | } | ||
+ | .page-Tour_E .footlist { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | div.location-content { | ||
+ | width: 630px; | ||
+ | float: left; | ||
+ | } | ||
+ | div.location-content>p>a>img:nth-of-type(1) { | ||
+ | border-style: solid; | ||
+ | border-width: 2px; | ||
+ | } | ||
+ | div.location-meta { | ||
+ | width: 340px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | div.location-meta ul, div.location-meta p { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | div.location-meta h3 { | ||
+ | font-size: 1em; | ||
+ | line-height: 30px; | ||
+ | padding-left: 30px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 10px 6px; | ||
+ | } | ||
+ | div.location-meta h3:nth-of-type(1) { background-image: url('/frankfurt/images/2/2d/Icon-nearby.png'); } | ||
+ | div.location-meta h3:nth-of-type(2) { background-image: url('/frankfurt/images/6/61/Icon-areadata.png'); } | ||
+ | div.location-meta h3:nth-of-type(3) { background-image: url('/frankfurt/images/4/4c/Icon-more.png'); } | ||
+ | |||
+ | div.area-data ul { | ||
+ | list-style: none; | ||
+ | font-weight: bold; | ||
+ | margin: 0; | ||
+ | padding: 12px; | ||
+ | } | ||
+ | div.area-data ul span { | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | .toggle { | ||
+ | cursor: pointer; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | .toggle img { | ||
+ | margin-left: 6px; | ||
+ | } | ||
+ | .toggle h3 { | ||
+ | background-image: url("/frankfurt/images/c/c9/Closed.png"); | ||
+ | background-size: 24px 16px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: right 12px; | ||
+ | color:#fff; | ||
+ | font-family:Arvo; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .open h3 { | ||
+ | background-image: url("/frankfurt/images/9/98/Opened.png"); | ||
+ | } | ||
+ | |||
+ | div.closed { | ||
+ | display: none; | ||
+ | } | ||
+ | div.closed:after { | ||
+ | content: "" | ||
+ | height: 10px; | ||
+ | } | ||
+ | .user-name-banner { | ||
+ | height: 19px; | ||
+ | font-family: Arvo; | ||
+ | font-style: italic; | ||
+ | text-align: right; | ||
+ | color: #fff; | ||
+ | background-color: #707070; | ||
+ | background-image: url("/frankfurt/images/4/40/Pict-white-s.png"); | ||
+ | background-size: 20px 17px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: right 1px; | ||
+ | padding: 0 30px; | ||
+ | } | ||
+ | .paper { | ||
+ | background-image: url("/frankfurt/images/b/b2/Paper.png"); | ||
+ | } | ||
+ | |||
+ | div.cources { | ||
+ | margin-top: 10px; | ||
+ | width: 100%; | ||
+ | background-color: rgba(255,255,255,0.75); | ||
+ | border-top: 2px solid #333; | ||
+ | } | ||
+ | hr { | ||
+ | margin-top: 10px; | ||
+ | border-top: 1px solid #ccc; | ||
+ | } | ||
+ | .answerlist ul,.location-list ul { | ||
+ | margin: 0 !important; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .answerlist li { | ||
+ | font-family: Arvo; | ||
+ | font-weight: bold; | ||
+ | font-size: 1.4em; | ||
+ | } | ||
+ | .answerlist li a { | ||
+ | color: #000; | ||
+ | display: block; | ||
+ | padding: 10px 36px; | ||
+ | } | ||
+ | .answerlist li a:hover,.location-list li a:hover { | ||
+ | color: #fff; | ||
+ | background-color: #00D9E3; | ||
+ | background-image: url("/frankfurt/images/f/f0/Pict-list.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 7px 5px; | ||
+ | } | ||
+ | .map-container { | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | .location-list { | ||
+ | width: 340px; | ||
+ | float: left; | ||
+ | } | ||
+ | .location-list:after { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .location-list li { | ||
+ | font-family: Arvo; | ||
+ | font-weight: normal; | ||
+ | font-size: 1em; | ||
+ | background-size: 22px 29px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 10px 7px; | ||
+ | } | ||
+ | .location-list li a, .location-list li strong { | ||
+ | display: block; | ||
+ | padding: 10px 42px; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.tour-a div.location-list li { | ||
+ | background-image: url("/frankfurt/images/d/d9/Icon-a-s.png"); | ||
+ | } | ||
+ | div.tour-a div.location-list li a { | ||
+ | color:#e5277b; | ||
+ | } | ||
+ | div.tour-b div.location-list li { | ||
+ | background-image: url("/frankfurt/images/8/87/Icon-b-s.png"); | ||
+ | } | ||
+ | div.tour-b div.location-list li a { | ||
+ | color:#00963c; | ||
+ | } | ||
+ | div.tour-c div.location-list li { | ||
+ | background-image: url("/frankfurt/images/f/f6/Icon-c-s.png"); | ||
+ | } | ||
+ | div.tour-c div.location-list li a { | ||
+ | color:#f7b400; | ||
+ | } | ||
+ | div.tour-d div.location-list li { | ||
+ | background-image: url("/frankfurt/images/0/00/Icon-d-s.png"); | ||
+ | } | ||
+ | div.tour-d div.location-list li a { | ||
+ | color:#2a70b7; | ||
+ | } | ||
+ | div.tour-e div.location-list li { | ||
+ | background-image: url("/frankfurt/images/5/5c/Icon-e-s.png"); | ||
+ | } | ||
+ | div.tour-e div.location-list li a { | ||
+ | color:#00963c; | ||
+ | } | ||
+ | |||
+ | .location-list li span:before { | ||
+ | content: "\A"; | ||
+ | white-space: pre; | ||
+ | } | ||
+ | .location-list li span { | ||
+ | color: #999; | ||
+ | font-size: 0.8em; | ||
+ | } | ||
+ | |||
+ | ul.logo-container { border: none !important; } | ||
+ | ul.logo-container li { border: none !important; } | ||
+ | |||
+ | |||
+ | ul.categories { | ||
+ | margin-top: 20px !important; | ||
+ | margin-left: 130px !important; | ||
+ | list-style-type: disc; | ||
+ | } | ||
+ | .categories li { | ||
+ | font-size: 1.2em; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | .categories li a { | ||
+ | color: #999; | ||
+ | display: inline; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .categories li a:hover { | ||
+ | color: #000; | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | } | ||
+ | .footnav ul { | ||
+ | margin-top:14px !important; | ||
+ | margin-left: 3em !important; | ||
+ | list-style-type: disc; | ||
+ | border: none; | ||
+ | } | ||
+ | .footnav li { | ||
+ | border: none; | ||
+ | font-size: 1em; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | .footnav li a { | ||
+ | color: #999; | ||
+ | display: inline; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .footnav li a:hover { | ||
+ | color: #000; | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | } | ||
+ | p { | ||
+ | margin: 0; | ||
+ | padding: 12px; | ||
+ | } | ||
+ | |||
+ | .page-Questions #bodyContent li { | ||
+ | padding: 0.2em 0.5em ; | ||
+ | border: 1px dotted #ccc; | ||
+ | list-style-position: inside; | ||
+ | } | ||
+ | |||
+ | #mw-content-text>p:nth-of-type(1) { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #contentSub { display: none; } | ||
+ | |||
+ | @media (max-width: 767px) { | ||
+ | body { padding: 0; } | ||
+ | #page-header { margin: 0; } | ||
+ | #page-header section { margin: 0; } | ||
+ | #page-header > section.row { margin-left: 0; } | ||
+ | #page-header li a { padding: 0; } | ||
+ | #jump-to-nav { display: none; } | ||
+ | |||
+ | .row::before { display: none; } | ||
+ | /* #toctitle { display: none; } | ||
+ | .toclevel-1>a { display: none; } */ | ||
+ | #toc { display: none; } | ||
+ | /* #p-logo img { width: 100%; } */ | ||
+ | .location-list { | ||
+ | width: 100%; | ||
+ | float: none; | ||
+ | } | ||
+ | .location-content { | ||
+ | width: 100%; | ||
+ | float: none; | ||
+ | } | ||
+ | .tour-content { | ||
+ | width: 100%; | ||
+ | float: none; | ||
+ | } | ||
+ | .nav { margin-bottom: 0; } | ||
+ | .nav-pills { display: none !important; } | ||
+ | #innerbodycontent.row { margin-top: 0; } | ||
+ | .toggle-btn { display: block; } | ||
+ | .map-container { | ||
+ | padding-top: 10px; | ||
+ | width: 320px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .maps-googlemaps3 { display: none; height: 300px !important; } | ||
+ | ul.categories { margin-left: 3em !important; } | ||
+ | } | ||
+ | @media (min-width: 768px) and (max-width: 979px) { | ||
+ | .location-content { width: 430px; } | ||
+ | .location-content img { max-width: 100%; } | ||
+ | .maps-googlemaps3 { display: block; } | ||
+ | } | ||
+ | @media (min-width: 1200px) { | ||
+ | #page-header > section.row { margin-left: -30px; } | ||
+ | .location-content { width: 630px; } | ||
+ | .location-content img { max-width: 100%; } | ||
+ | .maps-googlemaps3 { display: block; } | ||
+ | .span10 { width: 990px; } | ||
+ | } |
Revision as of 01:00, 31 August 2014
/* CSS placed here will be applied to all skins */ body { /* background-image: url("/frankfurt/images/b/b2/Paper.png"); */
font-family: Roboto; font-size: medium;
} .nav > li > a > img { max-width: 100%; max-height: 122px; } .row { margin-top: 0; }
- footer { display: none; }
- page-header > section.row { margin-left: -20px; }
- page-header a { padding: 0; }
- page-header a:hover { background-image: none; }
- p-logo {
background-image: url("/frankfurt/images/5/59/Craft.png"); } h1#firstHeading { display: none; }
- catlinks { display: none; }
- footer-icons { display: none !important; }
- footer-places-about { display: none !important; }
.span10 { width: 800px; }
- recommend {
background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; font-family: Arvo; font-weight: bold; color: #999; text-align: center; }
- recommend #screenName {
font-size: 1.8em; color: #000; margin: 50px auto 10px auto; }
- recommend img { display: block; margin: 40px auto 50px auto; }
- recommend button { font-family: Roboto; font-weight: normal; }
.maps-googlemaps3 img { max-width: none; } .sminput-googlemaps3 img { max-width: none; } /* table.wikitable { display: none; } table.properties { display: table; } */ /* #pt-login { display: none !important; } */ button {
/* -webkit-appearance: none; */
} .toggle-btn { display: none; } .nomargin { margin: 0; padding: 0; } .toc, #toc { display: none; } .please { font-family: Arvo; font-size: 1em; color: #00D9E3; } .question { font-family: Arvo; font-weight: normal; font-size: 1.2em; margin: 8px; height: 180px; line-height: 90px; border: 1px solid #000; text-align: center; } .question p { display: inline-block; line-height: normal; } .q { color: #00D9E3; font-size: 1.6em; font-family: Arvo; font-weight: bold; }
.fa {
display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
h2.title { background-color: #000; color: #fff; height: 32px; margin: 0; font-size: 1.2em; line-height: 2em; } h2.margined { margin-top: 20px; }
ul.logo-container { margin: 0; } h1, h2, h3, h4, h5, h6 { font-family: Arvo; margin: 0; padding: 0 8px; } h1 { font-family: Arvo; font-weight: normal; font-size: 1.7em; } h2 { font-family: Arvo; font-weight: normal; font-size: 1.5em; } h3 { font-family: Arvo; font-weight: normal; font-size: 1.3em; } h3 span span { font-weight:normal; }
div.tour-a h2 { margin: 20px 0 0 20px; padding-left: 70px; height: 87px; line-height: 87px; background-image: url('/frankfurt/images/9/9e/Icon-a-l.png'); background-repeat: no-repeat; } div.tour-b h2 { margin: 20px 0 0 20px; padding-left: 70px; height: 87px; line-height: 87px; background-image: url('/frankfurt/images/a/ac/Icon-b-l.png'); background-repeat: no-repeat; } div.tour-c h2 { margin: 20px 0 0 20px; padding-left: 70px; height: 87px; line-height: 87px; background-image: url('/frankfurt/images/0/06/Icon-c-l.png'); background-repeat: no-repeat; } div.tour-d h2 { margin: 20px 0 0 20px; padding-left: 70px; height: 87px; line-height: 87px; background-image: url('/frankfurt/images/b/bd/Icon-d-l.png'); background-repeat: no-repeat; }
div.tour-a h2 span { color: #e5277b; } div.tour-b h2 span { color: #00963c; } div.tour-c h2 span { color: #f7b400; } div.tour-d h2 span { color: #2a70b7; } div.tour-e h2 span { color: #00963c; } div.tour-a h3 { color:#fff; background-color:#e5277b; } div.tour-b h3 { color:#fff; background-color:#00963c; } div.tour-c h3 { color:#fff; background-color:#f7b400; } div.tour-d h3 { color:#fff; background-color:#2a70b7; } div.tour-e h3 { color:#fff; background-color:#00963c; }
div.tour-a img { border-color: #e5277b; } div.tour-b img { border-color: #00963c; } div.tour-c img { border-color: #f7b400; } div.tour-d img { border-color: #2a70b7; } div.tour-e img { border-color: #00963c; }
p.download { line-height: 34px; padding: 0 17px 0 36px; background-repeat: no-repeat; background-position: 4px 7px; height: 34px; width: 260px; cursor: pointer; } .tour-a p.download { background-image: url('/frankfurt/images/d/d2/Download-a.png'); color: #e5277b; } .tour-b p.download { background-image: url('/frankfurt/images/4/4a/Download-b.png'); color: #00963c; } .tour-c p.download { background-image: url('/frankfurt/images/3/3b/Download-c.png'); color: #f7b400; } .tour-d p.download { background-image: url('/frankfurt/images/5/57/Download-d.png'); color: #2a70b7; } .tour-e p.download { background-image: url('/frankfurt/images/4/4a/Download-b.png'); color: #00963c; }
button.tour { -webkit-appearance: none; color: #fff; padding: 0 17px 0 36px; border-width: 2px; background-image: url('/frankfurt/images/2/2e/Icon-back.png'); background-repeat: no-repeat; background-position: 16px 7px; height: 34px; width: 260px; } .tour-a button { background-color: #e5277b; border-color: #f8aecf; } .tour-b button { background-color: #00963c; border-color: #2fd973; } .tour-c button { background-color: #f7b400; border-color: #fdd772; } .tour-d button { background-color: #2a70b7; border-color: #84c0fd; } .tour-e button { background-color: #00963c; border-color: #2fd973; }
div.tour-content { width: 260px; float: left; }
div.footlist { border-top: 1px solid #999; margin: 20px auto 20px auto; }
.page-Tour_A .footlist { display: none; } .page-Tour_B .footlist { display: none; } .page-Tour_C .footlist { display: none; } .page-Tour_D .footlist { display: none; } .page-Tour_E .footlist { display: none; }
div.location-content { width: 630px; float: left; } div.location-content>p>a>img:nth-of-type(1) { border-style: solid; border-width: 2px; } div.location-meta { width: 340px; float: right; }
div.location-meta ul, div.location-meta p { margin-bottom: 20px; }
div.location-meta h3 { font-size: 1em; line-height: 30px; padding-left: 30px; background-repeat: no-repeat; background-position: 10px 6px; } div.location-meta h3:nth-of-type(1) { background-image: url('/frankfurt/images/2/2d/Icon-nearby.png'); } div.location-meta h3:nth-of-type(2) { background-image: url('/frankfurt/images/6/61/Icon-areadata.png'); } div.location-meta h3:nth-of-type(3) { background-image: url('/frankfurt/images/4/4c/Icon-more.png'); }
div.area-data ul { list-style: none; font-weight: bold; margin: 0; padding: 12px; } div.area-data ul span { font-weight: normal; }
.toggle { cursor: pointer; margin-top: 10px; } .toggle img { margin-left: 6px; } .toggle h3 { background-image: url("/frankfurt/images/c/c9/Closed.png"); background-size: 24px 16px; background-repeat: no-repeat; background-position: right 12px; color:#fff; font-family:Arvo; font-weight:bold; } .open h3 { background-image: url("/frankfurt/images/9/98/Opened.png"); }
div.closed { display: none; } div.closed:after { content: "" height: 10px; } .user-name-banner { height: 19px; font-family: Arvo; font-style: italic; text-align: right; color: #fff; background-color: #707070; background-image: url("/frankfurt/images/4/40/Pict-white-s.png"); background-size: 20px 17px; background-repeat: no-repeat; background-position: right 1px; padding: 0 30px; } .paper { background-image: url("/frankfurt/images/b/b2/Paper.png"); }
div.cources { margin-top: 10px; width: 100%; background-color: rgba(255,255,255,0.75); border-top: 2px solid #333; } hr { margin-top: 10px; border-top: 1px solid #ccc; } .answerlist ul,.location-list ul { margin: 0 !important; list-style: none; }
.answerlist li { font-family: Arvo; font-weight: bold; font-size: 1.4em; } .answerlist li a { color: #000; display: block; padding: 10px 36px; } .answerlist li a:hover,.location-list li a:hover { color: #fff; background-color: #00D9E3; background-image: url("/frankfurt/images/f/f0/Pict-list.png"); background-repeat: no-repeat; background-position: 7px 5px; } .map-container { margin-bottom: 30px; } .location-list { width: 340px; float: left; } .location-list:after {
content: ""; display: block; clear: both;
}
.location-list li { font-family: Arvo; font-weight: normal; font-size: 1em; background-size: 22px 29px; background-repeat: no-repeat; background-position: 10px 7px; } .location-list li a, .location-list li strong { display: block; padding: 10px 42px; }
div.tour-a div.location-list li {
background-image: url("/frankfurt/images/d/d9/Icon-a-s.png");
}
div.tour-a div.location-list li a {
color:#e5277b;
}
div.tour-b div.location-list li {
background-image: url("/frankfurt/images/8/87/Icon-b-s.png");
}
div.tour-b div.location-list li a {
color:#00963c;
}
div.tour-c div.location-list li {
background-image: url("/frankfurt/images/f/f6/Icon-c-s.png");
}
div.tour-c div.location-list li a {
color:#f7b400;
}
div.tour-d div.location-list li {
background-image: url("/frankfurt/images/0/00/Icon-d-s.png");
}
div.tour-d div.location-list li a {
color:#2a70b7;
}
div.tour-e div.location-list li {
background-image: url("/frankfurt/images/5/5c/Icon-e-s.png");
}
div.tour-e div.location-list li a {
color:#00963c;
}
.location-list li span:before { content: "\A"; white-space: pre; } .location-list li span { color: #999; font-size: 0.8em; }
ul.logo-container { border: none !important; } ul.logo-container li { border: none !important; }
ul.categories {
margin-top: 20px !important;
margin-left: 130px !important;
list-style-type: disc;
}
.categories li {
font-size: 1.2em;
font-weight: normal;
line-height: 1.5em;
}
.categories li a {
color: #999;
display: inline;
padding: 0;
}
.categories li a:hover {
color: #000;
background-color: transparent;
background-image: none;
}
.footnav ul {
margin-top:14px !important;
margin-left: 3em !important;
list-style-type: disc;
border: none;
}
.footnav li {
border: none;
font-size: 1em;
font-weight: normal;
}
.footnav li a {
color: #999;
display: inline;
padding: 0;
}
.footnav li a:hover {
color: #000;
background-color: transparent;
background-image: none;
}
p {
margin: 0;
padding: 12px;
}
.page-Questions #bodyContent li { padding: 0.2em 0.5em ; border: 1px dotted #ccc; list-style-position: inside; }
- mw-content-text>p:nth-of-type(1) {
display: none; }
- contentSub { display: none; }
@media (max-width: 767px) { body { padding: 0; } #page-header { margin: 0; } #page-header section { margin: 0; } #page-header > section.row { margin-left: 0; } #page-header li a { padding: 0; } #jump-to-nav { display: none; }
.row::before { display: none; } /* #toctitle { display: none; } .toclevel-1>a { display: none; } */ #toc { display: none; } /* #p-logo img { width: 100%; } */ .location-list { width: 100%; float: none; } .location-content { width: 100%; float: none; } .tour-content { width: 100%; float: none; } .nav { margin-bottom: 0; } .nav-pills { display: none !important; } #innerbodycontent.row { margin-top: 0; } .toggle-btn { display: block; } .map-container { padding-top: 10px; width: 320px; margin: 0; } .maps-googlemaps3 { display: none; height: 300px !important; } ul.categories { margin-left: 3em !important; } } @media (min-width: 768px) and (max-width: 979px) { .location-content { width: 430px; } .location-content img { max-width: 100%; } .maps-googlemaps3 { display: block; } } @media (min-width: 1200px) { #page-header > section.row { margin-left: -30px; } .location-content { width: 630px; } .location-content img { max-width: 100%; } .maps-googlemaps3 { display: block; } .span10 { width: 990px; } }