AloeGames/AloeGames-Site
1
0
Fork 0
mirror of https://github.com/RedGrox2013/AloeGames-Site.git synced 2026-07-14 08:56:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Небольшие изменения

Browse Source
This commit is contained in:
RedGrox2013
2026-06-01 22:50:32 +03:00
parent 2e1a2e007f
commit 5d6395ea47
3 changed files with 122 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/css/style.css
+75 -3
View File
@@ -64,7 +64,7 @@ header {
box-shadow: 0 0 10px var(--accent-glow);
}
.gitea-link {
.header-button {
display: inline-flex;
align-items: center;
padding: 6px 12px;
@@ -72,15 +72,16 @@ header {
background: var(--card);
border: 1px solid var(--border);
transition: 0.3s;
margin-right: 14px;
}
.gitea-link img {
.header-button img {
height: 24px;
width: auto;
display: block;
}
.gitea-link:hover {
.header-button:hover {
background: var(--card-hover);
box-shadow: 0 0 10px var(--accent-glow);
}
@@ -122,6 +123,19 @@ p {
line-height: 1.6;
}
.contact-link {
color: var(--accent);
text-decoration: none;
border-bottom: 1px solid rgba(34, 197, 94, 0.4);
transition: color 0.2s ease, border-color 0.2s ease;
}
.contact-link:hover,
.contact-link:focus {
color: #a7f3d0;
border-color: rgba(167, 243, 208, 0.8);
}
.btn {
margin-top: 30px;
padding: 14px 28px;
@@ -218,6 +232,64 @@ p {
box-shadow: 0 0 20px var(--accent-glow);
}
.mirror-links {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 18px;
margin-top: 24px;
}
.mirror-card {
display: block;
padding: 18px 20px;
border-radius: 18px;
background: var(--card);
border: 1px solid var(--border);
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.mirror-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin-bottom: 12px;
border-radius: 12px;
background: rgba(34, 197, 94, 0.12);
color: var(--accent);
font-size: 18px;
}
.mirror-card:hover .mirror-icon,
.mirror-card:focus-visible .mirror-icon {
background: rgba(34, 197, 94, 0.24);
}
.mirror-card:hover,
.mirror-card:focus-visible {
transform: translateY(-2px);
background: var(--card-hover);
box-shadow: 0 0 24px var(--accent-glow);
border-color: rgba(34, 197, 94, 0.35);
}
.mirror-title {
display: block;
font-size: 18px;
font-weight: 700;
color: var(--accent);
margin-bottom: 6px;
}
.mirror-url {
display: block;
font-size: 14px;
color: var(--text-muted);
word-break: break-all;
}
footer {
text-align: center;
padding: 40px;