fred.boniface/fredboniface.co.uk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rehash header class/id

Browse Source
This commit is contained in:
Fred Boniface 2022-10-20 21:29:18 +01:00
parent e752d772ed
commit ed01818b4c
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
new_index.html
View File

@ -9,7 +9,7 @@
<title>Home</title> <title>Home</title>
</head> </head>
<body> <body>
<div id="header_image_home"> <div class="header_image" id="header_index">
<div id="page_title"> <div id="page_title">
<h1>Lorem ipsum</h1> <h1>Lorem ipsum</h1>
</div> </div>

8
style/new_style.css
View File

@ -7,7 +7,7 @@ body {
background-color: lightslategrey; background-color: lightslategrey;
} }
/* PAGE HEADER */ /* PAGE HEADER */
#header_image_home { .header_image {
background-color: rgb(29,49,49); background-color: rgb(29,49,49);
background-image: url("/images/headers/index/index_1024.webp"); background-image: url("/images/headers/index/index_1024.webp");
background-repeat: no-repeat; background-repeat: no-repeat;
@ -21,9 +21,9 @@ body {
position: sticky; position: sticky;
top: -145px; top: -145px;
} }
@media(min-width: 1025px){#header_image_home{background-image:url("/images/headers/index/index_1920.webp")}} @media(min-width: 1025px){#header_index{background-image:url("/images/headers/index/index_1920.webp")}}
@media(min-width: 1921px){#header_image_home{background-image:url("/images/headers/index/index_2800.webp")}} @media(min-width: 1921px){#header_index{background-image:url("/images/headers/index/index_2800.webp")}}
@media(min-width: 2801px){#header_image_home{background-image:url("/images/headers/index/index_4096.webp")}} @media(min-width: 2801px){#header_index{background-image:url("/images/headers/index/index_4096.webp")}}
#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: sans-serif; font-family: sans-serif;