Albania
Albania
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Belgium
Belgium
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Bosnia-Herzegovina
Bulgaria
Bulgaria
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Croatia
Croatia
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Czech Republic
Czech Republic
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Denmark
Denmark
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Finland
Finland
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
France
France
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Germany
Germany
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Great Britain / United Kingdom
Great Britain / United Kingdom
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Greece
Greece
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Hungary
Hungary
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Ireland
Ireland
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Italy
Italy
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Kosovo
Latvia
Latvia
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Lithuania
Lithuania
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Luxembourg
Luxembourg
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Netherlands
Netherlands
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Poland
Poland
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Portugal
Portugal
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Romania
Romania
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Russia
Russia
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Serbia
Serbia
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Slovakia
Slovakia
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Slovenia
Slovenia
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Spain
Spain
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Sweden
Sweden
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Switzerland
Switzerland
.tabmap { overflow: hidden; border: 1px solid #eee1fa; background-color: #eee1fa; color: #000; font-size: 18px; border-radius:15px !important; } .tabmap button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 12px 12px; transition: 0.3s; color: #000; border-radius:15px !important; } .btngallery { border: none; color: white; padding: 12px 12px; margin:10px; font-size: 12px; cursor: pointer; border-radius:15px !important; } .whitebutton {background-color: #FFF; color:#000; border: 1px solid #000;} .whitebutton:hover {background-color: #f6f6f6; color:#000;} .greenbutton {background-color: #04AA6D;} .greenbutton:hover {background-color: #46a049;} .bluebutton {background-color: #2196F3;} .bluebutton:hover {background: #0b7dda;} .orangebutton {background-color: #ff9800;} .orangebutton:hover {background: #e68a00;} .redbutton {background-color: #f44336;} .redbutton:hover {background: #da190b;} .greybutton {background-color: #e7e7e7; color: black;} .greybutton:hover {background: #ddd; color: black;} .blackbutton {background-color: #000; color: white;} .blackbutton:hover {background: #2d2d2d;} .brownbutton {background-color: #8b2d00;} .brownbutton:hover {background: #8e4f32;} .goldbutton {background-color: #dccab9; color: black; } .goldbutton:hover {background: #af9b87; color: black;} .pinkbutton {background-color: #fb00a0; } .pinkbutton:hover {background: #bd4f95;} .silverbutton {background-color: #e4e4e4; color: black;} .silverbutton:hover {background: #ddd; color: black;} .violetbutton {background-color: #7800c5; } .violetbutton:hover {background: #7405bb;} .yellowbutton {background-color: #fffa00; color: black;} .yellowbutton:hover {background: #aca904 color: black;;} /* Change background color of buttons on hover */ .tabmap button:hover { background-color: #tabmap; text-decoration: underline; } /* Create an active/current tablink class */ .tabmap button.active { background-color: #tabmap; } .tabcontent { display: none; margin-top:10px; padding: 6px 12px; border: 1px solid #000; border-radius:15px !important; } .topright { float: right; cursor: pointer; font-size: 28px; } .topright:hover {color: #66cc99;} Map × function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click();
Send your photos

Mail / Wetransfer / Analog Photos / Memory cards / CDs

Support SPRAYCITY

Your donation supports SPRAYCITY in the implementation of research projects and ongoing documentation. Donate via PayPal here: