/* ********************************************************************** */ /* Participants */ /* ********************************************************************** */ /**********************************************/ /* Color definitions Blue 1: rgb(22,65,148) Blue 2: rgb(30,104,129) #0E4194 Turquoise: rgb(56,181,176) #38B5B1 Orange: rgb(245,164,0) #F69D25 Brown: rgb(211,172,43) #D3AC2B Grey: rgb(90,90,90) #5A5A5A Green(2016): rgb(141,201,114) #8DC972 Pink(2017): rgb(245,179,195), #F5B3C3; Blue(2017): rgb(77,160,216), #4DA0D8; Orange(2017): rgb(245,164,0), #F5A400; Blue (2018): rgb(22,65,148), #164194 Orange (2018): rgb(245,164,0), #F5A400; Light Blue (2018): rgb(78,160,212) #4EA0D4 Yellow (2018): rgb(235,188,0), #EBBC00 Grey (2018): rgb(235,233,221), #EBE9DD Pink (2018): rgb(245,179,195), #F5B3C3; Turquoise: rgb(56,181,176) #38B5B1 */ /* **************************************** */ /* General */ /* **************************************** */ .script_error{font-size:10px !important; color:red !important;} /* **************************************** */ /* Year list */ /* **************************************** */ #year_listing_container_frame{margin:90px 0;} #year_listing_container{display:inline-block;} #year_listing_container button#participants_archive_toggle{background-color:transparent; padding:8px 16px; border-radius:1px; border:1px solid white; } #year_listing_container ul{margin:0; padding:0; width:100%; border-radius:0;} #year_listing_container ul li{margin:0; padding:0;} #year_listing_container ul li a.year_link { width:100%; margin:0; padding:7px 0; text-align:center; background-color:white; color:rgb(22,65,148) !important; text-decoration: none !important; } #year_listing_container ul li a.year_link span{font-size: 0.6em;} #year_listing_container ul li a.year_link:hover {color:white; background-color:rgb(22,65,148); color:white !important; text-decoration:none;} /* **************************************** */ /* Year list (countries per year) */ /* **************************************** */ #participants_list{} #participants_list #map_trigger_container {width:100%; text-align:center; padding: 0; margin:10px 0;} #participants_list #map_trigger_container #map_trigger{ display:inline-block; position:relative; width:100%; height:200px; text-align:left; border:1px solid rgb(200,200,200); box-shadow: 1px 1px 3px 0px rgba(150,150,150,1); border-radius:3px; background-image:url(/fileadmin/templates/mobilityweek/lib/mobilityweek_participants/images/Map_of_Europe_edgars.svg); background-size:70% auto; background-position:right 90%; background-repeat:no-repeat; background-color:rgb(235,233,221); background-color:rgb(11,78,162); } #participants_list #map_trigger_container #map_trigger h1{position:absolute_; display:inline-block; color:white; margin:0; padding:6px 8px; font-weight: bold; top: 0; left:0;} #participants_list #map_trigger_container #map_trigger img.polaroid{ height:180px; width:auto; position:absolute; top:30px; left:3%;} #participants_list h2{text-align:center;} #participants_list h2 .total_number{font-size: 0.9em;} #participants_list #country_list {clear:both;} #participants_list #country_list a.country_card {float:left; display:block; width:12.28%; margin:1%; color:rgb(11,78,162); text-align:center; border-radius:2px; border:1px solid rgb(200,200,200);box-shadow: 1px 1px 3px 0px rgba(150,150,150,1);} #participants_list #country_list a.country_card:hover {background-color:rgb(11,78,162); color:white; text-decoration:none;} #participants_list #country_list a.country_card .flag{display:block; width:100%; } #participants_list #country_list a.country_card .flag img{width:40%; height:auto;} #participants_list #country_list a.country_card .country{display:block; height:65px; } #participants_list #country_list a.country_card .count{display:block; padding:6px; background-color:rgb(235,233,221); font-size: 1.4em; color:rgb(90,90,90); } #participants_list #country_list a.country_card:hover .count{background-color:rgb(11,78,162); color:white; text-decoration:none;} .footnote{display:block; clear:both; color:rgb(50,50,50); font-size: 0.85em; padding:10px;} /* **************************************** */ /* Cities list (per country) */ /* **************************************** */ #cities_list{} #cities_list h2{} #cities_list h2 .left .total_number{font-size: 0.9em;} #cities_list .city_column{display:inline-block; width:35%;} #cities_list .criteria_column{display:inline-block; width:20%; text-align:center;} #list_header{width:100%; padding:15px 10px;} #list_header .criteria_heading{} #list_header .criteria_column{} #list_header #criteria_1_heading{} #list_header #criteria_2_heading{} #list_header #criteria_3_heading{} #list_header .tooltip{color:white;} #content_box a.city_line {display:block; padding:15px 10px;} #content_box a.city_line:hover {background-color:rgb(11,78,162); text-decoration:none;} #content_box a.city_line .city_name{color:rgb(11,78,162);} #content_box a.city_line:hover .city_name{color:white;} #content_box a.city_line .flag{display:inline-block; height:20px; margin-right:10px;} #content_box a.city_line .flag img{width:30px; height:30px;} #content_box a.city_line .criteria_column.criteria_column_1{} #content_box a.city_line .criteria_column.criteria_column_1 img{width:43px; height:53px;} #content_box a.city_line .criteria_column.criteria_column_2{} #content_box a.city_line .criteria_column.criteria_column_2 img{width:61px; height:53px;} #content_box a.city_line .criteria_column.criteria_column_3{} #content_box a.city_line .criteria_column.criteria_column_3 img{width:51•px; height:53px;} /* **************************************** */ /* Cities Display /* **************************************** */ #city {} #city h2{} #city .info_box{margin:0 0 30px 15px;} #city .info_box h3{} #city .info_box h4{} #city .info_box label{clear:both; float:left; width:25%; padding-left:5px;} #city .info_box .info_field{float:left;width:74%;} #city #city_data .participant{font-size: 1.8em; font-weight: normal; margin-bottom:5px;} #city #city_data .participant img{display:inline-block; width:29px; height:29px; margin-bottom:3px;} #city #city_data .website{} #city #city_data .population{} #city #city_data #city_map_wrapper {width:220px; height:220px; float:right; padding:10px; border:1px solid rgb(200,200,200); border-radius:2px;} #city #city_data #city_map_wrapper #city_map{width:200px; height:200px;} #city #contact_data{} #city #contact_data .department{} #city #contact_data .contact{} #city #contact_data .address{} #city #contact_data .email{} #city #participation_data{} .criteria_box{padding:0 0 20px 0; } .criteria_box .criteria{font-weight: bold; color:rgb(11,78,162) !important; margin-bottom:5px;} .criteria_box .criteria_additional_info_title{padding-left:10px;} .criteria_box .criteria_additional_info{padding-left:10px;} .criteria_box .criteria_additional_info .permanent_measure_title{font-weight: bold;} .criteria_box .criteria_additional_info :first-child.permanent_measure_title{font-weight: bold; margin-top:10px;} .criteria_box .criteria_additional_info ul{} .criteria_box .criteria_additional_info ul li{} #content_box .criteria_box .criteria_additional_info ul li span.pm_status{border-radius:50%; color:rgb(170,170,170); } .activities_day_title {font-weight: bold; } .activities_day_info {margin:auto auto 15px 10px;} .eu_initiatives_box{} .eu_initiatives_box .eu_initiatives_title{font-weight: bold; color:rgb(11,78,162) !important; margin-bottom:5px;} .commitments_box_{padding:20px 10px 10px 10px; margin:0 10px 10px 0; border-top:1px solid rgb(11,78,162); } /* **************************************** */ /* Back Link */ /* **************************************** */ #back_link{text-align:right; font-size:12px; padding:5px 10px 0 0;} #back_link a{text-decoration:none; color:rgb(150,150,150); font-weight:normal;} #back_link a img{display:inline-block; width:25px; height:25px; margin-bottom:3px;} /**********************************************/ /* Media Queries /**********************************************/ /* 980 - 1200 */ @media only screen and (min-width: 980px) and (max-width:1199px) { } /* 768 - 980 */ @media only screen and (min-width: 768px) and (max-width:979px) { } /* < 768 */ @media only screen and (max-width: 767px){ /* **************************************** */ /* Country list*/ /* **************************************** */ #participants_list #country_list a.country_card {width:18%;} /* **************************************** */ /* Cities list (per country) */ /* **************************************** */ #cities_list h2{ font-size:1em;} #cities_list h2 .total_number{display:block; } #cities_list .city_column{ width:40%; font-size: 0.9em;} #cities_list .criteria_column{ width:18%;} #list_header{width:100%; padding:15px 10px;} #list_header .criteria_heading{} #list_header .criteria_column{} #list_header #criteria_1_heading{font-size: 0.65em;} #list_header #criteria_2_heading{font-size: 0.65em;} #list_header #criteria_3_heading{font-size: 0.65em;} #list_header .tooltip{color:white;} a.city_line {display:block; padding:15px 2%;} a.city_line .city_name{} a.city_line .flag{display:inline-block; height:20px; margin-right:3px;} a.city_line .flag img{width:15px; height:15px;} a.city_line .criteria_column.criteria_column_1{} a.city_line .criteria_column.criteria_column_1 img{width:24px; height:30px;} a.city_line .criteria_column.criteria_column_2{} a.city_line .criteria_column.criteria_column_2 img{width:32px; height:30px;} a.city_line .criteria_column.criteria_column_3{} a.city_line .criteria_column.criteria_column_3 img{width:29px; height:30px;} /* **************************************** */ /* Cities Display /* **************************************** */ #city {} #city h2{} #city .info_box{margin:0 0 30px 0;} #city .info_box h3{} #city .info_box h4{} #city .info_box label{display:block; width:100%; padding-left:0; margin: 0;} #city .info_box .info_field{display:block; width:100%; float:none; margin-bottom:20px;} #city #city_data .participant{font-size: 1.8em; font-weight: normal; margin-bottom:5px;} #city #city_data .participant img{display:inline-block; width:29px; height:29px; margin-bottom:3px;} #city #city_data .website{} #city #city_data .population{} #city #contact_data{} #city #contact_data .department{} #city #contact_data .contact{} #city #contact_data .address{} #city #contact_data .email{} #city #participation_data{} .criteria_box{padding:0 0 20px 0;} .criteria_box .criteria{font-weight: bold; color:rgb(11,78,162) !important; margin-bottom:5px;} .criteria_box .criteria_additional_info_title{padding-left:10px;} .criteria_box .criteria_additional_info{padding-left:10px;} .criteria_box .criteria_additional_info .permanent_measure_title{font-weight: bold;} .criteria_box .criteria_additional_info :first-child.permanent_measure_title{font-weight: bold; margin-top:10px;} .criteria_box .criteria_additional_info ul{} .criteria_box .criteria_additional_info ul li{} } /* end of < 768 */