redesign #1
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user