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

redesign #1

Merged
fred.boniface merged 115 commits from redesign into main 2022-10-29 20:12:58 +01:00
Conversation 0 Commits 115 Files Changed 63 +15 -16
1 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 88624b30b7 - Show all commits

31
style/new_style.css
View File

@ -17,7 +17,7 @@ body {
/* BEGIN DEFAULT PAGE HEADER BLOCK */ /* BEGIN DEFAULT PAGE HEADER BLOCK */
#header_image_home { #header_image_home { /* Try z-index: -1; to have content scrolling over - margins will need adjusting */
background-color: rgb(29,49,49); background-color: rgb(29,49,49);
background-image: url("/images/headers/index/index_w750.jpg"); background-image: url("/images/headers/index/index_w750.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
@ -32,7 +32,7 @@ body {
top: -170px; top: -170px;
} }
#page_title { #page_title { /* This may be best floating above content div rather than inside header div */
font-family: sans-serif; font-family: sans-serif;
font-size: large; font-size: large;
width: 100%; width: 100%;
@ -52,7 +52,7 @@ body {
height: 40px; height: 40px;
} }
#menubar_logo img { #menubar_logo img { /* Logo file is controlled by media="" in <picture> */
max-height: 20px; max-height: 20px;
padding: 10px; padding: 10px;
} }
@ -130,15 +130,7 @@ body {
/* Reposition menu */ /* Reposition menu */
@media screen and (min-width: 800px) and (min-height: 700px) { @media screen and (min-width: 800px) and (min-height: 700px) {
#header_image_home {
margin-top: auto;
}
#menubar {
position: -webkit-sticky;
position: sticky;
top: 0px;
}
} }
@ -146,11 +138,18 @@ body {
/* BEGIN CONTENT BLOCK */ /* BEGIN CONTENT BLOCK */
#content { #content { /* Try z-index: 1; so it scrolls over header image */
margin: auto; padding-top: 10px;
margin-top: 10px; padding-bottom: 10px;
margin-bottom: 10px; width: 100%;
background-color: lightslategrey;
}
#content p {
width: 90%; width: 90%;
margin: auto;
margin-top: 20px;
color: azure;
} }
/* END CONTENT BLOCK */ /* END CONTENT BLOCK */