Xefir/Divent
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 23 Wiki Activity

Fix css
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Michel Roux 2022-09-09 09:36:26 +00:00
parent 6ea04168fc
commit ca0dd4f5be
1 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
divent/static/css/global.css
View File

@ -19,13 +19,14 @@ a {
} }
body { body {
background-color: #2f3136; background-color: #202225;
margin: 0; margin: 0;
font-family: Whitney, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: Whitney, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #b9bbbe; color: #b9bbbe;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
align-items: center;
} }
footer, footer,
@ -37,6 +38,7 @@ h2 {
#avatars { #avatars {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;
} }
#avatars img { #avatars img {
@ -49,7 +51,6 @@ h2 {
background-color: #18191c; background-color: #18191c;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24);
align-self: center;
} }
#box { #box {
@ -59,14 +60,13 @@ h2 {
#dots { #dots {
font-size: xx-large; font-size: xx-large;
opacity: 0.2; opacity: 0.2;
align-self: center;
margin: 0 24px; margin: 0 24px;
} }
.hr-sect { .hr-sect {
display: flex; display: flex;
align-items: center; align-items: center;
color: rgba(79, 84, 92); color: #4f545c;
margin: 8px 0; margin: 8px 0;
} }
@ -74,7 +74,7 @@ h2 {
.hr-sect:after { .hr-sect:after {
content: ""; content: "";
flex-grow: 1; flex-grow: 1;
background: rgba(79, 84, 92); background-color: #4f545c;
height: 1px; height: 1px;
margin: 0 8px; margin: 0 8px;
} }
@ -191,13 +191,7 @@ hr {
} }
@media only screen and (max-width : 320px) { @media only screen and (max-width : 320px) {
#logo {
align-self: center;
top: inherit;
left: inherit;
}
footer ul li { footer ul li {
display: block; display: block;
} }
} }