-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyles.css
More file actions
101 lines (91 loc) · 4.45 KB
/
Copy pathstyles.css
File metadata and controls
101 lines (91 loc) · 4.45 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
/* ============================================================
GitMinecraft — shared + Minecraft styles
============================================================ */
/* ---- shared launch buttons (above the contribution graph) ---- */
.gca-btn {
font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
padding: 7px 13px; color: #fff;
background: #2da44e; border: none;
border-bottom: 3px solid #1f7a37; border-radius: 6px;
text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
}
.gca-btn:hover { filter: brightness(1.08); }
.gca-btn:active { border-bottom-width: 1px; transform: translateY(2px); }
.gca-btn.ghost { background: #2b3137; border-bottom-color: #15191d; }
.gca-launch-bar {
display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
margin: 10px 0 14px;
}
.gca-launch-label { font-size: 13px; font-weight: 600; opacity: 0.85; }
.gca-launch-btn { font-size: 13px; position: relative; overflow: hidden; }
/* periodic light sweep across the button to draw the eye */
.gca-launch-btn::after {
content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%;
background: linear-gradient(100deg, transparent, rgba(255,255,255,0.55), transparent);
transform: translateX(-150%) skewX(-20deg); pointer-events: none;
animation: gcaShine 3.4s ease-in-out infinite;
}
@keyframes gcaShine {
0% { transform: translateX(-150%) skewX(-20deg); }
55% { transform: translateX(300%) skewX(-20deg); }
100% { transform: translateX(300%) skewX(-20deg); }
}
/* ---- containers: inline window + full-screen overlay ---- */
.gca-inline-wrap { margin: 10px 0 14px; }
.gca-inline {
position: relative; height: 460px; max-width: 100%;
background: #0d1117; border-radius: 8px; overflow: hidden;
}
.gca-overlay {
position: fixed; inset: 0; z-index: 99999;
display: flex; flex-direction: column;
background: #0d1117;
font-family: -apple-system, "Segoe UI", Roboto, "PingFang SC", sans-serif;
color: #e6edf3;
}
.gca-stage { position: relative; flex: 1; overflow: hidden; }
/* per-game mount point: fills its parent (inline window or fullscreen stage) */
.gca-game-host { position: absolute; inset: 0; }
/* ---- floating controls (top-right): fullscreen + exit ---- */
.gca-fab { position: absolute; top: 12px; right: 12px; z-index: 6; display: flex; gap: 6px; }
/* shared pill icon-buttons: the fab corner controls + in-canvas tools */
.gca-fab-btn, .gmc-tool {
width: 34px; height: 34px; padding: 0;
display: flex; align-items: center; justify-content: center;
font-size: 16px; line-height: 1; cursor: pointer; color: #fff;
background: rgba(20,26,22,0.5);
border: 1px solid rgba(255,255,255,0.16); border-radius: 9px;
backdrop-filter: blur(8px); transition: background .15s, transform .1s;
}
.gca-fab-btn:hover, .gmc-tool:hover { background: rgba(45,55,48,0.9); }
.gca-fab-btn:active, .gmc-tool:active { transform: translateY(1px); }
/* ============================================================
Minecraft (gmc-*)
============================================================ */
.gmc-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; cursor: grab; }
.gmc-canvas:active { cursor: grabbing; }
/* bottom-left tools: reset view + screenshot */
.gmc-bar { position: absolute; left: 12px; bottom: 12px; z-index: 4; display: flex; gap: 6px; }
/* top loot HUD: horizontal earnings strip, no panel background */
.gmc-loot {
position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
z-index: 3; display: flex; align-items: center; gap: 16px;
padding: 2px 6px; max-width: 92%; flex-wrap: wrap; justify-content: center;
pointer-events: none; white-space: nowrap;
text-shadow: 0 1px 2px rgba(0,0,0,0.55), 0 0 3px rgba(0,0,0,0.7);
}
.gmc-loot .chip { display: inline-flex; align-items: center; gap: 4px; font-size: 17px; color: #fff; }
.gmc-loot .chip b { font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; }
.gmc-loot .chip.hint { font-size: 13px; font-weight: 600; opacity: 0.85; }
.gmc-loot .score {
font-size: 18px; font-weight: 900; color: #ffd54f;
text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
.gmc-loot .pop { animation: gmcPop 0.32s ease; }
@keyframes gmcPop { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(1); } }
.gmc-tip {
position: absolute; z-index: 5; pointer-events: none; display: none;
padding: 5px 8px; font-size: 12px; border-radius: 4px;
background: #000; color: #fff; border: 1px solid #444;
transform: translate(-50%, -130%); white-space: nowrap;
}