diff --git a/css/tarteaucitron.css b/css/tarteaucitron.css index 904d145..8b55908 100644 --- a/css/tarteaucitron.css +++ b/css/tarteaucitron.css @@ -112,7 +112,7 @@ left: 0; margin: 0 auto; max-height: 80%; - max-width: 800px; + max-width: 860px; overflow: auto; padding: 0; position: fixed; @@ -161,7 +161,7 @@ } #tarteaucitron #tarteaucitronServices .tarteaucitronTitle { - background: #f2f2f2; + background: #e4e4e4; color: #333; font-size: 20px; padding: 18px 22px; @@ -169,7 +169,7 @@ #tarteaucitron #tarteaucitronServices .tarteaucitronTitle .tarteaucitronDetails { color: #777; - font-size: 13px; + font-size: 15px; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover { @@ -186,6 +186,24 @@ padding: 15px 5px; } +#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine { + background: #444 !important; + border: 0; + margin-bottom: 5px; +} + +#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName { + margin-top: 2px; +} + +#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b { + color: #fff; +} + +#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk { + margin-top: 0px !important; +} + #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName { display: inline-block; float: left; @@ -280,27 +298,47 @@ cursor: pointer; display: none; font-size: 11px !important; - padding: 3px; - padding-right: 5px; + padding: 5px; position: fixed; right: 0; + text-align: center; z-index: 2147483645; } #tarteaucitronAlertSmall #tarteaucitronDot { - background-color: #E63737; - border-radius: 10px; + background-color: gray; + border-radius: 5px; display: inline-block; - height: 10px; - margin: 0px 5px 2px 5px; - vertical-align: middle; - width: 10px; + height: 8px; + margin-top: 5px; + overflow: hidden; + width: 100%; +} + +#tarteaucitronAlertSmall #tarteaucitronDot #tarteaucitronDotGreen, +#tarteaucitronAlertSmall #tarteaucitronDot #tarteaucitronDotYellow, +#tarteaucitronAlertSmall #tarteaucitronDot #tarteaucitronDotRed { + display: block; + float: left; + height: 100%; + width: 0%; +} + +#tarteaucitronAlertSmall #tarteaucitronDot #tarteaucitronDotGreen { + background-color: #1B870B; +} + +#tarteaucitronAlertSmall #tarteaucitronDot #tarteaucitronDotYellow { + background-color: #FBDA26; +} + +#tarteaucitronAlertSmall #tarteaucitronDot #tarteaucitronDotRed { + background-color: #9C1A1A; } /*** * Fallback activate link */ - .tac_activate { background: #333; display: block; diff --git a/lang/tarteaucitron.en.js b/lang/tarteaucitron.en.js index e7481c7..d51eca1 100644 --- a/lang/tarteaucitron.en.js +++ b/lang/tarteaucitron.en.js @@ -1,10 +1,13 @@ /*global tarteaucitron */ tarteaucitron.lang = { "alertBig": "If you continue to browse this website, you are allowing all third-party services", + "alertBigPrivacy": "This site uses cookies and gives you control over what you want to activate", "alertSmall": "Manage Cookies", "personalize": "Personalize", "acceptAll": "OK, accept all", "close": "Close", + + "all": "Preference for all services", "info": "Transparency about cookies", "disclaimer": "By allowing these third party services, you accept theirs cookies and the use of tracking technologies necessary for their proper functioning.", diff --git a/lang/tarteaucitron.fr.js b/lang/tarteaucitron.fr.js index 67889fa..7d0ecc5 100644 --- a/lang/tarteaucitron.fr.js +++ b/lang/tarteaucitron.fr.js @@ -1,11 +1,14 @@ /*global tarteaucitron */ tarteaucitron.lang = { "alertBig": "En poursuivant votre navigation, vous acceptez l'utilisation de services tiers pouvant installer des cookies", + "alertBigPrivacy": "Ce site utilise des cookies et vous donne le contrôle sur ce que vous souhaitez activer", "alertSmall": "Gestion des cookies", "acceptAll": "OK, tout accepter", "personalize": "Personnaliser", "close": "Fermer", + "all": "Préférence pour tous les services", + "info": "Transparence sur les cookies", "disclaimer": "En autorisant ces services tiers, vous acceptez le dépôt et la lecture de cookies et l'utilisation de technologies de suivi nécessaires à leur bon fonctionnement.", "allow": "Autoriser", diff --git a/tarteaucitron.js b/tarteaucitron.js index 868343f..fb1a50f 100644 --- a/tarteaucitron.js +++ b/tarteaucitron.js @@ -6,6 +6,7 @@ var scripts = document.getElementsByTagName('script'), cdn = path.split('/').slice(0, -1).join('/') + '/'; var tarteaucitron = { + "highPrivacy": false, "showAlertSmall": true, // show the small banner on bottom right? "autoOpen": false, // auto open the panel with #tarteaucitron hash? "grayArea": false, // activate the features of the gray area? @@ -98,6 +99,21 @@ var tarteaucitron = { html += ' '; html += ' '; html += '