/* transform: perspective(1000px) rotateX(28deg) translateZ(1em) */ * { margin: 0; padding: 0; border: 0; background-color: transparent; table-layout: auto; vertical-align: top; } img { border: 0; display: inline; } table { border-collapse: collapse; border-spacing: 0; } html { height: 100%; } body { position: relative; z-index: 0; height: 100%; margin: 0; padding: 0; background-color: #ffffff; font-weight: normal; font-size: 1em; font-family: roboto, sans-serif; text-align: left; overflow-y: scroll; /*background: url("/pic/bg.png") repeat-x scroll 0 0 #FBF9EE*/} body.aside_full_screen { overflow-y: hidden; } article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } *:focus { outline: none; } input { font-family: roboto; } textarea { font-family: roboto; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } .dummy { clear: both; } #page_header { position: relative; margin-left: calc(100% - 600px); padding: 15px 20px 0 20px; background-color: #ffffff; width: 560px; z-index: 1; } #page_header.covered { background-color: transparent; } article { position: relative; padding: 0 20px 60px 20px; overflow-x: hidden; margin-left: calc(100% - 600px); margin-bottom: 100vh; width: 560px; z-index: 1; min-height: calc(100% - 104px); background-color: #ffffff; border-bottom: 2px solid #d0d0d0; } article header { margin-bottom: 10px; } nav { position: fixed; right: 0; bottom: 0; z-index: -1; width: 560px; padding: 20px 20px 0 20px; } aside { position: fixed; top: 0; right: 600px; bottom: 0; left: 0; padding: 0; border-top: 5px solid white; border-left: 5px solid white; border-bottom: 5px solid white; background-color: #ffffff; overflow: hidden; z-index: 10; } body.aside_full_screen aside { border-right: 5px solid #ffffff; right: 0; } #aside_resize { position: absolute; top: 0; right: 0; cursor: pointer; padding: 10px; z-index: 10; } #aside_resize_icon { background: url(/pic/sprite.png) no-repeat 0 -180px; width: 14px; height: 14px; } body.aside_full_screen #aside_resize_icon { background: url(/pic/sprite.png) no-repeat -15px -180px; } #mandalay_logo { position: fixed; top: 10px; left: 10px; z-index: 4; } #map_move_right { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 20px; height: 40px; background-color: #808080; color: #ffffff; cursor: pointer; } #map_move_left { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 20px; height: 40px; background-color: #808080; color: #ffffff; cursor: pointer; } #section_trip { position: absolute; top: 21px; right: 360px; bottom: 0; width: 160px; overflow-y: hidden; overflow-x: hidden; background-color: #f8f8f8; padding: 20px 0 10px 0; margin: 0; border-left: 1px solid #d0d0d0; z-index: 5; } #section_trip .section_trip_node { position: relative; background-color: #f8f8f8; border-bottom: 1px solid #d0d0d0; border-top: 1px solid #f8f8f8; font-size: 11px; color: #808080; padding: 3px; cursor: pointer; } #section_trip_nodes { position: relative; margin-top: 5px; width: 140px; } #section_trip .section_trip_node div.section_trip_node_remove { display: none;} #section_trip .section_trip_node:hover { background-color: #f0f0f0; } #section_trip .section_trip_node:hover div.section_trip_node_remove { display: block; position: absolute; right: 0; top: 0; padding: 3px; color: black; font-size: 11px; z-index: 20; } #section_trip .section_trip_node div.section_trip_node_remove:hover { display: block; font-weight: bold; color: red; } #section_trip .node_dragged:hover { cursor: n-resize; z-index:10; border-top: 1px solid #d0d0d0; } /* #section_locations { display: none; position: absolute; top: 21px; right: 0; bottom: 0; width: 341px; overflow-y: scroll; background-color: transparent; padding: 20px 10px 10px 10px; margin: 0; border-left: 1px solid #b0b0b0; } */ /* .switch_article { position: absolute; text-align: right; right: 10px; top: 5px; width: 300px; font-size: 9px; color: #e0e0e0; } .switch_article_button { cursor: pointer; color: #d0d0d0; border-bottom: 1px dotted #f0f0f0; } */ /* #section_location_social_buttons { position: relative; margin: 20px 0 10px 0; height: 20px; font-size: 1px; line-height: 1px; } #section_location_social_buttons .section_location_social_button { position: relative; float: left; margin-right: 10px; height: 20px; } */ /* #section_location_weather { display: block; font-size: 12px; color: #bb8866; } #section_location_loading { display: none; position: absolute; right: 150px; top: 50%; } */ #section_breadcrumbs { position: absolute; bottom: 10px; left: 20px; font-size: 9px; color: #b0b0b0; } #section_breadcrumbs a { font-size: 9px; color: #b0b0b0; } #weather_table { table-layout: fixed; font-size: 11px; text-align: left; line-height: 18px; margin: 10px 0 20px 0; width: 560px; } #weather_table td { padding: 6px 2px; } #weather_table th { font-size: 10px; } /* #weather_table tr.odd { background-color: #f6f6f6; } */ #weather_table .subname { font-size: 9px; line-height: 9px; color: #d0d0d0; } /* #weather_table .temperature { position: aabsolute; top: 0; left: 0; line-height: 1px; } #weather_table .temperature span { padding: 1px; color: #606060; font-size: 8px; line-height: 8px; } */ #weather_table .cell_region { width: 100px; font-weight: 300; font-size: 10px; line-height: 12px; color: #808080; text-transform: uppercase; } #weather_table td.cell_content { position: relative; min-width: 10px; border: 1px solid white; vertical-align: middle; cursor: pointer; font-size: 8px; font-weight: 300; line-height: 8px; } #weather_table td.cell_content:hover { opacity: 0.8; } #weather_table th.cell_content { font-size: 10px; text-transform: uppercase; padding-bottom: 5px; color: #808080; text-align: center; font-weight: 300; } #weather_table .cell_content_temperature { font-size: 11px; font-weight: 300; text-align: center; color: #000000; } #weather_table .bar_precipitation { height: 2px; margin-top: 3px; text-align: center; } #weather_table .bar_precipitation div { display: inline-block; height: 2px; background-color: #8080f0; } #weather_table .bar_wetdays { height: 2px; margin-top: 2px; text-align: center; } #weather_table .bar_wetdays div { display: inline-block; height: 2px; background-color: #80f080; } #weather_map { position: relative; margin-top: 20px; } #weather_map .weather_map_box { position: absolute; border: 1px solid #f0f0f0; background-color: #f8f8f8; padding: 8px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 11px; line-height: 15px; color: #808080; } #weather_table_container { position: relative; } #weather_table_tooltip { display: none; position: absolute; width: 130px; color: #f0f0f0; padding: 4px; border: 1px solid #404040; background-color: #606060; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #weather_table_tooltip th { font-weight: normal; text-align: right; padding: 2px 5px 2px 0; font-size: 10px; line-height: 11px; } #weather_table_tooltip td { font-size: 10px; line-height: 11px; padding: 2px 0; } #weather_table_tooltip td strong { color: #ffffff; } #section_months { display: block; margin: 5px 0; font-size: 14px; line-height: 20px; font-weight: 300; text-transform: uppercase; } #section_months a.section_months_one_month { display: inline-block; color: #b08060; padding: 1px 5px; } #section_months a.section_months_one_month:hover { background-color: #f0c0a0; color: #ffffff; /*transform: scale(1.04);*/ } #section_months a.section_months_current_month { background-color: #b08060; color: #ffffff; } /* .weather_icon { transform-origin: center; } */ /* #article_weather_comments { margin-top: 20px; } #article_weather_comments .one_comment { color: #606060; font-size: 11px; line-height: 14px; margin-bottom: 20px; } #article_weather_comments .weather_comment_author { color: #c0c0c0; font-weight: 300; } #article_weather_comments_request { color: #a0a0a0; font-size: 9px; line-height: 14px; margin-bottom: 20px; cursor: pointer; } #article_weather_comments_request span { color: #B08060; } */ /* .container { position: relative; width: 1150px; margin: 0 auto; } #page_container { position: absolute; left: 0; top: 21px; bottom: 0; right: 0; overflow-y: scroll; } */ /* .container2 { position: relative; width: 990px; margin: 10px auto 0 auto; z-index: 0; } #container_home { position: relative; width: 1100px; margin: 0 auto; z-index: 0; } */ /* #section_content { width: 500px; } */ h2 { position: relative; margin-top: 10px; font-size: 17px; color: #808080; font-weight: 500; text-transform: uppercase; } h3 { position: relative; margin-left: 0; font-size: 10px; color: #808080; font-weight: 400; text-transform: uppercase; } h4 { font-size: 12px; color: #b0b0b0; _background-color: #b0b0b0; font-weight: 300; text-transform: uppercase; margin: 0 0 8px 10px; } /* h1.home { color: #606060; text-align: left; line-height: 90px; font-size: 105px; font-family: 'Open Sans',"Segoe UI"; } h3.home { font-size: 105px; line-height: 90px; color: #e0e0e0; font-family: "Segoe UI"; font-weight: normal; font-variant: small-caps; } */ /* a#header_subtitle { font-size: 90px; line-height: 80px; color: #e0e0e0; font-family: Georgia; font-weight: normal; font-variant: small-caps; text-decoration: none; } div.sidebar h2 { margin-bottom: 5px; font-weight: normal; font-family: "Times New Roman"; font-variant: small-caps; font-size: 18px; color: #a0a050; } div.sidebar p { color: #808080; font-size: 11px; text-align: left; } */ /* #section_header { float: right; width: 720px; margin-bottom: 20px; } #section_header h1 { font-size: 90px; line-height: 80px; color: #606060; font-family: Georgia; } */ /* #any_article { font-size: 16px; line-height: 24px; color: #606060; margin: 40px 0; } #any_article h2 { margin-top: 20px; } */ /* #section_locations .one_location { padding: 5px 2px 5px 2px; font-size: 10px; color: #606060; cursor: pointer; } #section_locations .one_location:hover { background-color: #f8f8f8; } #section_locations .one_location a { font-weight: normal; color: #808080; text-transform: uppercase; } #section_locations .current_location { background-color:#f0f0f0; border: 1px dotted #e0e0e0; } */ /* #navigation_pictures img { padding: 3px; background: #ffffff; border: 1px solid #e0e0e0; margin: 8px; cursor: pointer; } */ /* #authors_message { margin: 0 0 20px 0; color: #404040; line-height: 24px; font-family: "Segoe UI"; font-size: 16px; } */ /* _footer { clear: both; font-size: 9px; line-height: 12px; color: #a0a0a0; width: 1150px; margin: 50px auto 10px auto; } _footer .column { float: left; width: 214px; margin-right: 20px; } _footer .column_last { margin-right: 0; } _footer h5 { margin-bottom: 4px; font-weight: normal; font-size: 9px; letter-spacing: 1px; color: #000000; text-transform: lowercase; } _footer .button_contact { cursor: pointer; color: #757DF7; border-bottom: 1px dotted #757DF7; } */ /* #nav_social_buttons { position: relative; margin: 8px 0 10px 0; height: 20px; font-size: 1px; line-height: 1px; } #nav_social_buttons .nav_social_button { position: relative; float: left; margin-right: 10px; height: 20px; } nav #facebook_button { padding-top: 20px; clear: left; } nav #facebook_button a { padding: 2px 4px; color: #3B5998; background-color: #ECEEF5; border: 1px solid #CAD4E7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; letter-spacing: 0; text-transform: none; } nav #facebook_button a:hover { border-color: #AAD4C7; } nav #facebook_button img { margin-right: 3px; } */ p, ul { padding-bottom: 10px; font-size: 17px; font-weight: 300; color: #606060; line-height: 24px; } li { list-style-type: circle; list-style-position: inside; } p.medium { font-size: 16px; line-height: 20px; font-weight: 300; } p.small { font-size: 14px; line-height: 16px; font-weight: 300; color: #808080; } /* li { list-style: square inside none; } */ /* div.note a.note_edit_button { position: absolute; top: 13px; right: 0; font-size: 9px; color: #757df7; } div.note div.note_editor { position: relative; margin: 0 0 10px 0; padding: 4px; color: #638527; background-color: #e0e0e0; border: 1px solid #c8c8a8; font-size: 11px; width: 100%; } */ div.note ul { list-style-position: inside; margin-left: 15px; } div.note li { color: #404040; line-height: 22px; font-size: 15px; font-family: roboto; } /*#section_notes img { margin: 10px 0 0 0; padding: 3px; border: 1px solid #e0e0e0; }*/ /* div.note span.add_comment { font-size: 11px; color: #a0a0a0; cursor: pointer; } div.note div.note_comments { border-bottom: 1px dotted #e8e8d8; } div.note div.one_comment { position: relative; padding: 15px 0 15px 0; border-top: 1px dotted #e8e8d8; background-color: #fafaf8; } div.note div.one_comment div.body { color: #808080; font-size: 11px; } div.note div.one_comment div.footer { margin-top: 0; font-size: 9px; color: #b0b0b0; } div.note div.one_comment span.created {} div.note div.one_comment span.author { margin-left: 10px; } div.note div.one_comment span.comment_edit_button { margin-left: 10px; color: #757df7; cursor: pointer; } */ #section_reviews { position: relative; } #section_reviews table { width: 100%; } #section_reviews div.one_review { position: relative; padding: 7px 0; } #section_reviews div.one_review:first-of-type { margin-top: 5px; } #section_reviews .review_header_location { position: relative; height: 15px; color: #808080; font-weight: 400; font-size: 14px; padding-left: 74px; margin-bottom: 1px; background-image: url(/pic/stars.png); background-repeat: no-repeat; background-position-x: -2px; } #section_reviews .review_header_evaluation_name { text-transform: uppercase; } #section_reviews .review_header_user { position: relative; height: 15px; color: #808080; font-weight: 500; font-size: 14px; padding-left: 74px; margin-bottom: 1px; background-image: url(/pic/stars.png); background-repeat: no-repeat; background-position-x: -2px; } #section_reviews .review_header_user a { color: #808080; text-transform: uppercase; } #section_reviews .review_body { font-size: 14px; line-height: 19px; font-weight: 300; color: #808080; } #section_reviews .review_author { position: absolute; top: 0; right: 0; color: #c0c0c0; cursor: pointer; font-weight: 300; } #section_reviews .review_location { position: absolute; top: 0; right: 10px; font-family: 'Roboto slab'; font-weight: 700; text-transform: uppercase; } #section_reviews .review_location a { color: #c0c0c0; } #section_reviews img.review_evaluation_icon { margin: 0 7px 0 0; } #section_reviews img.review_thumbnail { float: right; padding: 2px; margin-left: 10px; border: 1px solid #e0e0e0; width: 100px; } #section_reviews span.review_evaluation_name { text-transform: uppercase; font-size: 11px; color: #707070; } #section_reviews .section_reviews_button_edit { padding-left: 10px; color: #757df7; font-size: 9px; cursor: pointer; } #section_reviews div.review_footer { font-size: 9px; margin: 5px 0 0 20px; color: #c0c0c0; } #section_reviews div.review_country_place { position: absolute; right: 7px; top: 5px; text-transform: uppercase; font-size: 11px; color: #a0a050; } #section_reviews div.review_country_place a { color: #a0a050; } /* #section_reviews_advanced { } #section_reviews_advanced div.one_review { position: relative; margin: 0 0 10px 0; padding: 10px 0; border: 0 dotted #e8e8e8; } #section_reviews_advanced a.review_author { margin-left: 5px; color: #c0c0c0; } #section_reviews_advanced img.review_evaluation_icon { margin: 0 7px 0 0; } #section_reviews_advanced img.review_thumbnail { float: right; margin: 0 0 2px 5px; padding: 2px; border: 1px solid #e0e0e0; width: 100px; background-color: #ffffff; } #section_reviews_advanced span.review_evaluation_name { text-transform: uppercase; font-size: 11px; color: #707070; } #section_reviews_advanced span.button_edit { margin-left: 5px; color: #757df7; font-size: 9px; cursor: pointer; } #section_reviews_advanced div.review_body { float: left; line-height: 11px; } #section_reviews_advanced p.review_content { margin-top: 4px; color: #909090; font-size: 11px; line-height: 14px; text-align: left; font-style: italic; } #section_reviews_advanced p.review_footer { font-size: 9px; margin: 5px 0 0 20px; color: #c0c0c0; } #section_reviews_advanced div.review_country_place { float: left; text-transform: uppercase; font-size: 11px; color: #a0a050; width: 130px; line-height: 11px; } #section_reviews_advanced div.review_country_place a { color: #707070; } */ #section_reviews_advanced span.review_country_place { text-transform: uppercase; font-size: 11px; color: #c0c0c0; line-height: 11px; } #section_reviews_advanced span.review_country_place a { color: #c0c0c0; } #section_reviews_button_add { position: absolute; top: 0; right: 0; color: #ffffff; background-color: #e88501; padding: 0 4px 0 4px; cursor: pointer; } #section_reviews_summary { margin: 10px 20px 0 0; font-size: 9px; color: #b0b0b0; } #section_weather_comments { position: relative; } #section_weather_comments div.one_weather_comment { position: relative; padding: 7px 0 7px 0; font-size: 14px; line-height: 18px; font-weight: 300; color: #808080; } #section_weather_comments div.one_weather_comment:first-of-type { } #section_weather_comments .weather_comment_author { display: inline-block; color: #c0c0c0; font-size: 12px; font-weight: 300; } #section_weather_comments .section_weather_comments_button_edit { display: inline-block; margin-left: 20px; color: #757df7; font-size: 9px; cursor: pointer; } #section_weather_comments_button_add { position: absolute; top: 0; right: 10px; color: #ffffff; background-color: #e88501; padding: 0 4px 0 4px; cursor: pointer; } /* #box_distances { margin-top: 60px; border: 0; font-size: 11px; line-height: 18px; color: #808080; } #box_distances #button_add_distances { cursor: pointer; } #distances_editor { position: relative; width: 700px; padding: 4px; font-size: 10px; color: #808080; } #distances_editor .internal_label { color: #a0a0a0; } #distances_editor #field_author { padding: 4px; width: 230px; height: 16px; border: 1px solid #d0d0d0; font-size: 13px; } #distances_editor #field_email { margin-left: 6px; padding: 4px; width: 230px; height: 16px; border: 1px solid #d0d0d0; font-size: 13px; } #distances_editor #button_submit { margin-left: 6px; padding: 2px; width: 100px; height: 26px; background-color: #f0f0f0; border: 1px solid #e0e0e0; font-size: 12px; color: #303030; text-align: center; } #distances_editor #button_cancel { margin-left: 6px; padding: 2px; width: 100px; height: 26px; border: 1px solid #e0e0e0; font-size: 12px; color: #303030; text-align: center; } #distances_editor table { width: 100%; margin-bottom: 10px; position: relative; border-collapse: separate; border-spacing: 2px; } #distances_editor th { padding: 1px 3px; border: 1px dotted #f0f0f0; font-weight: normal; text-transform: uppercase; font-size: 10px; line-height: 11px; background-color: #f6f6f6; text-align: center; } #distances_editor td { padding: 5px 5px; border: 1px dotted #f0f0f0; } #distances_editor select { font-size: 11px; width: 100%; outline: none; color: #a0a0a0; } #distances_editor select.modified { color: #000000; } #distances_editor .field_distance { font-size: 11px; text-align: center; background-color: #ffffff; width: 100%; } #distances_editor .field_comment { font-size: 11px; text-align: left; background-color: #ffffff; width: 300px; } */ #section_admin { position: absolute; right: 20px; bottom: 10px; margin: 0; font-size: 9px; color: #b0b0ff; } #section_admin .section_admin_button { cursor: pointer; } #logo_link { position: absolute; top: 10px; left: 10px; z-index: 10; } #logo_image { width: 70px; } #section_review_editor { margin: 4px 0; position: relative; font-size: 11px; color: #909090; } /* #review_editor_evaluation_dropdown { overflow: hidden; height: 16px; border: 1px solid #c0c0c0; background-color: #ffffff; cursor: pointer; } #review_editor_field_body { margin: 0 0 10px 0; resize: none; padding: 4px; width: 317px; height: 20px; border: 1px solid #c0c0c0; background-color: #ffffff; color: #909090; font-size: 11px; line-height: 14px; text-align: left; } #section_reviews #field_body_fake { margin: 4px 0 10px 0; resize: none; padding: 4px; width: 317px; height: 20px; border: 1px solid #c0c0c0; background-color: #ffffff; color: #909090; font-size: 11px; line-height: 14px; text-align: left; } #review_editor_fields { display: none; margin: 0; } #review_editor_field_author { margin-top: 10px; padding: 3px; width: 319px; height: 16px; border: 1px solid #c0c0c0; font-size: 11px; color: #909090; background-color: #ffffff; } #review_editor_button_submit { margin-top: 10px; padding: 3px; width: 319px; height: 14px; border: 1px solid #d0d0d0; font-size: 11px; color: #303030; background-color: #e0e0e0; text-align: center; cursor: pointer; } #section_review_editor .internal_label { color: #d0d0d0; } */ /* #review_editor_evaluation_dropdown_icon { cursor: pointer; position: absolute; top: 5px; right: 7px; width: 14px; height: 14px; background: url(/pic/combobox_arrow.png) no-repeat top right; } #review_editor_evaluation_dropdown_list { display: none; position: absolute; background-color: #f8f8f8; width: 329px; top: -34px; left: -3px; border: 2px solid #d0d0d0; } .evaluation_dropdown_list_element { cursor: pointer; padding: 2px 2px 2px 72px; height: 14px; overflow: hidden; } .evaluation_dropdown_list_element:hover { background-color: #e0e0e0; } .evaluation_dropdown_list_element_4 { background: url(/pic/stars.png) no-repeat 2px 2px; } .evaluation_dropdown_list_element_3 { background: url(/pic/stars.png) no-repeat 2px -16px; } .evaluation_dropdown_list_element_2 { background: url(/pic/stars.png) no-repeat 2px -34px; } .evaluation_dropdown_list_element_1 { background: url(/pic/stars.png) no-repeat 2px -52px; } .evaluation_dropdown_list_element_0 { background: url(/pic/stars.png) no-repeat 2px -70px; } .evaluation_dropdown_empty { padding: 4px 3px 2px 3px; width: 319px; color: #D0D0D0; } .evaluation_dropdown_4 { padding: 4px 3px 2px 72px; width: 250px; background: url(/pic/stars.png) no-repeat 2px 3px; } .evaluation_dropdown_3 { padding: 4px 3px 2px 72px; width: 250px; background: url(/pic/stars.png) no-repeat 2px -15px; } .evaluation_dropdown_2 { padding: 4px 3px 2px 72px; width: 250px; background: url(/pic/stars.png) no-repeat 2px -33px; } .evaluation_dropdown_1 { padding: 4px 3px 2px 72px; width: 250px; background: url(/pic/stars.png) no-repeat 2px -51px; } .evaluation_dropdown_0 { padding: 4px 3px 2px 72px; width: 250px; background: url(/pic/stars.png) no-repeat 2px -69px; } */ #review_editor_fields { position: relative; } #overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; background: #000000; opacity: 0.8; cursor: url("/pic/zoomout.cur"), auto; } #overlay_light { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; background: #000000; opacity: 0.5; } /* #loading_indicator { display: none; position: absolute; background-color: #ffffff; opacity: 0.7; -moz-opacity:0.70; filter: alpha(opacity=70); } #loading_indicator img { position: absolute; } */ /* #floating_window { display: none; position: fixed; padding: 5px; top: -1000; left: -1000; background: #f0f0f0; border: 5px solid #d0d0d0; z-index: 200; } #floating_window #panel { position: relative; margin-bottom: 5px; padding-bottom: 5px; top: 0; left: 0; width: 100%; height: 20px; border-bottom: 0px dotted #A0A050; } #floating_window #panel #window_title { font-family: "Times New Roman"; text-transform: uppercase; font-size: 26px; color: #808080; } */ /* #section_all_authors { margin: 20px 0 30px 0; font-size: 11px; color: #c0c0c0; line-height: 14px; } #section_all_authors a { color: #808080; padding: 0 2px 0 2px; } #section_all_authors a:hover { text-decoration: none; border-bottom: 1px dotted #808080; } #section_all_authors a.selected { color: #ffffff; background-color: #d8d8d8; } */ #location_editor { position: relative; width: 760px; } #location_editor .location_editor_input { float: left; width: 174px; margin: 3px; background-color: #ffffff; padding: 4px; border: 1px solid #d0d0d0; font-size: 13px; height: 16px; } #location_editor .location_editor_select { float: left; width: 136px; margin: 3px; background-color: #ffffff; padding: 4px; border: 1px solid #d0d0d0; font-size: 13px; height: 26px; } #location_editor div.one_evaluation { z-index: 200; padding: 5px; height: 80px; color: #707070; border: 1px solid #d0d0d0; width: 120px; cursor: pointer; } #location_editor div.left { float: left; margin: 0 6px 6px 0; } #location_editor div.right { clear: right; float: right; margin: 0 0 6px 0; } #location_editor div.one_evaluation:hover { border: 1px solid #c09040; } #location_editor div.selected { background-color: #f0c070; color: #404040; border: 1px solid #c09040; } #location_editor span.evaluation_name { text-transform: uppercase; font-size: 11px; color: #aa7e20; } #location_editor div.one_evaluation p { font-size: 10px; } #location_editor #field_description { clear: both; margin: 3px; background-color: #ffffff; padding: 4px; width: 743px; height: 60px; border: 1px solid #d0d0d0; font-size: 13px; } #location_editor #field_przyimek { width: 55px; } /*#location_editor #button_set_coordinates { float: left; margin: 3px; background-color: #e0e0e0; padding: 2px; width: 26px; height: 26px; border: 1px solid #d0d0d0; font-size: 12px; color: #303030; text-align: center; }*/ #location_editor .internal_label { color: #a0a0a0; } #location_editor #buttons { position: relative; text-align: right; } #location_editor #button_submit { cursor: pointer; margin: 6px 0 0 6px; padding: 2px; width: 132px; height: 26px; background-color: #e0e0e0; border: 1px solid #d0d0d0; font-size: 12px; color: #303030; text-align: center; } #location_editor #button_cancel { cursor: pointer; margin: 6px 0 0 0; padding: 2px; width: 70px; height: 26px; border: 1px solid #b0b0b0; font-size: 12px; color: #303030; text-align: center; } #location_editor #checkbox_border { float: left; margin: 3px; padding-top: 6px; } #location_editor #checkbox_promoted { float: left; margin: 3px; padding-top: 6px; } #location_editor #checkbox_delete { position: absolute; left: 6px; top: 10px; } #location_editor .checkbox label { margin-left: 2px; font-size: 10px; color: #303030; } #location_editor #section_thumbnails { height: 87px; overflow-y: auto; margin-top: 3px; } #location_editor #section_thumbnails img { padding: 2px; margin: 3px 6px 3px 0; background-color: #ffffff; border: 1px solid #e0e0e0; } #location_editor #section_thumbnails img.selected { background-color: #a05050; border: 1px solid #a05050; } #location_editor_google_map { position: relative; margin: 3px; width: 751px; height: 250px; border: 1px solid #d0d0d0; } #location_editor .error { color: #ff0000; } /* #review_editor { position: relative; width: 684px; padding: 4px; border: 0 solid #c8c8c8; background-color: #ffffff; } #review_editor div.one_evaluation { z-index: 200; padding: 5px; height: 80px; color: #707070; border: 1px solid #d0d0d0; width: 120px; cursor: pointer; } #review_editor div.left { float: left; margin: 0 6px 6px 0; } #review_editor div.right { clear: right; float: right; margin: 0 0 6px 0; } #review_editor div.one_evaluation:hover { border: 1px solid #c09040; } #review_editor div.selected { background-color: #f0c070; color: #404040; border: 1px solid #c09040; } #review_editor img { margin: 1px 7px 0 0; } #review_editor span.evaluation_name { text-transform: uppercase; font-size: 11px; color: #aa7e20; } #review_editor div.one_evaluation p { font-size: 10px; } #review_editor #field_body { padding: 4px; width: 674px; height: 130px; border: 1px solid #d0d0d0; font-size: 13px; margin-bottom: 6px; } #review_editor #field_author { padding: 4px; width: 198px; height: 16px; border: 1px solid #d0d0d0; font-size: 13px; } #review_editor #field_email { margin-left: 6px; padding: 4px; width: 184px; height: 16px; border: 1px solid #d0d0d0; font-size: 13px; } #review_editor .internal_label { color: #a0a0a0; } #review_editor #button_submit { margin-left: 6px; padding: 2px; width: 132px; height: 26px; background-color: #f0f0f0; border: 1px solid #e0e0e0; font-size: 12px; color: #303030; text-align: center; } #review_editor #button_cancel { margin-left: 6px; padding: 2px; width: 132px; height: 26px; border: 1px solid #e0e0e0; font-size: 12px; color: #303030; text-align: center; } #review_editor div.checkbox { margin-top: 6px; } #review_editor div.checkbox label { margin-left: 4px; font-size: 10px; color: #303030; } */ /* #comment_editor { position: relative; z-index: 200; width: 498px; padding: 8px 8px 4px 8px; border: 0 solid #c8c8c8; background-color: #ffffff; } #comment_editor textarea { display: block; float: left; padding: 4px; width: 488px; height: 148px; margin-bottom: 6px; background-color: #f8f8f8; border: 1px solid #d0d0d0; font-size: 12px; } #comment_editor input.author { float: left; clear: left; width: 324px; height: 16px; display: block; padding: 4px; background-color: #ffffff; border: 1px solid #303030; font-size: 12px; } #comment_editor .internal_label { color: #a0a0a0; } */ /* #note_editor { position: relative; width: 684px; padding: 4px; font-size: 10px; color: #808080; } #note_editor_field_title { padding: 5px; box-sizing: border-box; width: 100%; font-size: 20px; font-weight: 300; border: 1px solid #d0d0d0; background-color: #ffffff; } #note_editor_field_body { margin: 10px 0; box-sizing: border-box; width: 100%; height: 220px; border: 1px solid #d0d0d0; padding: 5px; resize: none; font-size: 20px; line-height: 24px; font-weight: 300; background-color: #ffffff; } #note_editor #field_commentable { margin-bottom: 6px; } #note_editor #buttons { position: relative; text-align: right; } #note_editor_checkbox_delete { position: absolute; left: 6px; top: 10px; } #note_editor_button_save { display: inline-block; margin-left: 10px; border: 1px solid #d0d0d0; width: 100px; padding: 5px 0; font-size: 16px; line-height: 24px; font-weight: 300; text-transform: uppercase; text-align: center; cursor: pointer; background-color: #f0f0f0; } #note_editor_button_save:hover { background-color: #e0e0e0; } */ #note_editor { position: relative; width: 684px; padding: 4px; font-size: 10px; color: #808080; } #note_editor .internal_label { color: #a0a0a0; } #note_editor #field_title { padding: 4px; width: 674px; height: 16px; background-color: #ffffff; border: 1px solid #d0d0d0; font-size: 13px; margin-bottom: 6px; } #note_editor #field_body { padding: 4px; width: 674px; height: 400px; background-color: #ffffff; border: 1px solid #d0d0d0; font-size: 13px; margin-bottom: 6px; } #note_editor #field_commentable { margin-bottom: 6px; } #note_editor #buttons { position: relative; text-align: right; } #note_editor #button_submit { cursor: pointer; margin-left: 6px; padding: 2px; width: 132px; height: 26px; background-color: #d0d0d0; border: 1px solid #a0a0a0; font-size: 12px; color: #303030; text-align: center; } #note_editor #checkbox_delete { position: absolute; left: 6px; top: 10px; } #picture_editor { position: relative; width: 534px;} #picture_editor #field_description { background-color: #ffffff; padding: 4px; width: 300px; height: 80px; border: 1px solid #d0d0d0; font-size: 13px; margin-bottom: 6px; } #picture_editor #field_keywords { padding: 4px; width: 300px; height: 16px; background-color: #ffffff; border: 1px solid #d0d0d0; font-size: 13px; margin-bottom: 6px; } #picture_editor #field_license { background-color: #ffffff; width: 218px; padding: 4px; border: 1px solid #d0d0d0; font-size: 12px; margin: 0 0 6px 6px; } #picture_editor #field_source_url { padding: 4px; width: 300px; height: 16px; background-color: #ffffff; border: 1px solid #d0d0d0; font-size: 13px; margin-bottom: 6px; } #picture_editor #field_author_id { background-color: #ffffff; width: 218px; padding: 4px; border: 1px solid #d0d0d0; font-size: 12px; margin: 0 0 6px 6px; } #picture_editor #buttons { position: relative; text-align: right; } #picture_editor #checkbox_delete { position: absolute; left: 6px; top: 6px; } #picture_editor #button_submit { cursor: pointer; margin-left: 6px; padding: 2px; width: 106px; height: 26px; background-color: #e0e0e0; border: 1px solid #d0d0d0; font-size: 12px; color: #303030; text-align: center; } #picture_editor #button_cancel { cursor: pointer; padding: 2px; width: 70px; height: 26px; border: 1px solid #d0d0d0; font-size: 12px; color: #303030; text-align: center; } #picture_editor .internal_label { color: #a0a0a0; } #picture_editor label { margin-left: 4px; font-size: 10px; color: #303030; } #picture_editor #preview_picture { display: inline-block; margin-left: 6px; position: relative; height: 90px; } #picture_editor #checkbox_levels { display: inline-block; margin: 2px 0 0 10px; } #picture_editor #checkbox_level_place { } #picture_editor #checkbox_level_region { } #picture_editor #checkbox_level_country { } #picture_editor #preview_picture img { padding: 2px; width: 100px; height: 75px; background: #ffffff; border: 1px solid #e0e0e0; } #picture_editor #preview_thumbnail { float: right; position: relative; margin-left: 6px; width: 106px; height: 90px; } #picture_editor #preview_thumbnail img { padding: 2px; width: 100px; height: 75px; background: #ffffff; border: 1px solid #e0e0e0; } #picture_editor .dimensions { height: 10px; font-size: 10px; color: #808080; text-align: center; } #picture_editor #field_easy_url { padding: 4px; width: 524px; height: 16px; background-color: #ffffff; border: 1px solid #d0d0d0; font-size: 13px; margin-bottom: 6px; } #picture_editor #field_delete { margin-bottom: 6px; } #button_edit_picture { cursor: pointer; color: #757DF7; } /* #gallery_window { position: relative; left: -8px; width: 720px; overflow: overflow; } #gallery_button_previous, #gallery_button_next { display: none; cursor: pointer; } */ /* .floating_picture { position: absolute; z-index: 20; border: 1px solid #999999; display: none; overflow-y: visible; overflow-x: visible; overflow: visible; background-repeat: no-repeat; background-position: center; background-size: contain; } .floating_picture_caption { display: none; position: absolute; bottom: 0; left: 0; right: 0; z-index: 40; } .floating_picture_caption_overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; background-color: #000000; } .floating_picture_caption_content { position: relative; text-shadow: 0 1px 3px rgba(0,0,0,.8); z-index: 1; color: #ffffff; font-size: 14px; font-family: Roboto, Verdana; padding: 4px; text-align: center; } .floating_picture_caption a { color: #ffffff; } .floating_picture_license { color: #b0b0b0; } .floating_picture_license a { color: #b0b0b0; } .picture_camera_icon { margin-top: 4px; } */ /* .floating_picture_caption { position: absolute; bottom: -10px; width: 100%; z-index: 20; color: #ffffff; } .floating_picture_caption .caption_overlay { z-index: 50; position: absolute; top: 0; border-top: 1px solid #606060; width: 100%; opacity: 0.4; filter: alpha(opacity=50); background-color: #000000; } .floating_picture_caption .caption_text { z-index: 40; width: 100%; padding: 4px; text-align: center; color: #ffffff; font-size: 11px; } .floating_picture_caption a { color: #ffffff; } */ /* .floating_picture_left { position: absolute; width: 50%; height: 100%; left: 0; top: 0; z-index: 30; cursor: url("/pic/left.cur"),auto; } .floating_picture_right { position: absolute; width: 50%; height: 100%; right: 0; top: 0; z-index: 30; cursor: url("/pic/right.cur"),auto; } */ /* #home_introduction { font-family: "Segoe UI"; font-size: 26px; line-height: 35px; color: #606060; margin: 40px 0; } #home_introduction h1 { font-family: "Segoe UI"; font-size: 40px; line-height: 42px; color: #808080; } */ /* #section_map { position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; overflow: hidden; background-color: #e0e3e6; border: 1px solid #c8c8c8; background: url(/pic/bg3.png); } */ #section_map { user-select: none; -moz-user-select: none; cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } #section_map_canvas { position: relative; ttransition: all 1s ease; } #section_map_svg { background: url(/pic/bg5.png); width: 100%; height: 100%; } #section_map_places .section_map_place_marker { position: absolute; width: 8px; height: 8px; border-radius: 8px; border: 1px solid white; transform: translate(-50%, -50%); } #section_map_places .section_map_place_marker_0 { background-color: #e0e0e0; border-color:#ffffff; } #section_map_places .section_map_place_marker_1 { background-color: #ffffd0; border-color:#ffffff; } #section_map_places .section_map_place_marker_2 { background-color: #ffff00; border-color:#ffffff; } #section_map_places .section_map_place_marker_3 { background-color: #ffb401; border-color:#ffffff; } #section_map_places .section_map_place_marker_4 { background-color: #fe3e20; border-color:#ffffff; } #section_map_places .section_map_place_marker_abroad_favourite { border: 2px solid #ffffff; opacity: 0.6; } #section_map_places .section_map_place_marker_abroad_on_route { border: 1px solid #f0f0f0; background-color: #ffffff; opacity: 0.9; } #section_map_favourites .section_map_place_marker_favourite { position: absolute; width: 17px; height: 17px; border-radius: 17px; border: 2px solid white; transform: translate(-50%, -50%); opacity: 0.9; } #section_map_labels .section_map_place_label { position: absolute; font-weight: 300; font-size: 10px; line-height: 10px; color: #606060; } /* .svg_location_favourite { fill-opacity: 1; stroke: #d0d0d0; fill: #ffffff; } */ #map_canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #bbbcff; } /* #section_map_google { position: relative; width: 100%; height: 100%; } */ #map_zoom_in { position: absolute; left: 0; bottom: 0; cursor: pointer; padding: 10px; } #map_zoom_in_icon { background: url(/pic/sprite.png) no-repeat 0 -166px; width: 14px; height: 14px; } #map_zoom_out { position: absolute; left: 34px; bottom: 0; cursor: pointer; padding: 10px; } #map_zoom_out_icon { background: url(/pic/sprite.png) no-repeat -15px -166px; width: 14px; height: 14px; } /* #map_switch_buttons { padding: 3px; position: absolute; left: 10px; bottom: 10px; font-size: 10px; background-color: gray; color: #e0e0e0; cursor: pointer; border: 1px solid #e0e0e0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #map_switch_buttons_dropdown { display: none; position: absolute; padding: 3px; left: 0; bottom: 0; background-color: gray; font-size: 10px; color: #e0e0e0; cursor: pointer; border: 1px solid #e0e0e0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align: center; } #map_switch_buttons_dropdown .map_button { padding: 3px 0; font-size: 10px; color: #e0e0e0; font-size: 10px; text-align: left; } #map_switch_buttons_dropdown .map_button:hover { background-color: #a0a0a0; } */ /* #section_map .map_external { width: 100%; height: 100%; z-index: 10; } #section_map .weather_region_box { opacity: 0.2; fill: #ffffff; stroke: #e0e0e0; stroke-width: 1; } */ #section_map .weather_region { font-family: Roboto; transform: scale(1); font-size: 90px; font-weight: 300; fill: #606060; text-anchor: middle; } #section_map .weather_region_marker { cursor: pointer; } /* #section_pictures_by_author p { margin-bottom: 20px; color: #606060; font-size: 12px; } #section_pictures_by_author div.one_place { float: left; margin: 5px 5px 5px 0; border: 1px solid #f4f4e4; width: 223px; } #section_pictures_by_author div.country_and_place_name { margin: 5px 0 5px 10px; text-transform: uppercase; font-size: 12px; color: #a0a0a0; } #section_pictures_by_author div.country_and_place_name a { color: #a0a050; } #section_pictures_by_author img { padding: 1px; margin: 0 0 5px 5px; border: 1px solid #e0e0e0; background: #ffffff; } */ a.reference:link {text-decoration: none; border-bottom: 0px dotted #888; color: #b86;} a.reference:visited {text-decoration: none; color: #b86;} a.reference:hover {text-decoration: none; border-bottom: 1px solid #888; color: #b86;} a.internal:link {text-decoration: none; border-bottom: 0px dotted #888; color: #b86;} a.internal:visited {text-decoration: none; color: #b86;} a.internal:hover {text-decoration: none; border-bottom: 1px dotted #888; color: #b86;} a.external:link {text-decoration: none; border-bottom: 1px dotted #888; color: #8b6;} a.external:visited {text-decoration: none; border-bottom: 1px dotted #888; color: #8b6;} a.external:hover {text-decoration: none; border-bottom: 1px solid #888; color: #8b6;} /* #section_introduction { width: 100%; color: #404040; text-align: left; line-height: 24px; font-size: 16px; font-family: "Segoe UI"; margin: 20px 0; } #section_introduction span { font-style: italic; } #section_introduction h1 { color: #606060; text-align: left; line-height: 90px; font-size: 105px; font-family: "Segoe UI"; } #section_introduction h3 { font-size: 105px; line-height: 90px; color: #e0e0e0; font-family: "Segoe UI"; font-weight: normal; font-variant: small-caps; } */ /* #map_tooltip_location { position: absolute; padding: 5px; left: -1000px; width: 218px; border: 1px solid #606060; z-index: 11; font-size: 11px; color: #ffffff; background-color: #808080; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } */ /* autocomplete */ /* .ac_results { position: absolute; top: 0; left: 0; margin-top: 5px; padding: 0px; border: 1px dotted #808080; overflow: hidden; background-color: #f0f0f0; z-index: 10; } .ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;} .ac_results iframe {display:none;display:block; position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px;} .ac_results li {margin: 0px!important; padding: 2px 5px; cursor: pointer; display: block; width: 100%!important; font: menu; font-size: 11px; overflow: hidden; text-align: left;} .ac_loading { background : Window url('/pic/ajax-loader-small.gif') right center no-repeat; } .ac_over { background-color: Highlight; color: HighlightText;} */ /* #section_contact { text-align: left; font-size: 14px; color: #404040; width: 610px; } #section_contact a { color: #757DF7; } #section_contact img { float: left; margin: 2px 10px 0 0; padding: 2px; width: 90px; height: 90px; background-color: #ffffff; border: 1px solid #b0b0b0; } */ /* #article_contact_field_body { margin: 10px 10px 10px 10px; padding: 4px; width: 600px; height: 120px; border: 1px solid #c0c0c0; background-color: #ffffff; color: #404040; font-size: 11px; line-height: 14px; text-align: left; } #article_contact_field_email { margin: 0 10px 10px 10px; padding: 3px; width: 190px; height: 16px; border: 1px solid #c0c0c0; font-size: 11px; color: #404040; background-color: #ffffff; } #article_contact_button_submit { margin: 0 0 0 5px; padding: 3px; width: 150px; height: 24px; border: 1px solid #c0c0c0; font-size: 11px; color: #303030; background-color: #d0d0d0; text-align: center; } */ #article_contact_field_body { margin: 10px 0; box-sizing: border-box; width: calc(100% - 2px); height: 220px; border: 1px solid #d0d0d0; padding: 5px; resize: none; font-size: 20px; line-height: 24px; font-weight: 300; background-color: #ffffff; } #article_contact_field_email { padding: 5px; width: calc(100% - 122px); font-size: 20px; font-weight: 300; border: 1px solid #d0d0d0; background-color: #ffffff; } #article_contact_button_submit { display: inline-block; margin: 0 0 10px 10px; border: 1px solid #d0d0d0; width: 100px; padding: 5px 0; font-size: 16px; line-height: 24px; font-weight: 300; text-transform: uppercase; text-align: center; cursor: pointer; background-color: #f0f0f0; } #article_contact_button_submit:hover { background-color: #e0e0e0; } #article_contact_response { margin: 20px 0 10px 0; font-size: 24px; color: #404040; } /* #section_contact #button_cancel { margin: 0 0 0 106px; padding: 3px; width: 150px; height: 24px; border: 1px solid #c0c0c0; font-size: 11px; color: #303030; background-color: #e0e0e0; text-align: center; } #section_contact .internal_label { color: #c0c0c0!important; } */ /* #xxx_section_navigation { position: absolute; top: 5px; right: 0; z-index: 30; width: 362px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #xxx_section_navigation div { display: inline-block; font-size: 15px; cursor: pointer; border-left: 1px solid #d0d0d0; letter-spacing: 1px; padding: 1px 14px; } */ /* #review_editor .bleft, #review_editor .bright, #review_editor .bcenter { position: absolute; } */ /* #section_image { z-index: 40; position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #808080; } #section_image_img { position: absolute; top: 0; left: 0; border: 0 solid #d0d0d0; } */ /* .pattern { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmIj48L3JlY3Q+CjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+"); } */ /* #section_countries {} .section_countries_country { margin-bottom: 3px; font-family: "verdana"; font-size: 28px; ppadding-left: 21px; } .section_countries_country_name { color: #404040; } .section_countries_country_weather { color: #d0d0d0; } .section_countries_country_region { color: #d0d0d0; } */ /* #nav_content { position: absolute; top: 42px; right: 0; bottom: 0; width: 320px; padding: 20px; background-color: #ffffff; border-bottom: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; margin: 0; font-family: roboto; font-size: 19px; overflow-y: scroll; } #nav_content li { list-style-type: none; } */ /*******************************************************************************************************************************************************/ /*******************************************************************************************************************************************************/ /*******************************************************************************************************************************************************/ /*******************************************************************************************************************************************************/ /* #articles { position: absolute; top: 0; right: 0; bottom: 0; overflow-y: scroll; overflow-x: hidden; padding: 0; margin: 0; z-index: 0; } */ /* #articles.sidebar { float: right; overflow-y: scroll; overflow-x: hidden; padding: 0; margin: 0; height:100vh; } #articles .article { width: 420px; } #articles .story { width: calc(50vw - 20px); padding: 0 10px; } #articles .narrow { width: 400px; } #articles .wide { width: calc(50vw - 20px); } */ /* #cover { height: 50vh; z-index: 0; background-size: cover; } */ #poster { position: relative; overflow: hidden; width:auto; height:100%; background: url(/pic/spinner.gif) no-repeat center center } #poster_inner { background-size: cover; background-position: center; height: 100%; } #poster_inner img { position: relative; transition: transform 60s ease; transform-origin: top left; } #poster_subtitle { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 0 10px 10px; color: #d0d0d0; font-size: 16px; font-weight: 300; text-shadow: 1px 1px 5px black; } #poster_subtitle a { color: #d0d0d0; } /* #sidebar { float: right; position: relative; padding: 0; margin: 0; overflow-y: scroll; z-index: 1; height: 100vh; } #scroller_fullscreen { position: relative; padding: 0; margin: 0; overflow-y: scroll; z-index: 1; height: 100vh; } */ /* #background { padding: 0 0 0 0; background-color: white; } #background_fullscreen { padding: 6px 0 0 0; margin-top: 50vh; background-color: white; } */ /* #articles { position: relative; padding: 0; margin: 0 auto; transition: width 0.5s ease-out; } */ /* #content_fullscreen { position: relative; padding: 0; margin: 0 auto; max-width: 700px; } #content_fullscreen #section_navigation { position: absolute; top: -49px; } #content_fullscreen .article_header_mandalay, #content_fullscreen .article_header_mandalay a { color: white; } */ /* #section_navigation { box-sizing: border-box; margin: 5px 10px 0 10px; padding: 0; font-size: 0; font-weight: 300; } #section_navigation .section_navigation_element { font-size: 12px; padding: 2px 6px; margin-right: 3px; cursor: pointer; color: #b0b0b0; background-color: #f4f4f4; transition: all 0.2s linear; } #section_navigation .section_navigation_home { background-color: #e42127; color: #ffffff; } #section_navigation .section_navigation_element:hover { background-color: #b0b0b0; color: #f4f4f4; } #section_navigation .section_navigation_active { color: #000000; } #section_navigation_back { width: 20px; padding: 1px 0 !important; margin: 0 !important; overflow-x: hidden; transition: all 0.2s ease-out; } #section_navigation_back.section_navigation_back_hidden { width: 0; } */ /* #section_navigation a { color: #e88501; } */ /* @media (max-width: 799px) { #poster { position: fixed; top: 0; left: 0; right: 0; height: 50vh; z-index: 0; } #section_map { position: fixed; top: 0; left: 0; right: 6px; height: 50vh; z-index: 0; } #sidebar { float: none; } #background { margin-top: 50vh; } #poster .poster_inner { right: 6px; } #articles .article { width: 100%; } #articles .narrow { width: 100%; } #section_navigation { width: 100%; } } */ /* footer #footer_countries { margin: 20px 10px 5px 10px; font-size: 15px; font-weight: 400; line-height: 20px; text-transform: uppercase; } footer .footer_one_country { } footer #footer_countries a { padding: 0 3px; margin-right: 3px; font-size: 14px; font-weight: 300; } footer #footer_countries a.footer_country_name { color: #808080; background-color: #e8e8e8; line-height: 25px; } footer #footer_countries a.footer_country_weather { color: #b0b0b0; background-color: #f0f0f0; } footer #footer_countries a.footer_country_region { color: #a0a0a0; background-color: #f0f0f0; } footer #footer_countries a:hover { background-color: #606060; color: #f0f0f0; } */ nav .listing_header { padding: 0 3px; margin-right: 3px; font-size: 14px; font-weight: 300; text-transform: uppercase; color: #606060; } #navigation_locations { margin: 10px 0 5px 0; font-size: 15px; font-weight: 400; line-height: 20px; text-transform: uppercase; } #navigation_locations .listing_locations_one_country { } #navigation_locations a { padding: 0 3px; margin-right: 3px; font-size: 14px; font-weight: 300; } #navigation_locations a.listing_locations_country { color: #ffffff; background-color: #808080; line-height: 25px; } #navigation_locations a.listing_locations_weather { color: #e0e0e0; background-color: #b0b0b0; } #navigation_locations a.listing_locations_region { color: #f8f8f8; background-color: #b0b0b0; } #navigation_locations a.listing_locations_place { color: #f8f8f8; background-color: #b0b0b0; } #navigation_locations a:hover { background-color: #606060; color: #f0f0f0; } #navigation_stories { margin: 20px 0 5px 0; } #navigation_stories a { padding: 0 3px; margin-right: 3px; font-size: 14px; font-weight: 300; line-height: 20px; text-transform: uppercase; } #navigation_stories a.listing_stories_story { color: #ffffff; background-color: #808080; } #navigation_facebook_container { margin-top: 20px; } #article_menu .listing_header { display: none; } #article_menu_locations { margin: 10px 0 20px 0; font-size: 20px; font-weight: 900; line-height: 24px; text-transform: uppercase; } #article_menu_locations .listing_locations_one_country { display: block; } #article_menu_locations a { padding: 0 1px; margin-right: 0; } #article_menu_locations a.listing_locations_country { color: #a0a0a0; bbackground-color: #808080; } #article_menu_locations a.listing_locations_weather { color: #d0d0d0; bbackground-color: #b0b0b0; } #article_menu_locations a.listing_locations_region { color: #d0d0d0; bbackground-color: #b0b0b0; } #article_menu_locations a.listing_locations_place { color: #d0d0d0; bbackground-color: #b0b0b0; } #article_menu_locations a:hover { background-color: #606060; color: #f0f0f0; } #article_menu_stories { margin: 10px 0 20px 0; font-size: 20px; font-weight: 900; line-height: 24px; text-transform: uppercase; } #article_menu_stories a { padding: 0 1px; } #article_menu_stories a.listing_stories_story { color: #a0a0a0; bbackground-color: #808080; } #article_menu_stories a:hover { background-color: #606060; color: #f0f0f0; } #article_menu_facebook_container { margin-top: 10px; } /* nav .nav_stories_one_story a:hover { background-color: #f0f0f0; } */ /* #section_home { } #section_home h1 { margin-left: 10px; font-family: roboto slab, georgia; font-size: 44px; font-weight: 900; color: #909090; } #section_home h2 { margin-left: 10px; font-family: roboto slab, georgia; font-size: 13px; font-weight: 300; color: #b0b0b0; letter-spacing: 10px; } #section_home p { margin-left: 10px; } #p1 { font-family: roboto, arial; font-size: 26px; font-weight: 300; color: #606060; line-height: 30px; } #p2 { font-family: roboto, arial; font-size: 26px; font-weight: 300; color: #b0b0b0; line-height: 30px; } */ #article_home_motto { font-size: 26px; line-height: 30px; font-weight: 300; color: #b0b0b0; margin: 20px 0 20px 0; } /* #article_home_logo { float: left; } */ #article_home_motto .article_home_motto_part1 { color: #606060; } #article_home_motto .article_home_motto_part2 { color: #b0b0b0; } #article_home_button_contact { color: #b86; cursor: pointer; border-bottom: 1px dotted #b86; } /* #article_home p.article_home_secondary { margin-top: 10px; font-size: 16px; line-height: 20px; font-weight: 300; color: #808080; } */ #article_location { } /* .submenu { font-size: 12px; line-height: 17px; color: #b0b0b0; font-weight: 300; text-transform: uppercase; margin: 0 0 8px 10px; } .submenu span { cursor: pointer; } .submenu span.submenu_current { color: #e42127; } */ #article_search { z-index: 100; } #article_search_input_container { box-sizing: border-box; } #article_search input { border: 1px solid #e0e0e0; width: 100%; box-sizing: border-box; font-size: 20px; color: #808080; padding: 4px; } #article_search_results { font-weight: 400; text-transform: uppercase; font-size: 20px; line-height: 24px; font-weight: 900; margin-top: 10px; } #article_search_results .search_one_result { } #article_search_results .search_one_result a.search_result_primary { color: #a0a0a0; } #article_search_results .search_one_result a.search_result_primary span { color: #e88501; } #article_search_results .search_one_result a.search_result_primary:hover { background-color: #606060; color: #f0f0f0; } #article_search_results .search_one_result a.search_result_secondary { color: #d0d0d0; margin-left: 1px; } #article_search_results .search_one_result a.search_result_secondary:hover { background-color: #606060; color: #f0f0f0; } #article_search_results .search_one_result a:hover { text-decoration: none; } article a { color: #808080; } article .article_places_one_place { position: relative; padding: 6px 0 6px 0; } article .article_places_one_place:last-of-type { padding-bottom: 6px; } article .article_places_content { height: 88px; padding: 1px 0 1px 130px; } /* #article_places .article_places_image { display: inline-block; margin-right: 2px; height:75px; } */ /* #article_places .article_places_image_placeholder { display: inline-block; margin-right: 2px; width: 100px; height:75px; } */ article .article_places_content_header { position: relative; height: 15px; text-transform: uppercase; font-weight: 500; color: #808080; font-size: 14px; margin-bottom: 1px; background-image: url(/pic/stars.png); background-repeat: no-repeat; background-position-x: right; } article .article_places_content_body { font-size: 14px; font-weight: 300; color: #808080; line-height: 18px; } /* .section_info { padding: 0 2px 10px 10px; font-size: 16px; color: #606060; line-height: 21px; } */ #article_favourites a { color: #808080; } #article_favourites .article_favourites_one_place { position: relative; padding-bottom: 8px; } #article_favourites .article_favourites_one_place:last-of-type { } #article_favourites .article_favourites_one_place:hover { background-color: #f8f8f8; } #article_favourites .article_favourites_content { margin: 2px 0 2px 0; } #article_favourites .article_favourites_content_header { position: relative; padding-left: 74px; height: 15px; text-transform: uppercase; font-weight: 500; color: #808080; font-size: 14px; margin-bottom: 1px; background-image: url(/pic/stars.png); background-repeat: no-repeat; background-position-x: left; } #article_favourites .article_favourites_one_place_button_remove { position: absolute; right: 0; top: 0; color: #808080; font-size: 10px; font-weight: 300; cursor: pointer; } #article_favourites .article_favourites_content_body { margin-top: 0; font-size: 0.8rem; font-weight: 300; color: #808080; line-height: 1.1rem; } #article_favourites .article_favourites_place_remove { display: none; position: absolute; cursor: pointer; top: 2px; left: 235px; font-size: 11px; color: red; } #article_favourites .article_favourites_one_place:hover .article_favourites_place_remove { display: block; } #article_favourites_show_on_map { margin-bottom: 10px; font-size: 14px; font-weight: 300; color: #808080; } #article_favourites_show_on_map_checkbox { margin-right: 6px; } /* #article_favourites .article_favourites_evaluation_4 { background: url(/pic/stars.png) no-repeat right 2px; } #article_favourites .article_favourites_evaluation_3 { background: url(/pic/stars.png) no-repeat right -16px; } #article_favourites .article_favourites_evaluation_2 { background: url(/pic/stars.png) no-repeat right -34px; } #article_favourites .article_favourites_evaluation_1 { background: url(/pic/stars.png) no-repeat right -52px; } #article_favourites .article_favourites_evaluation_0 { background: url(/pic/stars.png) no-repeat right -71px; } */ #article_route a { color: #808080; } #article_route_steps { position: relative; width: 100%; } #article_route .article_route_one_step { width: 100%; } #article_route .article_route_one_step td { height: 40px; tttransition: all 0.2s linear; } #article_route .article_route_one_step:hover { background-color: #f8f8f8; } #article_route .article_route_one_step_dragged { position: absolute; z-index: 100; background-color: #f0f0f0 !important; } #article_route .article_route_one_step_postgape td { padding-top: 40px; } #article_route .article_route_one_step_button_remove { position: absolute; right: 0; top: 0; color: #808080; font-size: 10px; font-weight: 300; cursor: pointer; } #article_route .article_route_image { display: inline-block; margin-right: 2px; height:75px; } #article_route .article_route_image_placeholder { display: inline-block; margin-right: 2px; width: 100px; height:75px; } #article_route .article_route_content { display: inline-block; padding: 2px 0 2px 0; } #article_route .article_route_step_index { width: 1%; font-size: 30px; font-weight: 900; line-height: 30px; color: #e0e0e0; padding-right: 10px; } #article_route .article_route_step_content { position: relative; max-width: 80px; } #article_route .article_route_step_content_header { position: relative; text-transform: uppercase; font-weight: 500; color: #808080; height: 16px; font-size: 14px; } #article_route .article_route_step_content_body { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 5px; font-size: 13px; font-weight: 300; color: #808080; } #article_route .article_route_place_remove { display: none; position: absolute; cursor: pointer; top: 2px; left: 235px; font-size: 11px; color: red; } #article_route .article_route_flight_toggle { display: none; position: absolute; cursor: pointer; top: 2px; left: 275px; font-size: 11px; color: red; } #article_route .article_route_one_place.article_route_flight .article_route_flight_toggle { display: block; color: blue; } #article_route .article_route_one_place:hover .article_route_place_remove { display: block; } #article_route .article_route_one_place:hover .article_route_flight_toggle { display: block; } #article_route_show_on_map { margin-bottom: 10px; font-size: 14px; font-weight: 300; color: #808080; } #article_route_show_on_map_checkbox { margin-right: 6px; } /* #article_route .article_route_dragged { position: absolute; left: 0; background-color: #f0f0ff; border-bottom: 1px solid #e0e0e0; cursor: n-resize; opacity: 0.9; z-index: 100; } #article_route .article_route_dragged td { background-color: #f0f0ff; } #article_route .article_route_postgape td { padding-top: 36px; } #article_route #article_route_places_container { position: relative; border:1px solid transparent; -moz-user-select: -moz-none; } */ /* #add_location_to_favourites { position: absolute; top: 30px; right: 0; color: red; font-size: 11px; cursor: pointer; z-index: 0; } #add_location_to_route { position: absolute; top: 20px; right: 0; color: blue; font-size: 11px; cursor: pointer; z-index: 0; } */ #map_tooltip_weather { position: absolute; width: 150px; color: #f0f0f0; font-size: 12px; font-weight: 100px; text-align: center; text-transform: uppercase; padding: 4px; border: 1px solid #404040; background-color: #606060; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #map_tooltip_weather table { display: inline-table; } #map_tooltip_weather th { text-transform: none; font-weight: normal; text-align: right; padding: 2px 5px 2px 0; font-size: 10px; line-height: 11px; } #map_tooltip_weather td { text-transform: none; text-align: left; font-size: 10px; line-height: 11px; padding: 2px 0; } #map_tooltip_weather td strong { color: #ffffff; } /* #map_tooltip_weather { position: absolute; padding: 4px; left: -1000px; width: 300px; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; overflow: hidden; border-radius: 2px; z-index: 11; background-color: #ffffff; } #map_tooltip_weather_header { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #808080; } #map_tooltip_weather_subtitle { margin: 4px 0; font-size: 11px; font-weight: 300; color: #b0b0b0; } #map_tooltip_weather_subtitle span { font-weight: 500; color: #a0a0a0; } #map_tooltip_weather_description { font-size: 13px; font-weight: 300; color: #606060; line-height: 17px; } */ #map_tooltip_location { display: none; position: absolute; height: 86px; padding: 2px 2px 2px 125px; overflow: hidden; z-index: 11; background-color: #ffffff; background-repeat: no-repeat; background-position-x: 0; } #map_tooltip_location.map_tooltip_location_floating { display: block; transition: opacity 0.1s linear; width: 220px; opacity: 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; border-radius: 2px; } #map_tooltip_location.map_tooltip_location_floating.map_tooltip_location_visible { display: block; opacity: 1; } #map_tooltip_location.map_tooltip_location_fixed { display: block; transition: bottom 0.25s linear; border-top: 0; box-shadow: 0px 9px 39px 0px rgba(0,0,0,0.75); left: 0; right: 0; bottom: -100px; width: auto; } #map_tooltip_location.map_tooltip_location_fixed.map_tooltip_location_visible { display: block; bottom: 0; } #map_tooltip_location_image { display: inline-block; margin-right: 2px; height:90px; } /*#map_tooltip_location_content { display: inline-block; width: 250px; padding: 2px 2px 2px 5px; }*/ #map_tooltip_location_content_header { margin: 1px 2px 4px 0; font-size: 14px; font-weight: 500; height: 15px; text-transform: uppercase; color: #606060; background-image: url(/pic/stars.png); background-repeat: no-repeat; background-position-x: right; } #map_tooltip_location_content_body { margin-top: -1px; font-size: 13px; font-weight: 300; color: #606060; line-height: 17px; } #map_tooltip_country { position: absolute; padding: 5px; left: -1000px; z-index: 11; font-family: roboto, arial; font-size: 11px; color: #a0a0a0; text-transform: uppercase; font-weight: 300; } /* #map_ripple { position: absolute; width: 500px; height: 500px; z-index: 20; opacity: 0.1; background-color: #ffffff; border-radius: 100%; transform: scale(0); } #map_ripple.map_ripple_animate { -webkit-animation: ripple 0.65s linear; animation: ripple 0.65s linear; } @keyframes ripple { 100% {opacity: 0; transform: scale(10); }} @-webkit-keyframes ripple { 100% {opacity: 0; transform: scale(10); }} */ #section_collage { position: relative; margin: 10px auto 25px auto; text-align: center; max-width: 560px; } #section_collage .section_collage_thumbnail { display: inline-block; position: relative; margin-bottom: 1px; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; image-rendering: pixelated; } #section_collage .section_collage_thumbnail_notfirst { margin-left: 1px; } #section_collage #section_collage_loader { position: absolute; background-color: black; opacity: 0.5; transition: width 0.5s; top: 0; left: 0; width: 0%; bottom: 0; } #section_collage #section_collage_loader_overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000000; opacity: 0.5; } #section_collage #section_collage_loader_progress { position: absolute; top: 50%; left: 0; right: 0; text-align: center; color: #ffffff; font-size: 40px; text-shadow: 0 0 5px black; transform: translateY(-50%); } #section_collage .section_collage_thumbnail_inactive { opacity: 0.5; } /* #section_collage #section_collage_loader_spinner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(/pic/ajax-loader.gif) no-repeat center; } */ /* #loading_section { display: none; position: fixed; right: 150px; top: 50%; z-index: 200; } */ #review_editor_evaluations { width: 100%; margin: 2px 0 15px 0; } #review_editor_evaluations td { padding: 4px 0; } #review_editor_evaluations .review_editor_evaluation_header { position: relative; height: 15px; text-transform: uppercase; font-weight: 400; color: #808080; font-size: 14px; margin-bottom: 1px; background-image: url(/pic/stars.png); background-repeat: no-repeat; background-position-x: right; } #review_editor_evaluations .review_editor_evaluation_body { font-size: 14px; font-weight: 300; color: #808080; line-height: 18px; } #review_editor_evaluations .review_editor_evaluation_description { font-weight: 100; font-size: 12px; color: #808080; margin-right: 5px; } #review_editor_evaluations .review_editor_one_evaluation { cursor: pointer; padding: 2px 0; } #review_editor_evaluations .review_editor_one_evaluation:hover { background-color: #f8f8f8; } #review_editor_evaluations .review_editor_current_evaluation { background-color: #f8f8f8; } #review_editor_evaluations input { margin: 4px 4px 0 4px; } /* #review_editor { position: fixed; width: 730px; height: 295px; top: 200px; left: 0; right: 0; margin-right: auto; margin-left: auto; border-radius: 2px; _box-shadow: 0px 0px 10px rgba( 0, 0, 0, 0.6 ); z-index: 10; background-color: #ffffff; } #review_editor_evaluations { width: 100%; margin: 2px 0 15px 0; } #review_editor_evaluations td { padding: 4px 0; } #review_editor_evaluations .review_editor_evaluation_description { font-weight: 100; font-size: 12px; color: #808080; margin-right: 5px; } #review_editor_evaluations .review_editor_one_evaluation { cursor: pointer; padding: 2px 0; } #review_editor_evaluations .review_editor_one_evaluation:hover { background-color: #f8f8f8; } #review_editor_evaluations .review_editor_current_evaluation { background-color: #f8f8f8; } #review_editor_evaluations .review_editor_evaluations_header { position: relative; text-transform: uppercase; font-weight: 300; color: #808080; font-size: 0.84rem; margin-right: 5px; } #review_editor_evaluations .review_editor_evaluations_4 { background: url(/pic/stars.png) no-repeat right 2px; } #review_editor_evaluations .review_editor_evaluations_3 { background: url(/pic/stars.png) no-repeat right -16px; } #review_editor_evaluations .review_editor_evaluations_2 { background: url(/pic/stars.png) no-repeat right -34px; } #review_editor_evaluations .review_editor_evaluations_1 { background: url(/pic/stars.png) no-repeat right -52px; } #review_editor_evaluations .review_editor_evaluations_0 { background: url(/pic/stars.png) no-repeat right -71px; } #review_editor_evaluations input { margin: 4px 4px 0 10px; } .review_editor_field_container { margin: 4px 10px 15px 10px; } #review_editor_field_body { transition: height 300ms ease-out; padding: 5px; margin: 3px 10px 15px 10px; width: calc(100% - 32px); height: 70px; border: 1px solid #e0e0e0; resize: none; font-size: 15px; line-height: 18px; font-weight: 300; background-color: #fdfdfd; } #review_editor_footer { position: relative; width: 100%; height: 44px; } #review_editor_field_author { padding: 5px; margin: 3px 10px 15px 10px; width: calc(100% - 32px); font-size: 15px; font-weight: 300; border: 1px solid #e0e0e0; background-color: #fdfdfd; } #review_editor_button_save { display: inline-block; border: 1px solid #e0e0e0; width: calc(50% - 2px); padding: 10px 0; font-size: 15px; font-weight: 400; text-transform: uppercase; text-align: center; cursor: pointer; } #review_editor_button_save:hover { background-color: #CAE4B6; } #review_editor_button_cancel { display: inline-block; width: 50%; padding: 10px 0; font-size: 15px; font-weight: 400; text-transform: uppercase; color: #808080; text-align: center; cursor: pointer; } #review_editor .review_editor_evaluation_name { font-size: 13px; font-weight: 400; margin: 4px 0; } #review_editor .review_editor_evaluation_description { font-size: 11px; color: #b0b0b0; font-weight: 100; } #review_editor .review_editor_evaluation_stars_4 { width: 65px; height: 15px; background: url(/pic/stars.png) no-repeat right 2px; } #review_editor .review_editor_evaluation_stars_3 { width: 65px; height: 15px; background: url(/pic/stars.png) no-repeat right -16px; } #review_editor .review_editor_evaluation_stars_2 { width: 65px; height: 15px; background: url(/pic/stars.png) no-repeat right -34px; } #review_editor .review_editor_evaluation_stars_1 { width: 65px; height: 15px; background: url(/pic/stars.png) no-repeat right -52px; } #review_editor .review_editor_evaluation_stars_0 { width: 65px; height: 15px; background: url(/pic/stars.png) no-repeat right -71px; } */ /* #review_editor { width: 600px; bbackground-color: #f8f8f8; padding: 10px 0; bborder-top: 1px solid #f0f0f0; bborder-bottom: 1px solid #f0f0f0; } #review_editor .review_editor_one_evaluation { display: inline-block; width: 100px; height: 77px; cursor: pointer; padding: 10px; } #review_editor .review_editor_one_evaluation:hover { background-color: #fbfbfb; } #review_editor .review_editor_current_evaluation { background-color: #f0f0f0; } #review_editor .review_editor_current_evaluation:hover { background-color: #f0f0f0; } #review_editor .review_editor_evaluation_header { height: 15px; } #review_editor .review_editor_evaluation_name { font-size: 13px; font-weight: 400; margin: 4px 0; color: #606060; } #review_editor .review_editor_evaluation_description { font-size: 11px; color: #b0b0b0; font-weight: 300; } #review_editor .review_editor_evaluation_4 { background: url(/pic/stars.png) no-repeat left 2px; } #review_editor .review_editor_evaluation_3 { background: url(/pic/stars.png) no-repeat left -16px; } #review_editor .review_editor_evaluation_2 { background: url(/pic/stars.png) no-repeat left -34px; } #review_editor .review_editor_evaluation_1 { background: url(/pic/stars.png) no-repeat left -52px; } #review_editor .review_editor_evaluation_0 { background: url(/pic/stars.png) no-repeat left -71px; } */ /* #review_editor_field_body_container { position: relative; margin: 10px 0; } #review_editor_field_body_shadow { white-space: pre-wrap; box-sizing: border-box; min-height: 90px; overflow: hidden; width: 100%; border: 1px solid #e0e0e0; padding: 5px; font-size: 15px; line-height: 18px; font-weight: 300; } #review_editor_field_body { position: absolute; top: 0; bottom: 0; left: 0; box-sizing: border-box; width: 100%; height: 220px; border: 1px solid #e0e0e0; padding: 5px; resize: none; font-size: 15px; line-height: 18px; font-weight: 300; background-color: #ffffff; } */ #review_editor_field_body { margin: 10px 0; box-sizing: border-box; width: 100%; height: 220px; border: 1px solid #d0d0d0; padding: 5px; resize: none; font-size: 20px; line-height: 24px; font-weight: 300; background-color: #ffffff; } #review_editor_field_email { margin-bottom: 10px; padding: 5px; width: calc(100% - 10px); font-size: 20px; font-weight: 300; border: 1px solid #d0d0d0; background-color: #ffffff; } #review_editor_field_author { padding: 5px; width: calc(100% - 122px); font-size: 20px; font-weight: 300; border: 1px solid #d0d0d0; background-color: #ffffff; } #review_editor_button_save { display: inline-block; margin: 0 0 10px 10px; border: 1px solid #d0d0d0; width: 100px; padding: 5px 0; font-size: 16px; line-height: 24px; font-weight: 300; text-transform: uppercase; text-align: center; cursor: pointer; background-color: #f0f0f0; } #review_editor_button_save:hover { background-color: #e0e0e0; } #review_editor_delete { margin-bottom: 10px; font-size: 14px; line-height: 14px; color: #808080; } #review_editor_delete label { margin-left: 3px; } #weather_comment_editor_form { } #weather_comment_editor_field_body { margin: 10px 0; box-sizing: border-box; width: 100%; height: 220px; border: 1px solid #d0d0d0; padding: 5px; resize: none; font-size: 20px; line-height: 24px; font-weight: 300; background-color: #ffffff; } #weather_comment_editor_field_email { margin-bottom: 10px; padding: 5px; width: calc(100% - 10px); font-size: 20px; font-weight: 300; border: 1px solid #d0d0d0; background-color: #ffffff; } #weather_comment_editor_field_author { padding: 5px; width: calc(100% - 122px); font-size: 20px; font-weight: 300; border: 1px solid #d0d0d0; background-color: #ffffff; } #weather_comment_editor_button_save { display: inline-block; margin-left: 10px; border: 1px solid #d0d0d0; width: 100px; padding: 5px 0; font-size: 16px; line-height: 24px; font-weight: 300; text-transform: uppercase; text-align: center; cursor: pointer; background-color: #f0f0f0; } #weather_comment_editor_button_save:hover { background-color: #e0e0e0; } #weather_comment_editor_months { } #weather_comment_editor_months .weather_comment_editor_one_month { display: inline-block; text-transform: uppercase; width: 120px; font-size: 14px; line-height: 14px; color: #808080; font-weight: 400; } #weather_comment_editor_months label { margin-left: 3px; } #weather_comment_editor_delete { margin: 10px 0 10px 0; font-size: 14px; line-height: 14px; color: #808080; } #weather_comment_editor_delete label { margin-left: 3px; } #popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #f8f8f8; z-index: 100; opacity: 0; transition: opacity 0.5s ease; } #popup_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: blur(0); -webkit-filter: blur(0); } #popup_close { position: absolute; top: 10px; right: 10px; font-size: 30px; line-height: 30px; color: #808080; cursor: pointer; } /* #review_editor { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; bbackground-color: #f8f8f8; padding: 10px 0; bborder-top: 1px solid #f0f0f0; bborder-bottom: 1px solid #f0f0f0; } #review_editor_evaluations { position: relative; width: calc(100% - 20px); margin: 2px 0 15px 10px; } #review_editor_evaluations td { padding: 4px 0; } #review_editor_evaluations .review_editor_evaluation_description { font-weight: 100; font-size: 12px; color: #808080; margin-right: 5px; } #review_editor_evaluations .review_editor_one_evaluation { cursor: pointer; padding: 2px 0; } #review_editor_evaluations .review_editor_one_evaluation:hover { background-color: #f8f8f8; } #review_editor_evaluations .review_editor_current_evaluation { background-color: #f8f8f8; } #review_editor_evaluations .review_editor_evaluations_header { position: relative; padding-left: 70px; text-transform: uppercase; font-weight: 300; color: #808080; font-size: 0.84rem; margin-right: 5px; } #review_editor_evaluations .review_editor_evaluations_4 { background: url(/pic/stars.png) no-repeat left 2px; } #review_editor_evaluations .review_editor_evaluations_3 { background: url(/pic/stars.png) no-repeat left -16px; } #review_editor_evaluations .review_editor_evaluations_2 { background: url(/pic/stars.png) no-repeat left -34px; } #review_editor_evaluations .review_editor_evaluations_1 { background: url(/pic/stars.png) no-repeat left -52px; } #review_editor_evaluations .review_editor_evaluations_0 { background: url(/pic/stars.png) no-repeat left -71px; } #review_editor_evaluations input { margin: 4px 4px 0 10px; } */ .review_editor_field_container { margin: 4px 10px 15px 10px; } /* #review_editor_field_body { transition: height 300ms ease-out; padding: 5px; margin: 3px 10px 5px 10px; width: calc(100% - 32px); height: 70px; border: 1px solid #e0e0e0; resize: none; font-size: 15px; line-height: 18px; font-weight: 300; background-color: #fdfdfd; } #review_editor_footer { position: relative; width: 100%; height: 44px; } #review_editor_field_author { padding: 5px; margin: 0 5px 0 10px; width: calc(100% - 126px); font-size: 15px; font-weight: 300; border: 1px solid #e0e0e0; background-color: #ffffff; } #review_editor_button_save { display: inline-block; height: 17px; border: 1px solid #e0e0e0; width: 87px; padding: 5px 0; font-size: 13px; font-weight: 400; text-transform: uppercase; text-align: center; cursor: pointer; background-color: #f0f0f0; } #review_editor_button_save:hover { background-color: #CAE4B6; } #review_editor_button_cancel { display: inline-block; width: 50%; padding: 10px 0; font-size: 15px; font-weight: 400; text-transform: uppercase; color: #808080; text-align: center; cursor: pointer; } #review_editor_field_body_container { position: relative; margin: 0 10px 5px 10px; } #review_editor_field_body_shadow { white-space: pre-wrap; box-sizing: border-box; min-height: 90px; overflow: hidden; width: 100%; border: 1px solid #e0e0e0; padding: 5px; font-size: 15px; line-height: 18px; font-weight: 300; } #review_editor_field_body { position: absolute; top: 0; bottom: 0; left: 0; box-sizing: border-box; width: 100%; border: 1px solid #e0e0e0; padding: 5px; resize: none; font-size: 15px; line-height: 18px; font-weight: 300; background-color: #ffffff; } #review_editor .review_editor_evaluation_name { font-size: 13px; font-weight: 400; margin: 4px 0; } #review_editor .review_editor_evaluation_description { font-size: 11px; color: #b0b0b0; font-weight: 100; } #review_editor .review_editor_evaluation_stars_4 { width: 65px; height: 15px; background: url(/pic/stars.png) no-repeat right 2px; } #review_editor .review_editor_evaluation_stars_3 { width: 65px; height: 15px; background: url(/pic/stars.png) no-repeat right -16px; } #review_editor .review_editor_evaluation_stars_2 { width: 65px; height: 15px; background: url(/pic/stars.png) no-repeat right -34px; } #review_editor .review_editor_evaluation_stars_1 { width: 65px; height: 15px; background: url(/pic/stars.png) no-repeat right -52px; } #review_editor .review_editor_evaluation_stars_0 { width: 65px; height: 15px; background: url(/pic/stars.png) no-repeat right -71px; } */ /* .svg_location_marker_0 { fill: #f0f0f0; stroke:#b0b0b0; } .svg_location_marker_1 { fill: #d2d2d2; stroke:#b0b0b0; } .svg_location_marker_2 { fill: #ffff00; stroke:#b0b0b0; } .svg_location_marker_3 { fill: #ffb401; stroke:#b0b0b0; } .svg_location_marker_4 { fill: #fe3e20; stroke:#b0b0b0; } .svg_location_marker_abroad { fill: #ffffff; stroke:#b0b0b0; } */ .svg_location_favourite { fill-opacity: 1; stroke: #d0d0d0; fill: #ffffff; } .svg_node_hidden { opacity: 0; } /* //sequence_colors = ['#eCeCbA','#d5dcc2','#e0ebbb','#e0e2b0']; // mieszany //sequence_colors = ['#e0e0e0','#e8f0c0','#e0e8b8','#d8e0b0','#d0d8a8']; // zielony //sequence_colors = ['#e8f0c0','#dee5c2','#d8e0b0','#e4e4a4']; // ok var sequence_colors = ['#fcfcfc', '#f9f9f9', '#f6f6f6', '#f3f3f3', '#f0f0f0']; // szarości */ /* .svg_path_country_0 { fill: #fcfcfc; stroke-width: 0.2; stroke: #b0b0b0; } .svg_path_country_1 { fill: #f9f9f9; stroke-width: 0.2; stroke: #b0b0b0; } .svg_path_country_2 { fill: #f6f6f6; stroke-width: 0.2; stroke: #b0b0b0; } .svg_path_country_3 { fill: #f3f3f3; stroke-width: 0.2; stroke: #b0b0b0; } .svg_path_country_4 { fill: #f0f0f0; stroke-width: 0.2; stroke: #b0b0b0; } f0f6d5 */ /* .svg_path_country_0 { fill: #e8f0c0; } .svg_path_country_1 { fill: #dee5c2; } .svg_path_country_2 { fill: #e8f0c0; } .svg_path_country_3 { fill: #ebf1ce; } .svg_path_country_4 { fill: #e0e2b0; } */ .svg_path_country_0 { fill: #e8f0c0; } .svg_path_country_1 { fill: #ced5b2; } .svg_path_country_2 { fill: #e8f0c0; } .svg_path_country_3 { fill: #ebf1ce; } .svg_path_country_4 { fill: #e0e2b0; } /* .svg_path_country_0 { fill: #f0f6d5; } .svg_path_country_1 { fill: #edf3d2; } .svg_path_country_2 { fill: #eaf0cf; } .svg_path_country_3 { fill: #e7edcc; } .svg_path_country_4 { fill: #e4eac9; } */ .svg_path_country { stroke-width: 1; stroke: #ffffff; opacity: 0.5; vector-effect: non-scaling-stroke; transition: fill 0.3s ease; } .svg_path_country_current { fill: #e8e8e8; opacity: 1; } .svg_path_route {} /* #svg_place_current { animation: svg_place_current_pulsate 1.8s ease-out; animation-delay: 0.2s; animation-iteration-count: infinite; stroke-width: 1; stroke: #fff; fill: #000; transform: scale(0); vector-effect: non-scaling-stroke; } */ #section_map_marker_current_place { display: none; position: absolute; width: 20px; height: 20px; border-radius: 100%; background-color: #000000; animation: section_map_marker_current_place_pulsate 1.8s ease-out; animation-delay: 0.2s; animation-iteration-count: infinite; transform: scale(0); } @keyframes section_map_marker_current_place_pulsate { 0% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.03; transform: scale(2); } 100% { opacity: 0; transform: scale(3); } } #svg_marker_location_current { fill-opacity: 0; stroke: #b0b0b0; } #svg_path_route_overland_outer { fill: none; stroke: #808080; stroke-width: 3; vector-effect: non-scaling-stroke; } #svg_path_route_overland_inner { animation: route_overland_aninmation 60s linear infinite reverse; fill: none; stroke: #FFFF00; stroke-width: 2; vector-effect: non-scaling-stroke; } @keyframes route_overland_aninmation { to { stroke-dashoffset: 1500; } } #svg_path_route_flight { fill: none; stroke: #606060; stroke-width: 2; vector-effect: non-scaling-stroke; } #map_current_place_marker { display: none; position: absolute; top: -9999px; left: -9999px; } #section_slider { _transition: opacity 0.5s linear; touch-action: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #section_slider_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; opacity: 0.95; } #section_slider_images { position: absolute; top: 0; left: 0; } #section_slider_images .section_slider_image_wrapper { opacity: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; transform: translate3d(0, 0, 0); transition: opacity 0.5s linear; overflow: hidden; } #section_slider_images .section_slider_image { box-shadow: 0 4px 15px 2px rgba(0,0,0,0.35); / 0 0 1px 1px #000 */ } #section_slider_layer { opacity: 0; transition: opacity 1s linear; position: fixed; top: 0; left: 0; bottom: 0; right: 0; } #section_slider_zoom { margin-bottom: 20px; cursor: pointer; background: url(/pic/sprite.png) no-repeat 0 -93px; width: 30px; height: 30px; } #section_slider_close { position: absolute; top: 10px; right: 10px; cursor: pointer; background: url(/pic/sprite.png) no-repeat 0 -62px; width: 30px; height: 30px; } #section_slider_progress { position: absolute; display: none; opacity: 0; transition: opacity 1s linear 1s; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #ffffff; font-size: 40px; text-shadow: 0 0 5px black; } #section_slider_navigation { opacity: 0; transition: opacity 1s linear 0.5s; position: absolute; top: 50%; right: 10px; color: #ffffff; text-shadow: 0 0 5px black; transform: translateY(-50%); } #section_slider_next { cursor: pointer; background: url(/pic/sprite.png) no-repeat 0 0; width: 30px; height: 30px; } #section_slider_counter { font-size: 9px; text-align: center; margin: 6px 0; } #section_slider_previous { cursor: pointer; background: url(/pic/sprite.png) no-repeat 0 -31px; width: 30px; height: 30px; } #section_slider_info { opacity: 0; transition: opacity 1s linear; position: absolute; bottom: 3vw; left: 3vw; text-shadow: 1px 1px 5px black; } #section_slider_info_location { display: block; color: #ffffff; font-size: calc(100% + 3vw); line-height: calc(30% + 3vw); font-weight: 600; } #section_slider_info_description { color: #ffffff; font-size: calc(100% + 0.4vw); line-height: calc(100% + 0.4vw); font-weight: 400; } #section_slider_info_authorship { color: #b0b0b0; font-size: calc(100% + 0.4vw); line-height: calc(100% + 0.4vw); font-weight: 300; } #section_slider_info_authorship a { color: #d0d0d0; } /* @media (max-width: 800px) { #section_slider_info_location { font-size: 6vw; line-height: 6vw; } #section_slider_info_description { font-size: 4vw; } #section_slider_info_authorship { font-size: 4vw; } } */ /* #section_slider .section_slider_image { position: absolute; -webkit-transition: 1s ease-out; -webkit-transform: translate(0, 0); } */ .grabable { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .grabbing { cursor: move; cursor: grabbing; cursor: -moz-grabing; cursor: -webkit-grabbing; } .zoom_in { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; } .zoom_out { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; } /* .location_marker_current_xxxx { animation: location_marker_pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 0.0 } */ @keyframes location_marker_pulsate { 0% { opacity: 0.0; } 50% { opacity: 1.0; } 100% { opacity: 0.0; } } #article_user_reviews { position: relative; } /* #article_user_reviews_back { cursor: pointer; font-weight: 300; } .x { transform: scale(0.9) translate3d(-400px, -200px, 0) } */ .visible { opacity: 1 !important; } /* #section_logo { margin: 20px 0 20px 15px; } #section_logo img { width: 60px; } #section_logo div { display: inline-block; margin: 9px 0 0 10px; font-size: 28px; font-weight: 300; color: #808080; } */ /* #ee2e24 */ /* .thing { &:before { content: "\e600"; font-size: 1rem; } } */ #page_not_found { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; font-weight: 300; } #page_not_found a { position: relative; font-size: 50px; font-weight: 900; color: #d0d0d0; padding: 3px 0 3px 0; line-height: 42px; text-transform: uppercase; } /* .sk-spinner-pulse.sk-spinner { width: 60px; height: 60px; margin: 0 auto; background-color: #333; border-radius: 100%; -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out; animation: sk-pulseScaleOut 1s infinite ease-in-out; } @-webkit-keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } */ /*h1 { font-size: 40px; color: #a0a0a0; _background-color: #b0b0b0; font-weight: 300; text-transform: uppercase; margin: 10px 0 1px 10px; }*/ h1 { display: inline-block; } .header_line { position: relative; padding: 3px 0; line-height: 47px; text-transform: uppercase; color: #909090; } .header_line_title { position: relative; display: inline-block; margin-right: 6px; font-size: 50px; font-weight: 900; } #page_header .header_line { color: #d0d0d0; } article .header_line:nth-of-type(1):nth-last-of-type(1) { color: #909090; } article .header_line:nth-of-type(1):nth-last-of-type(2) { color: #b0b0b0; } article .header_line:nth-of-type(2):nth-last-of-type(1) { color: #909090; } article .header_line:nth-of-type(1):nth-last-of-type(3) { color: #bababa; } article .header_line:nth-of-type(2):nth-last-of-type(2) { color: #a5a5a5; } article .header_line:nth-of-type(3):nth-last-of-type(1) { color: #909090; } article .header_line:nth-of-type(1):nth-last-of-type(4) { color: #c0c0c0; } article .header_line:nth-of-type(2):nth-last-of-type(3) { color: #b0b0b0; } article .header_line:nth-of-type(3):nth-last-of-type(2) { color: #a0a0a0; } article .header_line:nth-of-type(4):nth-last-of-type(1) { color: #909090; } .header_line a { color: inherit; } a.header_line_title:hover { background-color: #d0d0d0; color: #ffffff; /*transform: scale(1.015);*/ } .header_line_actions { display: inline-block; font-size: 18px; font-weight: 300; } body.modal .header_line_actions { display: none; } body.modal .header_line_actions_modal_friendly { display: inline-block; } /* #articles.header_line_actions_hidden .header_line_actions { display: none; } */ .header_line_actions_button { display: inline-block; cursor: pointer; padding: 0 4px; } .header_line_actions_button:hover { background-color: #d0d0d0; color: #ffffff; /*transform: scale(1.05);*/ } #header_line_button_close { display: none; position: absolute; top: 10px; right: 0; cursor: pointer; background: url(/pic/sprite.png) no-repeat 0 -123px; width: 30px; height: 28px; } body.modal #header_line_button_close { display: block; } #header_line_button_favourite_and_route { display: inline-block; opacity: 0.2; position: relative; top: 5px; left: 4px; cursor: pointer; width: 14px; height: 28px; } #header_line_button_favourite_and_route:hover { opacity: 1; } body.modal #header_line_button_favourite_and_route { display: none; } #header_line_button_favourite_and_route div { position: relative; cursor: pointer; width: 14px; height: 14px; margin-bottom: 5px; } #header_line_button_favourite_and_route div:hover { transform: scale(0.8); } #header_line_button_favourite_add { background: url(/pic/sprite.png) no-repeat 0 -153px; } #header_line_button_favourite_remove { display: none; background: url(/pic/sprite.png) no-repeat -15px -153px; } #header_line_button_favourite_and_route.header_line_button_is_favourite #header_line_button_favourite_add { display: none; } #header_line_button_favourite_and_route.header_line_button_is_favourite #header_line_button_favourite_remove { display: block; } #header_line_button_route_add { background: url(/pic/sprite.png) no-repeat 0 -153px; } #header_line_button_route_remove { display: none; background: url(/pic/sprite.png) no-repeat -15px -153px; } #header_line_button_favourite_and_route.header_line_button_is_on_route #header_line_button_route_add { display: none; } #header_line_button_favourite_and_route.header_line_button_is_on_route #header_line_button_route_remove { display: block; } .evaluation_sprite_5 { background-position-y: 0; } .evaluation_sprite_4 { background-position-y: -15px; } .evaluation_sprite_3 { background-position-y: -30px; } .evaluation_sprite_2 { background-position-y: -45px; } .evaluation_sprite_1 { background-position-y: -60px; } .evaluation_sprite_0 { background-position-y: -75px; } #story_szczepienia_table { margin: 20px 0; width: 100%; font-size: 11px; font-weight: 300; } #story_szczepienia_table th { _transform: rotate(-60deg); font-weight: 300; padding: 0 4px; text-align: center; } #story_szczepienia_table td { padding: 5px 0; text-align: center; } #story_szczepienia_table tr td:first-of-type { text-align: left; padding-left: 4px; padding-right: 2px; } #story_szczepienia_table tr:nth-child(even) { background-color: #f8f8f8; } #story .story_szczepienia_summary { float: right; padding: 10px; margin: 5px 0 2px 2px; background-color: #f8f8f8; border-radius: 5px; border: 1px solid #f0f0f0; width: 150px; font-size: 12px; line-height: 17px; font-weight: 300; } /* #konkurs { min-height: 90px; position: relative; top: -9px; border-bottom: 1px solid #d0d0d0; } #konkurs_thumbnail { float: left; padding-right: 10px; } #konkurs_banner_header { font-size: 28px; font-weight: 500; color: #808080; text-transform: uppercase; } #konkurs_banner_info { font-size: 12px; font-weight: 100; color: #808080; line-height: 17px; } #konkurs_banner_more { color: orange; cursor: pointer; border-bottom: 1px dotted orange; } #konkurs_info_header { font-size: 36px; font-weight: 500; color: #808080; text-transform: uppercase; } #konkurs_info_info { margin: 10px 0; font-size: 14px; font-weight: 300; color: #606060; line-height: 20px; } #konkurs_okladka { margin: 10px 0; max-width: 100%; } body.modal #konkurs { display: none; } */ @media (max-width: 412px) { .header_line_title { font-size: 40px; } /* #konkurs_banner_header { font-size: 17px; } #konkurs_info_header { font-size: 17px; } #konkurs_banner_info { line-height: 15px; } #konkurs_thumbnail { display: none; } */ } @media (max-width: 599px) { article { width: calc(100% - 40px); margin-left: 0; z-index: 1; } nav { width: calc(100% - 40px); } #page_header { width: calc(100% - 40px); } .header_line_actions { display: block; line-height: 26px; } .scrollable_horizontally { overflow-x: scroll; } } @media (min-width : 600px) and (max-width: 899px) { article { margin-left: auto; margin-right: auto; z-index: 1; } nav { margin: 0 auto; left: 0; } } @media (max-width: 899px) { body.aside_with_map aside { opacity: 0; position: fixed; touch-action: none; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(100%); z-index: 10; padding: 0; height: auto; border-width: 0; } body.aside_with_map.aside_full_screen aside { transition: transform 0.5s ease, opacity 0.5s linear; display: block; opacity: 1; transform: translateX(0); } body.aside_with_poster aside { position: relative; height: 50%; padding: 0; border-right: 0; border-top: 0; border-left: 0; } body.aside_with_poster article {} body.aside_with_poster #page_header { position: absolute; bottom: 50%; left: 0; right: 0; margin: auto; background-color: transparent; z-index: 10; } body.aside_with_map #page_header { left: 0; right: 0; margin: auto; z-index: 10; } body.aside_with_poster #page_header .header_line_page, body.aside_with_poster #page_header .header_line_page a { color: #ffffff; } body.aside_with_poster #konkurs { display: none; } } @media (min-width : 900px) { #header_line_actions_button_map { display: none; } } /* @media (max-width : 400px) { #header_line_actions_button_map { display: none; } } */ .hidden { display: none; } .weather_icon_inactive { opacity: 0.2; cursor: pointer; } .weather_icon_fragment_cloud { fill: white; stroke-width: 0.5; stroke:#d0d0d0; vector-effect: non-scaling-stroke; } .weather_icon_fragment_sun { fill: inherit; stroke-width: 0.5; stroke:#d0d0d0; vector-effect: non-scaling-stroke; } .weather_icon_fragment_rays { fill: inherit; stroke-width: 0.5; stroke: #d0d0d0; vector-effect: non-scaling-stroke; } .weather_icon_fragment_drops { fill: blue; stroke-width: 0.5; stroke: #d0d0d0; vector-effect: non-scaling-stroke; } .weather_icon_sun_hot { fill: #FFBC00; } .weather_icon_sun_medium { fill: #FFFC00; } .weather_icon_sun_cool { fill: #ADFF00; } /* .weather_icon_fragment_hotsun { fill: #ffd400; stroke-width: 0.5; stroke:#d0d0d0; vector-effect: non-scaling-stroke; } */ /* .weather_icon_fragment_coolsun { fill: #83FF00; stroke-width: 0.5; stroke:#d0d0d0; vector-effect: non-scaling-stroke; } .weather_icon_fragment_rays { ffill: yellow; stroke-width: 0.5; stroke: #d0d0d0; vector-effect: non-scaling-stroke; } .weather_icon_fragment_hotrays { ffill: #ffd400; stroke-width: 0.5; stroke: #d0d0d0; vector-effect: non-scaling-stroke; } .weather_icon_fragment_coolrays { ffill: #83FF00; stroke-width: 0.5; stroke: #d0d0d0; vector-effect: non-scaling-stroke; } */ .go_swing { animation: swing 1s ease; animation-iteration-count: 1; } .go_flash { animation: flash 1s ease; animation-iteration-count: 1; } @keyframes swing { 15% { transform: translateX(5px); } 30% { transform: translateX(-5px); } 50% { transform: translateX(3px); } 65% { transform: translateX(-3px); } 80% { transform: translateX(2px); } 100% { transform: translateX(0); } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } }