.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();

.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();

Collection of historical Graffiti on and in churches, castles and other buildings.

Collection of Graffiti with a political content or message. (Writing included)

Collection of Graffiti aesthetics and other related markings.

Collection of Social Media tags, usually starting with an @.

Collection of Graffiti on trees

Spraycity Archive Collection (Print / Digital)

Under Construction: Last Update 21.03.2024

Update Archive (All Updates)