/* * laneli - 25.08.2016 - Rankings (Top100 / Promorace) */ #competitionBody.ranking .medal {height: 19px; width: 20px; font-size: 15px; text-align: center; padding-top: 1px; border-radius: 10px; color: white; margin-left: 4px;} #competitionBody.ranking .gold {background: #c39738;} #competitionBody.ranking .silver {background: #c9d1d3;} #competitionBody.ranking .bronze {background: #a65b05;} .calendar.month td.selected a {color: white;} #competitionBody.ranking .main_body {min-height: 0;} @media screen and (max-width: 960px) { .top100 select.instance {width: auto; max-width: 100%;} #competitionBody .sub_content {width: auto;} } @media screen and (max-width: 768px) { #competitionBody .result_container {margin-right: 0;} } @media screen and (max-width: 500px) { #competitionBody table.rankingTable td.date {display: none;} #competitionBody.top100 .container img {display: none;} #competitionBody .medal {line-height: 1.4;} } @media screen and (max-width: 480px) { #competitionBody.top100 .result_container, #competitionBody.top100 .withDateSelection .dateSelection {width: 100%;} } @media screen and (max-width: 320px) { #competitionBody table.rankingTable td.difference {display: none;} } /* * laneli - 22.08.2016 - Resort Overview - SKILINE-10195 */ .bg-light-green { background-color: transparent; } /* brimar: Redesign of the Resort Overview page */ #resortsBody { background-color: #dbeeff; } #resortsBody .main_body { background-color: transparent; } #resortsBody .resort_thumb { height: auto; margin-right: 15px; margin-left: 30px; } #resortsBody .resort_thumb .name { display: block; } #resortsBody .resort_thumb .name a { max-width: 140px; } #resortsBody .resort_thumb tbody tr:nth-child(2) { display: block; } #resortsBody .resort_thumb .icons { display: none; } #resortsBody .resort_thumb td.logo { height: 130px; } #resortsBody .resort_thumb td.logo img { max-width: 100% !important; } #resortsBody .box-large.bg-dark-green { background-color: transparent; } #resortsBody .box-large.country_province { background-color: transparent; } #resortsBody .box-container-large { background-color: #b6ddff; } #resortsBody .btn-icon-search { background-color: #e8197f; } #resortsBody .links { clear: both; } @media screen and (max-width: 960px) { #resortsBody .box-container-large { height: 160px; } #resortsBody .field_container select.select { width: auto; } #resortsBody .box-large.bg-dark-green { margin-top: 50px; } #resortsBody .box-large.country_province { padding-top: 10px; padding-bottom: 10px; } #resortsBody .resort_thumb { margin-right: 0px; margin-left: 25px; height: auto; } #resortsBody .resorts_content { max-width: 800px; } #resortsBody .country_province .province { float: left; } #resortsBody .sub_content { width: 100%; } } @media screen and (max-width: 768px) { #resortsBody .links { display: block; } #resortsBody > div.box-container-large > div.box-large.bg-dark-green { margin: 0; padding: 0; height: auto; } #resortsBody .ticket_enter_input_text_div, #resortsBody > div.box-container-large > div.box-large.bg-dark-green > a { top: 90px !important; } #resortsBody .box-large.country_province {height: auto;} #resortsBody .ticket_enter_result_layer_div {top:132px; left: 30px;} } @media screen and (max-width: 600px) { #resortsBody .box-container-large { height: 130px; } #resortsBody .box-large.bg-dark-green { margin-top: 10px; } #resortsBody .ticket_enter_input_text_div, #resortsBody > div.box-container-large > div.box-large.bg-dark-green > a { top: 50px !important; } #resortsBody .links { display: none; } #resortsBody .ticket_enter_result_layer_div {top: 90px;} } @media screen and (max-width: 500px) { #resortsBody .map_container { height: 230px; } #resortsBody .resort_thumb { float: left; width: 110px; margin-right: 5px; margin-left: 5px; } #resortsBody .resort_thumb td.name a { max-width: 100px; } #resortsBody .resort_thumb td.logo { height: 90px; } /* undo a change in the hotfix. the controls look weird when they are below each other. */ #resortsBody .country_province .country { float: left; margin-right: 5px; } #resortsBody .field_container select.select { width: 120px; } #resortsBody .links a { display: inline-block; } #resortsBody .links a:last-child { margin-top: 0; } } @media screen and (max-width: 500px) { #resortsBody .country_province { height: auto; } } /* * laneli - 17.08.2016 - Skiingday Detail - SKILINE-10208 */ #ticketDetailsBody .user_day_info_header .user_photo { border-radius: 30px; width: 60px; } #ticketDetailsBody .user_day_info_header .info .main, #ticketDetailsBody .user_day_info_header .info .details { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #ticketDetailsBody .user_day_info_header .info { width: auto; right: 110px; } #ticketDetailsBody .skiline_container .altimeter_labels { top: 0; left: 0; } #ticketDetailsBody .main_body .container { height: 460px !important; } .skiline_container { background: #d1eafe none !important; color: #444; height: 410px !important; } .skiline_container .skiline_scroller { left: 0; width: 100%; height: 410px;} .skiline_container .skiline_graph_container { width: 100%; height: 410px; } .skiline_container .tooltip { z-index:2000; background-color: #4d4d4d; top: 0; height: 30px; width: 100%; left: 0 !important; margin: 0; padding: 0; border-radius: 0; text-align: center; margin: 0; } .skiline_container div.css-tooltip.n { margin-top: 0; } /* we make an s-tooltip out of the n-tooltip */ .skiline_container div.css-tooltip.n>div { background: url("../../img/icons/tooltip-tip-s.png") no-repeat bottom center; margin-bottom: -20px; padding-bottom: 20px; } .skiline_container .tooltip .skiline_tooltip { } .skiline_container .skiline_tooltip span { display: inline-block; margin: 7px; font-size: 13px; } .skiline_container div.css-tooltip.n { } #ticketDetailsBody .links { top: auto; bottom: -23px; z-index: 1; } #ticketDetailsBody .links span, #ticketDetailsBody .links a { font-size: 13px; color: #999999; } #ticketDetailsBody .sub_content { background-color: #f5f6f7; margin: 0; height: 30px; padding: 0; } .ticket.skiline .day_selector { top: 415px; left: 0; } #ticketDetailsBody .day_selector { background-color: white; } #ticketDetailsBody .day_selector .prev { background: url('../../img/icons/icon-left.png'); } #ticketDetailsBody .day_selector .prev.disabled { background: url('../../img/icons/icon-left-disabled.png'); } #ticketDetailsBody .day_selector .next { background: url('../../img/icons/icon-right.png'); } #ticketDetailsBody .day_selector .next.disabled { background: url('../../img/icons/icon-right-disabled.png'); } #ticketDetailsBody .day_selector .month_day { background-image: none; } #ticketDetailsBody .day_selector .month_day .month { color: #4d4d4d; top: 4px; } #ticketDetailsBody .day_selector .month_day .day { font-weight: normal; } #ticketDetailsBody .performance { display: none; } #ticketDetailsBody .performance_help { display: none; } #ticketDetailsBody .chart_zoom_icon { background: white url("../../img/icons/icon-zoom-in.png") no-repeat center; width: 30px; height: 30px; padding-left: 30px; -moz-box-sizing: border-box; box-sizing: border-box; right: 10px; bottom: 10px; left: auto; z-index: 1000; } #ticketDetailsBody .chart_zoom_icon[src="/img/icons/skiline_chart_zoom_out.png"] { background-image: url("../../img/icons/icon-zoom-out.png"); } #ticketDetailsBody .skiline_container .vm { background-color: #4d4d4d; color: white; border-radius: 0; top: auto; bottom: 50px; } .ticket.skiline .panomax_panorama_preview .zoom { background: white url("../../img/icons/icon-zoom-in.png") no-repeat center; width: 40px; height: 40px; padding-left: 40px; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; left: 30px; top: 30px; } .ticket.skiline .panomax_panorama_preview { margin-top: 0; } /* remove some responsive styles */ @media screen and (max-width: 960px) { #ticketDetailsBody .user_day_info_header { height: 50px; } #ticketDetailsBody #ticket_details_skiline { width: auto; } #ticketDetailsBody .user_day_info_header .resort_logo { margin-top: 0; } #ticketDetailsBody .skiline_container .skiline_scroller { width: 100%; } #ticket_details_skiline {overflow-x: visible;} #ticketDetailsBody .skiline_container .skiline_scroller {overflow-x: auto;} #ticketDetailsBody #ticket_details_skiline {overflow-y: hidden;} } @media screen and (max-width: 600px) { #ticketDetailsBody .links a { display: none; } } /* * laneli - 23.08.2016 - Header - SKILINE-10196 */ #top_navi { padding: 15px 0 20px 0; height: 60px; min-height: 60px; } #top_navi .main-menu { width: auto /* remove bootstrap */; } #top_navi .login-box { width: auto /* remove bootstrap */; margin: 0; padding: 0; height: auto; position: absolute; left: auto; right: 160px; top: 0; bottom: auto; float: none; } #top_navi .login-box form > * { margin-left: 5px; } #top_navi .login-box #login_links { top: 0; float: left; margin-right: 5px; position: static; } #top_navi .login-box #login_links a { width: auto; float: right; clear: both; } #top_navi #flag_li { margin-left: 0; } #top_navi .b-container .row .col-md-10 { width: 100%; } #top_navi .logo-container { width: auto; position: absolute; right: 0; top: 0; margin: 0; } #top_navi .profile-box { width: auto; position: absolute; right: 140px; top: -5px; } #top_navi li.interactive_profile { padding: 5px; margin-left: -1px; } #top_navi ul.mainmenu_profile a { padding-right: 0; } #top_navi .mainmenu_profile a.profileLink { height: 30px; } #top_navi ul.mainmenu_profile li { margin-right: 0; height: auto; padding-bottom: 0;} #top_navi .main-menu li { vertical-align: top; } #top_navi ul.main-menu { top: 5px; padding-left: 15px; } /* undo some bootstrap styles */ #top_navi .profile-box.col-md-4 { padding: 0; margin-right: 10px; } #top_navi ul.main-menu { padding: 0; padding-left: 35px; margin-left: 0px; } #top_navi #flag_li { position: absolute; left: 0; margin-top: -1px; } #top_navi #flag_li .flagLink { padding: 10px; margin-top: -10px; } #top_navi #flag_li .flagLink>img { width: 15px; height: 15px; vertical-align: middle; } #top_navi .tooltip_top_navi_flag_row { clear:both; height: auto; } #top_navi #flag_tip { left: 0 !important; top: 25px !important; margin-right: -90px; width: auto; } #top_navi #flag_tip .tooltip_top_navi_flag_row { white-space: nowrap; padding: 5px 0;} #top_navi #flag_tip .tooltip_top_navi_flag_row a { float: none; display: inline-block; vertical-align: top; padding: 0; margin-right: 10px; } #top_navi #top_login_form>* { vertical-align: top; display: inline-block; position: relative; left: 0; top: 0; } #top_navi #top_login_form .autoSubmit { display: none; } @media (max-width: 1200px) { #top_navi #flag_li { margin-right: 10px; } #top_navi .login-box { } /* .start-page.logged-out #top_navi #login_links { margin: 0; }*/ /* TODO: other pages */ #top_navi .login-box input { margin-top: 0; margin-bottom: 0; } #top_navi .login-box .std_ti_container .updnWatermark { top: 4px; } } @media (min-width: 992px) { #top_navi .col-md-offset-1 { margin-left: 0; } } @media screen and (max-width: 991px) { .logged-in #top_navi ul.mainmenu_profile { margin-top: 0; } #top_navi ul.mainmenu_profile .profileDropdown { margin-left: 0; } #top_navi #login_links .register { margin-right: 0; } } @media screen and (max-width: 800px) { .logged-out #top_navi { height: 90px; padding-top: 10px; } .logged-out #top_navi .login-box { left: auto; right: 15px; top: 37px; } .login-page.logged-out #top_navi {height: auto;} } @media (min-width: 768px) { #top_navi .b-container { width: auto; } } @media screen and (max-width: 768px) { #top_navi .mainmenu_profile a.profileLink span { max-width: 60px; } #top_navi .main-menu { margin-right: 250px; } } @media screen and (max-width: 600px) { .logged-in #top_navi .logo-container { display: none; } #top_navi .profile-box { right: 0px; } #top_navi .tooltip_menu_main_div { left: auto; right: 0px; } .logged-out #top_navi { height: 110px; } .logged-out #top_navi .login-box input { width: 150px; max-width: 150px; } #top_navi .login-box #login_links { position: absolute; top: 38px; left: 0px; } #top_navi .login-box #login_links a { clear: none; margin-left: 10px; } #top_navi .main-menu { margin-right: 100px; } } @media screen and (max-width: 480px) { #top_navi, .logged-out #top_navi {height:150px;} #top_navi #flag_tip { margin-right: -90px; } #top_navi .std_ti_container { width: auto; } #top_navi .button-fb { top: 0; position: relative; } #top_navi .button-google { left: auto; } #top_navi .button-apple { left: auto; } #top_navi #flag_li { margin-right: 5px; } #top_navi a.button.topLoginSubmit { width: 50%; padding-left: 5px; padding-right: 5px; margin-left: 5px; margin-top:10px; max-width:100%; font-size: 10px; font-weight: bold; } #top_navi .login-box #login_links{top:80px;} #top_navi .button-fb, #top_navi .button-google{margin-top:10px;} #top_navi .button-apple{margin-top:10px;} .logged-out #top_navi .login-box {right: auto; left: 5px;} .login-page.logged-out #top_navi {height: auto;} } @media screen and (max-width: 320px) { .logged-out #top_navi .login-box input {max-width: 140px; width: 140px;} } /* * laneli - 23.08.2016 - Portal Fixes - SKILINE-10196 */ /* laneli fixes */ #newsfeedBody .main_body .container {display: block;} .badges .description {left: -90px;} @media screen and (max-width: 991px){ #top_navi #profile_tip {top: 36px;} } @media screen and (max-width: 600px) { #top_navi #profile_tip {left: auto!important;} } /* brimar fixes */ .main_body { background-color: #b6ddff; } @media screen and (max-width: 960px) { .sub_content { width: 100%; } .main_body { min-height: 10px; } } @media (min-width: 768px) { .b-container { width: auto; } } /* FRIENDS */ #personalProfileBody.friends .profile_action_box { left: 0; right: 0; top: 110px; width: auto; background-color: aliceblue; height: auto; border-radius: 0; } #personalProfileBody.friends .profile_action_box h3 { display: none; } #personalProfileBody.friends .sub_content { margin-top: 140px; } #newsfeedBody .main_body { background-color: #b6ddff; } .main_body .container, #resortDetailsBody .container, #skimovieBody .container, #newsfeedBody .main_body .container { background-color: #b6ddff; } /* RESORT */ #resortDetailsBody .main_body { margin-bottom: 50px; } #resortDetailsBody #resortTabs { bottom: -40px; height: auto; background-color: white; } #resortDetailsBody #resortTabs .tab-box { height: auto; margin-right: 15px; margin-bottom: 10px; } #resortDetailsBody #resortTabs .tab_content { margin: 0; padding: 0; height: auto; background-color: transparent; } #resortDetailsBody #resortTabs a, #resortDetailsBody #resortTabs .active { height: auto; font-size: 16px !important; color: #00a0e3; background-color: transparent; padding: 0; } #resortDetailsBody #resortTabs .active { border-bottom: 2px solid #00a0e3; } /* SPOT > SKIMOVIES */ #skimoviesBody .main_body { max-height: 10px; min-height: 10px;} #skimoviesBody .container { display: none; } @media screen and (max-width: 960px) { #resortDetailsBody .main_body .container { height: 240px !important; } #resortDetailsBody #resortTabs a, #resortDetailsBody #resortTabs .active { border-radius: 0; } #resortDetailsBody #resortTabs.main_column_0 { position: absolute; width: 100% !important; text-align: left; padding: 10px 0 0 0; } #resortDetailsBody.resort.info .logo_country { padding-top: 0; } .scrollable_navi {display: none;} } @media screen and (max-width: 500px) { #resortDetailsBody #mediaContainer h1 {font-size: 16px; margin-left: 30px;} } @media screen and (max-width: 400px) { #resortDetailsBody #resortTabs.main_column_0 {top: 126px;} #resortDetailsBody #resortTabs.main_column_0 {top: 260px; height: 60px;} #resortDetailsBody #resortTabs .tab-box, #resortDetailsBody #resortTabs .tab-box.active, #resortDetailsBody #resortTabs.main_column_0 > div:first-child {margin-left: 30px; margin-right: 0;} #resortDetailsBody #mediaContainer {margin-top: 90px;} } @media screen and (max-width: 320px) { .weather {margin-right: 30px;} .resort.info .webcams .scrollable {width: 290px;} .resort.info .webcams .items>div {max-width: 290px;} } /* * laneli - 24.08.2016 - Skimovie Detail - SKILINE-10197 */ /* brimar */ #skimovieBody .main_body { margin-bottom: 30px; position: relative; } #skimovieBody .sub_content { margin: 0; } #skimovieBody .container { height: auto !important; } #skimovieBody #playerDiv { position: static; width: 100%; height: auto; } #skimovieBody #movie_player { width: 100% !important; height: auto !important; } #skimovieBody .video-js .vjs-tech { height: auto; position: static; } #skimovieBody .vjs-poster { position: absolute; left: 0; } #skimovieBody #movie_player { font-size: 0; } #skimovieBody .skilinecss div.vjs-big-play-button { box-shadow: none; } #skimovieBody .skilinecss div.vjs-big-play-button span { background: white url('../../img/icons/videojs-big-play.png') no-repeat center center; border-radius: 5px; width: 90px; height: 50px; margin-left: -45px; margin-top: -25px; box-shadow: 0px 0px 30px #62bcff; } #skimovieBody .skilinecss .vjs-controls { top: auto; bottom: -50px; height: 50px; right: 50px; left: 20px; } #skimovieBody .skilinecss .vjs-progress-control { left: 60px; top: 20px; } #skimovieBody .skilinecss .vjs-progress-holder .vjs-play-progress, #skimovieBody .skilinecss .vjs-progress-holder .vjs-load-progress { height: 10px; border-radius: 0; background-color: #62bcff; } #skimovieBody .skilinecss .vjs-progress-holder { height: 10px; border-radius: 0; background-color: #f5f6f7; } #skimovieBody .skilinecss .vjs-play-control { background-color: #62bcff; border-radius: 3px; width: 50px; height: 30px; top: 10px; } #skimovieBody .skilinecss .vjs-seek-handle { background: url('../../img/icons/videojs-cursor.png') 0 0; width: 12px; height: 30px; top: -10px; } #skimovieBody .skilinecss.vjs-paused .vjs-play-control div { background: url('../../img/icons/videojs-play.png') 0 0; width: 20px; height: 20px; position: absolute; top: 5px; left: 15px; margin: 0; } #skimovieBody .skilinecss.vjs-playing .vjs-play-control div { background: url('../../img/icons/videojs-pause.png') 0 0; width: 20px; height: 20px; position: absolute; top: 5px; left: 15px; margin: 0; } #skimovieBody #generalMessages { /* TODO: messages can be below the video! */ } #skimovieBody #sidebarDiv { bottom: -50px; left: auto; top: auto; right: 0px; width: 50px; height: 50px; /* TODO: dark icon */ } #skimovieBody #sidebarDiv a.download { background: url('../../img/icons/icon-download.png') 0 0; width: 24px; height: 24px; position: absolute; left: 13px; top: 13px; } #skimovieBody .skimovie_info { position: absolute; bottom: 40px; left: 80px; z-index: 1000; background-color: #fffdb1; font-size: 16px; color: #444; padding: 10px; } #skimovieBody .skimovie_info form { position: absolute; left: -60px; right: auto; } #skimovieBody .skimovie_info a { background: #e8197f url('../../img/icons/skimovie-locked.png') no-repeat center; height: 50px; position: absolute; width: 50px; color: transparent; border-radius: 4px; } #skimovieBody .skimovie_info#hide_public { left: 20px; } #skimovieBody .user_day_info_header .user_photo { border-radius: 30px; width: 60px; } #skimovieBody .user_day_info_header .resort_logo { float: none; position: absolute; right: 10px; top: 0; margin: 0; } #personalProfileBody.skiMovies .profile_action_box { display: none; } #movie_player .vjs-fade-out { opacity: 1!important; visibility: visible!important; } @media screen and (max-width: 960px) { #skimovieBody .container { max-width: none; } #skimovieBody #playerDiv, #skimovieBody #movie_player { height: auto !important; } #skimovieBody .user_day_info_header { height: 50px; } #skimovieBody .user_day_info_header .info { width: 70%; } #skimovieBody .user_day_info_header .info .main { max-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #skimovieBody #sidebarDiv { display: block; } #skimovieBody .sub_content { width: 100%; } #skimovieBody .tiles_container .items>div { float: left; } } @media screen and (max-width: 800px) { #skimovieBody #not_published { font-size: 13px; } #skimovieBody .resort_logo { display: none; } #skimoviesBody .tiles_container, #skimovieBody .tiles_container {width: 100%;} } /* laneli fixes */ #skimovieBody .messages {margin-top: 50px; margin-bottom: 0;} @media screen and (max-width: 500px) { #skimovieBody .main_body {background-color: transparent;} #skimovieBody .skimovie_info {position: static; margin-left: 60px; margin-top: 50px;} #skimovieBody .skimovie_info form {top: auto; bottom: 58px; left: 4px;} } /* * laneli - 25.08.2016 - Tiles */ /* laneli fixes */ .tile a:hover .south.user .name {color: #4d4d4d;} .tile.photobook .details, .tile.me .details {background: #eee;} /* brimar */ .competition_teaser_container .u_display_box.me { background-color: white; background-image: none; } .tile .north h3 { color: #444; } .tile.gender.female { background-color: #eee; background-image: none; color: #444; } .tile.gender.male { background-color: #eee; background-image: none; color: #444; } .tile.me { background-color: #eee; background-image: none; color: #444; } .tile.gender.UNKNOWN { background-color: #eee; background-image: none; color: #444; } .tile.friend_skiingday.MALE { background-color: #eee; background-image: none; color: #444; } .tile.friend_skiingday.FEMALE { background-color: #eee; background-image: none; color: #444; } .tile.friend_skiingday.UNKNOWN { background-color: #eee; background-image: none; color: #444; } .tile.skimovieRanking { background-image: none; } .tile.skimovieRanking a, .tile.skimovieRanking h3 { color: #444; } .tile { border-left: 1px solid white; margin-left: -1px; } .tile a { color: #444; } .tile.skimovieRanking tr.highlight td { background-color: #444; border: 0; color: white; } .tile.skimovieRanking tr.highlight td a { color: white; } .tile.skimovieRanking { height: auto; } .tile.competition_result.me { /* TODO: background image with laurels, transparent */ } .tile .south.user .profile_photo { border-radius: 15px; } .tile .south.user .name { margin-bottom: 8px; } .tile .south.user .count { display: none; } .tile.skimovie:hover .timeSpeed, .tile.skimovie .timeSpeed { top: auto; bottom: 90px; left: auto; right: 0; font-size: 16px; padding: 3px 8px; width: auto; height: auto; } .tile.skimovie .dateTime { display: block; background-color: transparent !important; color: #4d4d4d; padding: 10px 0 0 10px; } .photobook_teaser_container { } .photobook_teaser_container h3 { background: #fffdb1; padding-left: 10px; } .photobook_teaser_container .u_display_box.photobook_teaser { background: #fffdb1; } .tiles1 a.prevPage, .tiles1 a.nextPage { width: 40px; height: 40px; top: auto; bottom: 115px; } .tiles1 a.prevPage.disabled { background: white url('../../img/icons/icon-left-disabled.png') no-repeat center; } .tiles1 a.prevPage { border-radius: 0; background: white url('../../img/icons/icon-left.png') no-repeat center; } .tiles1 a.nextPage.disabled { background: white url('../../img/icons/icon-right-disabled.png') no-repeat center; } .tiles1 a.nextPage { border-radius: 0; background: white url('../../img/icons/icon-right.png') no-repeat center; } .tile .footer { background-color: #eee; color: #444; } @media screen and (max-width: 960px) { #resortDetailsBody .tiles_container.tiles1 {overflow-x: scroll;} } /* * laneli - 26.08.2016 - Skiing Days Overview */ /* laneli fixes */ .IPHONE_OS #ticketListForm div.ski_resort_panel_list .h3 {font-size: 16px;} .IPHONE_OS .ski_resort_panel_list table.image_panel td.text {font-size: 13px;} .IPHONE_OS .ticket_list_container strong:last-child {display: inline-block;} @media screen and (max-width: 960px) { .IPHONE_OS .ticket_list_container strong:last-child {display: inline-block;} #ticketListForm .skiingdays .ticket_totals.resort_visible td:first-child {display: none;} #ticketListForm .skiingdays .ticket_totals.resort_visible td:nth-child(2) {width: auto;} #ticketListForm .skiingdays tr.ticket_totals td.metric:nth-last-child(2) {display: table-cell;} #ticketListForm .skiingdays tr.ticket_totals td.metric:nth-last-child(3) {display: table-cell;} #ticketListForm .skiingdays tr.ticket_totals. td.metric:nth-child(4) {display: table-cell;} div.ski_resort_panel_list table.image_panel td.text .skiingdays tr img[src="/img/icons/icon20-delete.png"] {background: url("../../img/icons/icon-delete.png") no-repeat 0 0;} #ticketListForm .skiingdays td img {position: absolute; margin-top: -3px;} .ticket_list_container .ski_resort_panel_list .text>div:first-child>div:first-child>div:first-child {margin-left: 60px;} div.ski_resort_panel_list table.image_panel td.icon {position: absolute; top: -6px;} .ticket_list_container .ski_resort_panel_list .text>div:first-child>div:first-child>div:nth-child(2) {margin-left: 60px;} } @media screen and (max-width: 500px) { #ticketListForm .skiingdays tr.ticket_totals td.metric:nth-last-child(2) {display: none;} #ticketListForm .skiingdays tr.ticket_totals td.metric:nth-last-child(3) {display: none;} .ticket_list_container .ski_resort_panel_list .h3 {display: block;} .ticket_list_container .ski_resort_panel_list .text>div:first-child>div:first-child>div:first-child {font-size: 13px !important; margin-left: 0;} .ticket_list_container .ski_resort_panel_list .text>div:first-child>div:first-child>div:first-child a {margin-left: 60px; display: block;} .ticket_list_container .ski_resort_panel_list .text>div:first-child>div:first-child>div:nth-child(2) {margin-left: 0;} } /* brimar */ .calendar_paginator_links { display: none; } .ski_ticket_totals { display: none; } .ticket_list_container .ski_resort_panel_list .text>div:first-child>div:first-child>div:first-child { font-size: 16px; } .ticket_list_container .ski_resort_panel_list .text>div:first-child>div:first-child>div:nth-child(2) { color: gray; margin-top: 3px; } .ticket_list_container .ski_resort_panel_list .h3 { font-size: 16px; font-weight: normal; color: #00a0e3; } .ticket_list_container .ski_resort_panel_list strong { font-weight: normal; } div.ski_resort_panel_list table.image_panel td.icon>div>a { display: none; } div.ski_resort_panel_list table.image_panel td.icon {width: 60px;} div.ski_resort_panel_list table.image_panel td.icon a {width: auto; max-width: 60px;} div.ski_resort_panel_list table.image_panel td.icon .ticket_actions {z-index: 1000;} div.ski_resort_panel_list table.image_panel td.icon .ticket_actions img { padding-left: 20px; width: 20px; height: 20px; -moz-box-sizing: border-box; box-sizing: border-box; } div.ski_resort_panel_list table.image_panel td.icon .ticket_actions .icon { display: inline-block; padding-left: 20px; width: 20px; height: 20px; -moz-box-sizing: border-box; box-sizing: border-box; } div.ski_resort_panel_list table.image_panel td.icon .ticket_actions img[src="/img/icons/tg-reload.png"] { background: url("../../img/icons/icon-refresh.png") no-repeat 0 0; } div.ski_resort_panel_list table.image_panel td.icon .ticket_actions .refresh_button .icon { background: url("../../img/icons/icon-refresh.png") no-repeat 0 0; } div.ski_resort_panel_list table.image_panel td.icon .ticket_actions img[src="/img/icons/tg-delete.png"] { background: url("../../img/icons/icon-delete.png") no-repeat 0 0; } div.ski_resort_panel_list table.image_panel td.icon .ticket_actions .delete_button .icon { background: url("../../img/icons/icon-delete.png") no-repeat 0 0; } a, a.blue, a.standard, a.help, .popup_link.blue {color: #00a0e3;} a:hover { color: #008cc6; } div.ski_resort_panel_list table.image_panel td.text .skiingdays img { padding-left: 20px; width: 20px; height: 20px; -moz-box-sizing: border-box; box-sizing: border-box; } div.ski_resort_panel_list table.image_panel td.text .skiingdays img[src="/img/icons/icon20-delete.png"] { background: none; } div.ski_resort_panel_list table.image_panel td.text .skiingdays tr:hover img[src="/img/icons/icon20-delete.png"] { background: url("../../img/icons/icon-delete.png") no-repeat 0 0; } div.ski_resort_panel_list table.image_panel td.text .skiingdays img[src="/img/icons/icon-warning-small.png"] { background: url("../../img/icons/icon-warning.png") no-repeat 0 0; } #ticketListForm div.ski_resort_panel_list { width: 100%; } #ticketListForm .skiingdays>table { width: 100%; border-collapse: collapse; } #ticketListForm .skiingdays td { width: 20px; } #ticketListForm .skiingdays td:first-child { width: auto; } #ticketListForm .skiingdays td.date a { width: 100% !important; text-overflow: ellipsis; overflow: hidden; } #ticketListForm .skiingdays td.resort_name { width: 160px; } #ticketListForm .skiingdays td.vm { width: 100px; white-space: nowrap; } #ticketListForm .skiingdays td.lifts { width: 65px; } #ticketListForm .skiingdays td.slopedist { width: 65px; } #ticketListForm .skiingdays td.status_icons { width: 20px; } div.sltp a.sltp-prev { background: url("../../img/icons/icon-left.png") no-repeat 0 0; } div.sltp a.sltp-prev.disabled { background: url("../../img/icons/icon-left-disabled.png") no-repeat 0 0; } div.sltp a.sltp-next { background: url("../../img/icons/icon-right.png") no-repeat 0 0; } div.sltp a.sltp-next.disabled { background: url("../../img/icons/icon-right-disabled.png") no-repeat 0 0; } #trackListForm { display: none; } @media screen and (max-width: 960px) { #ticketListForm { margin-left: 10px; } #ticketListForm .ticket_list_container { max-width: none; } #ticketListForm div.ski_resort_panel_list { max-width: none; } .ticket_list_container { margin: 0; } div.sltp { margin-top: 0; } div.sltp.seasonPaginator { margin-left: 0; } #ticketListForm div.ski_resort_panel_list { margin-top: 0; } .profile.tickets .sub_content .sub_right { margin: 0; width: 100%; min-height: 0px; } #ticketListForm .skiingdays tr.ticket_totals:first-of-type td.metric:nth-child(4) {display: block;} } @media screen and (max-width: 500px) { #ticketListForm .skiingdays td.lifts { display: none; } #ticketListForm .skiingdays tr.ticket_totals td:nth-last-child(2) { display: none; } #ticketListForm .skiingdays td.slopedist { display: none; } #ticketListForm .skiingdays tr.ticket_totals td:nth-last-child(3) { display: none; } div.ski_resort_panel_list table.image_panel td.text .skiingdays tr img[src="/img/icons/icon20-delete.png"] { background: url("../../img/icons/icon-delete.png") no-repeat 0 0; } div.skiingdays table { display: table; } #ticketListForm .skiingdays tr.ticket_totals td { display: none; width: auto; } #ticketListForm .skiingdays tr.ticket_totals td.metric { display: table-cell; } } @media screen and (max-width: 320px) { #ticketListForm .skiingdays td:first-child { max-width: 100px; } } /* * laneli - 26.08.2016 - Media Detail */ #personalProfileBody.media .container {border-top: 10px solid #b6ddff;} #personalProfileBody #media_download .download { background: url('../../img/icons/icon-download.png') 0 0; width: 24px; height: 24px; } .media .user_day_info_header .resort_logo img {display: none;} @media screen and (max-width: 500px) { #personalProfileBody .mediaForm .info a.download {bottom: -20px;} } /* brimar */ #personalProfileBody #mediaContainer .borderpanel.info { padding: 0; background-color: transparent; } #personalProfileBody .mediaForm .info a.download { bottom: -30px; } #personalProfileBody .mediaForm .info .media_name, #personalProfileBody .mediaForm .info .media_name * { font-size: 16px; font-weight: normal; } @media screen and (max-width: 960px) { #personalProfileBody .sub_content { width: 100%; } } /* * laneli - 29.08.2016 - Profile Header / Info */ /* laneli */ #personalProfileBody .user_infos .profile_image {margin-left: 20px;} #personalProfileBody .statistics {margin-left: 0px;} #personalProfileBody table.statistics {margin-left: 20px; margin-right: 20px; padding: 0; padding-top: 40px;} #personalProfileBody div.statistics {padding: 0; margin-top: 20px;} #personalProfileBody .statistics div.stats_info {width: 100%;} #personalProfileBody .stats_info div {margin-left: 20px; margin-right: 20px;} #personalProfileBody table.image_panel {padding-left: 20px; padding-right: 20px;} @media screen and (max-width: 960px) { #personalProfileBody #edit_personal_profile_form {max-width: 100%;} #changePasswordBody .form_wrapper, #personalProfileBody #edit_personal_profile_form .form_wrapper, #personalProfileBody.social .form_wrapper {margin-left: 20px; margin-right: 20px;} #changePasswordBody .form_wrapper .pink.button_left {margin-left: 0;} } @media screen and (max-width: 500px) { #personalProfileBody table.privacy_settings td:first-of-type {max-width: 50px; white-space: normal; overflow: hidden; text-overflow: ellipsis;} } /* brimar */ /* Profile Header */ .main_body .container .profile_card { display: none; } .user_info_header { position: relative; height: 50px; border-top: 10px solid #b6ddfd; } .user_info_header .user_photo { border-radius: 30px; position: absolute; left: 20px; top: 10px; width: 60px; } .user_info_header .info { position: absolute; left: 90px; right: 30px; top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .user_info_header .info a { color: #444; } .user_info_header .info .main { overflow: hidden; text-overflow: ellipsis; } .user_info_header .info .main .flag { width: 20px; height: 20px; margin-right: 10px; vertical-align: middle; } .user_info_header .info .main a { font-size: 16px; } .user_info_header .info .main .handicap { display: inline-block; font-size: 16px; padding-left: 20px; text-align: right; background: url("../../img/vcard-handicap.png") left no-repeat; } .user_info_header .info .details { margin-left: 30px; font-size: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .user_info_header .info .details a { font-size: 12px; } #personalProfileBody .main_body, #changePasswordBody .main_body { min-height: 0; background: transparent none; } #personalProfileBody .main_body .container, #changePasswordBody .main_body .container { height: auto !important; background: transparent none; } .profile #profileTabs.main_column_0 { margin-left: 90px; margin-right: 20px; position: static; } #personalProfileBody.myTickets .main_body { background: transparent none; } #personalProfileBody.info .main_body { background: transparent none; } #personalProfileBody .main_column_0, #changePasswordBody .main_column_0 { padding: 0; width: auto; position: absolute; left: 90px; bottom: 0; } #personalProfileBody .skipass_enter, #changePasswordBody .skipass_enter { border-radius: 5px; padding: 10px 10px 10px 50px; font-size: 16px; color: white; background: #74b9ff url("../../img/icons/buttondark-addskipass.png") no-repeat 10px center; position: absolute; right: 30px; bottom: 0px; } #personalProfileBody .tabs a, #personalProfileBody .tabs .active { font-size: 16px !important; color: #00a0e3; background-color: transparent; padding: 0; margin-right: 20px; } #personalProfileBody .tabs .active { border-bottom: 2px solid #00a0e3; } #changePasswordBody .tabs a, #changePasswordBody .tabs .active { font-size: 16px !important; color: #00a0e3; background-color: transparent; padding: 0; margin-right: 20px; } #changePasswordBody .tabs .active { border-bottom: 2px solid #00a0e3; } @media screen and (max-width: 960px) { #personalProfileBody .tabs a, #personalProfileBody .tabs .active, #changePasswordBody .tabs a, #changePasswordBody .tabs .active { border-radius: 0; } #profileTabs.main_column_0 { width: auto !important; text-align: left; } } @media screen and (max-width: 768px) { } /* Profile Info */ #personalProfileBody .user_infos { position: relative; } #personalProfileBody .user_infos .profile_image { width: 150px; float: left; margin-right: 20px; } #personalProfileBody .user_infos .profile_actions { width: 200px; float: right; } #personalProfileBody .user_infos .about_me { margin-right: 220px; } #personalProfileBody .profile_actions .icon20Link { display: block; color: #4d4d4d; white-space: nowrap; height: 20px; line-height: 150%; padding-left: 23px; margin-bottom: 5px; } #personalProfileBody .icon20Link img { display: none; } #personalProfileBody .profile_actions .photo_delete { background: url("../../img/icons/link-delete.png") no-repeat 0 0; } #personalProfileBody .profile_actions .photo_upload { background: url("../../img/icons/link-upload.png") no-repeat 0 0; } #personalProfileBody .profile_actions .edit { background: url("../../img/icons/link-edit.png") no-repeat 0 0; } #personalProfileBody .profile_actions .privacy { background: url("../../img/icons/link-lock.png") no-repeat 0 0; } #personalProfileBody .profile_actions .password_change { background: url("../../img/icons/link-key.png") no-repeat 0 0; } #personalProfileBody .profile_actions .profile_delete { background: url("../../img/icons/link-delete.png") no-repeat 0 0; } #personalProfileBody h2.info { display: none; } #personalProfileBody h2.statistics { display: none; } #personalProfileBody div.statistics { background-color: transparent; clear: both; } #personalProfileBody .statistics th { font-weight: normal; background-color: transparent; } #personalProfileBody .statistics td, #personalProfileBody .statistics th { border: 0; padding-bottom: 0px; } #personalProfileBody .statistics td:first-child { font-size: 16px; } #personalProfileBody .statistics .per_day td { border: 0; padding-bottom: 10px; } #personalProfileBody .statistics { width: auto; } #personalProfileBody .statistics tr>th:nth-child(1) { visibility: hidden; } #personalProfileBody .statistics tr>*:nth-child(1) { width: auto; } /* season */ #personalProfileBody .statistics tr>*:nth-child(2) { width: 120px; } /* skiing days */ #personalProfileBody .statistics tr>*:nth-child(3) { width: 120px; } /* vm */ #personalProfileBody .statistics tr>*:nth-child(4) { width: 60px; } /* piste km */ #personalProfileBody .statistics tr>*:nth-child(5) { display: none; } /* liftrides */ #personalProfileBody .statistics tr>*:nth-child(6) { display: none; width: 60px; } /* lift km */ #personalProfileBody .statistics tr>*:nth-child(7) { width: 100px; } /* time on lift */ .statistics td:nth-child(2) span { display: block; } .statistics .days_bar { background-color: #00a0e3; height: 3px; float: right; white-space: nowrap; } .statistics td:nth-child(3) span { display: block; } .statistics .vm_bar { background-color: #e6007e; height: 3px; float: right; white-space: nowrap; } table.statistics { margin-bottom: 20px; } @media screen and (max-width: 960px) { .main_body .container { position: relative; } .myInfo .borderpanel.info:last-child { display: block; } .myInfo div.statistics { display: block; } .myInfo table.statistics { display: table; } } @media screen and (max-width: 600px) { #personalProfileBody .statistics tr>*:nth-child(4) { display: none; } #personalProfileBody .statistics tr>*:nth-child(5) { display: none; } #personalProfileBody .statistics tr>*:nth-child(6) { display: none; } #personalProfileBody .statistics tr>*:nth-child(7) { display: none; } #personalProfileBody .user_infos .about_me { margin-right: 0; clear: both; float: left; margin-left: 10px;} } @media screen and (max-width: 500px) { #personalProfileBody .user_infos .profile_image { width: 100px; } #personalProfileBody .user_infos .profile_image img { width: 100%; } #personalProfileBody .user_infos .profile_actions { float: left; width: 170px; } #personalProfileBody .user_infos .profile_actions a { overflow: hidden; text-overflow: ellipsis; } } /* laneli - Portal fixes (tab menu, enter skipass, links, etc) */ .row {margin-left: 0; margin-right: 0;} .b-container-fluid {padding-left: 0; padding-right: 0;} #top_navi ul.mainmenu_profile .profileDropdown {margin-top: 3px;} @media screen and (max-width: 500px) { .row {margin-left: -15px; margin-right: -15px;} .b-container-fluid {padding-left: 15px; padding-right: 15px;} } a, a.blue, a.standard, a.help, .popup_link.blue {color: #00a0e3;} a:hover { color: #008cc6; transition: all 0.2s ease; } .ticket_list_container .ski_resort_panel_list a:hover .h3 {color: #008cc6;} .profile #profileTabs.main_column_0 { background: rgba(182,221,255,0.2); width: 100%; margin-left: 0; margin-right: 0; padding: 0; padding-top: 15px; padding-bottom: 3px; } #personalProfileBody .skipass_enter, #changePasswordBody .skipass_enter {background: #00a0e3; bottom: auto; top: 18px; text-transform: uppercase; font-size: 13px; padding: 10px;} #personalProfileBody .skipass_enter:hover, #changePasswordBody .skipass_enter:hover {background-color: #008cc6;} #personalProfileBody .tabs a, #changePasswordBody .tabs a, #personalProfileBody .tabs a.active, #changePasswordBody .tabs .active {color: #00a0e3; padding-bottom: 2px;} #personalProfileBody .tabs a:hover, #changePasswordBody .tabs a:hover {color: #008cc6; transition: all 0.2s ease;} #personalProfileBody .tabs .active, #changePasswordBody .tabs .active {border-bottom: 2px solid #00a0e3;} #personalProfileBody .tabs a:first-of-type, #changePasswordBody .tabs a:first-of-type {margin-left: 120px; padding-top: 0;} .sub_content, .profile.tickets .sub_content {margin-top: 50px;} .sub_content, .profile.tickets .sub_content {margin-top: 40px;} #resortDetailsBody #resortTabs {background: rgba(182,221,255,0.2); padding-top: 15px; padding-bottom: 3px; bottom: -48px;} #resortDetailsBody #resortTabs a {font-size: 16px; padding-bottom: 2px;} #resortDetailsBody #resortTabs a:hover {color: #008cc6;} #resortDetailsBody .sub_content {margin-top: 80px;} .image_panel.newsfeed .descr a {color: #00a0e3; text-decoration: none;} .image_panel.newsfeed .descr a:hover {color: #008cc6;} #competitionBody .main_body .container {background-color: #b6ddff;} table.rankingTable tr:hover {background-color: rgba(182,221,255,0.1)} #competitionBody.top100.ranking .main_body .container {border-top: none; border-bottom: 10px solid #b6ddff;} #competitionBody.top100 .sub_content {margin-top: 50px;} #competitionBody.top100 .last_calculation {margin-top: 30px; margin-bottom: 20px;} #competitionBody .main_body {border-top: 10px solid #b6ddff;} #competitionBody .tabs {padding: 0; margin: 0; width: 100%; float: none; display: block; position: absolute; bottom: -48px; background-color: rgba(182,221,255,0.2); padding-top: 15px; padding-bottom: 5px;} #competitionBody .tabs a {background-color: transparent!important; padding: 0; margin-right: 20px; color: #00a0e3; font-size: 16px !important;} #competitionBody .tabs a:hover {color: #008cc6; transition: all 0.2s ease;} #competitionBody .tabs .active {border-bottom: 2px solid #00a0e3; padding-bottom: 2px;} #competitionBody .tabs a:first-of-type {margin-left: 90px;} #competitionBody .sub_content {margin-top: 90px;} .badges img {max-width: 60px;} #competitionBody .tabs a.active {border-radius: 0;} #competitionBody .sub_content.tiles {margin-left: 90px; margin-right: 90px;} #competitionBody .sub_content.tiles > .insets {padding: 0;} #competitionBody .sub_content.tiles > .insets > div {margin-bottom: 30px;} .competition.info #competitionBody .button_left {margin-left: 0;} #competitionBody .sub_content.photobook {margin-left: 50px; margin-right: 50px;} @media screen and (max-width: 960px) { .competition .sub_content {margin-top: 90px !important;} #competitionBody .competitionTabsContainer {padding-left: 30px;} #competitionBody .tabs {position: relative; padding-bottom: 0;} #competitionBody .tabs a:first-of-type {margin-left: 0px!important;} } #skimovieBody #playerDiv #media_player img {max-width: 100% !important; height: auto !important;} .resort_thumb td.logo {height: 150px;} @media screen and (max-width: 500px) { .resort_thumb td.logo {height: 108px;} #personalProfileBody .tabs a:first-of-type, #changePasswordBody .tabs a:first-of-type {margin-left: 0;} .profile #profileTabs.main_column_0 {padding-left: 25px; padding-top: 25px; padding-bottom: 55px;} #personalProfileBody .skipass_enter, #changePasswordBody .skipass_enter {top: auto; bottom: 10px; right: auto; left: 25px;} .user_info_header .user_photo {top: 5px; width: 60px;} } /* laneli - 30.08.2016 - Warnings and Messages */ ul.messages li {padding-left: 70px;} ul.messages li.disqualify_message {background-image: url(../../img/message60_warn.png)} #ticketListForm .messages {padding-top: 10px;} @media screen and (max-width: 768px) { .ticket_list_container > .messages {margin-left: -10px; margin-bottom: 70px;} } /* laneli - General fixes */ div.likeButtons {display: none;} .powered {z-index: 9998 !important;} .SkilinePanorama .track, .SkilinePanorama .trackAll, .SkilinePanorama .trackTime, .SkilinePanorama .cursorHandle, .SkilinePanorama .cursorGhostHandle, .SkilinePanorama .cursorLine, .SkilinePanorama .cursorGhostLine {z-index: 9998 !important;} #ticket_form .button_panel {float: left;} #ticket_form .button_panel .button_left {margin-left: 0;} #email_form .input_text_area {padding-right: 7px;} #email_form .input .delete_icon {right: 20px;} @media screen and (max-width: 960px) { #enterTicketNumberBody .resort_logo { margin-left: 0; } #enterTicketNumberBody .resort_logo img {margin-left: 4%; } .skipass_248x394 {left: -12px;} #enterTicketNumberBody h2.rname, #enterTicketNumberBody a.resorts_link {margin-left: 3%;} #ticketDetailsBody div.user_day_info_header + div {width: 100%!important;} } @media screen and (max-width: 991px) { .logged-out #top_navi.top_navi {z-index: 0;} } @media screen and (max-width: 500px) { div#regConfReminderOverlay.css-tooltip.tooltip {max-width: 100%; left: -155px !important;} .reg_conf_reminder_form {max-width: 100%;} } /* laneli - Competition & Badge View */ .competitionBadgeBody div.sltp.seasonPaginator.left {float: none;} .competitionBadgeBody .main_body {min-height: 0;} .competitionBadgeBody .main_body .container {height: 10px!important;} .competitionBadgeBody .competition_list_item {margin-top: 10px; padding-top: 20px; border-top: 1px solid #e5e5e5; position: relative; margin-bottom: 10px;} .competitionBadgeBody .sub_content > div:nth-child(2) {border-top: none;} .competitionBadgeBody .competition_logo {display: inline-block; width: auto;} .competitionBadgeBody.old_season .competition_logo img {width: 60px;} .competitionBadgeBody .competition_logo img {width: 120px; margin-right: 30px;} .competitionBadgeBody .competition_teaser {display: inline-block; vertical-align: top; width: auto; max-width: 550px; margin-bottom: 0;} .competitionBadgeBody .competition_teaser.no_logo {max-width: 100%; margin-top: 15px;} .competitionBadgeBody .competition_teaser h2 {margin: 0; padding: 0;} .competitionBadgeBody .competition_teaser h2 a {color: #00a0e3; font-size: 16px; font-weight: normal;} .competitionBadgeBody .competition_teaser h2 a:hover {color: #008cc6; transition: all 0.2s ease; -webkit-transition: all 0.2s ease;} .competitionBadgeBody .competition_teaser .start_end {margin-bottom: 15px;} .competitionBadgeBody .competition_teaser .badges {width: 100%;} .competitionBadgeBody .participate_button {display: block; background: #e6007e; width: 120px; padding: 10px; color: white; border-radius: 3px; text-align: center; margin-top: 10px; text-transform: uppercase;} .competitionBadgeBody .participate_button:hover {background: #b80065;} .competitionBadgeBody h2.section {font-weight: normal; margin-top: 50px; padding-bottom: 0px; display: block;} .competitionBadgeBody.anonymous h2.section {display: none;} .competitionBadgeBody .empty_competitions {margin-top: 40px; margin-bottom: 200px;} /* Badges and Tooltip */ .badge_container img {width: 60px; margin-bottom: 10px; margin-top: 5px; cursor: default; position: relative;} .badge_container:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition: -webkit-transform .15s linear; transition: transform .15s linear;} .badge_container img.not_achieved {filter: grayscale(100%); opacity: 0.5;} .badge_container {display: inline-block; position: relative; cursor: initial;} .badge_container .badgeCount {position: absolute; z-index: 1; right: 10px; background-color: #00a0e3; height: 17px; width: 23px; text-align: center; color: white; padding-top: 6px; border-radius: 11px; font-size: 11px;} .badge_container .badge_description_wrapper { opacity: 0; height: 0; position: absolute; z-index: 99; bottom: 90px; box-sizing: border-box; background: white; box-shadow: rgba(0, 0, 0, 0.15) 0 3px 3px; border-radius: 5px; } .badge_container .badge_description_wrapper.show_right {left: auto; right: 0;} .badge_container .badge_description_wrapper .badge_arrow { content: ""; position: absolute; width: 0; height: 0; bottom: -20px; left: 15px; box-sizing: border-box; border: 10px solid transparent; border-color: transparent transparent white white; transform-origin: 0 0; transform: rotate(-45deg); box-shadow: -4px 4px 5px 0 rgba(0, 0, 0, 0.15); } .badge_container .badge_description_wrapper.show_right .badge_arrow {left:auto; right: 40px;} .badge_container .badge_description_wrapper .badge_arrow_container { content: ""; position: absolute; z-index: 4; width: 80px; height: 40px; bottom: -40px; display: block; left: 0px; box-sizing: border-box; background: transparent; } .badge_container .badge_description_wrapper.show_right .badge_arrow_container {left: auto; right: 0px;} .badge_container .badge_tooltip { position: relative; background: white; width: 250px; padding: 20px 20px 40px 20px; max-height: 150px; overflow: auto; font-size: 11px; line-height: 1.3; border-radius: 5px; } .badge_container .badge_description_wrapper .badge_arrow, .badge_container .badge_description_wrapper .badge_arrow_container, .badge_container .badge_description_wrapper .badge_tooltip {display: none;} .badge_container:hover .badge_description_wrapper .badge_arrow, .badge_container:hover .badge_description_wrapper .badge_arrow_container, .badge_container:hover .badge_description_wrapper .badge_tooltip {display: block;} .badge_container:hover .badge_description_wrapper {opacity: 1; height: auto; transition: opacity 0.2s linear 0.1s; -webkit-transition: opacity 0.2s linear 0.1s;} .badge_container .badge_tooltip .badge_description {overflow: auto; max-height: 150px;} .badge_container .badge_tooltip .badge_name {color: #999; text-transform: uppercase; margin-bottom: 10px; display: block; font-weight: bold;} .badge_container .badge_tooltip .more_link {position: absolute; font-size: 11px; right: 20px; bottom: 15px;} .badge_container .badge_tooltip .badge_description p:last-of-type {margin: 0;} .badge_container .badge_tooltip ul {display: none;} .badge_container .badge_tooltip p {display: none;} .badge_container .badge_tooltip p:first-of-type {display: block; margin-bottom: 0} .badges_description.loggedIn { display: none; } .badges_description .badge_name { color: #999; text-transform: uppercase; font-weight: bold; } .badges_description .badge-item{ margin-bottom:10px; } .badges_description .badge-item img{ cursor: default; } .badges_description .badge-description{ padding: 20px; border: 1px solid #ddd; border-radius: 3px;margin-bottom:20px; } .toggle_badge_description { float:right; } .competitionBadgeBody .competition_list_item .competition_list_item_link {position: absolute; right: 0; top: 46px;} .competitionBadgeBody .competition_list_item .competition_list_item_link .icon {content: ''; height: 20px; width: 20px; display: inline-block; margin-left: 5px; background-image: url(../../img/icons/arrow-right.png); background-size: contain; vertical-align: middle;} .competitionBadgeBody .competition_list_item .competition_list_item_link a .text {color: #3c3c3c; vertical-align: middle;} .competitionBadgeBody .competition_list_item .competition_list_item_link:hover a .text {color: #008cc6; border-bottom: 1px solid #008cc6; -webkit-transition: -webkit-transform .15s linear; transition: transform .15s linear;} @media screen and (max-width: 960px) { .competitionBadgeBody .competition_logo img {width: 60px;} .competitionBadgeBody .sub_content > div {margin: 20px;} } @media screen and (max-width: 768px) { .competitionBadgeBody .competition_logo {display: none;} .competitionBadgeBody .competition_list_item {padding-bottom: 30px;} .competitionBadgeBody .competition_list_item .competition_list_item_link {right: auto; top: auto; left: 0; bottom: 0px;} } @media screen and (max-width: 600px) { .competitionBadgeBody .competition_teaser {display: block;} .competitionBadgeBody .competition_logo {width: 100%; text-align: center;} } /* Badge Details */ #competitionBody .sub_content.competition.badges h2 {font-weight: normal;} #competitionBody .sub_content.competition.badges h3 {text-transform: uppercase; color: #999; font-weight: bold; padding-top: 30px; margin-bottom: 15px; margin-top: 35px; border-top: 2px solid #f5f6f7;} #competitionBody .sub_content.badges {width: auto; overflow: visible;} #competitionBody .sub_content.badges div.badges, #competitionBody .sub_content.competition div.badges {width: auto;} #competitionBody .sub_content.competition.info .description div.badges .badge_container img.not_achieved {filter: none; opacity: 1;} #competitionBody .sub_content.competition.info .description div.badges .badge_container .badgeCount {display: none;} #competitionBody .sub_content.competition .badge_tooltip .more_link {display: none;} #competitionBody .sub_content.competition.info {overflow: visible;} .badges .achieved_badges table {width: 100%; border-collapse: collapse;} .badges .achieved_badges table td {vertical-align: middle;} .badges .achieved_badges table tr:hover td {background-color: #f5f6f7;} .badges .achieved_badges table td.badge_image {width: 40px; padding-left: 5px;} .badges .achieved_badges table td.badge_image img {width: 30px; cursor: initial;} .badges .achieved_badges table td.badge_fb_share {width: 30px;} .badges .achieved_badges table td.badge_awarded {width: auto; max-width: 180px; padding-right: 10px;} .badges .achieved_badges table td.badge_fb_share .addthis_button_facebook {background: none;} .badges .achieved_badges table td.badge_fb_share .addthis_button_facebook img {height: 20px; width: 20px;} .badges .achieved_badges table td p {display: inline-block; margin: 0; padding: 0;} @media screen and (max-width: 720px) { .badges .achieved_badges table td.badge_name {display: none;} .badges .achieved_badges table td.badge_awarded {width: auto; white-space: normal;} } /* laneli - 08.11.2016 - Panorama Tooltip */ .ticket.skiline .skiline_panorama.bubble {background-color: #fffdb1; border: none; border-radius: 0; top: 30px; left: 68px; font-size: 13px; display: none;} .ticket.skiline .skiline_panorama.bubble.wn .tip {background: none;} .ticket.skiline .skiline_panorama.bubble h1 {font-size: 16px; color: #4d4d4d;} /* laneli - 09.11.2016 - Resort Top100 */ #resortDetailsBody .mt td label, #resortDetailsBody .mt td {font-size: 13px;} #resortDetailsBody.skimovies .sub_content > div, #resortDetailsBody.top100 .sub_content > div {padding: 0 30px;} @media screen and (max-width: 960px) { .gallery_container {position: relative; top: -10px; height: 250px; width: 100%; overflow: hidden;} #resortDetailsBody #resortTabs.main_column_0 {padding-left: 0;} #resortDetailsBody #resortTabs.main_column_0 > div:first-child {margin-left: 30px;} #resortDetailsBody.top100 .result_container {width: auto;} #resortDetailsBody .mt {margin-left: 0;} #resortDetailsBody .mt {margin-left: 0;} } @media screen and (max-width: 768px) { #resortDetailsBody table.rankingTable td.date {display: none;} } @media screen and (max-width: 500px) { #resortDetailsBody .competition p, td, h1, h3, a, label {font-size: 13px;} #resortDetailsBody table.rankingTable td.rank {padding-right: 5px;} #resortDetailsBody table.rankingTable td.images .user-image {margin-left: 0;} #resortDetailsBody table.rankingTable td.images .flag {margin-left: -15px;} #resortDetailsBody table.rankingTable td.images, #resortDetailsBody table.rankingTable tr.bold td.images{padding-right: 30px;} #resortDetailsBody table.rankingTable td.difference {display: none;} } @media screen and (max-width: 320px) { #resortDetailsBody table.rankingTable td.difference {display: none;} } /* laneli - 09.11.2016 - Skimovie / Speed badge position */ .user_day_image_container {width: 450px; text-align: right; position: absolute; right: 0;} #skimovieBody .user_day_info_header .resort_logo {display: inline-block; position: relative; top: 10px;} .user_day_info_header .user_badge_preview {width: auto; display: inline-block; position: relative; top: -9px; margin-right: 10px; float: none;} #ticketDetailsBody .user_day_info_header .user_badge_preview {top: 9px;} /* laneli - 10.11.2016 - Popup Stylefixes */ /* Sharing popups */ a.close-email, a.close-copy-link, a.close-youtube {height: 21px; width: 21px; position: absolute; right: 10px; top: 10px; color: white; font-size: 30px; background: url(../../img/icons/icon_close.png) no-repeat;} .title_overlay {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} .title_overlay .header {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; color: #4d4d4d; font-size: 16px; padding: 0; padding: 30px 30px 0px 30px;} .title_overlay table.image_panel td.icon {display: none;} .title_overlay .input_auto_suggest {padding-bottom: 7px;} #copy_link_popup {padding-bottom: 20px;} #copy_link_form .input_text {padding-top: 5px;} #copy_link_form .input input {font-size: 13px; font-family: Helvetica, Arial, sans-serif, sans} #email_form, #copy_link_form, #post_youtube_form {padding: 10px 10px 0 10px;} #email_form > label, #copy_link_form > label, #post_youtube_form > label {display: inline-block; color: #999999; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; margin-top: 10px;} #email_form > label:first-of-type, #copy_link_form > label:first-of-type, #post_youtube_form > label:first-of-type {margin-top: 0;} /* YesNo popups */ .overlay {z-index: 999;} .popup_overlay {margin-left: 50%!important; left: -210px!important; border: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} .popup_overlay .header {display: none;} .popup_overlay .content {padding: 30px;} .popup_overlay .content .button_panel {padding: 0; margin-top: 20px;} .popup_overlay .content .popupIcon {display: none;} .popup_overlay .content .message {position: static; padding-right: 0;} /* Doi popup */ div.css-tooltip {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 20px;} div.css-tooltip a.button_left {margin-bottom: 0;} /* laneli - 11.11.2016 - Fixes for competition */ #competitionBody .resort_list {top: -42px; height: 250px; background-position: center bottom;} .competition.members #competitionBody form > label {margin-right: 10px;} .competition.members #competitionBody h3 {margin-bottom: 30px; font-size: 16px;} .competition.members #competitionBody .sltp {margin-bottom: 20px; margin-top: 20px;} .competition.members #competitionBody .sltp a {margin-bottom: 5px;} .competition.members #competitionBody table.membersTable tr:hover {background-color: rgba(182,221,255,0.2)} .competition.members #competitionBody table.membersTable td {border: none; padding: 8px 10px 2px 0px;} .competition.members #competitionBody table.membersTable tr td:nth-of-type(2) {text-align: right;} .competition.members #competitionBody .userAnnotation {margin-right: 10px;} .competition.members #competitionBody .userAnnotation .small {position: static; display: inline-block;} .competition.members #competitionBody .userAnnotation img {border-radius: 10px; height: 20px; width: 20px; margin-top: -2px;} .competition.members #competitionBody form:nth-of-type(3) {margin-top: 50px; padding-top: 10px; border-top: 1px solid #eeeeee;} .competition.participate #competitionBody h1 {margin-bottom: 15px;} .competition.participate #competitionBody form > label {margin-bottom: 10px; display: block;} .competition.participate #competitionBody .button_panel {padding-top: 0; float: none; margin-bottom: 20px;} .competition.participate #competitionBody .button_panel a.button_left {margin-left: 0;} .competition.invite #competitionBody ul.token-input-list-facebook li input {margin-bottom: 8px;} @media screen and (max-width: 960px) { #competitionBody .resort_list {top: -45px; height: 250px; background-position: center bottom;} .competition.members #competitionBody .sltp {margin-left: 0;} .competition.members #competitionBody table.membersTable td {padding-left: 0; padding-right: 0;} .competition.members #competitionBody .userAnnotation .small {width: 0;} } @media screen and (max-width: 768px) { #competitionBody .resort_list {position: static; margin-left: -8px;} #competitionBody .resort_list ul {height: 190px; bottom: 30px;} } @media screen and (max-width: 500px) { .competition.members #competitionBody form .button_left {margin-left: 0; margin-top: 10px;} .competition.participate #competitionBody form.participate {width: 100%;} .competition.participate #competitionBody .input_text {padding: 0;} .competition.participate #competitionBody .field_container {width: 100%;} .competition.participate #competitionBody .field_container .input .text_input {width: 90%; padding-left: 10px;} .competition.participate #competitionBody .field_container .input .delete_icon {} } @media screen and (max-width: 400px) { #competitionBody .sub_content {margin-top: 100px!important;} } /* laneli - 11.11.2016 - Social media setting redesign https://chillimetrix.alturos.com/confluence/display/SL/Social+Media+Integration+-+SPEC+-+SP+-+15#SocialMediaIntegration-SPEC-SP-15-GUIDesign */ .profile.social fieldset {border:1px solid #ddd; margin: 20px 0;} .profile.social legend{font-size:20px;} p.connected{font-weight:bold; color: #90c334;} .profile.social fieldset .button_left {margin-right: 10px!important;} /* laneli - 17.11.2016 - Share bar: SKILINE-10252 */ #share_bar {height: 50px; background: white; position: relative; z-index: 1;} #share_bar .links {right: auto; left: 20px; bottom: 16px; position: absolute;} #share_bar .links span {margin-right: 15px; color: #4c4c4c;} #share_bar .links a {color: #00a0e3; text-decoration: none; margin-right: 15px;} #share_bar .links a:hover, #share_bar .links a:focus, #share_bar .links a:active {text-decoration: underline;} #share_bar #mainSidebar {width: auto; margin-top: 5px; padding-right: 20px;} #share_bar #mainSidebar .share-box {margin: 0 20px 0 0; display: inline-block;} #share_bar #mainSidebar .share-box .shares {padding: 0!important;} #share_bar #mainSidebar .share-box .shares .message {padding-bottom: 5px;} #share_bar #mainSidebar .print_view {padding-left: 0; position: relative; bottom: 8px;} #share_bar #mainSidebar .print_view img {height: 25px;} #share_bar a.download {width: auto; height: 25px; background: url(/img/icons/icon-download.png) no-repeat; display: inline-block; margin-bottom: 6px;} #share_bar .privacy_settings {display: inline-block; margin-left: 20px;} #share_bar .privacy_settings img {position: relative; top: 10px; margin-right: 10px;} #share_bar .privacy_settings img.loading {top: 3px;} #share_bar .privacy_settings .not_published {background: #fffdb1; color: #4d4d4d; padding: 5px; } #share_bar .privacy_settings .share_arrow { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 12.5px 10px 12.5px 0; border-color: transparent #fffdb1 transparent transparent; position: relative; top: 7px; } #skimovieBody .sub_content > #mainSidebar {text-align: right; width: auto;} #skimovieBody #mainSidebar a.delete_skimovie {margin-right: 25px;} #skimovieBody div.main_body.finish_picture + div.sub_content {display: none;} #skimovieBody .main_body.finish_picture {margin-bottom: 0;} #ticketDetailsBody #share_bar + div.sub_content {display: none;} #personalProfileBody #mediaContainer .borderpanel.info {margin-bottom: 0;} @media screen and (max-width: 960px) { #share_bar #mainSidebar {float: right;} #skimovieBody .user_day_info_header .resort_logo {top: 0;} } @media screen and (max-width: 768px) { #share_bar.media {height: auto; padding-top: 10px; padding-bottom: 5px;} #share_bar .links a {display: inline-block;} #share_bar .privacy_settings {display: block;} #share_bar div.privacy_settings + div.right {display: block; float: none; margin-top: 10px;} #share_bar.media #mainSidebar {display: block; float: none; margin-left: 20px;} #share_bar #mainSidebar .share-box {margin-right: 5px;} #skimovieBody .sub_content > #mainSidebar {text-align: left; margin-left: 20px;} .liftList {width: 100%; left: 0;} } @media screen and (max-width: 640px) { #share_bar {height: auto; padding-top: 10px; padding-bottom: 5px;} #share_bar .links {position: static; margin-left: 20px;} #share_bar .links a, #share_bar .links span{margin-right: 0; display: block; margin-bottom: 5px;} #share_bar #mainSidebar {float: none; margin-left: 20px; position: static;} #share_bar .privacy_settings .not_published {display: block; margin-right: 20px; margin-left: 70px; margin-top: -21px;} #share_bar .privacy_settings .share_arrow + .not_published {margin-left: 80px;} } @media screen and (max-width: 500px) { .liftList > div {padding: 25px 5px 25px 5px;} #ticketDetailsBody .liftList table {margin-left: 0;} .liftList .nr {display: none;} .liftList .duration {display: none;} } /* Various Stylefixes - 13.12.2016 - laneli /* /* Fix background of competition-teaser in ticket overview */ .u_display_box.UNKNOWN {background: transparent; color: #222;} .u_display_box.UNKNOWN a {color: #222;} .u_display_box.UNKNOWN.competition_teaser .rank {color: #222; background: url(/img/competitionteaser-rank-black.png);} .media #mainSidebar {width: auto; text-align: right;} a.deleteMedia { background: url(/img/icons/icon20-delete.png) left no-repeat; margin-right: 25px;} /* Fix layout of panocams page on mobile */ @media (max-width: 960px) { .panocams_content.sub_content > a, .panocams_content.sub_content > h1, .panocams_content.sub_content > div {margin-left: 40px;} } @media (max-width: 500px) { .panocams_content.sub_content > a, .panocams_content.sub_content > h1, .panocams_content.sub_content > div {margin-left: 15px;} } @media (max-width: 360px) { .panocams_content .panomax {margin-right: 0; width: 290px;} } /* Fix tooltip height on skiingdays overview */ div.css-tooltip {padding-top: 9px; padding-bottom: 5px;} /* Fixes for header in long languages (fr) - SKILINE-10621 */ .logged-out #top_navi .b-container {padding-right: 0px; padding-left: 0;} .logged-out #top_navi .b-container .row .col-md-10 {padding-left: 2px;} .logged-out #top_navi ul.main-menu {padding-left: 25px;} .logged-out #top_navi #flag_li {left: -10px;} .logged-out #top_navi .logo-container {padding-right: 0; padding-left: 0;} .logged-out #top_navi .login-box {right: 140px;} .logged-out #top_navi .login-box .std_ti_container .updnWatermark {height: 20px; overflow: hidden;} .logged-out #top_navi #login_links {margin-left: -80px;} #top_navi ul.main-menu li {margin-right: -8px;} #top_navi span.seperator:last-of-type {display: none;} @media screen and (max-width: 960px) { .logged-out #top_navi {height: 90px; padding-top: 10px;} .logged-out #top_navi .login-box {left: auto; right: 15px; top: 37px;} .logged-out #top_navi #flag_li {left: 2px;} .logged-out #top_navi ul.main-menu {padding-left: 35px;} .logged-out #top_navi .logo-container {padding-right: 15px;} .logged-out #top_navi.top_navi {z-index: 1;} .login-page.logged-out #top_navi {height: auto;} } @media screen and (max-width: 600px) { .logged-out #top_navi {height: 150px;} .logged-out #top_navi .login-box {right: auto; left: 5px;} .logged-out #top_navi ul.main-menu {padding-left: 35px;} .logged-out #top_navi a.button.topLoginSubmit {width: 50%; padding-left: 5px; padding-right: 5px; margin-left: 5px; margin-top: 10px; max-width: 100%;} .logged-out #top_navi .button-fb, #top_navi .button-google, #top_navi .button-apple {margin-top: 10px;} .logged-out #top_navi .login-box #login_links {top: 80px; float: none; margin-left: -5px;} .logged-out #top_navi .b-container .row .col-md-10 {padding: 0;} .logged-out #top_navi .logo-container {padding-right: 15px; zoom: 0.9;} .logged-out #topNavi .b-container-fluid .row {margin: 0;} .logged-out .b-container-fluid {padding: 0;} } @media screen and (max-width: 400px) { .logged-out #top_navi ul.main-menu {margin-right: 5px;} .logged-out #top_navi .logo-container.col-md-1 {top:0;} .logged-out #top_navi ul.main-menu {top:30px;} .logged-out #top_navi .login-box {position:absolute; margin-top: 25px;} .logged-out #top_navi {height:180px;} .login-page.logged-out #top_navi {height: 70px;} } @media screen and (min-width: 960px) { .start-page.logged-out #top_navi .b-container .row {margin-left: 0; margin-right: 0;} .start-page.logged-out #top_navi .b-container .row .col-md-10 {padding-left: 0;} .start-page.logged-out #top_navi #flag_li {margin-left: 15px!important;} .start-page.logged-out #top_navi ul.main-menu {padding-left: 35px;} .start-page.logged-out #top_navi .login-box {right: 160px;} .start-page.logged-out #top_navi .logo-container {padding-right: 15px;} } @media screen and (max-width: 960px) { .start-page.logged-out #top_navi .logo-container {padding-right: 30px;} .start-page.logged-out #top_navi .login-box {right: 30px;} .start-page.logged-out #top_navi ul.main-menu {padding-left: 35px;} .start-page.logged-out #top_navi .b-container .row, .start-page.logged-out #top_navi .b-container .row .col-md-10 .row {margin-left: 0;} .start-page.logged-out #top_navi .login-box input {width: 140px;} }