mirror of
https://github.com/smartfrigde/armcord.git
synced 2024-08-14 23:56:58 +00:00
Merge pull request #8 from kckarnige/main
Fixed loading screen centering and adjusted titlebar
This commit is contained in:
commit
fa30f10ffa
2 changed files with 21 additions and 14 deletions
27
index.html
27
index.html
|
@ -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,11 +81,11 @@
|
|||
|
||||
<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>
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue