Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-07-07 11:47:14 -06:00
Code Issues Packages Projects Releases Wiki Activity

added header: css started to make dropdowns better, now using Link

Browse Source
This commit is contained in:
darkicewolf50
2024-03-26 15:23:43 -06:00
parent 10fc1f535b
commit 9280dcee83
2 changed files with 99 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/Header/Header.css
View File

@ -5,6 +5,12 @@ header {
margin-top: 0%;
}
header a {
text-decoration: none;
color: inherit;
cursor: pointer;
}
figure {
margin: 0px;
height: 10%;
@ -15,14 +21,41 @@ figure {
background-color: white;
}
/* not sure what these two are for */
#title {
background-color: blueviolet;
nav a {
text-decoration: none;
color: inherit;
cursor: pointer;
}
.banner {
nav a li {
background-color: none;
padding: 1rem;
padding-top: 0px;
}
nav ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
background-color: aqua;
list-style: none;
margin: 0px;
padding: 0px;
}
.Hide {
display: none;
}
.DropDown {
cursor: default;
position: relative;
}
/* makes dropdown visible */
.DropDown:hover .Hide {
display: block;
position: absolute;
width: 100%;
text-align: center;
}
/* not sure what these two are for */