/* -------------------------------------------------------------- reset.css * Resets default browser CSS. Based on work by Eric Meyer: * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, strong, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background-color: transparent; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0% 0%; } body { line-height: 1.5; background: #fff;} /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } @charset "UTF-8"; /** * Horizontal CSS Drop-Down Menu Module * * @file dropdown.css * @package Dropdown * @version 0.7.1 * @type Transitional * @stacks 597-599 * @browsers Windows: IE6+, Opera7+, Firefox1+ * Mac OS: Safari2+, Firefox2+ * * @link http://www.lwis.net/ * @copyright 2006-2008 Live Web Institute. All Rights Reserved. * */ ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { position: relative; z-index: 597; float: left; } ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } ul.dropdown ul li { float: none; } ul.dropdown ul ul { top: 1px; left: 99%; } ul.dropdown li:hover > ul { visibility: visible; } /** * All default styles here. Color styles in the /stylesheets/color.css file. * */ body { width: 100%; min-width: 1000px; } h3 { padding-bottom: 10px; } li { list-style: none; } .hidden, label.inline_hint { display: none; } label.hint { display: block; float: none; } .vhidden{ visibility: hidden; } .button { cursor: pointer; } .button.map_button { padding: 2px 10px; } /** * @section unsort list */ ul.horizontal li { display: inline; } ul.vertical li { display: block; } .gmnoprint .hidden { display:block; } /** * @section Link styles */ a:active, a:focus { outline: none; } h1.styleguide { background-color:#9F8B8B; border-bottom:2px solid #7F4F4F; color:#FFFFFF; font-size:16px; padding:10px; } form .choose.gender div, .column { float: left; } .page.offers .upload .thumb img { float: none; } .upload .thumb { clear: both; } .upload .thumb img { display: block; } form .choose input, form .choose label { display: inline; } /** * * @section margins * */ .page img[alt="Calendar"] { margin-top: 3px; } form .choose input, form .choose.cards, .page .column.first, .page .preview form .actions, form .choose div div a { margin-left: 0; } .page img[alt="Calendar"] { margin-left: 5px; } .page.login form div a, .column { margin-left: 10px; } form .choose div a { margin-left: 20px; } .column.last { margin-right: 0; } form.member .address #map, .page.signup input.submit, .column { margin-right: 10px; } .page .video { margin-bottom: 10px; } /** * * @section prefixes * */ form .choose, form .actions, form fieldset.categories .remove_category, form #geocode_address, form.standard label.hint, form.member #map, form.member label.hint, form .upload .thumb { margin-left: 140px; } #map noscript div { margin-left: 318px; } /** @section inline prefixes */ form .choose.cards .container, form fieldset.categories #new_category { padding-left: 140px; } /** @section grid x1 */ form.member input.text.prefix, form .choose.gender div { width: 60px; } /** @section grid x2 */ .page.sites .body .column, .page.offers .article .column.last, .page .opening_hours .action, .page.packages.sites .button, .page.packages.created .button, form label, form.member button, form.member #poi_submit, body.order .signup form.standard input.submit { width: 140px; } /** @section grid x3 */ .page.sites .body .column.first, form input.text, form.member input.text.number { width: 220px; } /** @section grid x4 */ .page .body .similar_pois, .page .body .column.first, .page .body .column.last, .page .column, .page.interests .body #interests .column, .page.sites .body .container.first .column.last, form textarea, form.member input.text { width: 300px; } /** @section grid x6 */ .page.offers .article .column { width: 460px; } /** @section grid x7 */ .page.pages .container { width: 540px; } /** @section grid x8 */ .page .body .master.action, .page .body .column.container, .page.interests .body p, .page.interests .body .container.main, .page.email .body, .page.profile .body, .page.login .body, .page.feedback .body, .page.teaser .body, form.standard, form.member { width: 620px; } /** @section grid x9 */ .page.sites .container.first, .page.packages .container.first, .page.sites .no_contingen, body.order .page.content .container, body.order .page.packages.created .container, body.order .page.packages.presented .container { width: 700px; } /** @section grid x12 */ .page .body { width: 940px; } form label.hint/*, form.standard label.hint, form.member label.hint*/ { width: auto; } /** * @note exception of grid */ /** * * @section paddings * */ noscript div { padding-top: 10px; } form.standard, noscript div { padding-bottom: 10px; } /** * * @section borders * */ noscript div, .page .opening_hours li, .page .open_sundays, .page .header, .page .similar_pois, .page .similar_pois li, .page .opening_hours .action, .page .preview, .page .index_items, .page.interests .body #interests .column, .page.packages .column.card, .page.packages .column.first.card, .page.offers .article.offer, #infrastructure_dropdown.dropdown a.button, #infrastructure_dropdown.dropdown a.button span, #infrastructure_dropdown.dropdown ul, #infrastructure_dropdown.dropdown ul li { border-style: solid; } .page .opening_hours li, .page .open_sundays, .page.packages .column.card, #infrastructure_dropdown.dropdown a.button { border-width: 1px; } noscript div, .page .preview { border-width: 2px; } /* @subsection top */ .page .similar_pois li { border-top-width: 1px; } /* @subsection left */ .page .similar_pois, .page .opening_hours .action, .page.interests .body #interests .column, .page.packages .column.first.card, #infrastructure_dropdown.dropdown a.button span, #infrastructure_dropdown.dropdown ul, #infrastructure_dropdown.dropdown ul li { border-left-width: 1px; } /* @subsection right */ #infrastructure_dropdown.dropdown a.button span, #infrastructure_dropdown.dropdown ul, #infrastructure_dropdown.dropdown ul li { border-right-width: 1px; } /* @subsection bottom */ .page .header, .page .index_items, .page.offers .article.offer, #infrastructure_dropdown.dropdown a.button span, #infrastructure_dropdown.dropdown ul, #infrastructure_dropdown.dropdown ul li.last { border-bottom-width: 1px; } /** @subsection disable border */ .page form.standard input.submit, .page.interests input.submit, .page.interests .body #interests .first, .page.interests .body #interests ul ul, .page .opening_hours .action, .page .similar_pois .first, .page .preview input { border: none; } /** @workaround IE6 doesn't support [attr] selectors */ .page #file_attachment_upload_form input[type="submit"] { border: none; } .page.packages .column.card { border-left: none; } /** @todo Merge city.css with default.css */ #notepad li:hover #notepad-cover, body.logged_in .logged_in, body.logged_in.manager #notepad .manager, #main_navigation a.button, .bottom_line, .opening_state, #static_marker, .collection_link, .message, #content .categories label, #login_box a, #show_collection_link a span { display: block; } #notepad-cover, body .logged_in, body.logged_in .logged_out, #notepad .manager, .message.flash.error #message_close, .opening_state span, #search #search_type, #search .toggle, .bottom_line { display: none; } #content, #footer li, #logo { float: left; } /** * @note Base container box definitions */ #head { width: 100%; position: absolute; top: 0; right: 0; z-index: 10; overflow: visible; } #main_navigation a.button { padding-top: 2px; width: 110px; } /** * @note global properties * * @section opening state */ .opening_state { height: 18px; width: 38px; } /** @workaround centered marker at the static map (282x182px) */ #static_marker { height: 32px; left: 129px; position: relative; top: -87px; margin-top: -32px; width: 57px; z-index: 1; } /** @section collection */ .collection_link { height: 18px; width: 18px; } #main { position: absolute; top: 94px; left: 0; width: 100%; z-index: 1; overflow: hidden; } /** * @section footer */ #footer { bottom: 0; height: 26px; left: 0; padding: 9px 0 0; position: fixed; width: 100%; z-index: 10; } #footer li { display: inline; margin: 2px 0 0; padding: 0 8px 2px; } #footer ul.first { float: left; } #footer ul.last { float: right; } /* * @section content form elements */ #content { width: 100%; overflow-x: hidden; overflow-y: auto; /* http://snook.ca/archives/html_and_css/position_relative_overflow_ie/ */ position: relative; } #logo { cursor: pointer; height: 94px; width: 220px; } /** * @section search * Enabled temporary inline javascript for the collection links * Updated header background */ #reload_form div { padding: 0; } #search #match { border: none; margin: 0; padding: 12px 0 0 14px; height: 18px; width: 95px; } #search .button { height: 23px; left: -3px; overflow: hidden; position: relative; width: 30px; opacity: 0; filter: alpha(opacity=0); } /** * * @section tag_cloud login * */ #tag_cloud { width: 200px; } #tag_cloud { margin-top: -10px; text-align: left; } #tag_cloud ol { position: static; } #tag_cloud ol li { border: none; display: inline; float: none; margin: 0; padding: 0; position: static; width: auto; } #tag_cloud a { white-space: nowrap; padding: 0px 2px; } /** * @note disabled scrollbar in the map content * @css-for IE * @section map map_wrapper */ #map { overflow: hidden; } /** * @subsection map marker */ #map .marker.label { margin-left: -10px; margin-top: -28px; text-align: center; width: 21px; font-weight: bold; } /** * @section signup */ .activate { width: 500px; } /** * @section breadcrumbs */ #breadcrumb { clear: both; float: right; margin-top: -22px; } /** * * @section message * * @note Main styles for all message elements */ .message { padding: 8px 18px 8px 50px; padding-bottom: 8px; } .message.flash { min-height: 40px; margin-left: 30px; margin-top: 7px; top: 35px; width: 227px; /** @css-for firefox 3 @note rounded corner*/ -moz-border-radius: 6px; /** @css-for safari 3 @note rounded corner */ -webkit-border-radius: 6px; } /** * @note colors for the different message types */ /** @note blue */ .message.flash { border-width: 1px ; border-style: solid; } .message.flash #message_close { cursor: pointer; height: 18px; width: 18px; position: absolute; right: 8px; top: 86px; } #content .message.flash { position: absolute; right: 10px; top: 0px; } #symbol_counter { margin-top: -10px; padding-right: 21px; text-align: right; } #notepad-cover { height: 100px; position: absolute; right: 0; top: 94px; width: 164px; z-index: 100; opacity: 0; filter: alpha(opacity=0); } /** * * @css-for Safari & Opera * */ @media screen and (-webkit-min-device-pixel-ratio:0) { /** @note replaced text in inputfield */ #search #match { padding-top: 20px; } } /** * @tested Safari 4, Firefox 3, lte IE8 */ /** * @section main_navigation * @note reset top value from the dropdown framework */ #main_navigation.dropdown ul ul { top: 0; left: 100%; } .dropdown a { display: block; } #main_navigation { position: absolute; width: 480px; z-index: 602; } #main_navigation ul { width: 240px; } #main_navigation .first, #main_navigation .last { height: 10px; } #main_navigation ul li a { margin: 0 3px; padding: 7px 10px; } #main_navigation ul ul { margin-top: -10px; } /** * * @section "Suche" and "Meine City" * */ #search.dropdown, #notepad.dropdown { position: absolute; right: 160px; top: 0; } #search.dropdown .first, #notepad.dropdown .first, #search.dropdown .last, #notepad.dropdown .last { height: 10px; } #tag_cloud .tags a { display: inline; } #tag_cloud .tags { margin-left: 1px; padding: 5px 15px 6px; width: auto; text-align: center; } #search.dropdown #reload_form { height: 59px; margin: 4px 0 0; padding: 8px 0 0 11px; width: 149px; } /** * * @section dropdown menu in the map * */ #infrastructure_dropdown.dropdown a.button { z-index: 1; display: block; } #infrastructure_dropdown.dropdown a.button span { height:18px; margin-top:1px; padding:0; text-align:center; display:block; } #infrastructure_dropdown.dropdown ul { padding-top: 1px; } #infrastructure_dropdown.dropdown ul li { height: 19px; } #infrastructure_dropdown.dropdown ul li.first { margin-top: -1px; } #infrastructure_dropdown.dropdown ul li.last { padding-bottom: 3px; } #infrastructure_dropdown.dropdown ul label { position: relative; left: 1px; } #infrastructure_dropdown.dropdown ul li.last div { text-align:center; cursor:pointer; } #infrastructure_dropdown.dropdown ul li.separator { height:1px; padding-bottom:3px; padding-top:6px; } #infrastructure_dropdown.dropdown ul li.separator span { display:block; position:relative; height:1px; left:4%; width:92%; } #infrastructure_dropdown.dropdown ul li.button { padding-bottom:0; } /** * * @note demension */ #infrastructure_dropdown .button , #infrastructure_dropdown ul { width: 144px; } #infrastructure_dropdown.dropdown ul li.button { width: 142px; } /** * * @css-for Safari&Opera */ @media screen and (-webkit-min-device-pixel-ratio:0) { /** @workaround reset set label of same horizontal position as input field (checkbox) */ #infrastructure_dropdown.dropdown ul label { top:1px; } #infrastructure_dropdown.dropdown ul li.separator { padding-bottom: 6px; } #infrastructure_dropdown.dropdown a.button span { height: 17px; } } #infrastructure_dropdown.dropdown.open ul { visibility:visible !important; } /** * @section form.standard */ /** @note defaults properties for input text/textarea */ /** @workaround padding only left in textarea for scrollbar on the right */ form textarea, form input.text { font-family: "Lucida Grande",Helvetica,Arial,sans-serif; font-size: 1em; padding-left: 3px; } /** * @section geocoder */ form textarea, form input.text, form.member .address #map { border-width: 1px; border-style: solid; } form.standard textarea, form.member textarea, form.standard input.text, form.member input.text { padding: 3px 2px; } /** * * @section standard * */ form.member .dash, form label, form label.hint, form.standard label.hint, form.member label.hint { display: block; } form .category_block li, form.standard label.hint, form.member label.hint, form.member .address .fieldWithErrors { clear: both; } /** * * @section floatings * */ form.standard input, form.standard label, form.member input, form.member label, form.member .dash { float: left; } form .choose label { float: right; } form.standard label.hint, form .fieldWithErrors .message { float: none; } /** * * @section grid exceptions * */ form .choose label { text-align: left; margin-right: -20px; } form .choose label { width: 100%; } form .fieldWithErrors .message { width: auto; } /** @workaround set position absolute for ignored in DOM*/ form .vhidden { position: absolute; } /** * * @section paddings * */ form .error label.message, form fieldset.categories div, form fieldset.cards .container div, form fieldset .container, form.member .fieldWithErrors, form.member .fieldWithErrors .message, form .upload { padding: 0; } form .choose div, form .actions { padding-left: 0; } form .choose label.message { padding-left: 5px; } form .choose label { padding-top: 0px; } form label { padding-top: 3px; } form .category_block li, form.member fieldset legend, form.member .address div { padding-bottom: 5px; } form div, form fieldset.categories .category_block, form #new_category, form.standard fieldset, form.member .fieldWithErrors .message, form.member .fieldWithError.message { padding: 5px; } form.member .dash { padding: 3px 3px 0 4px; } /** * @section margin exceptions */ form #new_category, { margin-top: 0px; } form.member .address #map { margin-top: 5px; } form fieldset.categories .category_block { margin-bottom: 2px; } form.member fieldset fieldset, form.member fieldset.categories fieldset.categories { margin-bottom: 0; } form.member .address #map { margin-bottom: 10px; } form.member fieldset.categories, form.member fieldset.container, form.member fieldset { margin-bottom: 20px; } form label.hint { clear: both; } /** * @section geocoder */ form.member .address #map { height: 300px; } form.member .address #map div { margin: 0; padding: 0; } /** * @section opening_hours */ .opening_hours form { display: block; padding: 2px; } .opening_hours label { display: block; width: 100%; } .opening_hours select { width: 100px; } .opening_hours fieldset { margin: 1em 0 0; } .opening_hours fieldset select { width: 50px; } .opening_hours fieldset #starts_at_minute, .opening_hours fieldset #ends_at_minute { margin: 0 0 0 4px; } .opening_hours #opening_hour_submit { margin: 1em 0 0; } .opening_hours form a { display: block; margin: 1em 0 0 0; } /** * @section new_offer_form */ .no_contingent { margin-bottom: 20px; padding: 5px; } /** * Styled file upload input */ label.file.styled { width: 98px; height: 18px; display: block; overflow: hidden; position: relative; padding: 0; } label.file.styled input.file { position: relative; height: 28px; top: -5px; font-size: 2em; cursor: pointer !important; opacity: 0; -moz-opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } /** * ChangedEmail */ #new_changed_email { margin-top: 20px; } /** * Flash Messages */ #notice { border-width: 1px; border-style: solid; left: 100px; padding: 10px; position: absolute; top: 100px; width: 300px; } #notice a.close { position: absolute; right: 0; top: 0; } /** * @tested Safari 3, Firefox 3-, lte IE 7 */ /** * * @section sidebar */ #sidebar { height: 100%; margin: 0; padding: 0; position: absolute; overflow: hidden; right: 0; width: 338px; z-index:601; } #sidebar .print { cursor:pointer; display:block; width:19px; height:22px; margin-top:-2px; padding-right:5px; } #sidebar h4.label span { float:left; } #sidebar #sidebar_toggle { display:block; height:147px; margin:-73px 0 0; position:absolute; top:50%; width:19px; right:319px; } #sidebar_tabs li { display: inline; } #sidebar .list{ margin-top:50px; overflow-x:hidden; overflow-y:auto; } /** @note repositioned list for the sort panel */ #sidebar #result_list.list { margin-top:7px; border-top-width: 1px; border-top-style: solid; } #sidebar ul.list { width: 300px; } /** * @section message * @note Main styles for all message elements */ #sidebar .collection .message a.go_to{ display: none; } /** * Layout of the offer/sites results * @section sidebar offer/site */ #sidebar .offers, #sidebar .site { display: block; } #sidebar .map_it { border-top-style: solid; border-top-width: 1px; } #sidebar .map_it.first { border-top: none; } #sidebar .map_it h3 { margin: 0; padding: 0; } #sidebar .map_it h3 a { display:block; } #sidebar .map_it .states .collection_link { cursor:pointer; } /** @note style for cursor on draggable elements */ #sidebar .collection.sortable h3 a, #sidebar .collection.sortable h3 { cursor: move; } /** * Layout for the sort option in the sidebar * @section search_order_panel sidebar */ #sidebar #search_order_panel select { width:125px; } #sidebar #search_order_panel #loader { height:24px; left:252px; position:relative; top:-34px; width:24px; } /** * * @section pagination * */ #sidebar #pagination_box { border-top-width: 1px; border-top-style: solid; margin-left:38px; padding:5px 0; width:300px; text-align:center; } /** @note highlighting of current page */ #sidebar #pagination .disabled { display:none; } /** * * @css-for Safari&Opera */ @media screen and (-webkit-min-device-pixel-ratio:0) { /** @note reset checkbox position after a label */ #sidebar #search_order_panel input { position:static; } #sidebar #search_order_panel label { padding-left:6px; } } /** * @note minimal width on the Google Maps InfoWindow is 205px * @section info window * * @desciption: There are 5 different types of windows * .type_0 - only for infrastructure content * .type_1/cluster - [Sidebar TAB] offers ().site_offer.width_default) * .type_2 - [Sidebar TAB] sites - sites with minimal content (default) * .type_3 - [Sidebar TAB] sites - sites without offer (larger) * .type_4/.tabbed - [Sidebar TAB] sites - sites with offer (larger) * */ /** * @note background positions */ .info_window { margin: -11px -15px 0; } .info_window .content { padding: 11px 4px 0 18px; /** @css-for gecko/webkit/ei7 */ min-height: 78px; } /** @subsection type_0 */ .info_window.cluster .content, .info_window .type_0 { width: 226px; } .info_window.cluster ul { margin-top: 5px; } .info_window.cluster ul li{ list-style-type: disc; margin: 0 0 5px 14px; } /** @subsection type_1, type_2 */ .info_window .type_1, .info_window .type_2 { width: 225px; } /** @subsection type_3 */ .info_window .type_3 { width: 275px; } .info_window.tabbed .type_4, .info_window.tabbed .type_3 { width: 280px; padding-left: 12px; } .info_window.cluster .content { width: 225px; } /** * * @section inline layout * */ .info_window h3 { margin-top: 1px; padding: 0; } .info_window h3, .info_window h3 p { width: 194px; } .info_window #site_categories { margin-top: -1px; } .info_window .right, .info_window .left { display: block; float: left; width: 138px; } .info_window .right{ width: 131px;} .info_window .right { padding-left: 6px; padding-top: 9px; } .info_window .left li { margin-bottom: 12px; } .info_window .left li.first { margin-bottom: 9px; } .info_window .left li.second { margin-top: -9px; } .info_window .left p, .info_window .left address { margin-top: -3px; } .info_window .type_2 .right, .info_window .type_0 .right { width: 81px; } .info_window .type_0 .right { padding-top:0; } /*.info_window .type_0 .collection_link { margin-top:2px; } */ .info_window a { display: block; } .info_window a.mail{ line-height: 16px; } /** @note dimensions 121x91px*/ .info_window img { border-style: solid; border-width: 1px; float: left; height: 90px; margin-left: 1px; } .info_window .opening_state { float: left; margin-right: 11px; margin-top: -1px; } .info_window .opening_state_text { margin-bottom: 4px; margin-top: 19px; } .info_window .type_1 img, .info_window .offer img{ height: auto; margin-right: 9px; width: 64px; } .info_window a.button.poi { line-height: 13px; margin-top: 0.2em; margin-bottom: 0.4em; } /** * @note special styles */ .info_window .type_1 div div { width: 100%; } .info_window .type_1 div.image div { float: right; width: 152px; } .info_window .type_1 .price { float: left; width: 100px; } .info_window .type_1 .image .price { width: 72px; } /** * * @section offer * */ .info_window ul.offer { width: 281px; height: 146px; margin-right: 1px; overflow-x: hidden; overflow-y: auto; margin-top: 0.2em; padding-top: 0.2em; border-top-style: solid; border-top-width: 1px; } .info_window .offer li { border-top-style: solid; border-top-width: 1px; padding-top: 14px; } /** @note reset for the first item*/ .info_window .offer li.first { border-top: none; padding-top: 0px; } .info_window .offer div div, .info_window .offer li.image div { padding-bottom: 20px; width: 257px; } /** @note is image in inside */ .info_window .offer li.image div { padding-bottom: 8px; } .info_window .offer li.image div div { width: 178px; float: left; } .info_window .offer span { display: block; } .info_window .price { margin: 8px 0; } .info_window .image .price { margin-bottom: 0px; } /** * * @css-for firefox 2 * */ x:-moz-any-link, .info_window .type_1 .image div { float: none !important; } x:-moz-any-link, .info_window .left { width: 128px; } /** * * @css-for firefox 3 * */ x:-moz-any-link, .info_window .type_1 .image div { float: right; } x:-moz-any-link, x:default, .info_window .left { width: 138px; } /** * * @css-for Safari & Opera * */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .info_window .type_0, .info_window .type_1, .info_window .type_2, .info_window.cluster .content { width: 226px; } .info_window .type_3 { width: 276px; } .info_window.tabbed .type_3, .info_window.tabbed .type_4 { width: 281px; } } /** * DEFAULT STYLE FOR PAGE SITES */ /** * * @section floatings * */ .page .header .tabs li, .page .header .tabs a, .page .body .column, .page .buttons a, .page .opening_hours div, .page .payments li span, .page .similar_pois .state, .page.offers span.coupon { float: left; } .page .top { float: right; } /** * * @section displays * */ .page .header .tabs li, .page .header .tabs a, .page .header .categories, .page .payments li span, .page #site_categories, .page #site_categories li, .page #new_opening_hour a, .page #new_opening_hour label, .page .similar_pois li, .page .preview form, .page .buttons a, .page.offers .offer .download, .page.offers span.coupon { display: block; } .page .brands li, .page .payments li, .page .master.action li { display: inline; } /** * * @section grid margin * */ .page .body .images .column { margin-left: 0; } .page.login .body, .page.feedback .body, .page .body .master.action { margin-right: 10px; } .page .body .images .column.last { margin-right: 0px; } .page .body .images .column.first, .page .body .images .column { margin-right: 2px; } .page .body .images .column.last { margin-left: 0px; } .page .master.action, .page .body .images, .page .body p { margin-bottom: 10px; } .page { padding-bottom: 20px; } .page .header { padding: 10px 0 10px 20px; margin-bottom: 20px; } .page .body { margin-left: 20px; margin-top: 10px; margin-bottom: 30px; } /** * @section grid exceptions */ .page .opening_hours .label { width: 40px; } .page .opening_hours .hours { width: 130px; } .page .body .images .column.last { width: 112px; } .page .body .images .column { width: 252px; } .page .payments li span { height: 25px; width: 45px; } /** @tested FF3, IE7+ */ .page .header span, .page .opening_hours #regular_opening_hour_submit, .page .similar_pois h4 a, .page .add_on, .page.sites .title, .page .header a, .page.offers .body span.coupon, .page.packages .card .body p strong, .page.packages.sites .button, .page.packages.created .button, .page address span, .page .opening_hours form div, .page.brands .back { display: block; } #new_opening_hour a.editor_cancel, .page .add_on.marker, .page .master.action.private .state, .page .master.action.public .state, .page .preview input, .page.interests .body form, .page.packages .price span, .page.packages .brutto span { display: inline; } .page .master.action .state, .page .master.action.private .state .public, .page .master.action.public .state .private, body.order #main_navigation, body.order #notepad_label, body.order #notepad, body.order #search, body.order #breadcrumb { display: none; } /** * * @section floatings * */ .page .opening_hours form div, .page .similar_pois .offers { float: none; } .page #edit_opening_hours_comment { float: right; } .page.packages.created .button, .page .opening_hours .action .actions a, .page .opening_hours .action .actions input, .page.offers .article img, .page.interests .body #interests .column, .page .similar_pois h4, body.order .page .basic .progress.step_2 li.register, body.order .page .progress li { float:left; } /** @workaround separate attribute definitions for IE6 */ .page #file_attachment_upload_form input[type="submit"] { float:left; } /** * * @section dimensions * */ /** * @note extension of grid * @file /stylesheets/grid.css */ .page .body { width: auto; } /** * @section grid exceptions */ /** @subsection horizontal */ .page.tellafriend form p, .page.feedback form p, .page #new_opening_hour, .page .similar_pois .offers, .page.interests .body ul ul, .page.packages .card .header, .page.packages .card .body { width: auto; } .page .container .opening_state { width: 20px; } .page #static_marker { width: 35px; } .page .opening_hours .label { width: 30px; } .page .header .tabs a { width: 81px; } .page .buttons a, .page.offers .article .buttons, body.order .page .progress li.last, .page.interests input.submit { width: 90px; } /** @workaround IE6 doesn't support [attr] selectors */ .page #file_attachment_upload_form input[type="submit"] { width: 90px; } .page .header.profile .tabs a { width: 98px; } .page .opening_hours .hours, .page .header.profile .tabs li { width: 110px; } .page.offers .price { width: 112px; } body.order .page .progress li { width: 140px; } .page .similar_pois h4 { width: 166px; } .page .open_sundays { width: 218px; } .page .body .images .column { width: 252px; } .page .body .images .column.last { width: 112px; } .page .download #attachment_caption { width: 205px; } .page.packages .column.card { width: 238px; } .page.offers .body span.coupon { width: 250px; } /** * @subsection vertical */ body.order .page .progress li { height: 19px; } .page .buttons a, .page.interests input.submit { height: 24px; } /** @workaround IE6 doesn't support [attr] selectors */ .page #file_attachment_upload_form input[type="submit"] { height: 24px; } .page .header .tabs a, .page.packages.sites .button, .page.packages .button { height: 25px; } .page #static_marker { height: 38px; } .page.offers .offer .download { height: 48px; } .page.packages .card .header { height: 100px; } .page.packages .card .body { height: 380px; } .page.offers .body span.coupon { height: 171px; } .page .images .empty { height: 168px; } /** * * @section margins * */ .page .header .tabs a, .page .opening_hours .editor_cancel, .page .opening_hours fieldset, .page .opening_hours p, .page .opening_hours .actions, .page .opening_hours p, .page .open_sundays p, .page .download form .hint, .page.tellafriend form p, .page.feedback form p, .page.offers .offer .download, .page.offers .price, .page #new_opening_hour .actions, .page.packages .card .header, .page.packages .card .body, .page.packages .column.card { margin: 0; } /** @subsection left */ .page.offers .price .after { margin-left: -10px; } .page .similar_pois ul, .page label.file.styled, .page .buttons a { margin-left: -4px; } .page.interests .body #interests .column.first { margin-left: 0px; } .page.sites .action, .page.interests .body #interests .column, .page.sitemap ul ul, .page .opening_hours .label { margin-left: 10px; } .page.pages .container ul { margin-left: 20px; } /** @subsection right */ .page .body .images .column.last, .page.interests .body #interests .column { margin-right: 0px; } .page .body .images .column, .page .body .images .column.first { margin-right: 2px; } .page.offers .article img.main, .page.offers span.coupon, .page.packages.created .button { margin-right: 10px; } /** @subsection top */ .page .similar_pois .state { margin-top: -2px; } .page .container h4, .page.pages .container.index_items li, .page.packages.created .button, .page.packages .brutto { margin-top: 0px; } .page.offers .article img.main, .page.offers .article .column.last { margin-top: 4px; } .page #new_opening_hour .actions, .page .opening_hours .action .actions, .page .header .tabs, .page.offers .article, .page.packages .price, .page.packages .button, .page.brands .back { margin-top: 10px; } .page.offers .body .column.container, .page.pages .container li { margin-top: 14px; } body.order .page .body, .page.sitemap h3 { margin-top: 20px; } /** @subsection bottom */ .page.categories .body h3, .page div.offers h3, .page.vendor .body .info.container .column.last div p, .page.vendor .body .opening_hours p, .page.offers h3, .page.sitemap h3 { margin-bottom: 0; } .page .opening_hours li, .page .payments li span { margin-bottom: 1px; } .page h3, .page .container h4, .page .similar_pois h4, .page.offers .availability, .page.sites .list li { margin-bottom: 5px; } .page.offers .article, .page.sites .container.first li, .page.sites .description { margin-bottom: 10px; } .page.packages .card .header h3 { margin-bottom: 15px; } .page .body p, .page.pages .container li p, .page #file_attachment_upload_form, .page.vendor .description { margin-bottom: 18px; } /** @workaround IE6 doesn't support > selectors */ .page .body .info.container .column.last > div { margin-bottom: 18px; } .page.sites .container, .page.interests .container { margin-bottom: 20px; } .page .buttons { margin-bottom: 26px; } .page .header span, .page .header a, .page .header .categories { margin: 5px 0 0; } /** * @subsection paddings */ .page .download form .hint, .page .similar_pois .offers, .page.packages .header h3 { padding: 0; } .page .open_sundays h4, .page.offers .offer .download { padding-top: 3px; } .page .download div.action { padding-top: 5px; } .page .similar_pois li.first { padding-top: 11px; } .page .similar_pois li { padding-top: 13px; } .page.offers h3, .page.sitemap h3, .page .header.tabbed { padding-bottom: 0px; } .page .header .tabs li.active a { padding-bottom: 1px; } .page.packages .card .body li, .page .open_sundays h4 { padding-bottom: 4px; } .page.offers .article, .page .download ul { padding-bottom: 10px; } .page .index_items, .page .similar_pois h4 { padding-bottom: 20px; } .page.sites .standard, .page.interests .body #interests .column.first { padding-left: 0px; } .page.offers .master.action li { padding-left: 2px; } .page .opening_hours .action a, .page.packages.sites .button, .page.packages .button { padding-left: 3px; } .page #new_opening_hour legend, .page .opening_hours form div, .page .opening_hours form fieldset { padding-left: 5px; } .page .master.action li, .page .opening_hours .label, .page.interests .body #interests .column { padding-left: 10px; } .page.interests .body #interests ul ul { padding-left: 16px; } .page .download .delete { padding-right: 5px; } body.order .page .progress li.first, body.order .page .basic .step_1 li.basic_data, body.order .page .basic .step_2 li.last, body.order .page .step_1 li.register, body.order .page .step_2 li.register, body.order .page .step_3 li.basic_data, body.order .page .step_4 li.detail_data, body.order .page .step_5 li.last { padding-right: 10px; } .page .opening_hours .label, .page .opening_hours .action, .page .opening_hours .hours { padding: 6px 0 4px; } .page .master.action { padding: 4px 0; } /** * * @section exceptions * */ .page .header .tabs a { padding-left: 12px; padding-top: 5px; } .page .similar_pois { width: 304px; padding-left: 20px; } .page .header .tabs li { width: 93px; height: 30px; margin-right: 5px; } .page .edit_open_sunday { width: 288px; padding-right: 0; } /** * * @section packages page * */ .page.packages .card .header, .page.packages .card .body { padding: 10px 10px 10px 9px; } .page.packages .button.remove_category, .page.vendor .button.remove_category { margin-left: 139px; padding-bottom: 1px; } .page.packages .card .body li { padding-left: 14px; } .page.packages.sites .button, .page.packages .button { height: 25px; padding-top: 2px; } /** * * @subsection order * */ body.order .page .header.order { margin-bottom: 0; padding-bottom: 7px; } body.order .page .progress { margin-top: 3px; } body.order .page .basic .progress.step_2 li.register, body.order .page .progress li { height: 19px; padding: 7px 0px 5px 20px; width: 140px; } body.order .page .progress li.first { padding-left: 9px; } body.order .page .header .button.commit { height: 43px; padding-top: 7px; position: absolute; width: 190px; top: 111px; left: 496px; } .page .header { padding-top: 18px; padding-bottom: 18px; } /** @note special style map marker */ .page #static_marker { left: 132px; margin-top: -38px; } /** @note special style for sprite buttons */ .page label.file.styled, .page .buttons a { clear: none; margin-right: 6px; } .page #file_attachment_upload_form input[type="submit"] { padding: 4px 0 6px 4px; } .page #file_attachment_upload_form label.file { margin: 5px -3px 0; } /** @workaround separate attribute definitions for IE6 */ .page #file_attachment_upload_form input[type="submit"] { margin: 5px -3px 0; } /** * @subsection similar pois */ /** * @workaround bottom padding was needed for marker image in the background; * margin bottom is the offset for padding */ .page .similar_pois h4 { margin-bottom: -7px; padding-left: 42px; } .page .similar_pois ul { margin-top: -4px; } /** * * @section offers detail view * */ .page.offers .offer .download, .page.offers .price { padding: 18px 14px 0px; } .page.offers .offer .download { padding-bottom: 14px; margin-top: 37px; } .page.offers .price .currency, .page.offers .price .after, .page .add_on.marker, .page .add_on span { position: relative; top: -7px; } /** * @subsection advanced price */ .page.offers .price.advanced { padding-left: 10px; } .page.offers .price.advanced .currency { margin: -2px; top: 0; } .page.offers .price.advanced .after { margin: -2px; top: -2px; } .page.offers .price.advanced .add_on.marker { margin-left: 2px; margin-right: -7px; top: -1px; } .page .add_on span { top: 6px; } /** @workaround offset for marker width, centered the price */ .page .add_on.marker { top: -4px; margin-right: -9px; } .page.offers .article .buttons { padding: 10px 20px 10px 24px; } .page .add_on { padding-bottom: 8px; padding-top: 15px; } .page .top { margin-top: -20px; } .page.sites .list li { padding: 3px; } .page.interests input.submit { padding: 4px 0 6px 4px; } /** * @subsection preview */ .page .preview { padding: 10px; } .page .preview input { background: none; padding: 0; cursor: pointer; } /** @css-for lte FF2 */ x:-moz-any-link, .page address { overflow: hidden; } /** @css-for gte FF3 */ x:-moz-any-link, x:default, .page address { overflow: visible; } #main { top: 105px; } #content { float: right; } #logo { height: 76px; margin-top: 29px; width: 245px; } #head { min-height: 114px; } #search #match { margin-left: 130px; margin-top: 13px; padding: 0; width: 146px; } #search .button { left: 8px; width: 50px; } #tag_cloud { width: 345px; margin: -7px 0 0; left: -3px; } /** * * @section header * */ #head .language { position: absolute; left: 947px; top: 5px; display: block; width: 60px; } #head .language a { display: block; float: left; height: 11px; width: 16px; margin-right: 7px; } #notepad_label { display: block; width: 698px; position: absolute; top: 4px; } body.logged_in #notepad_label { visibility: hidden; } #breadcrumb { left: 321px; position: absolute; top: 77px; width: auto; margin: 0; float: none; z-index: 10; } #footer { height: 26px; z-index: 603; padding-top: 9px; } #footer li { margin-top: 6px; } .collection_link, .collection_link:hover, .opening_state { position: static; height: 24px; width: 90px; } /** * @section message styles */ #content .message.flash, .message.flash { -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-left: 6px; margin-top: 10px; margin-bottom: 5px; padding-right: 8px; width: 245px; } .message.flash #message_close { position: static; height: auto; width: auto; display: inline; } #content .message.flash #message_close { white-space: pre; } /** * @extended /stylesheets/dropdown.css * @tested FF3 * * Define all colors in /stylesheets/flensburg/colors.css */ /** * * @section main navigation * */ #main_navigation { width: 395px; left: 245px; top: 29px; padding-bottom: 7px; z-index: 602; } /** @todo remove DOM elements from header */ #main_navigation .bottom_line { display: none; } #main_navigation a.button { height: 40px; width: 126px; padding: 0; } #main_navigation .item_0 a.button { margin-left: 3px; } #main_navigation .item_1 a.button { width: 143px; } #main_navigation .item_2 a.button { width: 123px; } #main_navigation .last { height: 13px; } /** * @note other modification */ #main_navigation .item_1 ul, #main_navigation .item_2 ul { margin-left: -3px; } #main_navigation .item_1 ul ul, #main_navigation .item_2 ul ul, #main_navigation ul ul { margin-top: -10px; margin-left: -20px; } /** * * @section search * */ #search.dropdown { right: auto; left: 640px; top: 29px; } #search.dropdown #reload_form { height: 38px; width: 350px; margin: 0; padding: 2px 0 7px; } #search.dropdown .first, #search.dropdown .last { margin-left: 1px } /** * * @section notepad * */ #notepad.dropdown { left: 700px; z-index: 598; width: 232px; } #notepad.dropdown .first { height: 3px; } #search.dropdown .last, #notepad.dropdown .last { height: 14px; } #notepad.dropdown li { padding-left: 28px; } #notepad.dropdown .button { cursor: pointer; padding-top: 4px; margin-right: 5px; padding-bottom: 10px; width: 199px; } #notepad.dropdown a { margin-left: -24px; padding-left: 24px; } #notepad.dropdown.open li li a { margin-right: 6px; padding-top: 7px; padding-bottom: 7px; } #notepad ul { display: none; visibility: visible; } #notepad.open ul { display: block; } /** * @extended /stylesheets/sidebar.css * * Define all colors in /stylesheets/flensburg/colors.css */ #sidebar #sidebar_toggle { display: none; } #sidebar_tabs a { display: block; } #sidebar .offers, #sidebar .site { display: inline; } /** * * @section dimensions * */ #sidebar h4.label .print { width: 90px; } #sidebar_tabs a { width: 82px; } #sidebar h3.image { width: 153px; } #sidebar #search_order_panel { width: 279px; } #sidebar h4.label { width: 296px; } #sidebar_tabs { width: 302px; } #sidebar ul.list, #sidebar #pagination_box { width: 318px; } #sidebar { width: 325px; } /** @subsection vertical */ #sidebar #search_order_panel { height: auto; } #sidebar_tabs a { height: 25px; } #sidebar_tabs { height: 31px; } #sidebar { left: 0; top: 105px; overflow: visible; } #sidebar ul.list { margin: 0; } #sidebar_tabs { padding-left: 16px; position: static; padding-left: 16px; margin-bottom: 10px; margin-top: -11px; } #sidebar_tabs a { float: left; margin-right: 5px; padding-left: 11px; padding-top: 6px; } #sidebar #search_order_panel { margin: 9px 8px 9px 31px; } #sidebar .map_it { padding-left: 0; } #sidebar .map_it .states { margin: 0; float: left; } #sidebar .map_it div.poi, #sidebar .map_it div.offer, #sidebar .map_it div.event, #sidebar .map_it div.coupon { border-left-style: solid; border-left-width: 5px; padding-bottom: 4px; padding-left: 13px; padding-top: 10px; /** @note offset of left distance */ margin: 1px 0px; } #sidebar .image, #sidebar .map_it .right { float: left; } #sidebar .map_it a.map_it_link { margin-bottom: 2px; } #sidebar h3.image, #sidebar .collection h3.image { padding-top: 1px; padding-left: 40px; } #sidebar .collection_link { position: static; } #sidebar #pagination_box { border: none; margin-left: 0; } #sidebar h4.label { padding: 5px 0px 3px 16px; } #sidebar h4.label .print { float: right; margin-top: 0; } #sidebar #search_order_panel #loader { left: auto; top: auto; position: static; float: right; margin-right: 5px; margin-top: -20px; } form button, form.standard input.submit { border: none; padding: 2px 0 6px 0px; height: 24px; width: 90px; } /** @workaround IE6 doesn't support [attr] selectors and ignore all other definitions */ form.member input[type="submit"] { border: none; padding: 3px 0 6px 0px; height: 24px; width: 90px; } label.file.styled { height: 24px; float: left; } /** @workaround IE6 doesn't support [attr] selectors and ignore all other definitions */ form.standard label[for="remember_me"] { margin-left: 4px; } /** @workaround IE6 doesn't support [attr] selectors and ignore all other definitions */ form.member input[type="submit"] { margin-right: 5px; margin-top: -3px; } /** @workaround bottom padding for background image icon */ form.member .hint { padding-bottom: 10px; padding-left: 30px; padding-top: 5px; } .page.interests .actions, body.manager .page.profile #edit_profile .actions { margin-left: 0; } .page.interests form label, .page.interests form input { display: inline; } form.standard input.text:focus, form.standard textarea:focus, form.member input.text:focus, form.member textarea:focus { border-width: 2px; padding: 2px 1px; } /** * * @workaround set the label of same vertical position as input[checkbox]/input[radio] * */ /** @css-for CSS3 non supported clients */ .page.login .choose label, #search_order_panel label { position: relative; top: -3px; } /** @css-for CSS3 supported clients */ body:nth-of-type(1) .page.login .choose label, body:nth-of-type(1) #search_order_panel label { position: static; } /** * @tested FF3, lte IE8, Safari 4 */ .info_window h3 { border-left-style: solid; border-left-width: 5px; margin-left: -8px; margin-top: -1px; padding-left: 5px; padding-top: 0; } .info_window .left { width: 135px; margin-left: 3px; margin-top: 9px; } .info_window .left li { margin-bottom: 16px; } .info_window .left li.first { margin-bottom: 21px; } .info_window .opening_state, .info_window .collection_link { float: none; margin: 0; width: auto; } .info_window .type_0 .opening_state, .info_window .type_0 .collection_link, .info_window .type_2 .collection_link { width: 90px; margin-left: -14px; } .info_window .type_0 .opening_state { margin-top: 8px; } .info_window .type_1 img, .info_window .offer img { margin-right: 6px; } .info_window .type_1.offer div div { width: auto; } .info_window .type_1 .collection_link { position: relative; top: 7px; } .info_window .type_1 .image { float: right; } /** * @subsection price */ .info_window .price, .info_window .offer .price, .info_window .offer .price span { display: inline; } .info_window .price .currency, .info_window .price .after { position: relative; top: -4px; } .info_window .price .after { margin-left: -7px; } .info_window .more { white-space: nowrap; } /** * All background definitions only here * For other languages use the language style file in the /stylesheets/lang/ directory * * * @section sprite definition * @tested FF3, lte IE7 * @file /stylesheets/city.css */ label.file.styled, /** @file /stylesheets/flensburg/city.css */ .message.flash.notice, .message.flash.warning, .collection_link, .opening_state, /** @file /stylesheets/flensburg/sidebar.css */ #sidebar .print, /** @file /stylesheets/forms.css */ form.standard input.submit, .page.interests input.submit, /** @file /stylesheets/site.css */ .page a.feedback, .page a.tell_a_friend, .page .header .tabs li, .page .header .tabs li a, .page.packages .button, .page.packages.sites .button, body.order .page .button.commit, form.member .hint, form button, form #new_category, form .remove_category, #head .language a { background-image: url(/images/buttons.png); } /** @workaround IE6 doesn't support [attr] selectors */ form.member input[type="submit"], .page #file_attachment_upload_form input[type="submit"] { background-image: url(/images/buttons.png); } /** * @section positions */ #head .language .de { background-position: 0 -240px; } #head .language .da { background-position: -30px -240px; } .collection_link, .collection_link:hover, .opening_state { background-position: 100% -120px; } .opening_state.close { background-position: 100% -120px; } .opening_state.closing { background-position: 100% -150px; } .opening_state.open { background-position: 100% -180px; } .collection_link { background-position: 100% 0; } .page .buttons .collection_link, .collection_link:hover { background-position: 100% -30px; } .collection_link.remove { background-position: 100% -60px; } .page .buttons .collection_link.remove, .collection_link.remove:hover { background-position: 100% -90px; } #sidebar h4.label .print { background-position: 100% -210px; } #content .message.flash, .message.flash { background-position: -590px -520px; } .message.flash.warning { background-position: 10px -520px; } form button, form.standard input.submit, .page.interests input.submit { background-position: 50% -800px; } /** @workaround IE6 doesn't support [attr] selectors and ignore all other definitions */ form.member input[type="submit"], .page #file_attachment_upload_form input[type="submit"] { background-position: 50% -800px; } body.order .signup form.standard input.submit, form.member #poi_submit, form button { background-position: 50% -830px; } form .hint { background-position: -605px -530px; } label.file.styled { background-position: 0 -60px; } .page.packages.sites .button, .page.packages .button { background-position: 50% -240px; } .page.packages.created .button, .page.packages.sites .button { background-position: 50% -270px; } body.order .page .header .button.commit { background-position: 50% -300px; } .page .buttons .tell_a_friend { background-position: 0 0; } .page .buttons .feedback { background-position: 0 -30px; } /** * * @section skin * */ #head, #head #logo, #footer, #footer li { background-image: url(/images/skin.png); } #head { background-position: 0 -160px; } #logo { background-position: 0 -70px; } #footer { background-position: 0 0px; } #footer li { background-position: right -40px; } /** * * @section dropdowns * */ #main_navigation, #main_navigation a.button, #main_navigation ul li, #search.dropdown, #search.dropdown #reload_form, #search.dropdown ul li, #notepad.dropdown .button, #notepad.dropdown li, #notepad.dropdown.open li li, #notepad.dropdown.open #show_collection_link a { background-image: url(/images/dropdown.png); } #main_navigation { background-position: 0 0; } #main_navigation a.button { background-position: -3px -0px; } #main_navigation .item_1 a.button { background-position: -129px 0px; } #main_navigation .item_2 a.button { background-position: -273px 0px } /** * @subsection dropdowns */ #main_navigation a.button:hover, #main_navigation a.button.active:hover, #main_navigation a.button.path, #main_navigation a.button.active.path { background-position: -3px -120px; } #main_navigation .item_1 a.button:hover, #main_navigation .item_1 a.button.active:hover, #main_navigation .item_1 a.button.path, #main_navigation .item_1 a.button.active.path { background-position: -129px -120px; } #main_navigation .item_2 a.button:hover, #main_navigation .item_2 a.button.active:hover, #main_navigation .item_2 a.button.path, #main_navigation .item_2 a.button.active.path { background-position: -273px -120px; } #main_navigation a.button.active { background-position: -3px -60px; } #main_navigation .item_1 a.button.active { background-position: -129px -60px; } #main_navigation .item_2 a.button.active { background-position: -273px -60px; } #main_navigation ul ul li.first { background-position: 0px -190px; } #main_navigation ul li.second ul li.first { background-position: 0px -191px; } #main_navigation ul li, #main_navigation ul li.first { background-position: 0px -200px; } #main_navigation ul li.last { background-position: 0px -250px; } /** @subsection search */ #search #reload_form { background-position: -396px 0px; } #search #reload_form:hover { background-position: -396px -60px; } #search #tag_cloud li { background-position: -400px -320px; } #search #tag_cloud .last { background-position: -400px -500px; } /** @subsection notepad */ #notepad.open { background-position: 0px -460px; } #notepad li { background-position: 0 -270px; } #notepad.open li { background-position: 0 -340px; } #notepad .button { background-position: 0px -460px; } #notepad.open .first { background-position: 0 -320px; } #notepad.open li li { background-position: 0px -330px; } #notepad.open .last { background-position: 0 -440px; } #notepad #show_collection_link a { background-position: 0px -500px; } /** * * @section sidebar * */ #sidebar, #sidebar_tabs, #sidebar a.active, #sidebar h3.image, .page .similar_pois h4 { background-image: url(/images/sidebar.png); } /** @subsection positions */ #sidebar { background-position: 0 0; } #sidebar_tabs { background-position: -340px 0px; } #sidebar_tabs a.active { background-position: -670px 0px; } .page .similar_pois .site_shopping h4, #sidebar .hover .type_site_shopping h3.image, #sidebar .type_site_shopping h3.image { background-position: -780px 0; } .page .similar_pois .site_food h4, #sidebar .hover .type_site_food h3.image, #sidebar .type_site_food h3.image { background-position: -1000px 0; } .page .similar_pois .site_experience h4, #sidebar .hover .type_site_experience h3.image, #sidebar .type_site_experience h3.image { background-position: -1220px 0; } #sidebar .hover .type_offer_shopping h3.image, #sidebar .type_offer_shopping h3.image { background-position: -1440px 0; } #sidebar .hover .type_offer_food h3.image, #sidebar .type_offer_food h3.image { background-position: -1660px 0; } #sidebar .hover .type_offer_experience h3.image, #sidebar .type_offer_experience h3.image { background-position: -1880px 0; } #sidebar .hover .type_coupon_shopping h3.image, #sidebar .type_coupon_shopping h3.image { background-position: -2100px 0; } #sidebar .hover .type_coupon_food h3.image, #sidebar .type_coupon_food h3.image { background-position: -2320px 0; } #sidebar .hover .type_coupon_experience h3.image, #sidebar .type_coupon_experience h3.image { background-position: -2540px 0; } /** @section collection/subscription */ #sidebar .collection .hover .type_site_shopping h3.image, #sidebar .collection .type_site_shopping h3.image, #sidebar .collection .hover .type_offer_shopping h3.image, #sidebar .collection .type_offer_shopping h3.image, #sidebar .collection .coupon.type_offer_shopping h3.image, #sidebar .collection .type_coupon_shopping h3.image { background-position: -2760px 0; } #sidebar .collection .hover .type_site_food h3.image, #sidebar .collection .type_site_food h3.image, #sidebar .collection .hover .type_offer_food h3.image, #sidebar .collection .type_offer_food h3.image, #sidebar .collection .coupon.type_offer_food h3.image, #sidebar .collection .type_coupon_food h3.image { background-position: -2980px 0; } #sidebar .collection .hover .type_site_experience h3.image, #sidebar .collection .type_site_experience h3.image, #sidebar .collection .hover .type_offer_experience h3.image, #sidebar .collection .type_offer_experience h3.image, #sidebar .collection .coupon.type_offer_experience h3.image, #sidebar .collection .type_coupon_experience h3.image { background-position: -3200px; } /** * * @section load spinner * */ #sidebar #search_order_panel #loader { background-image: url(/images/loader.gif); } /** * * @section pages * */ .page .opening_hours li, .page .open_sundays, .page .payments li a, .page .payments li span, .page.offers .article .coupon, .page.offers .price, .page.offers .offer .download, .page.packages .card .header, body.order .page .progress li, .page.packages .card.medium .body, .page.packages .card.basic .body, .page.packages .card.basis .body, .page.packages .card .body li, #static_marker { background-image: url(/images/page.png); } /** @note positions */ #static_marker { background-position: 0 -190px; } #footer { background-position: 0 0; } #footer li { background-position: right -40px; } .page.packages .card .header { background-position: -330px -240px; } .page.packages .card.medium .header { background-position: -350px -240px; } .page.packages .card.basis .header, .page.packages .card.basic .header { background-position: -1080px 0px; } .page.packages .card.medium .body, .page.packages .card.premium .body { background-position: -670px 0; } .page.packages .card.basis .body, .page.packages .card.basic .body { background-position: -1080px -170px; } .page.packages .card.basis .body li, .page.packages .card.basic .body li { background-position: 0 -240px; } .page.packages .card.standard .body li { background-position: 0 -300px; } .page.packages .card.medium .body li { background-position: 0 -350px; } .page.packages .card.premium .body li { background-position: 0 -410px; } .page.packages .button#new_category, .page.vendor .button#new_category { background-position: -470px -370px; } .page.packages .button.remove_category, .page.vendor .button.remove_category { background-position: -614px -406px; } .page .opening_hours li { background-position: -930px 50%; } .page .open_sundays { background-position: -1290px 50%; } .page.offers .offer .download, .page.offers .price { background-position: -10px -40px; } .page.offers .offer .download { background-position: -160px -40px; } .page.offers span.coupon { background-position: -320px -40px; } .page .payments .amex span { background-position: 0px 0; } .page .payments .maestro span { background-position: -70px 0; } .page .payments .master span { background-position: -140px 0; } .page .payments .diners span { background-position: -210px 0; } .page .payments .visa span { background-position: -280px 0; } .page .payments .ec span { background-position: -350px 0; } .page .payments .dankort span { background-position: -420px 0; } .page .payments .dkk span { background-position: -490px 0; } /** * @subsection header */ .page .header .tabs a { background-position: 0 -130px; } .page .header .tabs li.active a { background-position: 0px -170px; } .page .header .tabs li { background-position: 0 -90px; } .page .header .tabs li.offer a { background-position: -100px -130px; } .page .header .tabs li.coupon a { background-position: -200px -130px; } .page .header .tabs li.offer.active a { background-position: -100px -170px; } .page .header .tabs li.coupon.active a { background-position: -200px -170px; } .page .header.profile .tabs a { background-position: -300px -130px; } .page .header.profile .tabs li.active a { background-position: -300px -170px; } /** * @subsection order header */ /** @note first progress item */ body.order .page .progress li.first { background-position: 0 100%; } /** @note last progress item */ body.order .page .progress li.last { background-position: -650px 100%; } /** @note default progress item */ body.order .page .progress li, body.order .page .basic .step_2 li.basic_data { background-position: -160px 100%; } /** @note progress item is done */ body.order .page .basic .step_1 li.basic_data, body.order .page .step_1 li.register, body.order .page .step_2 li.register, body.order .page .step_3 li.basic_data, body.order .page .step_4 li.detail_data { background-position: -320px 100%; } /** @note current progress item */ body.order .page .step_1 li.basic_data, body.order .page .step_1 li.detail_data, body.order .page .step_2 li.basic_data, body.order .page .step_2 li.detail_data, body.order .page .step_3 li.detail_data { background-position: -490px 100%; } /** @note end of progress */ body.order .page .basic .step_2 li.last, body.order .page .step_5 li.last { background-position: -770px 100%; } /** * * @section info windows on the map * */ .info_window .content { background-image: url(/images/info_windows.gif); } /** @note positions */ .info_window .content, .info_window.tabbed .type_4, .info_window.tabbed .type_3 { background-position: 4px 0; } .info_window.cluster .content, .info_window .type_0 { background-position: -827px 0; } .info_window .type_1, .info_window .type_2 { background-position: -583px 0; } .info_window .type_3 { background-position: -289px 0; } /** * * @section teaser/start page * */ .teaser .main .video { background-image: url(/images/teaser.jpg); } /** * * @section repeats * */ #head, #footer, .page .header { background-repeat: repeat-x; } #sidebar { background-repeat: repeat-y; } #main_navigation ul li.first { background-repeat: no-repeat; } /** * * @section image resets * */ #footer .last, #sidebar .type_site_unregister h3.image, .page.sitemap a.feedback, .page.sitemap a.tell_a_friend, #search #match { background-image: none; } /** * @colordef #009EE0 - rgb(0 158 224) blue - logo * @colordef #0087BF - rgb(0 135 191) blue - text highlight * @colordef #CAD9E0 - rgb(202 217 224) blue bright - sidebar/site-header -BG * @colordef #0A466A - rgb(10 70 106) blue medium - dropdown active -BG * @colordef #0C2E4A - rgb(12 46 74) blue dark - default text * @colordef #08344F - rgb() blue dark - dropdown -BG * @colordef #1B7A10 - rgb(27 122 16) green - my city - default * @colordef #13AD47 - rgb(19 173 71) green bright - my city -hover * @colordef #56595E - rgb(86 89 94) grey - text * @colordef #8A9499 - rgb(138 148 153) grey bright - footer/breadcrumb * @colordef #1A171B - rgb(26 23 27) grey dark - text page headline * @colordef #2C2A2F - rgb(44 42 47) grey dark - text * @colordef #F3F3F3 - rgb(243 243 243) grey - sidebar list item hover -BG * @colordef #A1ABB3 - rgb(243 243 243) grey - tab lines * @colordef #C80000 - rgb(200 0 0) red - tab - vendor/error -F * @colordef #FFE1DF - rgb(255 225 223) red bright - error -BG * @colordef #A8055D - rgb(168 5 93) violet - tab - offer * @colordef #640078 - rgb(100 0 120) violet dark - tab - coupon * * @colordef #009EE0 - rgb(0 158 224) packages - basic * @colordef #E2007A - rgb(226 0 122) packages - standard * @colordef #7AB51D - rgb(122 181 29) packages - medium * @colordef #F29400 - rgb(242 148 0) packages - premium */ /** * @colordef #849BD5; DEFAULT - Text Highlight */ .brands h2, .categories h2, .interests li { color: #849BD5; } /** @colordef #08344F - rgb() blue dark - dropdown -BG */ #infrastructure_dropdown.dropdown a.button, #main_navigation.dropdown ul li a:hover, #search.dropdown ul li a:hover, #main_navigation .path { background-color: #08344F; } /** @colordef #C80000 - rgb(200 0 0) red - tab - vendor/error -F */ body, #sidebar a.active { border-left-color: #C80000; } form.standard .error, form.standard .errorExplanation { color: #C80000; } form.standard .error input.text, form.standard .error textarea { border-color: #C80000; } #infrastructure_dropdown.dropdown a.button span { border-right-color: #24345E; border-bottom-color: #24345E; } /** @colordef #3C4E80; Marker Essen&Trinken, infrastructure border */ #infrastructure_dropdown.dropdown a.button span { border-left-color: #3C4E80; } /** * @colordef #000000; BLACK */ .page .body .images #delete_buttons span, .page .body .images #delete_buttons span a, .edit_open_sunday { color: #000000; } #infrastructure_dropdown.dropdown a.button, #infrastructure_dropdown.dropdown ul { border-color: #000000; } /** * @colordef #A3BECC; GREY BRIGHT - font * @note exception - for tag clouds */ #tag_cloud .size_0 { color: #A3BECC; } /** @colordef #E6EDF0; GREY BRIGHT - font */ #tag_cloud .size_1 { color: #E6EDF0; } /** * FLENSBURG COLORS ***************************************************************************** * */ /** * @colordef #FFFFFF - rgb(255 255 255) WHITE */ #login_box a:hover, #tag_cloud a.active.size_0, #tag_cloud a.active.size_1, #tag_cloud a.active.size_2, #tag_cloud a.active, #sidebar #pagination a:hover, #infrastructure_dropdown.dropdown a.button, #main_navigation a.button, #search.dropdown ul li a:hover, #notepad.dropdown .button, #notepad.dropdown a, #notepad.dropdown ul li a:hover, #main_navigation a.active #main_navigation li a.active, #main_navigation li li a.active, #main_navigation a.button.active #tag_cloud .size_3, #map .marker.label, form.standard input.submit, form.member .commit, form button, .page .header h2, .page .header span, .page .header a, .page .header li, .page.interests input.submit, .page.packages .button, .page .open_sundays p, body.order .page .button.commit, body.order .page .header.order h2, body.order .page .header.order span, body.order .page .basic .progress.step_2 li.last, body.order .page .progress.step_5 li.last, #sidebar h4.label { color: #FFFFFF; } /** @workaround IE6 doesn't support [attr] selectors */ form.member input[type="submit"], .page #file_attachment_upload_form input[type="submit"] { color: #FFFFFF; } #sidebar_tabs, .page, .page .opening_hours li, .teaser .main, .teaser .modal, #main, #content, #infrastructure_dropdown.dropdown ul, form.standard input.text { background-color: #FFFFFF; } .page .body .images #delete_buttons span, .page .image_container_0, .page .image_container_1, .page .image_container_2, form.member .category_block, .page .opening_hours th, .page .opening_hours td { border-color: #FFFFFF; } #sidebar .map_it div { border-left-color: #FFFFFF; } /** * @colordef #C80000 - rgb(200 0 0) red - tab - vendor/error -F */ #sidebar .map_it.hover div.poi, .info_window h3 { border-left-color: #C80000; } .message.flash.error { border-color: #C80000; } /** * @colordef #FFE1DF - rgb(255 225 223) red bright - error -BG */ .message.flash.error, form.standard .error, form.standard .errorExplanation, form.member .error .message, form.member .fieldWithErrors .message, form.standard .error .message, form.standard .fieldWithErrors .message, form.member .categories .fieldWithError.message, .no_contingent, .site .error { background-color: #FFE1DF; } /** * @colordef #CAD9E0 - rgb(202 217 224) blue bright - sidebar/site-header -BG */ a, .brands a, .page .top, .page.sites a.blue, .page.interests li li li, #tag_cloud .size_2 { color: #CAD9E0; } .formatted hr, .page .price, .page.offers .download, .teaser { background-color: #CAD9E0; } .page .body .images img, .page .index_items, .page .similar_pois, .page .similar_pois li, .page #new_offer, .page.categories .vcards ul, .page.categories .subcategories ul, .page.interests .body #interests .column, .page.offers .offer, form .category_block, #sidebar #result_list.list, #sidebar .map_it, #sidebar #pagination_box, .info_window img, .info_window ul.offer, .info_window .offer li { border-color: #CAD9E0; } /** @workaround IE6 doesn't support [attr] selectors */ form.standard input.text[disabled = "disabled"] { border-color: #CAD9E0; } /** * @colordef #A8055D - rgb(168 5 93) violet - tab - offer */ #sidebar .map_it.hover div.offer, #sidebar .map_it.hover div.event, .info_window .offer h3, .info_window .event h3 { border-left-color: #A8055D; } /** * @colordef #640078 - rgb(100 0 120) violet dark - tab - coupon */ #sidebar .map_it.hover div.coupon, .info_window .coupon h3 { border-left-color: #640078; } /** * @colordef #009EE0 - rgb(0 158 224) packages - basic * @todo removed "basis" selector, after fix tanslation issue in package view */ .page .basis h3, .page .basis h3 a, .page.basis .header span, .page .basic h3, .page .basic h3 a, .page.basic .header span { color: #009EE0; } /** * @colordef #E2007A - rgb(226 0 122) packages - standard */ .page .standard h3, .page .standard h3 a, .page.standard .header span { color: #E2007A; } /** * @colordef #7AB51D - rgb(122 181 29) packages - medium */ .page .medium h3, .page .medium h3 a, .page.medium .header span { color: #7AB51D; } /** * @colordef #F29400 - rgb(242 148 0) packages - premium */ .page .premium h3, .page .premium h3 a, .page.premium .header span { color: #F29400; } /** * @colordef #8A9499 - rgb(138 148 153) grey bright - footer/breadcrumb */ #search #match.hint, .standard label.hint, input.hint, #breadcrumb, #breadcrumb a, #footer a, #notepad_label, #sidebar #pagination_summary, .info_window h3 ul li, .info_window h4, .info_window a.button.poi, .page.sites .description, body.order .page .progress li, .page .top, .teaser .modal .close a { color: #8A9499; } /** @colordef #A1ABB3 - rgb(243 243 243) grey - tab lines */ .page .header, .page .opening_hours li, .page .opening_hours .action, .page .open_sundays, .page.packages .column.first.card, .page.packages .card { border-color: #A1ABB3; } /** * @colordef #0087BF - rgb(0 135 191) blue - text highlight */ #main_navigation a.button, #search.dropdown #reload_form { background-color: #0087BF; } form.member input.text, form.member textarea, form.member .address #map, form.standard input.text, form.standard textarea { border-color: #0087BF; } .page .external_link, .page.login a, .page h3, .page .container h4, .page.teaser h3, .teaser .main h2, .teaser .sidebar h2, .teaser .main h2 a, .teaser .sidebar h2 a, .teaser .more, form.member fieldset legend { color: #0087BF; } /** * @colordef #009EE0 - rgb(0 158 224) blue - logo */ #sidebar #pagination .current { color: #009EE0; } /** * @colordef #56595E - rgb(86 89 94) grey - text */ #sidebar_tabs, #sidebar_tabs a, #sidebar .offers, #sidebar .page, #sidebar .map_it .outdated .map_it_link, #sidebar #search_order_panel label, #sidebar .map_it h3, #sidebar .map_it h3 a.direct, #sidebar #search_order_panel, .page .header .tabs li a, .page .brands li a, .page .brands li a:hover, .page .opening_hours, .page #new_opening_hour legend, .page .similar_pois h4, .page .availability, .page .preview, .page.sites .state, body.order .page .progress li.first, body.order .page .step_3 li.register, body.order .page .basic .step_2 li.basic_data, body.order .page .step_4 li.register, body.order .page .step_5 li.register, body.order .page .step_4 li.basic_data, body.order .page .step_5 li.basic_data, body.order .page .step_5 li.detail_data, .page.packages .card .body, .teaser h3, .info_window .availability { color: #56595E; } /** * @colordef #F3F3F3 - rgb(243 243 243) grey - sidebar list item hover -BG */ #sidebar .map_it.hover div, #main_navigation ul .active, #sidebar .message, .message.notice, form.member fieldset > div, form.member fieldset.categories .category_block, form fieldset.choose.cards .container, form #new_category { background-color: #F3F3F3; } /** @workaround IE6 doesn't support [attr] selectors */ form.standard input.text[disabled = "disabled"] { background-color: #F3F3F3; } /** * @colordef #0C2E4A - rgb(12 46 74) blue dark - default text */ #sidebar .map_it h3 a.map_it_link, #sidebar_tabs a.active, #sidebar #pagination a, #sidebar #pagination a:hover, #sidebar #pagination a.current:hover, .page, .page label, .page .header .tabs li.active a, .page a, .page .index_items li, .page .index_items li a, .page .preview h3, .page.packages .price span, .page.packages .card strong, .page .button.remove_category, body.order .page .step_1 li.register, body.order .page .step_1.basic li.basic_data, body.order .page .step_2 li.register, body.order .page .step_3 li.basic_data, body.order .page .step_4 li.detail_data, .info_window a, .info_window h3, .info_window .content, .info_window .offer h4, .info_window .price, .info_window a.phone, form.standard input.text, form.standard textarea, form #new_category, form.member .hint, .teaser p, .teaser .formatted, .page.packages .brutto span, .page.packages .brutto, noscript, noscript a { color: #0C2E4A; } /** * @colordef #1A171B - rgb(26 23 27) grey dark - text */ .teaser .overlay, .teaser .main .video { background-color: #1A171B; } /** * @colordef #0A466A - rgb(10 70 106) blue medium - dropdown active -BG */ .formatted a, .formatted .external_link, .message, .message a, #search #match, .page .header .message a, .page a, .page.offers .action li, .page .opening_hours .hours, .page .open_sundays h4 { color: #0A466A; } .message { border-color: #0A466A; } #main_navigation ul .active { background-color: #0A466A; } /** * @colordef #13AD47 - rgb(19 173 71) green bright - my city -hover */ #sidebar h4.label { background-color: #13AD47; } /** * @colordef #1B7A10 - rgb(27 122 16) green - my city - default */ #notepad ul a:hover { background-color: #1B7A10; } /** * @colordef #C7D5DB; BLUE * @note exception - gradient - bottom color of background image */ .page .open_sundays { background-color: #C7D5DB; } /** @colordef #C80000 - rgb(200 0 0) red - tab - vendor/error -F */ form.member .error .message, form.member .fieldWithErrors .message, form.standard .error .message, form.standard .fieldWithErrors .message, form.standard .errorExplanation, form.member .fieldWithError.message, .page .download .error { color: #C80000; } form.standard .error input.text, form.standard .error textarea { border-color: #C80000; } /** * EXCEPTIONS ***************************************************************************** */ /** * @colordef #F0F0F0; * @note google maps control color */ #infrastructure_dropdown.dropdown ul li { border-left-color: #F0F0F0; } /** * @colordef #C3C3C3; * @note google maps control color */ #infrastructure_dropdown.dropdown ul li { border-right-color: #C3C3C3; } #infrastructure_dropdown.dropdown ul li.last { border-bottom-color: #C3C3C3; } /** * @colordef #B1B1B1; * @note google maps control color */ #infrastructure_dropdown.dropdown ul li.separator span { background-color: #B1B1B1; } #infrastructure_dropdown.dropdown a.button, #infrastructure_dropdown.dropdown ul { border-color: #000000; } /** * EDIT STYLES ***************************************************************************** * */ /** * @note editable areas - ORANGE BRIGHT */ .page .action, .page .body .images .action, .page .opening_hours .action, .page .inplaceeditor-form, .page .master.action, .page .preview, .page #edit_opening_hours_comment, .page .edit_open_sunday, .page .preview, .page.sites .action, .page.offers .action, noscript div { background-color: #FED28D; } .page .preview, noscript div { border-color: #FF9C00; } /** * @colordef #009200; green * @note positive actions */ .page .opening_hours a, .page #new_opening_hour.action a, .page .edit_open_sunday.action a.add, .page .edit, .page .edit a, .page .add, .page .add a, .page .show, .page .undestroy, .page .publish, .page .present, .page .public .state span, .page .opening_hours_comment .edit, .page .preview input, .page .preview a, .page .preview a:hover, .page .edit_open_sunday a.add, .page .edit_open_sunday a.add:hover { color: #009200; } /** @note negative actions - RED */ .page .opening_hours a.delete, .page .body .images #delete_buttons span a, .page .reject, .page .delete, .page .delete a, .page .destroy, .page .withdraw, .page .opening_hours td a.delete, .page message.flash.error, .page .edit_open_sunday.action a, .page .private .state span, .message.flash.error, #sidebar .map_it .outdated .notice, .page .offer .action .delete, form.member .remove_category, form.standard label.warn, form.standard .error, form.standard .errorExplanation { color: #C50000; } .page #new_opening_hour.action form a, .page .action .editor_cancel { color: #0C2E4A; } /** * * @section transparents * */ .page.teaser, .page .actions, .page.packages .card .header, .page.packages .card .price, .page.interests input.submit, form.member fieldset.categories div, form.member .choose .error .message, form.standard .choose .error .message, form button, form.standard input.submit, form.member .address #map div, #sidebar .page, #search #tag_cloud a, #search #match { background-color: transparent; } /** @workaround IE6 doesn't support [attr] selectors */ .page #file_attachment_upload_form input[type="submit"], form.member input[type="submit"] { background-color: transparent; } /** * * @section extension colors * */ /** @colordef #F7F7F - grey */ .page.packages .card.premium .body { background-color: #F7F7F7; } .page .header { background-color: #0B7AA8; } /** * All typo specifically definitions here * Typo properties are: * font-family * font-size * font-style * font-variant * font-weight * text-align * text-decoration * text-indent * text-transform * * * NO COLOR DEFINITIONS HERE ONLY IN /stylesheets/colors.css! * * @fontdef "Lucida Grande", "Lucida Sans Unicode",Helvetica,Tahoma,Arial,sans-serif; * */ /** * * @section font-families * */ body,h1,h2,h3,h4,h5,h6, form.inplaceeditor-form .editor_cancel_link.editor_cancel { font-family: "Lucida Grande", "Lucida Sans Unicode",Helvetica,Tahoma,Arial,sans-serif; } #infrastructure_dropdown.dropdown { font-family: Arial, Helvetica, sans-serif; } /** * * @section font sizes * */ /** * * @section 9 PIXEL * */ .page .preview input, .page .download label.file.styled input.file, .page.offers .master.action, .page.offers .price.advanced .after { font-size: 1.0000em; } /** @fontdef 9px to 18px */ .page .add_on span { font-size: 2.0000em; } /** * * @section 11 PIXEL * */ body, .page input.submit, body.order .page .button.commit { font-size: 11px; } /** @fontdef 11px to 10px*/ #notepad_label, #footer, #sidebar #pagination_summary { font-size: 0.9090em; } /** @fontdef 11px to 12px*/ .info_window .left, #sidebar span, #sidebar .direct, #sidebar_tabs a, #tag_cloud .size_1 { font-size: 1.0909em; } /** @fontdef 11px to 13px*/ #notepad.dropdown.open li li a, .info_window .offer h4, .info_window .event h4, .info_window .coupon h4, #sidebar a.map_it_link, #sidebar h4.label, #sidebar .pagination, #infrastructure_dropdown.dropdown, #tag_cloud .size_2 { font-size: 1.1818em; } /** @fontdef 11px to 14px*/ #tag_cloud .size_3 { font-size: 1.2727em; } /** @fontdef 11px to 16px*/ .info_window h3, .info_window .price .before { font-size: 1.4545em; } /** @fontdef 11px to 17px*//*{ font-size: 1.5454em; }*/ /** * * @section 12 PIXEL * */ .page, .page .header, .page .header .tabs a, .page .open_sundays h4, .teaser, #head a.button, #main_navigation, form.inplaceeditor-form .editor_cancel_link.editor_cancel, form #new_category, form.member .remove_category.button { font-size: 12px; } /** @fontdef 12px to 9px*/ .page .add_on { font-size: 0.7500em; } /** @fontdef 12px to 10px*/ .page.offers .availability, .info_window h4, .page.packages .brutto { font-size:0.8333em; } /** @fontdef 12px to 11px*/ .teaser h3, .teaser .modal .close, .page .top, .page .download form .hint { font-size: 0.9166em; } /** @fontdef 12px to 13px*/ .page .index_items, .page .master.action, .page.offers .price .currency, .page.offers .price .after, .page .similar_pois h4, .teaser .sidebar p, .teaser .main p, .teaser .sidebar a, .teaser .main a { font-size: 1.0833em; } /** @fontdef 12px to 14px*/ .teaser h2, .page .body h3, .page .content li h3, .page .container h4, .page div.offers h3, .page .similar_pois h3, .page.brands h3, .page .preview h3, .page.sites .title, form.member fieldset legend, .page.offers .price.advanced .currency, .page.offers .price.advanced .before { font-size: 1.1666em; } /** @fontdef 12px to 15px*//*{ font-size: 1.2500em; }*/ /** @fontdef 12px to 16px*/ /*.page.packages h3 { font-size: 1.3333em; } */ /** @fontdef 12px to 18px*/ .page .add_on.marker, .page.packages .price, .page.packages .container .card h3 { font-size: 1.5000em; } /** @fontdef 12px to 22px*/ .page.offers .price .before { font-size: 1.8333em; } /** @fontdef 12px to 23px*/ .page h2 { font-size: 1.9166em; } /** * * @section 13 PIXEL * */ /** @fontdef 13px to 9px*/ #show_collection_link span { font-size: 0.6923em; } /** @fontdef 13px to 11px*//*{ font-size: 0.8461em; }*/ /** @fontdef 13px to 12px*/ #infrastructure_dropdown.dropdown ul, .page .similar_pois .offers { font-size: 0.9230em; } /** * * @section 14 PIXEL * */ /** @fontdef 14px to 12px*/ .info_window .price .currency, .info_window .price .after { font-size: 0.8571em; } /** @fontdef 14px to 17px*/ /* { font-size: 1.2142em; }*/ /** * * @section 16 PIXEL * */ /** @fontdef 16px to 11px*/ .info_window h3 a { font-size: 0.6875em; } /** ***************************************************************************** */ body, #sidebar #pagination .current, #sidebar #pagination a, .info_window h3 a, .info_window h3 ul li, .teaser h3, .page.packages .card strong, body.order .header.order h2, body.order .header.order span { font-weight: normal; } .page .opening_hours .action, .page .opening_hours_comment .edit, .page .editor_cancel, .info_window h3, #tag_cloud .size_3, /** @todo removed "basis" selector, after fix tanslation issue in package view gx */ .page .master.action a, .page #new_opening_hour a, .page #new_opening_hour label, .page #new_opening_hour legend, .page.offers .article h4, .page .body .action a, .page .edit_open_sunday a, .page .edit_open_sunday a:hover, .page .action.delete, #sidebar .pagination .current, #sidebar .pagination a, .teaser h2, .teaser h2 a { font-weight: bold; } .page.teaser h2 { font-weight: normal; } .info_window .price, .info_window .offer .price, .info_window .offer .price span, .page h2, .page.offers .offer .download, .page.offers .price, em { font-style: italic; } .info_window address, .page address, .page .header span, .page .add_on, .info_window h3 a, .info_window h4 a { font-style: normal; } /** * * @section line heights * */ #head .language a { line-height: 0; } /** resets */ .page .open_sundays h4 { line-height: 1em; } /** @fontdef 14px to 16px*/ .teaser h2 { line-height: 1.1428em; } /** @fontdef 9px to 11px*/ .page .add_on, .info_window.cluster ul li { line-height: 1.2222em; } /** @fontdef 12px to 18px*/ .page p, .page .content li p, .page address, .teaser p { line-height: 1.5em; } /** @fontdef 15px to 22px*/ .page .index_items li { line-height: 1.46666em; } body { line-height: 1.6em; } /** * * @section aligns * */ noscript, .page .price, .page .preview, .page.packages .card .header, .page.packages.sites .button, .page.packages.created .button, .page #new_opening_hour, .page .preview .actions, body.order .page .button.commit { text-align: center; } .page .add_on { text-align: left; } #notepad_label, .teaser .modal .close, .page.sites .state { text-align: right; } /** * * @section indents * */ #main_navigation a.button, .teaser .main .video a, .page.offers .body .article .coupon, .page.offers .body .offer .download, .page .buttons .feedback, .page .buttons .tell_a_friend, .collection_link, #logo, #sidebar .print, #sidebar #search_order_panel #loader { text-indent: -9000em; } .info_window .offer .availability { text-indent: 2px; } form #new_category { text-indent: 25px; } form .remove_category { text-indent: 20px; } /** * * @section transforms * */ .page h3, .page .container h4, .page div.offers h3, .page .similar_pois h3, .teaser h2 { text-transform: uppercase; } .page .open_sundays h4, .page .preview h3, .page.packages .basic h3, .page.packages .basis h3, .page.packages .card h3 { text-transform: none; } /** * LINK STYLES ***************************************************************************** * */ a, a:hover, /** @file /stylesheets/flensburg/city.css */ .message a:hover, #message_close:hover, a.phone, .categories a, /** @file /stylesheets/flensburg/sidebar.css */ #sidebar #pagination a:hover, #sidebar #pagination .current, #sidebar a.direct:hover, /** @file /stylesheets/info_window.css */ .info_window .content a:hover, .info_window #site_categories, .info_window a:hover, .info_window .content a.phone, .info_window h3 a:link, .info_window h3 a:visited, .info_window h3 a, .info_window h4 a, /** @file /stylesheets/page.css */ .page.sites .actions a, .tabs a, .page a:hover, .page .body a:hover, .page .preview a, .page .preview a:hover, .page .body .similar_pois a, .page .brands a, .page p.brands a:hover, .page .contact a:hover, .page .body .index_items a, .page.sitemap .body a, .page.sites .container.first a:hover, .page.sites .container.first .action a, .page.packages .button, body.order .page .button.commit, /** @file /stylesheets/teaser.css */ .teaser .more:hover, .teaser .body a:hover, body.error .body a:hover { text-decoration: none; } /** @file /stylesheets/flensburg/city.css */ .categories a:hover, .message a, #message_close, /** @file /stylesheets/flensburg/dropdown.css */ #notepad.dropdown ul a:hover, #search.dropdown a, #main_navigation ul a:hover, /** @file /stylesheets/flensburg/sidebar.css */ #sidebar #pagination a, #sidebar .map_it a.map_it_link, #sidebar #pagination .current, #sidebar a.direct, /** @file /stylesheets/forms.css */ form.standard a, /** @file /stylesheets/info_window.css */ .info_window a, .info_window h3 a:link:hover, .info_window h3 a:visited:hover, .info_window h3 a:hover, .info_window .content a, /** @file /stylesheets/page.css */ .page .body a, .page .body .index_items a:hover, .page a.external_link, .page .preview input, .page .brands a:hover, .page p.brands a, .page .contact a, .page.sites .container.first a, .page.sitemap .body a:hover, /** @file /stylesheets/teaser.css */ .teaser .more, .teaser .modal .close a:hover, .teaser h2 a:hover, .teaser .body a, body.error .body a, #notepad .button:hover, #notepad.open .button, #breadcrumb a:hover, noscript a { text-decoration: underline; } /** * EDIT STYLES ***************************************************************************** * */ .page .remove_category.button, .page #new_category, .page .actions a.button, .page .body .master.action a { text-decoration: underline; } .page .body a.action, .page .body .action a, .page .actions .editor_cancel:hover, .page .actions a.button:hover, .page .remove_category:hover, .page #new_category:hover, .page .master.action a:hover { text-decoration: none; } /** ***** DRAFT ***** * @note added default clearfix on follow selectors * Clearfix extention based of * @site http://www.pathf.com/blogs/2007/09/developers-note-2/ * @site http://www.complexspiral.com/publications/containing-floats/ * @site http://www.positioniseverything.net/easyclearing.html * */ /** @css-for lte IE6 */ * html #content, * html #main, /** @file /stylesheets/sidebar.css */ * html .map_it div, * html #sidebar_tabs, * html #sidebar h4.label, /** @file /stylesheets/site.css */ * html .page, * html .page .header, * html .page .header .tabs, * html .page .body, * html .page .container, * html .page .buttons, * html .page .body .images, * html .page .body .images .action, * html .page ul.opening_hours, * html .page ul.opening_hours li, * html .page #delete_buttons, * html .page .master.action, * html .page .similar_pois li, * html .page .article, * html .page.offers .offer, * html .page.offers .action li, * html .page.offers .article .action, * html .page.page.sites .container li, * html .page #interests, * html .page .subcategories, * html body.order .page .progress, /** @file /stylesheets/teaser.css */ * html .teaser, * html .teaser .main, /** @file /stylesheets/info_window.css */ * html .info_window .type_1 .image, * html .info_window .type_4 .offer li, * html form .cards div div, * html form div, * html form fieldset { height: 1%; overflow: visible; } /** @css-for IE7 */ *+html #content, *+html #main, *+html .map_it div, *+html #sidebar_tabs, *+html #sidebar h4.label, *+html .page, *+html .page .header, *+html .page .header .tabs, *+html .page .body, *+html .page .container, *+html .page .body .images, *+html .page .body .images .action, *+html .page .buttons, *+html .page ul.opening_hours, *+html .page ul.opening_hours li, *+html .page #delete_buttons, *+html .page .master.action, *+html .page .similar_pois li, *+html .page .article, *+html .page.offers .offer, *+html .page.offers .action li, *+html .page.offers .article .action, *+html .page.page.sites .container li, *+html .page #interests, *+html .page .subcategories, *+html body.order .page .progress, *+html .teaser, *+html .teaser .main , *+html .info_window .type_1 .image, *+html .info_window .type_4 .offer li, *+html form .cards div div, *+html form div, *+html form fieldset { min-height: 1%; } /** @css-for all browsers except lte IE7 */ .clearfix:after, #content:after, #main:after, .map_it div:after, #sidebar_tabs:after, #sidebar h4.label:after, .page:after, .page .header:after, .page .header .tabs:after, .page .body:after, .page .container:after, .page .body .images:after, .page .body .images .action:after, .page .buttons:after, .page ul.opening_hours:after, .page ul.opening_hours li:after, .page #delete_buttons:after, .page .master.action:after, .page .similar_pois li:after, .page .article:after, .page.offers .offer:after, .page.offers .action li:after, .page.offers .article .action:after, .page.sites .container li:after, .page #interests:after, .page .subcategories:after, body.order .page .progress:after, form .cards div div:after, .teaser:after, .teaser .main:after, .info_window .type_1 .image:after, .info_window .type_4 .offer li:after, form div:after, form fieldset:after { clear: both; content: " "; font-size: 0; line-height: 0; display: block; height: 0; visibility: hidden; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .page .action { display: none; } .page.editable .action, .page.editable .action#new_opening_hour, .page.editable.sites .action { display: block; } .page.editable span.action, .page.editable a.action, .page.editable .opening_hours .action, .page.editable.offers .action li, .page.editable.sites .action li { display: inline; } .page .action li { float: left; } .page.editable .offers .action { height: 20px; margin: 1em 0; } .page.editable .images .action, .page.editable .download .action, .page.editable.offers .action, .page.editable.offers .action a { padding-left: 5px; } .page.editable.offers .action li .page.editable.offers .action a, { border: none; } .page.editable .article .action { margin-top: 10px; } .page.editable.offers .action a { font-weight: bold; } .page.editable .opening_hours .action { width: 147px; } .page.editable .open_sundays, .page.editable.sites .action { margin-top: 10px; } .page.editable.sites .action { margin-top: 10px; margin-bottom: 20px; } .page #edit_opening_hours_comment, .page.editable.sites .action li, .page.editable.sites span.action { padding: 1px 5px; } /** * Style definitions for the markdown editor */ .formatted img { clear: both!important; float: left!important; margin-top: 5px; margin-right: 10px; } .formatted ul, .formatted ol, .formatted li { margin: 0!important; padding: 0 !important; list-style-position: inside!important; clear: both!important; } .formatted ol li { list-style-type: decimal!important; } .formatted ul li { list-style-type: disc !important; } .formatted hr { border: none!important; height: 1px!important; clear: both!important; } .formatted p { margin-left: 0!important; margin-right: 0!important; } .formatted em { font-style: italic!important; } .formatted strong { font-weight: bold!important; }