Merge pull request #8 from kckarnige/main

Fixed loading screen centering and adjusted titlebar
This commit is contained in:
smartfridge 2021-05-05 07:28:57 +02:00 committed by GitHub
commit fa30f10ffa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 14 deletions

View file

@ -25,18 +25,16 @@
color: #8e9297;
text-align: center;
font-weight: 100;
transform: translateY(360%);
transform: translateY(-185%);
font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
text-rendering: optimizeLegibility;
font-style: italic;
}
h1 {
color: #ffffff;
font-size: 0px;
text-align: center;
font-weight: normal;
font-family: Discordinated;
transform: translateY(120%);
transform: translateY(-105%);
}
h1:before {
@ -44,22 +42,31 @@
color: #7289da;
font-weight: normal;
font-family: Helvetica, sans-serif;
font-size: 32px;
}
h1:after {
content: "Cord";
color: #ffffff;
font-weight: normal;
font-family: Discordinated;
font-size: 32px;
}
span {
text-align: center;
}
.center {
.logo {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
max-height: 204px;
max-width: 204px;
transform: translateY(5%);
}
.loading {
.container {
position: fixed;
top: 50%;
left: 50%;
@ -74,13 +81,13 @@
<body>
<div class="container">
<video autoplay loop class="center" style="transform: translateY(60%);">
<video autoplay loop class="logo">
<source src="https://discord.com/assets/0bdc0497eb3a19e66f2b1e3d5741634c.webm" type="video/webm">
</video>
<p>Loading...</p>
<h1>Cord</h1>
<h1></h1>
</div>
</body>
</html>
</html>

View file

@ -48,7 +48,7 @@ div.menubar[role="menubar"] {
content: "Cord";
color: #fff;
font-weight: normal;
font-size: 12px;
font-size: 14px;
font-family: Discordinated;
}
@ -56,14 +56,14 @@ div.menubar[role="menubar"] {
content: "ARM";
color: #7289da;
font-weight: normal;
font-size: 12px;
font-size: 14px;
font-family: Helvetica, sans-serif;
}
.window-title {
font-size: 0px !important;
margin-left: initial !important;
transform: translate(10px, 3px) !important;
transform: translate(10px, 2px) !important;
}
.titlebar {