updtae
This commit is contained in:
parent
cbc79854d6
commit
0082c28942
|
|
@ -1,6 +1,6 @@
|
||||||
<?php
|
<?php
|
||||||
require 'require_login.php';
|
require 'require_login.php';
|
||||||
include 'static.php';
|
include 'sdevtatic.php';
|
||||||
?>
|
?>
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
@ -17,7 +17,7 @@ include 'static.php';
|
||||||
:root {
|
:root {
|
||||||
--bg: #020617;
|
--bg: #020617;
|
||||||
--panel: #0f172a;
|
--panel: #0f172a;
|
||||||
--panel2: #0deg0617;
|
--panel2: #020617;
|
||||||
--accent: #38bdf8;
|
--accent: #38bdf8;
|
||||||
--accent2: #6366f1;
|
--accent2: #6366f1;
|
||||||
--text: #e5e7eb;
|
--text: #e5e7eb;
|
||||||
|
|
@ -59,10 +59,14 @@ include 'static.php';
|
||||||
.top-header-1 a {
|
.top-header-1 a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background: linear-gradient(90deg, var(--accent), var(--accent2));
|
background: linear-gradient(90deg, var(--accent), var(--accent2));
|
||||||
|
|
||||||
|
/* standard + vendor for compatibility */
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
|
|
||||||
color: transparent;
|
color: transparent;
|
||||||
-webkit-text-fill-color: transparent;
|
-webkit-text-fill-color: transparent;
|
||||||
|
/* required for Safari/WebKit */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -100,7 +104,7 @@ include 'static.php';
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background: rgba(2, 6, 23, 0.85);
|
background: rgba(2, 6, 23, .85);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-bottom: 1px solid var(--border);
|
border-bottom: 1px solid var(--border);
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
|
|
@ -126,6 +130,10 @@ include 'static.php';
|
||||||
}
|
}
|
||||||
|
|
||||||
/* CONTAINER */
|
/* CONTAINER */
|
||||||
|
/* slightly brighter panel for readability */
|
||||||
|
/* ===== MERGED + IMPROVED VISIBILITY (REPLACE EXISTING BLOCKS) ===== */
|
||||||
|
|
||||||
|
/* container */
|
||||||
.containerindex {
|
.containerindex {
|
||||||
max-width: 1280px;
|
max-width: 1280px;
|
||||||
margin: 30px auto;
|
margin: 30px auto;
|
||||||
|
|
@ -140,6 +148,7 @@ include 'static.php';
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* inner glow separation */
|
||||||
.containerindex::before {
|
.containerindex::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -154,93 +163,7 @@ include 'static.php';
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
border-radius: var(--radius);
|
border-radius: var(--radius);
|
||||||
background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
|
background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
|
||||||
// ... existing code ...
|
|
||||||
/* ===== FIREWALL PAGE ADDON ===== */
|
|
||||||
|
|
||||||
/* section title */
|
|
||||||
.card h2 {
|
|
||||||
margin: 0 0 18px;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
border-bottom: 1px solid var(--border);
|
|
||||||
padding-bottom: 8px;
|
|
||||||
color: #f1f5f9;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* form rows */
|
|
||||||
.row {
|
|
||||||
margin-bottom: 22px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* label */
|
|
||||||
.row label {
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
color: #cbd5e1;
|
|
||||||
letter-spacing: .2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row textarea {
|
|
||||||
width: 100%;
|
|
||||||
min-height: 70px;
|
|
||||||
padding: 14px 14px;
|
|
||||||
border-radius: 12px;
|
|
||||||
border: 1px solid rgba(255, 255, 255, .12);
|
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row textarea::placeholder {
|
|
||||||
// ... existing code ...
|
|
||||||
/* consistent input sizing */
|
|
||||||
.password-form input {
|
|
||||||
width: 100%;
|
|
||||||
height: 46px;
|
|
||||||
padding: 0 16px;
|
|
||||||
border-radius: 12px;
|
|
||||||
border: 1px solid rgba(255, 255, 255, .12);
|
|
||||||
background: #020617;
|
|
||||||
color: #f8fafc;
|
|
||||||
font-size: 14px;
|
|
||||||
transition: .18s;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* focus */
|
|
||||||
// ... existing code ...
|
|
||||||
/* inputs */
|
|
||||||
.wrap input[type=text],
|
|
||||||
.wrap input[type=email],
|
|
||||||
.wrap select {
|
|
||||||
width: 100%;
|
|
||||||
padding: 14px 12px;
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 1px solid rgba(255, 255, 55, .08);
|
|
||||||
background: #020617;
|
|
||||||
color: var(--text);
|
|
||||||
font-size: 14px;
|
|
||||||
transition: .2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrap input:focus,
|
|
||||||
// ... existing code ...
|
|
||||||
/* badge */
|
|
||||||
.pill {
|
|
||||||
font-size: 12px;
|
|
||||||
padding: 6px 12px;
|
|
||||||
border-radius: 999px;
|
|
||||||
background: linear-gradient(90deg, #0ea5e9, #6366f1, 255, .08);
|
|
||||||
color: #fff;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
backdrop-filter: blur(4px);
|
backdrop-filter: blur(4px);
|
||||||
box-shadow: 0 8px 28px rgba(0, 0, 0, .55);
|
box-shadow: 0 8px 28px rgba(0, 0, 0, .55);
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
|
|
@ -635,7 +558,6 @@ include 'static.php';
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
transition: .2s;
|
transition: .2s;
|
||||||
/* Added for consistency */
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -841,7 +763,7 @@ include 'static.php';
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 14px 12px;
|
padding: 14px 12px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
border: 1px solid rgba(255,255, 255, .08);
|
border: 1px solid rgba(255, 255, 255, .08);
|
||||||
background: #020617;
|
background: #020617;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
@ -944,13 +866,9 @@ include 'static.php';
|
||||||
color: #cbd5e1;
|
color: #cbd5e1;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
|
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
/* allow wrapping */
|
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
/* break long strings */
|
|
||||||
overflow-wrap: anywhere;
|
overflow-wrap: anywhere;
|
||||||
/* modern wrap support */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ===== NOTE BLOCK FIX ===== */
|
/* ===== NOTE BLOCK FIX ===== */
|
||||||
|
|
@ -1105,6 +1023,8 @@ include 'static.php';
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
th {
|
||||||
|
text-align: left;
|
||||||
|
padding: 10px 8px;
|
||||||
background: rgba(255, 255, 255, .04);
|
background: rgba(255, 255, 255, .04);
|
||||||
border-bottom: 1px solid var(--border);
|
border-bottom: 1px solid var(--border);
|
||||||
color: #e2e8f0;
|
color: #e2e8f0;
|
||||||
|
|
@ -1184,7 +1104,6 @@ include 'static.php';
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* the card.wide .row */
|
|
||||||
.card.wide .row {
|
.card.wide .row {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|
@ -1281,6 +1200,7 @@ include 'static.php';
|
||||||
.control .row span:last-child {
|
.control .row span:last-child {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
min-width: 42px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue