/* ********************************************************************** */ /* 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{padding-top:5px;} #year_listing a.year_link {display:inline-block; width:100%; margin:0; padding:7px 0; text-align:center; } #year_listing a.year_link span{font-size: 0.6em;} #year_listing .collapsed_years{display:block;} #year_listing .toggle_years_button {} #year_listing .toggle_years_button a{display:none; float:right; color:rgb(11,78,162); border:1px solid rgb(11,78,162); font-size: 0.9em; padding: 0 10px;margin-top:10px; border-radius:3px;} #year_listing .toggle_years_button a:hover{cursor:pointer; text-decoration: none; color:white; background-color:rgb(11,78,162);} #year_listing .toggle_years_button .show_previous_button{} #year_listing .toggle_years_button .hide_previous_button{} /* **************************************** */ /* Year list (countries per year) */ /* **************************************** */ #participants_list{} #participants_list h2{} #participants_list h2 .total_number{font-size: 0.9em;} #participants_list a.country_line {display:block; padding:15px 10px; color:rgb(11,78,162);} #participants_list a.country_line:hover {padding:15px 10px; background-color:rgb(11,78,162); color:white; text-decoration:none;} #participants_list a.country_line .flag{display:inline-block; height:20px; margin-right:10px;} #participants_list a.country_line .flag img{width:30px; height:30px;} #participants_list a.country_line .country{display:inline-block; width:50%; padding:0;} #participants_list a.country_line .count{display:inline-block; width:15%;} .footnote{display:block; 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){ /* **************************************** */ /* 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 */