Cookiebanner: an Forenstyle angepasst

diff --git a/template/overall_footer.html b/template/overall_footer.html
index 31f36c49d8cde11becf4e8b8904b1cb7a23cf4e5..a305356324609155d576917af7c9eeebd564b4f2 100644 (file)
--- a/template/overall_footer.html
+++ b/template/overall_footer.html
@@ -79,9 +79,6 @@
                window.addEventListener("load", function(){
                        window.cookieconsent.initialise({
                                "palette": {
-                                       "popup": {
-                                               "background": "#70042b"
-                                       },
                                        "button": {
                                                "background": "#E5E5E5"
                                        }

diff --git a/template/overall_header.html b/template/overall_header.html
index 842c3b297756a54036782a95110e46a33f380379..6205269a57a77ddcdb8acf379cbe85317db94a4c 100644 (file)
--- a/template/overall_header.html
+++ b/template/overall_header.html
@@ -58,7 +58,7 @@
 <!-- ENDIF -->
 
 <!-- IF S_COOKIE_NOTICE -->
-       <link href="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
+       <link href="{T_THEME_PATH}/cookieconsent.min.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
 <!-- ENDIF -->
 
 <!--[if lte IE 9]>

diff --git a/theme/cookieconsent.min.css b/theme/cookieconsent.min.css
new file mode 100644 (file)
index 0000000..d06fef0
--- /dev/null
+++ b/theme/cookieconsent.min.css
@@ -0,0 +1,453 @@
+.cc-window {
+opacity:1;
+-webkit-transition:opacity 1s ease;
+transition:opacity 1s ease
+
+}
+
+.cc-window.cc-invisible {
+opacity:0
+
+}
+
+.cc-animate.cc-revoke {
+-webkit-transition:transform 1s ease;
+-webkit-transition:-webkit-transform 1s ease;
+transition:-webkit-transform 1s ease;
+transition:transform 1s ease;
+transition:transform 1s ease,-webkit-transform 1s ease
+
+}
+
+.cc-animate.cc-revoke.cc-top {
+-webkit-transform:translateY(-2em);
+transform:translateY(-2em)
+
+}
+
+.cc-animate.cc-revoke.cc-bottom {
+-webkit-transform:translateY(2em);
+transform:translateY(2em)
+
+}
+
+.cc-animate.cc-revoke.cc-active.cc-top {
+-webkit-transform:translateY(0);
+transform:translateY(0)
+
+}
+
+.cc-animate.cc-revoke.cc-active.cc-bottom {
+-webkit-transform:translateY(0);
+transform:translateY(0)
+
+}
+
+.cc-revoke:hover {
+-webkit-transform:translateY(0);
+transform:translateY(0)
+
+}
+
+.cc-grower {
+max-height:0;
+overflow:hidden;
+-webkit-transition:max-height 1s;
+transition:max-height 1s
+
+}
+
+
+.cc-revoke,.cc-window {
+position:fixed;
+overflow:hidden;
+-webkit-box-sizing:border-box;
+box-sizing:border-box;
+font-family:Helvetica,Calibri,Arial,sans-serif;
+font-size:16px;
+line-height:1.5em;
+display:-webkit-box;
+display:-ms-flexbox;
+display:flex;
+-ms-flex-wrap:nowrap;
+flex-wrap:nowrap;
+z-index:9999
+
+}
+
+.cc-window.cc-static {
+position:static
+
+}
+
+.cc-window.cc-floating {
+padding:2em;
+max-width:24em;
+-webkit-box-orient:vertical;
+-webkit-box-direction:normal;
+-ms-flex-direction:column;
+flex-direction:column
+
+}
+
+.cc-window.cc-banner {
+padding:1em 1.8em;
+width:90%;
+-webkit-box-orient:horizontal;
+-webkit-box-direction:normal;
+-ms-flex-direction:row;
+flex-direction:row;
+border-radius:8px 8px 0px 0px;
+background-color:#ccc;
+ margin-left: auto;
+
+    margin-right: auto;
+       border-width: 2px;
+       border-color: #d70751 #d70751 #d0d0d0 #d70751;
+       border-style: solid;
+}
+
+.cc-revoke {
+padding:.5em
+
+}
+
+.cc-revoke:hover {
+text-decoration:underline
+
+}
+
+.cc-header {
+font-size:18px;
+font-weight:700
+
+}
+
+.cc-btn,.cc-close,.cc-link,.cc-revoke {
+cursor:pointer
+
+}
+
+.cc-link {
+opacity:.8;
+display:inline-block;
+padding:.2em;
+text-decoration:underline
+
+}
+
+.cc-link:hover {
+opacity:1
+
+}
+
+.cc-link:active,.cc-link:visited {
+color:initial
+
+}
+
+.cc-btn {
+display:block;
+padding:.4em .8em;
+font-size:.9em;
+font-weight:700;
+border-width:2px;
+border-style:solid;
+text-align:center;
+white-space:nowrap
+}
+
+.cc-btn{
+background-color:#f9f9f9;
+color: #d70751;;
+}
+
+.cc-highlight .cc-btn:first-child {
+background-color:transparent;
+border-color:transparent
+
+}
+
+.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover {
+background-color:transparent;
+text-decoration:underline
+
+}
+
+.cc-close {
+display:block;
+position:absolute;
+top:.5em;
+right:.5em;
+font-size:1.6em;
+opacity:.9;
+line-height:.75
+
+}
+
+.cc-close:focus,.cc-close:hover {
+opacity:1
+
+}
+
+
+.cc-revoke.cc-top {
+top:0;
+left:3em;
+border-bottom-left-radius:.5em;
+border-bottom-right-radius:.5em
+
+}
+
+.cc-revoke.cc-bottom {
+bottom:0;
+left:3em;
+border-top-left-radius:.5em;
+border-top-right-radius:.5em
+
+}
+
+.cc-revoke.cc-left {
+left:3em;
+right:unset
+
+}
+
+.cc-revoke.cc-right {
+right:3em;
+left:unset
+
+}
+
+.cc-top {
+top:1em
+
+}
+
+.cc-left {
+left:1em
+
+}
+
+.cc-right {
+right:1em
+
+}
+
+.cc-bottom {
+bottom:1em
+
+}
+
+.cc-floating>.cc-link {
+margin-bottom:1em
+
+}
+
+.cc-floating .cc-message {
+display:block;
+margin-bottom:1em;
+}
+
+.cc-window.cc-floating .cc-compliance {
+-webkit-box-flex:1;
+-ms-flex:1 0 auto;
+flex:1 0 auto
+
+}
+
+.cc-window.cc-banner {
+-webkit-box-align:center;
+-ms-flex-align:center;
+align-items:center
+
+}
+
+.cc-banner.cc-top {
+left:0;
+right:0;
+top:0
+
+}
+
+.cc-banner.cc-bottom {
+left:0;
+right:0;
+bottom:0
+
+}
+
+.cc-banner .cc-message {
+display:block;
+-webkit-box-flex:1;
+-ms-flex:1 1 auto;
+flex:1 1 auto;
+max-width:100%;
+margin-right:1em;
+color:#645d5b;
+}
+
+.cc-compliance {
+display:-webkit-box;
+display:-ms-flexbox;
+display:flex;
+-webkit-box-align:center;
+-ms-flex-align:center;
+align-items:center;
+-ms-flex-line-pack:justify;
+align-content:space-between
+
+}
+
+.cc-floating .cc-compliance>.cc-btn {
+-webkit-box-flex:1;
+-ms-flex:1;
+flex:1
+
+}
+
+.cc-btn+.cc-btn {
+margin-left:.5em
+
+}
+
+
+@media print {
+.cc-revoke,.cc-window {
+display:none
+
+}
+
+
+
+}
+
+@media screen and (max-width:900px) {
+.cc-btn {
+white-space:normal
+
+}
+
+
+
+}
+
+@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
+.cc-window.cc-top {
+top:0
+
+}
+
+.cc-window.cc-bottom {
+bottom:0
+
+}
+
+.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right {
+left:0;
+right:0
+
+}
+
+.cc-window.cc-banner {
+-webkit-box-orient:vertical;
+-webkit-box-direction:normal;
+-ms-flex-direction:column;
+flex-direction:column
+
+}
+
+.cc-window.cc-banner .cc-compliance {
+-webkit-box-flex:1;
+-ms-flex:1 1 auto;
+flex:1 1 auto
+
+}
+
+.cc-window.cc-floating {
+max-width:none
+
+}
+
+.cc-window .cc-message {
+margin-bottom:1em
+
+}
+
+.cc-window.cc-banner {
+-webkit-box-align:unset;
+-ms-flex-align:unset;
+align-items:unset
+
+}
+
+.cc-window.cc-banner .cc-message {
+margin-right:0
+
+}
+
+
+
+}
+
+
+.cc-floating.cc-theme-classic {
+padding:1.2em;
+border-radius:5px
+
+}
+
+.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
+text-align:center;
+display:inline;
+-webkit-box-flex:0;
+-ms-flex:none;
+flex:none
+
+}
+
+.cc-theme-classic .cc-btn {
+border-radius:5px;
+border-color: #ff00ff:
+}
+
+.cc-theme-classic .cc-btn:last-child {
+min-width:140px
+
+}
+
+.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
+display:inline-block
+
+}
+
+
+.cc-theme-edgeless.cc-window {
+padding:0
+
+}
+
+.cc-floating.cc-theme-edgeless .cc-message {
+margin:2em;
+margin-bottom:1.5em
+
+}
+
+.cc-banner.cc-theme-edgeless .cc-btn {
+margin:0;
+padding:.8em 1.8em;
+height:100%
+
+}
+
+.cc-banner.cc-theme-edgeless .cc-message {
+margin-left:1em
+
+}
+
+.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
+margin-left:0
+
+}
+
+

diff --git a/theme/debianforum.css b/theme/debianforum.css
index 411e862f1e145b298a3a03b4be14708e323f7589..fc63ea66eac2dfacc7f121bec35f283437f66012 100644 (file)
--- a/theme/debianforum.css
+++ b/theme/debianforum.css
@@ -25,7 +25,7 @@
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     /* background-color: #f0f0f0; */
-    border-color: #d0d0d0 #d0d0d0 #d0d0d0 #dd0d0d0;
+    border-color: #d0d0d0 #d0d0d0 #d0d0d0 #d0d0d0;
     border-image: none;
     color: #000000;
     margin: 0.1em 0.2em 0;