diff options
Diffstat (limited to 'doc/global/template/style/cookie-confirm.css')
-rw-r--r-- | doc/global/template/style/cookie-confirm.css | 219 |
1 files changed, 219 insertions, 0 deletions
diff --git a/doc/global/template/style/cookie-confirm.css b/doc/global/template/style/cookie-confirm.css new file mode 100644 index 0000000000..51e0e4a315 --- /dev/null +++ b/doc/global/template/style/cookie-confirm.css @@ -0,0 +1,219 @@ +body div#cookie-confirmation, +body div#cookie-confirmation.can-use-gradients { + background:#222840 !important; + position:fixed !important; + box-shadow:0 0 10px #222840 !important; + border-bottom:none; + top:auto; + bottom:0; +} +body div#cookie-confirmation div#cookie-confirmation-inner, +body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner { + padding:0 30px !important; + overflow:hidden; + display:-ms-flexbox; + display:flex; + -ms-flex-direction:row; + flex-direction:row; + -ms-flex-align:center; + align-items:center; + height:60px; +} + +body div#cookie-confirmation div#cookie-confirmation-inner p, +body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner p { + text-shadow:none !important; + font-family:"Titillium Web" !important; + font-size:inherit !important; + line-height:inherit !important; + float:left; + margin:0!important; +} + +body div#cookie-confirmation div#cookie-confirmation-inner p a, +body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner p a { + font-family:inherit !important; + color:#41cd52 !important; + font-size:inherit !important; +} +body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area, +body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area { + display:-ms-flexbox; + display:flex; + float:left; + margin-left:50px; +} + +body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button, +body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button { + text-shadow:none !important; + border-radius:0; + border:0 !important; + box-shadow:none; + line-height:32px !important; + height:32px !important; + font-size:16px !important; + font-weight:400 !important; + color:#fff !important; + font-family:"Titillium Web" !important; + display:inline-block; + padding:0 15px !important; + position:relative; + background:#41cd52 !important; + transition:all .2s ease-in-out; +} +body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:hover, +body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:hover{ + background:#17a81a !important; +} + +body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:after, +body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:before, +body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:after, +body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:before { + content:''; + width:20px; + height:20px; + background:#222840; + position:absolute; +} + +body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:before, +body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:before { + -ms-transform:rotate(45deg); + transform:rotate(45deg); + top:-12px; + left:-13px; +} +body div#cookie-confirmation div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:after, +body div#cookie-confirmation.can-use-gradients div#cookie-confirmation-inner #cookie-confirmation-buttons-area a#confirmation-button:after { + -ms-transform:rotate(-135deg); + transform:rotate(-135deg); + top:auto; + right:-13px; + bottom:-12px; +} + +/*! CSS Used from: Embedded */ + div#cookie-confirmation{ + position:absolute; + left:0; + top:0; + width:100%; + height:auto; + background-color:#2d2d2d; + border-bottom:1px solid gray; + border-bottom:1px solid rgba(0,0,0,0.5); + -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); + -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2); + box-shadow:0 1px 2px rgba(0,0,0,0.2); + font-size:14px !important; + line-height:18px !important; + font-family:helvetica neue,helvetica,arial,sans !important; + color:#fff !important; + text-shadow:0 1px 0 rgba(0,0,0,0.7) !important; + text-align:left !important; + z-index:100000000 !important; +} +div#cookie-confirmation.can-use-gradients{ + background-color:rgba(0,0,0,0); + background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0.9)), color-stop(100%, rgba(0,0,0,0.75))); + background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.9),rgba(0,0,0,0.75)); + background-image:-moz-linear-gradient(top, rgba(0,0,0,0.9),rgba(0,0,0,0.75)); + background-image:-o-linear-gradient(top, rgba(0,0,0,0.9),rgba(0,0,0,0.75)); + background-image:linear-gradient(top, rgba(0,0,0,0.9),rgba(0,0,0,0.75)); + background-image:linear-gradient(to bottom, rgba(0,0,0,0.9),rgba(0,0,0,0.75)); +} + div#cookie-confirmation div#cookie-confirmation-inner{ + padding:12px 18px 18px; +} + div#cookie-confirmation div#cookie-confirmation-inner a{ + font-family:helvetica neue,helvetica,arial,sans !important; + color:#add8e6 !important; + font-size:14px !important; + text-decoration:none !important; + background:none !important; + border:none !important; + font-weight:normal !important; +} + div#cookie-confirmation div#cookie-confirmation-inner a:hover{ + text-decoration:underline !important; + background:none !important; + border:none !important; +} + div#cookie-confirmation div#cookie-confirmation-inner div#cookie-confirmation-buttons-area{ + text-align:center !important; +} + div#cookie-confirmation div#cookie-confirmation-inner a#confirmation-button{ + font-family:helvetica neue,helvetica,arial,sans!important; + font-size:14px !important; + font-weight:normal !important; + margin-right:16px !important; + padding:4px 12px !important; + background-color:green !important; + border:1px solid gray !important; + border:1px solid rgba(0,0,0,0.5) !important; + background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0,0,0,0.2))); + background-image:-webkit-linear-gradient(top, transparent,rgba(0,0,0,0.2)); + background-image:-moz-linear-gradient(top, transparent,rgba(0,0,0,0.2)); + background-image:-o-linear-gradient(top, transparent,rgba(0,0,0,0.2)); + background-image:linear-gradient(top, transparent,rgba(0,0,0,0.2)); + -webkit-border-radius:4px; + -moz-border-radius:4px; + -ms-border-radius:4px; + -o-border-radius:4px; + border-radius:4px; + -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5); + -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5); + box-shadow:0 1px 2px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.5); + line-height:14px !important; + color:#fff !important; + text-shadow:0 1px 0 rgba(0,0,0,0.5) !important; + text-decoration:none !important; +} + div#cookie-confirmation div#cookie-confirmation-inner a#confirmation-button:hover{ + background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(100%, rgba(0,0,0,0.3))); + background-image:-webkit-linear-gradient(top, transparent,rgba(0,0,0,0.3)); + background-image:-moz-linear-gradient(top, transparent,rgba(0,0,0,0.3)); + background-image:-o-linear-gradient(top, transparent,rgba(0,0,0,0.3)); + background-image:linear-gradient(top, transparent,rgba(0,0,0,0.3)); +} + div#cookie-confirmation div#cookie-confirmation-inner a#confirmation-button:active{ + background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0.3))); + background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.3),rgba(0,0,0,0.3)); + background-image:-moz-linear-gradient(top, rgba(0,0,0,0.3),rgba(0,0,0,0.3)); + background-image:-o-linear-gradient(top, rgba(0,0,0,0.3),rgba(0,0,0,0.3)); + background-image:linear-gradient(top, rgba(0,0,0,0.3),rgba(0,0,0,0.3)); + -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); + -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); + box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); +} +div#cookie-confirmation div#cookie-confirmation-inner p{ + line-height:18px !important; + font-family:helvetica neue,helvetica,arial,sans !important; + font-weight:normal !important; + font-size:14px !important; + margin:0 0 16px !important; + padding:0 !important; + color:#fff !important; + text-align:left !important; +} +@media screen and (max-width: 480px) { + div#cookie-confirmation { + font-size:12px !important; + } + div#cookie-confirmation div#cookie-confirmation-inner { + padding:8px 14px 14px !important; + } + div#cookie-confirmation div#cookie-confirmation-inner a { + font-size:12px !important; + } + div#cookie-confirmation div#cookie-confirmation-inner a#confirmation-button { + font-size:12px !important; + } + div#cookie-confirmation div#cookie-confirmation-inner p { + font-size:12px !important; + margin-bottom:12px !important; + line-height:15px !important; + } +} |