hw_partner
/
urmic_digital_encoder_decoder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

This commit is contained in:
devdatt 2026-02-18 05:34:16 +05:30
parent 609420e924
commit c90ab45a53
1 changed files with 58 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
encoder/header.php
View File

@ -80,8 +80,7 @@ include 'static.php';
.top-header-2 a { .top-header-2 a {
color: var(--muted); color: var(--muted);
text-decoration: none; text-decoration: none
transition: .25s;
} }
.top-header-2 a:hover { .top-header-2 a:hover {
@ -106,29 +105,24 @@ include 'static.php';
.site-header nav { .site-header nav {
display: flex; display: flex;
gap: 26px; gap: 26px;
flex-wrap: wrap; flex-wrap: wrap
} }
.site-header a { .site-header a {
color: var(--muted); color: var(--muted);
text-decoration: none; text-decoration: none
font-size: 14px;
transition: .25s;
} }
.site-header a:hover { .site-header a:hover {
color: var(--text) color: var(--text)
} }
/* PAGE OFFSET */
.page-wrap { .page-wrap {
padding-top: 150px; padding-top: 150px
} }
/* CONTAINERS */ /* CONTAINER */
.container,
.containerindex { .containerindex {
max-width: 1100px; max-width: 1100px;
margin: 30px auto; margin: 30px auto;
@ -144,42 +138,43 @@ include 'static.php';
.grid { .grid {
display: grid; display: grid;
gap: 20px; gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
} }
/* CARD */ /* CARD */
.card { .card {
padding: 18px; padding: 20px;
border-radius: var(--radius); border-radius: var(--radius);
background: rgba(255, 255, 255, .02); background: rgba(255, 255, 255, .02);
border: 1px solid var(--border); border: 1px solid var(--border);
} }
.card.wide { .card.wide {
grid-column: 1/-1; grid-column: 1/-1
} }
.card h3 { .card h3 {
margin: 0 0 14px; margin: 0 0 16px;
font-size: 16px; font-size: 17px;
font-weight: 600; font-weight: 600;
color: #f1f5f9;
} }
/* DROPDOWNS */ /* DROPDOWN ROW */
.dropdown-container { .dropdown-container {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 14px; gap: 16px;
margin-bottom: 14px; margin-bottom: 16px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.dropdown-label { .dropdown-label {
font-size: 14px; min-width: 170px;
color: var(--muted); color: var(--muted);
min-width: 160px; font-size: 14px;
} }
.dropdown select { .dropdown select {
@ -188,8 +183,22 @@ include 'static.php';
border: 1px solid var(--border); border: 1px solid var(--border);
background: #020617; background: #020617;
color: var(--text); color: var(--text);
font-size: 14px; min-width: 180px;
outline: none; }
/* INPUT ROW BLOCK (URL rows etc) */
.input-container {
display: flex;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 16px;
align-items: flex-end;
}
.input-container .input-group {
flex: 1 1 260px;
margin: 0;
} }
/* INPUT */ /* INPUT */
@ -207,12 +216,12 @@ include 'static.php';
background: #020617; background: #020617;
color: var(--text); color: var(--text);
font-size: 14px; font-size: 14px;
outline: none;
} }
.input-group input:focus { .input-group input:focus {
border-color: var(--accent); border-color: var(--accent);
box-shadow: 0 0 0 2px rgba(56, 189, 248, .15); box-shadow: 0 0 0 2px rgba(56, 189, 248, .15);
outline: none;
} }
.input-group label { .input-group label {
@ -224,7 +233,7 @@ include 'static.php';
color: var(--muted); color: var(--muted);
background: #020617; background: #020617;
padding: 0 6px; padding: 0 6px;
transition: .25s; transition: .2s;
} }
.input-group input:focus+label, .input-group input:focus+label,
@ -234,6 +243,26 @@ include 'static.php';
color: var(--accent); color: var(--accent);
} }
/* CHECKBOX */
.checkbox-group {
display: flex;
align-items: center;
gap: 8px;
white-space: nowrap;
}
.checkbox-group input {
width: 18px;
height: 18px;
accent-color: #38bdf8;
}
.checkbox-group label {
font-size: 14px;
color: var(--muted);
}
/* BUTTON */ /* BUTTON */
button[type="submit"] { button[type="submit"] {
@ -247,7 +276,7 @@ include 'static.php';
} }
button[type="submit"]:hover { button[type="submit"]:hover {
opacity: .9; opacity: .9
} }
/* FOOTER */ /* FOOTER */
@ -272,7 +301,6 @@ include 'static.php';
border: 1px solid var(--border); border: 1px solid var(--border);
box-shadow: 0 10px 35px rgba(0, 0, 0, .45); box-shadow: 0 10px 35px rgba(0, 0, 0, .45);
font-size: 14px; font-size: 14px;
color: #cbd5e1;
} }
.footer-box strong { .footer-box strong {
@ -280,9 +308,8 @@ include 'static.php';
} }
.phone { .phone {
text-decoration: none;
color: #38bdf8; color: #38bdf8;
font-weight: 500; text-decoration: none
} }
.phone:hover { .phone:hover {
@ -316,13 +343,7 @@ include 'static.php';
@media(max-width:700px) { @media(max-width:700px) {
.site-header nav { .site-header nav {
gap: 16px gap: 14px
}
.top-header-2 {
flex-wrap: wrap;
height: auto;
padding: 8px
} }
.page-wrap { .page-wrap {
@ -331,7 +352,7 @@ include 'static.php';
.footer-box { .footer-box {
flex-direction: column; flex-direction: column;
text-align: center; text-align: center
} }
} }
</style> </style>