jasterv/MEMORY-CARD-GAME
1
0
Fork 0
mirror of https://codeberg.org/JasterV/MEMORY-CARD-GAME.git synced 2026-04-26 18:20:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

🌽🌌 Checkpoint

Browse source 
./style.css:18108127/750
./index.html:18108127/266
This commit is contained in:
Glitch (hello-webpage) 2020-07-30 09:18:31 +00:00
parent 7f8c980ab3
commit 204615b3fb
2 changed files with 34 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
index.html
View file

@ -15,6 +15,8 @@
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<i id="score-responsive" class="fas fa-trophy"></i>
<div class="cards-row">
<div class="left-card card">
<div class="choose-username">
@ -70,6 +72,7 @@
</div>
<div id="score-container" class="card score-container">
<i class="fas fa-trophy" id="scores-trophy"></i>
<h2 class="user-scores score-title">
Leaderboard

39
style.css
View file

@ -275,6 +275,17 @@ strong {
background: #479EEB;
}
#score-responsive {
position: absolute;
font-size: 30px;
top: -255px;
left: 50px;
color: hsla(208, 80%, 60%, 1);
z-index: 3;
opacity: 0;
pointer-events: none;
}
@media (max-width: 980px) {
body {
padding: 0 90px;
@ -356,7 +367,18 @@ strong {
@media (max-width: 500px) {
body {
padding: 90px 0;
padding: 0;
}
.score-container {
position: absolute;
top: 0;
max-height: 100%;
min-height: 100%;
bottom: 0;
margin-top: 0;
opacity: 0;
pointer-events: none;
}
.cards-row {
@ -364,14 +386,15 @@ strong {
margin-top: 0;
}
.score-container {
max-height: 96px;
min-height: auto;
.fa-trophy {
font-size: 78vh;
opacity: .3;
left: 53px;
top: 80px;
}
.fa-trophy {
font-size: 18vh;
left: 53px;
top: -22px;
#score-responsive {
opacity: .3;
pointer-events: all;
}
}