withfront
Version:
Tools for frontend development especially with Bootstrap 3.x and jQuery 3.x also FontAwesome, jsCookie and more
60 lines (58 loc) • 2.77 kB
CSS
/**
* Cookie Choice Banner
* include `js/web/w-cookie_choice.js`, `css/web/w-cookie_choice.css` or if u use build files this are yet included
<script>
document.addEventListener('DOMContentLoaded', function (event) {
cookieChoices.showCookieConsentBar("Questo sito utilizza i cookies per migliorare l'esperienza di navigazione. Utilizzando il sito l'utente accetta tutti i cookies.",
'OK', 'Privacy Policy', "/privacy-url");
});
</script>
*
* En: This site uses cookies to improve the browsing experience. By using this site you agree to all cookies
* Fr: Ce site utilise des cookies pour améliorer l'expérience de navigation. En utilisant ce site, vous acceptez tous les cookies
* De: Diese Seite benutzt Cookies , um den Browser-Erfahrung zu verbessern. Durch die Nutzung der Website erklären Sie sich mit allen Cookies
* Es: Este sitio utiliza cookies para mejorar la experiencia de navegación. Al usar este sitio usted acepta todas las cookies
* Hu: Ez a webhely cookie-kat használ a böngészési élmény javítása érdekében. Az oldal használatával elfogadja az összes cookie-t
* Nl: Deze site maakt gebruik van cookies om de browser-ervaring te verbeteren. Door deze site te gebruiken, gaat u akkoord met alle cookies
* Pl: Ta witryna używa plików cookie, aby poprawić doświadczenie przeglądania. Korzystając z tej witryny zgadzasz się na wszystkie pliki cookie
* Pt: Este site usa cookies para melhorar a experiência de navegação. Ao usar este site você concorda com todos os cookies
* Ru: Нажимая кнопку или продолжая использовать сайт, вы разрешаете нам собирать информацию посредством использования файлов «cookie»
*
*/
#cookieChoiceInfo {
position: fixed;
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
color: #FFFFFF;
font: 300 14px/24px "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12pt;
left: 0px;
bottom: 0px;
border: 0px none;
margin: 0px auto;
padding: 8px 0px 5px 0px;
text-align: center;
z-index: 9999;
}
#cookieChoiceDismiss {
background: #a8a8a8;
display: inline-block;
padding: 6px 15px 4px;
color: #fff;
border: 1px solid #fff;
text-decoration: none;
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.25);
position: relative;
cursor: pointer;
margin: auto 10px;
font-size: 13px;
font-weight: bold;
line-height: 1;
}
#cookieChoiceInfo a:nth-child(2) {
color: LightBlue;
text-decoration: underline;
cursor: pointer;
font-size: 13px;
font-weight: bold;
}