Move Projekt-KIQ-HP bahn/ -> dhive/ (dhive project); add steering files
This commit is contained in:
@@ -0,0 +1,283 @@
|
||||
.ad-page {
|
||||
min-height: 100vh;
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
|
||||
/* Hero */
|
||||
.ad-hero {
|
||||
position: relative;
|
||||
padding: 160px 20px 80px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ad-hero-content {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.ad-tag {
|
||||
display: inline-block;
|
||||
background: rgba(255, 165, 0, 0.1);
|
||||
border: 1px solid rgba(255, 165, 0, 0.3);
|
||||
color: #ffb347;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
padding: 6px 16px;
|
||||
border-radius: 50px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.ad-hero h1 {
|
||||
font-size: clamp(2.5rem, 5vw, 3.5rem);
|
||||
line-height: 1.1;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.ad-subtitle {
|
||||
color: var(--text-secondary);
|
||||
font-size: 1.05rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
/* Container */
|
||||
.ad-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
max-width: 1100px !important;
|
||||
}
|
||||
|
||||
/* Metrics */
|
||||
.ad-metrics {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.ad-metrics { grid-template-columns: repeat(2, 1fr); }
|
||||
}
|
||||
|
||||
.ad-metric {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 24px 16px;
|
||||
border-radius: 16px;
|
||||
text-align: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.ad-metric-highlight {
|
||||
border-color: rgba(255, 165, 0, 0.3) !important;
|
||||
background: rgba(255, 165, 0, 0.05) !important;
|
||||
}
|
||||
|
||||
.ad-metric-icon { font-size: 1.4rem; }
|
||||
|
||||
.ad-metric-val {
|
||||
font-size: 2.2rem;
|
||||
font-weight: 800;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ad-metric-label {
|
||||
font-size: 0.8rem;
|
||||
color: var(--text-secondary);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
}
|
||||
|
||||
/* Table section */
|
||||
.ad-section {
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ad-section-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 28px 32px;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.06);
|
||||
}
|
||||
|
||||
.ad-section-head h2 {
|
||||
font-size: 1.3rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ad-count {
|
||||
font-size: 0.82rem;
|
||||
color: var(--text-secondary);
|
||||
background: rgba(255,255,255,0.04);
|
||||
padding: 4px 12px;
|
||||
border-radius: 50px;
|
||||
border: 1px solid rgba(255,255,255,0.08);
|
||||
}
|
||||
|
||||
.ad-table-wrap {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.ad-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.ad-table th {
|
||||
text-align: left;
|
||||
padding: 14px 20px;
|
||||
font-size: 0.78rem;
|
||||
font-weight: 600;
|
||||
color: var(--text-secondary);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.07em;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.06);
|
||||
}
|
||||
|
||||
.ad-row {
|
||||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.ad-row:hover, .ad-row-active {
|
||||
background: rgba(255,255,255,0.03);
|
||||
}
|
||||
|
||||
.ad-row td {
|
||||
padding: 16px 20px;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.04);
|
||||
vertical-align: middle;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.ad-row td strong {
|
||||
display: block;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.ad-sub {
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.82rem;
|
||||
}
|
||||
|
||||
.ad-muted { color: var(--text-secondary); }
|
||||
|
||||
.ad-done { display: block; text-align: center; }
|
||||
|
||||
/* Badges */
|
||||
.ad-badge {
|
||||
display: inline-block;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
padding: 4px 12px;
|
||||
border-radius: 50px;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
|
||||
.ad-badge-pending { background: rgba(255,165,0,0.15); color: #ffb347; border: 1px solid rgba(255,165,0,0.3); }
|
||||
.ad-badge-approved { background: rgba(0,255,0,0.1); color: var(--accent-color); border: 1px solid rgba(0,255,0,0.25); }
|
||||
.ad-badge-rejected { background: rgba(255,60,60,0.1); color: #ff6b6b; border: 1px solid rgba(255,60,60,0.2); }
|
||||
|
||||
/* Action buttons */
|
||||
.ad-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.ad-btn {
|
||||
font-family: 'Outfit', sans-serif;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 700;
|
||||
padding: 6px 14px;
|
||||
border-radius: 8px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.ad-btn:hover { opacity: 0.8; }
|
||||
.ad-btn-approve { background: rgba(0,255,0,0.2); color: var(--accent-color); border: 1px solid rgba(0,255,0,0.3); }
|
||||
.ad-btn-reject { background: rgba(255,60,60,0.15); color: #ff6b6b; border: 1px solid rgba(255,60,60,0.25); }
|
||||
|
||||
/* Detail row */
|
||||
.ad-detail-row td {
|
||||
background: rgba(0,255,0,0.02);
|
||||
border-bottom: 1px solid rgba(255,255,255,0.04);
|
||||
}
|
||||
|
||||
.ad-detail {
|
||||
padding: 16px 20px;
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.ad-detail a { color: var(--accent-color); }
|
||||
|
||||
.ad-detail-reason {
|
||||
margin: 8px 0 0;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Info grid */
|
||||
.ad-info-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.ad-info-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
.ad-info {
|
||||
border-radius: 16px;
|
||||
padding: 28px;
|
||||
}
|
||||
|
||||
.ad-info h3 {
|
||||
font-size: 1.05rem;
|
||||
color: #fff;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.ad-info-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.ad-info-list li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 0.88rem;
|
||||
color: var(--text-secondary);
|
||||
padding-bottom: 12px;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.05);
|
||||
}
|
||||
|
||||
.ad-info-list li:last-child { border-bottom: none; padding-bottom: 0; }
|
||||
|
||||
.ad-info-list strong {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Note */
|
||||
.ad-mockup-note {
|
||||
text-align: center;
|
||||
font-size: 0.82rem;
|
||||
color: rgba(153,153,153,0.5);
|
||||
margin-top: 8px;
|
||||
}
|
||||
Reference in New Issue
Block a user