website polish
This commit is contained in:
esef committed
1 parent
a55e339ba8
commit
6b52f9ea14
16 files changed
+679
-778
No files matched your search
@@ -107,9 +107,9 @@
|
||||
box-shadow: 0 3px 16px rgba(184, 68, 87, 0.08);
|
||||
}
|
||||
|
||||
/* TODO: .bl-done styles — dim + strikethrough for completed items */
|
||||
/* .bl-item.bl-done { opacity: 0.5; }
|
||||
.bl-item.bl-done .bl-title { text-decoration: line-through; } */
|
||||
/* Completed items */
|
||||
.bl-item.bl-done { opacity: 0.5; }
|
||||
.bl-item.bl-done .bl-title { text-decoration: line-through; }
|
||||
|
||||
.bl-item .bl-title {
|
||||
color: #F4F2F5;
|
||||
|
||||
+2
-8
@@ -1,11 +1,5 @@
|
||||
/* Calendar tab */
|
||||
|
||||
#calendar-btn {
|
||||
background-color: #FBC4CC; color: #232329;
|
||||
border: none; padding: 12px 24px; border-radius: 8px;
|
||||
cursor: pointer; transition: box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
/* ── Two-column layout ─────────────────────────────────────── */
|
||||
.cal-wrap {
|
||||
max-width: 95vw; margin: 0 auto;
|
||||
@@ -93,7 +87,7 @@
|
||||
}
|
||||
|
||||
/* ── Sidebar ───────────────────────────────────────────────── */
|
||||
.cal-sidebar h3 { margin-top: 0;
|
||||
.cal-sidebar h3 {
|
||||
font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px;
|
||||
color: rgba(244,242,245,0.65); margin: 0 0 14px;
|
||||
font-family: Arial, sans-serif;
|
||||
@@ -117,4 +111,4 @@
|
||||
font-family: Arial, sans-serif; font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.cal-tz-note { font-size: 0.65rem; color: rgba(244,242,245,0.35); text-align: center; margin-top: 16px; }
|
||||
.cal-tz-note { font-size: 0.65rem; color: rgba(244,242,245,0.35); text-align: center; margin-top: 16px; }
|
||||
+3
-24
@@ -97,18 +97,6 @@
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ── Firebase warning ────────────────────────────────────── */
|
||||
#firebase-setup-warning {
|
||||
background: rgba(180, 80, 30, 0.25);
|
||||
border-bottom: 1px solid rgba(180, 80, 30, 0.4);
|
||||
padding: 10px 14px;
|
||||
color: #ffb89a;
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.5;
|
||||
display: none;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
/* ── Comment rows ────────────────────────────────────────── */
|
||||
#comments-list {
|
||||
display: flex;
|
||||
@@ -169,7 +157,7 @@
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* Steam cyan username -> Now Black */
|
||||
/* Username */
|
||||
.comment-name {
|
||||
font-size: 0.85rem;
|
||||
font-weight: bold;
|
||||
@@ -209,12 +197,10 @@
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* ── Post form (bottom, Steam style) ────────────────────── */
|
||||
/* ── Post form (above the feed) ──────────────────────────── */
|
||||
.steam-form-area {
|
||||
background: transparent;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
padding: 20px 0 0 0;
|
||||
margin-top: 10px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.steam-form-label {
|
||||
@@ -338,13 +324,6 @@
|
||||
}
|
||||
#comment-submit:disabled { opacity: 0.4; cursor: not-allowed; transform: none; box-shadow: none; }
|
||||
|
||||
/* Comment count next to header */
|
||||
.comment-count-badge {
|
||||
font-size: 0.72rem;
|
||||
color: #556772;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
/* ── Custom PFP Upload ───────────────────────────────────── */
|
||||
.custom-pfp-upload {
|
||||
display: flex;
|
||||
|
||||
+1
-15
@@ -1,22 +1,8 @@
|
||||
#gallery-link-btn {
|
||||
background-color:aliceblue;
|
||||
color:#f0f8ff;
|
||||
border: none;
|
||||
padding: 12px 24px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
transition: box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
#gallery-link-btn:hover {
|
||||
box-shadow: 0 0 10px #02e3ff;
|
||||
}
|
||||
|
||||
.gallery-grid {
|
||||
display:grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
||||
gap: 10px;
|
||||
padding: 70px;
|
||||
padding: 210px 70px 70px; /* extra top padding clears the fixed nav bar */
|
||||
}
|
||||
|
||||
.gallery-grid img {
|
||||
|
||||
+2
-8
@@ -32,8 +32,8 @@ html, body {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 95px;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
height: 115px; /* 95px + 2×10px padding — other tabs' top offsets assume this */
|
||||
box-sizing: border-box;
|
||||
backdrop-filter: blur(2px);
|
||||
-webkit-backdrop-filter: blur(2px);
|
||||
z-index: 10;
|
||||
@@ -85,12 +85,6 @@ html, body {
|
||||
transition: border-color 0.4s ease, color 0.4s ease;
|
||||
}
|
||||
|
||||
title {
|
||||
font-size: large;
|
||||
font-weight: 100;
|
||||
margin-bottom: auto;
|
||||
color:#000000;
|
||||
}
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
color: #000000;
|
||||
|
||||
+4
-27
@@ -7,14 +7,10 @@
|
||||
--dash-columns: 6; /* number of columns (2 = 2×2, 3 = 3-wide, etc.) */
|
||||
--dash-gap: 20px; /* space between boxes */
|
||||
--dash-min-card-height: 200px;/* minimum height of each box */
|
||||
--dash-max-width: none; /* max width of the whole grid */
|
||||
--dash-padding: 120px 48px 60px; /* top right/left bottom */
|
||||
--dash-max-width: none; /* max width of the whole grid */
|
||||
}
|
||||
|
||||
/* To make boxes take different amounts of space, add a class
|
||||
to the HTML like "wide" or "tall" and define it here:
|
||||
|
||||
.dash-card.tall { grid-row: span 2; } */
|
||||
/* Card widths come from the .spanN helpers at the bottom of this file. */
|
||||
|
||||
/* ── Tab header ───────────────────────────────────────────── */
|
||||
.dash-header {
|
||||
@@ -41,6 +37,7 @@
|
||||
50% { box-shadow: 0 0 20px #22c55e, 0 0 40px rgba(34,197,94,0.4); }
|
||||
}
|
||||
.dash-header .offline { background: #ef4444; box-shadow: 0 0 12px #ef4444; animation: none; }
|
||||
.dash-header .pending { background: #64748b; box-shadow: none; animation: none; }
|
||||
|
||||
/* ── Card grid ────────────────────────────────────────────── */
|
||||
.dash-grid {
|
||||
@@ -71,19 +68,12 @@
|
||||
box-shadow: 0 6px 28px rgba(91, 111, 222, 0.12);
|
||||
}
|
||||
|
||||
/* ── Card header (icon + label) ───────────────────────────── */
|
||||
/* ── Card header ──────────────────────────────────────────── */
|
||||
.card-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.card-icon {
|
||||
font-size: 1.6rem;
|
||||
width: 44px; height: 44px;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
background: rgba(91, 111, 222, 0.12);
|
||||
border-radius: 10px;
|
||||
}
|
||||
.card-label {
|
||||
font-size: 0.8rem;
|
||||
text-transform: uppercase;
|
||||
@@ -133,18 +123,6 @@
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
/* ── Footer ───────────────────────────────────────────────── */
|
||||
.dash-footer {
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, 0.2);
|
||||
font-size: 0.7rem;
|
||||
padding-bottom: 50px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
/* ── Wide card (span 2 columns) ────────────────────────────── */
|
||||
|
||||
|
||||
/* ── Fastfetch text block ──────────────────────────────────── */
|
||||
.card-fetch {
|
||||
margin: 12px 0 0;
|
||||
@@ -160,4 +138,3 @@
|
||||
.dash-card.span2 { grid-column: span 2; } /* 3 per row */
|
||||
.dash-card.span3 { grid-column: span 3; } /* 2 per row — stretched */
|
||||
.dash-card.span6 { grid-column: span 6; } /* full width */
|
||||
.card-spacer { height: 32px; }
|
||||
Reference in new issue
Block a user