diff --git a/static/css/base.css b/static/css/base.css index 29a406e..5dd8612 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -48,6 +48,30 @@ a:hover #help { transform: translate(-50%); } +#background { + overflow: hidden; + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; +} + +#background::before { + content: ' '; + display: block; + background: url('/ab.jpg'); + background-repeat: no-repeat; + background-position: 50% 0; + background-size: cover; + left: 0; + top: 0; + width: 100%; + height: 100%; + position: absolute; + opacity: 0.3; +} + #header { border-radius: 10px; text-align: center; @@ -68,7 +92,7 @@ a:hover #help { overflow: hidden; width: 65%; margin: 0; - position: absolute; + position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); diff --git a/templates/base.html b/templates/base.html index 0317049..09c5da4 100644 --- a/templates/base.html +++ b/templates/base.html @@ -33,11 +33,13 @@ -
- -
-{%- block main %} -{%- endblock %} +
+
+ +
+ {%- block main %} + {%- endblock %} +