.svg-turkiye-haritasi {
max-width: 1140px;
margin: 0 auto;
text-align: center;
}
.svg-turkiye-haritasi svg {
width: 100%;
height: auto;
}
.il-isimleri {
position: fixed; width: 100%;
z-index: 1000;
}
.il-isimleri div {
display: inline-block;
background: #222;
color: #fff;
padding: 8px 16px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#svg-turkiye-haritasi path {
cursor: pointer;
fill: #c2d6d6;
}
#svg-turkiye-haritasi path:hover {
fill: yellow;
}
#svg-turkiye-haritasi g[data-visited=true] path {
cursor: pointer;
fill: #80e5ff;
}
#svg-turkiye-haritasi g[data-visited=true] path:hover {
fill: yellow;
}
#svg-turkiye-haritasi g[yazi-var=true] path {
cursor: pointer;
fill: #ff4d4d;
}
#svg-turkiye-haritasi g[yazi-var=true] path:hover {
fill: yellow;
}
#svg-turkiye-haritasi g[yasadigim-yer=true] path {
cursor: pointer;
fill: #800000;
}
#svg-turkiye-haritasi g[yasadigim-yer=true] path:hover {
fill: yellow;
}
#svg-turkiye-haritasi g[gitmek-istenen-yer=true] path {
cursor: pointer;
fill: #80ff80;
}
#svg-turkiye-haritasi g[gitmek-istenen-yer=true] path:hover {
fill: yellow;
}
.svg-turkiye-haritasi-1 {
max-width: 1140px;
margin: 0 auto;
text-align: center;
}
.svg-turkiye-haritasi-1 svg {
width: 100%;
height: auto;
}
.il-isimleri-1 {
position: absolute; width: 100%;
z-index: 2;
}
.il-isimleri-1 div {
display: inline-block;
background: #222;
color: #fff;
padding: 8px 16px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#svg-turkiye-haritasi-1 path {
cursor: pointer;
fill: red;
}
#svg-turkiye-haritasi-1 path:hover {
fill: blue;
}
#svg-turkiye-haritasi-1 g[data-visited=true] path {
cursor: pointer;
fill: purple;
}
#svg-turkiye-haritasi-1 g[data-visited=true] path:hover {
fill: yellow;
}