morgan/Grinch-AP
1
0
Fork 0
mirror of https://github.com/MarioSpore/Grinch-AP.git synced 2025-10-21 20:21:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix header and footer positioning

Browse Source
This commit is contained in:
Chris Wilson
2020-12-01 16:44:24 -05:00
parent c343c5fcef
commit f38f6cc33a
9 changed files with 53 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
WebHostLib/static/styles/cloudHeader.css
View File

@@ -1,10 +1,14 @@
html{
padding-top: 110px;
}
#cloud-header{
display: flex;
flex-direction: row;
justify-content: flex-start;
background: url('../static/backgrounds/header/cloud-header.png') repeat-x;
background-size: auto 90px;
width: 100%;
width: calc(100% - 20px);
height: 90px;
position: fixed;
top: 0;

1
WebHostLib/static/styles/globalStyles.css
View File

@@ -7,7 +7,6 @@ html{
background-image: url('../static/backgrounds/oceans/oceans-0002.png');
background-repeat: repeat;
background-size: 250px 250px;
margin-top: 110px;
font-family: 'Jost', sans-serif;
font-size: 1.1rem;
color: #000000;

3
WebHostLib/static/styles/islandFooter.css
View File

@@ -7,9 +7,6 @@
width: calc(100% - 0.5rem);
padding-left: 0.5rem;
padding-top: 50px;
position: fixed;
bottom: 0;
left: 0;
color: #dfedc6
}

34
WebHostLib/static/styles/landing.css
View File

@@ -1,13 +1,9 @@
#landing-wrapper{
display: flex;
flex-direction: row;
flex-direction: column;
justify-content: center;
flex-wrap: wrap;
}
#landing{
width: 860px;
min-height: 320px;
margin-top: 50px;
}
#landing-header{
@@ -31,20 +27,16 @@
font-kerning: none;
}
#landing-header-links{
padding-bottom: 10px;
}
#landing-header-links a{
margin-bottom: 10px;
margin-left: 1em;
}
#landing-buttons{
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: auto;
margin-right: auto;
height: 50px;
}
#landing{
width: 860px;
min-height: 320px;
margin-left: auto;
margin-right: auto;
}