Skip to content

Instantly share code, notes, and snippets.

@mckiersey
Created March 14, 2021 16:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mckiersey/cebaae9ee056791a41e65b45ae1827e4 to your computer and use it in GitHub Desktop.
Save mckiersey/cebaae9ee056791a41e65b45ae1827e4 to your computer and use it in GitHub Desktop.
CSS styling for the homepage
<!-- ******************************** CSS STYLING ******************************** -->
<style>
h1,
h2,
p {
color: RGB(229, 229, 229);
font-family: helvetica;
margin: 20px;
}
#SessionStatus {
position: relative;
}
#SessionStatusText {
position: absolute;
top: 0px;
right: 60px;
margin: 10px;
}
#SignOutButton {
position: absolute;
top: 40px;
right: 0px;
margin-top: 20px;
margin-right: 170px;
}
.SignIn {
position: relative;
}
#SignInButton {
position: absolute;
top: 200px;
right: 600px;
margin-top: 20px;
margin-right: 170px;
}
#SignInText {
position: absolute;
top: 250px;
right: 360px;
margin-top: 20px;
margin-right: 170px;
}
.Profile {
position: relative;
}
#ProfileButton {
position: absolute;
top: 300px;
right: 605px;
margin-top: 20px;
margin-right: 170px;
}
#ProfileText {
font-size: 20px;
position: absolute;
top: 350px;
right: 640px;
margin-top: 20px;
}
body {
background-image: url('https://github.com/mckiersey/TeachingFullStackDev/blob/MediumArticle/FullStackDev/balloon_background.jpg?raw=true');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 2.5rem;
margin-bottom: 10px;
}
a {
color: white;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment