diff --git a/TealCode/main/static/main/css/base.css b/TealCode/main/static/main/css/base.css index 6b8fbad..c98d734 100644 --- a/TealCode/main/static/main/css/base.css +++ b/TealCode/main/static/main/css/base.css @@ -106,4 +106,42 @@ footer .footer-links a{ footer .footer-links a:hover{ color: white; +} + +/* COOKIE BANNER */ +#cookie_banner{ + position: absolute; + width:100%; + height: 60px; + background-color: rgb(0, 0, 0); + bottom:0; + z-index: 100; +} +#cookie_banner p{ + font-size: 13pt; + color: white; + font-weight: bold; + margin-top: 18px; + margin-left: 200px; +} + +#cookie_banner button{ + float: right; + margin-right: 200px; + width: 150px; + height: 40px; + margin-top: -30px; + border: 3px solid green; + background-color: rgba(77, 77, 77, 0.5); + color: white; + font-size: 15pt; + font-weight: bold; + cursor: pointer; + transition: 0.1s; + transition-timing-function: linear; +} + +#cookie_banner button:hover{ + background-color: rgba(77, 77, 77, 0.801); + border: 3px solid rgb(1, 180, 1); } \ No newline at end of file diff --git a/TealCode/main/templates/main/base.html b/TealCode/main/templates/main/base.html index 3f6859d..f485abd 100644 --- a/TealCode/main/templates/main/base.html +++ b/TealCode/main/templates/main/base.html @@ -19,17 +19,29 @@ {% endif %} + + +