From 094039a71840c8862da8805bc1c48edd38c6db7a Mon Sep 17 00:00:00 2001 From: eggy Date: Mon, 17 Aug 2020 09:12:38 +0200 Subject: [PATCH] Kleinigkeiten aufgeraeumt --- theme/colours.css | 19 +- theme/cookieconsent.min.css | 589 ++++++++++++++++-------------------- theme/stylesheet.css | 8 +- 3 files changed, 273 insertions(+), 343 deletions(-) diff --git a/theme/colours.css b/theme/colours.css index 2597d31..f7e1360 100644 --- a/theme/colours.css +++ b/theme/colours.css @@ -608,7 +608,7 @@ Colours and backgrounds for buttons.css .button:hover, .button:focus { - border-color: ##D70751; + border-color: #D70751; background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */ background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%); background-image: linear-gradient(to bottom, #E9E9E9 0%,#FFFFFF 100%); /* W3C */ @@ -809,18 +809,8 @@ ul.cplist { .tabs .activetab > a, .tabs .activetab > a:hover { - /* debianforum: User Control Panel */ - /* - background-color: #848281 ; / Old browsers / / FF3.6+ / - background-image: -webkit-linear-gradient(top, #cecece 0%, #d70751 100%); - background-image: linear-gradient(to bottom, #cecece 0%, #d70751 100%); W3C - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#d70751 ',GradientType=0 ); IE6-9 - border-color: #cecece ; - box-shadow: 0 1px 1px #dedede inset; - color: #333333; - */ + /* debianforum: User Control Panel - aktiver Tab */ border-color: #eae9e9; - background: "#ff00ff"; box-shadow: 0 1px 1px #dedede inset; border-top: 1px solid #f31141 ; border-right: 1px solid #f31141 ; @@ -829,9 +819,6 @@ ul.cplist { background-color: #eae9e9; } -.tabs .activetab > a:hover { - color: #000000; -} /* Mini tabbed menu used in MCP ----------------------------------------*/ @@ -1155,7 +1142,7 @@ input.disabled { background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #eae9e9 100%); background-image: linear-gradient(to bottom, #F1F8FF 0%,#eae9e9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#eae9e9 ',GradientType=0 ); /* IE6-9 */ - */ + } diff --git a/theme/cookieconsent.min.css b/theme/cookieconsent.min.css index d06fef0..9733f30 100644 --- a/theme/cookieconsent.min.css +++ b/theme/cookieconsent.min.css @@ -1,453 +1,396 @@ .cc-window { -opacity:1; --webkit-transition:opacity 1s ease; -transition:opacity 1s ease - + opacity:1; + -webkit-transition:opacity 1s ease; + transition:opacity 1s ease } .cc-window.cc-invisible { -opacity:0 - + 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 - + -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) - + -webkit-transform:translateY(-2em); + transform:translateY(-2em) } .cc-animate.cc-revoke.cc-bottom { --webkit-transform:translateY(2em); -transform:translateY(2em) - + -webkit-transform:translateY(2em); + transform:translateY(2em) } .cc-animate.cc-revoke.cc-active.cc-top { --webkit-transform:translateY(0); -transform:translateY(0) - + -webkit-transform:translateY(0); + transform:translateY(0) } .cc-animate.cc-revoke.cc-active.cc-bottom { --webkit-transform:translateY(0); -transform:translateY(0) - + -webkit-transform:translateY(0); + transform:translateY(0) } .cc-revoke:hover { --webkit-transform:translateY(0); -transform:translateY(0) - + -webkit-transform:translateY(0); + transform:translateY(0) } .cc-grower { -max-height:0; -overflow:hidden; --webkit-transition:max-height 1s; -transition:max-height 1s - + 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 - + 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 - + 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 - + 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; + 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 - + padding:.5em } .cc-revoke:hover { -text-decoration:underline - + text-decoration:underline } .cc-header { -font-size:18px; -font-weight:700 - + font-size:18px; + font-weight:700 } .cc-btn,.cc-close,.cc-link,.cc-revoke { -cursor:pointer - + cursor:pointer } .cc-link { -opacity:.8; -display:inline-block; -padding:.2em; -text-decoration:underline - + opacity:.8; + display:inline-block; + padding:.2em; + text-decoration:underline } .cc-link:hover { -opacity:1 - + opacity:1 } .cc-link:active,.cc-link:visited { -color:initial - + 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 -} - + 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;; + background-color:#f9f9f9; + color: #d70751;; } - + .cc-highlight .cc-btn:first-child { -background-color:transparent; -border-color:transparent - + 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 - + 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 - -} - + 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 - + opacity:1 + } - - + + .cc-revoke.cc-top { -top:0; -left:3em; -border-bottom-left-radius:.5em; -border-bottom-right-radius:.5em - + 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 - + bottom:0; + left:3em; + border-top-left-radius:.5em; + border-top-right-radius:.5em + } - + .cc-revoke.cc-left { -left:3em; -right:unset - + left:3em; + right:unset + } - + .cc-revoke.cc-right { -right:3em; -left:unset - + right:3em; + left:unset + } - + .cc-top { -top:1em - + top:1em + } - + .cc-left { -left:1em - + left:1em + } - + .cc-right { -right:1em - + right:1em + } - + .cc-bottom { -bottom:1em - + bottom:1em + } - + .cc-floating>.cc-link { -margin-bottom:1em - + margin-bottom:1em + } - + .cc-floating .cc-message { -display:block; -margin-bottom:1em; + display:block; + margin-bottom:1em; } - + .cc-window.cc-floating .cc-compliance { --webkit-box-flex:1; --ms-flex:1 0 auto; -flex:1 0 auto - + -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 - + -webkit-box-align:center; + -ms-flex-align:center; + align-items:center } - + .cc-banner.cc-top { -left:0; -right:0; -top:0 - + left:0; + right:0; + top:0 } - + .cc-banner.cc-bottom { -left:0; -right:0; -bottom:0 - + 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; -} - + 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 - -} - + 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 - + -webkit-box-flex:1; + -ms-flex:1; + flex:1 } - + .cc-btn+.cc-btn { -margin-left:.5em - + margin-left:.5em } - - + @media print { -.cc-revoke,.cc-window { -display:none - + .cc-revoke,.cc-window { + display:none + } } - - - -} - + @media screen and (max-width:900px) { -.cc-btn { -white-space:normal - + .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-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 - + 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 - + 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: + border-radius:5px; } - + .cc-theme-classic .cc-btn:last-child { -min-width:140px - + min-width:140px } - + .cc-floating.cc-type-info.cc-theme-classic .cc-btn { -display:inline-block - + display:inline-block } - - + .cc-theme-edgeless.cc-window { -padding:0 - + padding:0 } - + .cc-floating.cc-theme-edgeless .cc-message { -margin:2em; -margin-bottom:1.5em - + margin:2em; + margin-bottom:1.5em } - + .cc-banner.cc-theme-edgeless .cc-btn { -margin:0; -padding:.8em 1.8em; -height:100% - + margin:0; + padding:.8em 1.8em; + height:100% } - + .cc-banner.cc-theme-edgeless .cc-message { -margin-left:1em - + margin-left:1em } - + .cc-floating.cc-theme-edgeless .cc-btn+.cc-btn { -margin-left:0 - + margin-left:0 } - - + + diff --git a/theme/stylesheet.css b/theme/stylesheet.css index 44f7291..f8d15c2 100644 --- a/theme/stylesheet.css +++ b/theme/stylesheet.css @@ -32,7 +32,7 @@ #debianforum-contact-icons { - background-color: "#ff0000"; + background-color: #ff0000; display: block; padding: 5px; font-size:0; @@ -86,8 +86,8 @@ .page-body { /* margin-left: 160px; margin-right: 16px; - padding-left: 15px; */ - /* flex:1; */ + padding-left: 15px; */ + /* flex:1; */ } .debianforumde-sidebar { @@ -110,7 +110,7 @@ } .debianforum_nav:after { - content: "."; + content: "."; display: block; clear: both; visibility: hidden; -- 2.39.2