Tags: Mobile edit Mobile web edit |
Tags: Mobile edit Mobile web edit |
| Line 865: |
Line 865: |
| color: rgba(140,156,184,0.78); | | color: rgba(140,156,184,0.78); |
| } | | } |
|
| |
| /* ==========================================================================
| |
| 8) LEGACY SCHEMA 1: SCALING TOP
| |
| ========================================================================== */
| |
|
| |
| .sv-skill-scaling {
| |
| margin: 10px 0;
| |
| }
| |
|
| |
| .sv-gi-card .sv-scaling-row,
| |
| .sv-skill-card .sv-scaling-row {
| |
| padding: 10px 12px;
| |
| border-radius: 16px;
| |
| border: 1px solid rgba(59,75,99,0.85);
| |
| background: #1f2937;
| |
| background-image: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.00));
| |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
| |
| }
| |
|
| |
| .sv-gi-card .sv-scaling-grid,
| |
| .sv-skill-card .sv-scaling-grid {
| |
| display: grid;
| |
| grid-template-columns: 1fr 1fr;
| |
| gap: 10px;
| |
| align-items: start;
| |
| }
| |
|
| |
| .sv-gi-card .sv-scaling-col--scaling,
| |
| .sv-skill-card .sv-scaling-col--scaling {
| |
| grid-column: 1 / -1;
| |
| }
| |
|
| |
| .sv-gi-card .sv-scaling-value,
| |
| .sv-skill-card .sv-scaling-value {
| |
| word-wrap: break-word;
| |
| font-weight: 900;
| |
| font-size: 18px;
| |
| line-height: 1.10;
| |
| color: rgba(245,249,255,0.98);
| |
| }
| |
|
| |
| .sv-gi-card .sv-scaling-label,
| |
| .sv-skill-card .sv-scaling-label {
| |
| margin-top: 3px;
| |
| font-weight: 900;
| |
| font-size: 12px;
| |
| letter-spacing: 0.25px;
| |
| text-transform: uppercase;
| |
| color: rgba(182,198,224,0.95);
| |
| }
| |
|
| |
| .sv-gi-card .sv-scaling-list,
| |
| .sv-skill-card .sv-scaling-list {
| |
| display: grid;
| |
| gap: 6px;
| |
| margin-top: 2px;
| |
| }
| |
|
| |
| .sv-gi-card .sv-scaling-item,
| |
| .sv-skill-card .sv-scaling-item {
| |
| padding: 8px 10px;
| |
| border-radius: 14px;
| |
| border: 1px solid rgba(59,75,99,0.85);
| |
| background: #273449;
| |
| background-image: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.00));
| |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
| |
| font-weight: 800;
| |
| font-size: 13px;
| |
| color: rgba(215,226,244,0.92);
| |
| }
| |
|
| |
| /* ==========================================================================
| |
| 9) LEGACY SCHEMA 1: CORE GRID
| |
| ========================================================================== */
| |
|
| |
| .sv-skill-core {
| |
| margin: 10px 0;
| |
| }
| |
|
| |
| .sv-gi-card .sv-core-row,
| |
| .sv-skill-card .sv-core-row {
| |
| padding: 10px 12px;
| |
| border-radius: 16px;
| |
| border: 1px solid rgba(59,75,99,0.85);
| |
| background: #1f2937;
| |
| background-image: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.00));
| |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
| |
| }
| |
|
| |
| .sv-gi-card .sv-core-grid,
| |
| .sv-skill-card .sv-core-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(3, minmax(0, 1fr));
| |
| gap: 10px;
| |
| }
| |
|
| |
| .sv-gi-card .sv-core-cell,
| |
| .sv-skill-card .sv-core-cell {
| |
| min-width: 0;
| |
| padding: 10px 10px 9px;
| |
| border-radius: 14px;
| |
| border: 1px solid rgba(59,75,99,0.85);
| |
| background: #273449;
| |
| background-image: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.00));
| |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
| |
| }
| |
|
| |
| .sv-gi-card .sv-core-top,
| |
| .sv-skill-card .sv-core-top {
| |
| min-width: 0;
| |
| display: flex;
| |
| align-items: baseline;
| |
| gap: 6px;
| |
| }
| |
|
| |
| .sv-gi-card .sv-core-num,
| |
| .sv-skill-card .sv-core-num {
| |
| min-width: 0;
| |
| word-wrap: break-word;
| |
| font-weight: 900;
| |
| font-size: 17px;
| |
| line-height: 1.10;
| |
| color: rgba(245,249,255,0.98);
| |
| }
| |
|
| |
| .sv-gi-card .sv-core-unit,
| |
| .sv-skill-card .sv-core-unit {
| |
| font-weight: 900;
| |
| font-size: 12px;
| |
| color: rgba(182,198,224,0.95);
| |
| }
| |
|
| |
| .sv-gi-card .sv-core-label,
| |
| .sv-skill-card .sv-core-label {
| |
| margin-top: 6px;
| |
| font-weight: 900;
| |
| font-size: 12px;
| |
| letter-spacing: 0.25px;
| |
| text-transform: uppercase;
| |
| color: rgba(182,198,224,0.95);
| |
| }
| |
|
| |
| .sv-gi-card .sv-core-label--tight,
| |
| .sv-skill-card .sv-core-label--tight {
| |
| letter-spacing: 0.12px;
| |
| }
| |
|
| |
|
| /* ========================================================================== | | /* ========================================================================== |
