diff --git a/html/header.php b/html/header.php index 21f41e5..6d04b7a 100755 --- a/html/header.php +++ b/html/header.php @@ -1,4 +1,4 @@ - @@ -409,12 +409,14 @@ include 'static.php'; .form-center { text-align: center; } + .social-row { display: flex; gap: 12px; align-items: center; padding: 8px; } + .social-btn { width: 67px; height: 67px; @@ -425,9 +427,85 @@ include 'static.php'; text-decoration: none; transition: transform .12s, box-shadow .12s; } - .social-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,.08); } - .social-btn svg { width: 22px; height: 22px; display: block; } - .sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } + + .social-btn:hover { + transform: translateY(-3px); + box-shadow: 0 6px 18px rgba(0, 0, 0, .08); + } + + .social-btn svg { + width: 22px; + height: 22px; + display: block; + } + + .sr-only { + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; + } + + + /* ===== FIXED TEXTAREA BLOCK ===== */ + + .row { + margin-bottom: 22px; + display: flex; + flex-direction: column; + } + + .row label { + font-size: 14px; + font-weight: 600; + margin-bottom: 8px; + color: #cbd5e1; + letter-spacing: .2px; + } + + /* textarea field */ + .row textarea { + width: 100%; + min-height: 70px; + padding: 14px 14px; + border-radius: 12px; + border: 1px solid rgba(255, 255, 255, .12); + background: linear-gradient(180deg, #020617, #020617); + color: #f1f5f9; + font-size: 14px; + line-height: 1.5; + resize: vertical; + transition: .18s ease; + } + + /* placeholder */ + .row textarea::placeholder { + color: #64748b; + } + + /* focus state */ + .row textarea:focus { + border-color: #38bdf8; + box-shadow: + 0 0 0 2px rgba(56, 189, 248, .18), + 0 6px 18px rgba(0, 0, 0, .45); + outline: none; + } + + /* helper text */ + .row small { + margin-top: 7px; + font-size: 12px; + color: #64748b; + } + + /* divider line between rows */ + .row:not(:last-child) { + padding-bottom: 18px; + border-bottom: 1px dashed rgba(255, 255, 255, .06); + }