Style #header_face

This commit is contained in:
Fred Boniface 2022-10-21 20:22:24 +01:00
parent 549a039b22
commit 314aecc3b6

View File

@ -35,6 +35,18 @@ body {
@media(min-width:1025px){#header_index{background-image:url("/images/headers/index/1920.webp")}} @media(min-width:1025px){#header_index{background-image:url("/images/headers/index/1920.webp")}}
@media(min-width:1921px){#header_index{background-image:url("/images/headers/index/2800.webp")}} @media(min-width:1921px){#header_index{background-image:url("/images/headers/index/2800.webp")}}
@media(min-width:2801px){#header_index{background-image:url("/images/headers/index/4096.webp")}} @media(min-width:2801px){#header_index{background-image:url("/images/headers/index/4096.webp")}}
#header_face{
display: flex;
position: absolute;
top: -140px;
width: 100%;
text-align: center;
}
#header_face img{
margin: auto;
border-radius: 40px;
height: 100px;
}
#page_title { /* This may be best floating above content div rather than inside header div */ #page_title { /* This may be best floating above content div rather than inside header div */
background-color: #2f4f4f8f; background-color: #2f4f4f8f;
font-family: indie-flower, cursive; font-family: indie-flower, cursive;
@ -128,10 +140,11 @@ body {
} }
/* FOOTER */ /* FOOTER */
footer { footer {
position: absolute; position: relative;
width: 100%; width: 100%;
background-color: darkslategrey; background-color: darkslategrey;
height: 30px; height: 30px;
bottom: 0;
} }
footer p { footer p {
padding: 0; padding: 0;