Switch text-based logo in header to image with RoadRunner

This commit is contained in:
Xevion
2022-03-27 13:05:24 -05:00
parent 4bf568c0fe
commit 4704bd5c6e
7 changed files with 76 additions and 22 deletions

View File

@@ -26,18 +26,44 @@ body, html {
}
}
#logo {
text-decoration: none;
color: #ef7900;
font-size: 2.5em;
letter-spacing: -2.8px;
font-family: "Arial Rounded MT Bold", sans-serif;
#about {
.about-img {
float: left;
max-width: 15em;
max-height: 15em;
margin: 1em;
filter: drop-shadow(5px 7px 6px rgba(0, 0, 0, 0.1));
}
p {
text-align: justify;
}
}
.header-primary {
background-color: #1b53a8;
padding: 10px;
position: relative;
max-height: 100px;
padding: 10px 0;
#text-logo {
text-decoration: none;
color: #ef7900;
font-size: 2.5em;
letter-spacing: -2.8px;
font-family: "Arial Rounded MT Bold", sans-serif;
}
#img-logo {
height: 100%;
box-sizing: border-box;
img {
max-width: 100%;
max-height: 80px;
}
}
.header-login {
position: absolute;
@@ -323,11 +349,13 @@ form {
}
.new-users, .statistics {
margin-top: 0 !important;
> div {
border: 1px solid grey;
padding: 0.2em;
width: fit-content;
padding-right: 1.2em;
padding: 0.2em;
width: fit-content;
padding-right: 1.5em;
a {
text-decoration: none;
}