Skip to content
This repository has been archived by the owner on Apr 4, 2023. It is now read-only.

Commit

Permalink
fix: make footer more petit (see #8)
Browse files Browse the repository at this point in the history
  • Loading branch information
doamatto committed Dec 28, 2022
1 parent 93b0116 commit 909a9e8
Showing 1 changed file with 2 additions and 38 deletions.
40 changes: 2 additions & 38 deletions css/style.css
Expand Up @@ -39,7 +39,7 @@ body {

/* Meta contents on page */
.server-logo { border: none; }
.header { font-size: 3.5em; } /* header */
.header { font-size: 2.5em; } /* header */
.sub {
color: #d4d4d4;
font-size: 1.5em;
Expand Down Expand Up @@ -87,7 +87,7 @@ span { color: #f62c43; }
/* Carousel BG */
.carousel {
padding-top: 1vh;
margin-top: -200px;
margin-top: -170px;
z-index: 5; /* Used in the future for BGs */
background: #00000075;
}
Expand All @@ -104,39 +104,3 @@ span { color: #f62c43; }
0% { opacity: 1 }
100% { opacity: 0 }
}

/* Loading bar */
.bar {
height: 20px;
position: relative;
background: #555;
border-radius: 25px;
padding: 10px;
box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

.bar > span {
display: block;
height: 100%;
border-radius: 20px 8px 8px 20px;
background-image: linear-gradient(
center bottom,
rgb(43,194,83) 37%,
rgb(84,240,84) 69%
);
box-shadow:
inset 0 2px 9px rgba(255,255,255,0.3),
inset 0 -2px 6px rgba(0,0,0,0.4);
position: relative;
overflow: hidden;
width: 0;
}

/* Animation for loading bar */
@keyframes expand {
0% { width: 0; }
25% { width: 25%; }
50% { width: 50%; }
75% { width: 75%; }
100% { width: auto; }
}

0 comments on commit 909a9e8

Please sign in to comment.