2526-web/Kelompok8-OCAGamingHub-Ody-Alex-Cliff
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update css

Browse Source
This commit is contained in:
Cliff 2025-11-21 08:18:00 +07:00
parent d12aa6a296
commit a1b73b68a8
1 changed files with 1 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
cliff.css
View File

@ -1,6 +1,4 @@
/* ==============================
BASE TABLE LAYOUT
================================*/
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -74,10 +72,6 @@ button:hover {
filter: brightness(1.15); filter: brightness(1.15);
} }
/* ==============================
MAIN BOARD
================================*/
main { main {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -98,10 +92,6 @@ main {
font-weight: bold; font-weight: bold;
} }
/* ==============================
CARDS
================================*/
.hand { .hand {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -142,10 +132,6 @@ main {
font-weight: bold; font-weight: bold;
} }
/* ==============================
ACTION BUTTONS
================================*/
.actions { .actions {
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
@ -153,10 +139,6 @@ main {
gap: 15px; gap: 15px;
} }
/* ==============================
MESSAGE (WIN/LOSE)
================================*/
#message { #message {
font-size: 28px; font-size: 28px;
font-weight: bold; font-weight: bold;
@ -165,7 +147,6 @@ main {
text-shadow: none; text-shadow: none;
} }
/* WIN EFFECT */
.win { .win {
color: #00ff55; color: #00ff55;
animation: glowWin 1s ease-in-out infinite alternate; animation: glowWin 1s ease-in-out infinite alternate;
@ -176,7 +157,6 @@ main {
to { text-shadow: 0 0 20px #55ff88; } to { text-shadow: 0 0 20px #55ff88; }
} }
/* LOSE EFFECT */
.lose { .lose {
color: #ff3333; color: #ff3333;
animation: glowLose 1s ease-in-out infinite alternate; animation: glowLose 1s ease-in-out infinite alternate;
@ -187,8 +167,6 @@ main {
to { text-shadow: 0 0 20px #ff7777; } to { text-shadow: 0 0 20px #ff7777; }
} }
/* TIE (no class = normal text) */
footer { footer {
margin-top: 20px; margin-top: 20px;
text-align: center; text-align: center;