File size: 2,155 Bytes
b190b45 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 |
/**
* Help Page Styles - Hugging Face Setup Guide
*/
.help-section {
background: var(--surface-glass);
border-radius: var(--radius-lg);
border: 1px solid var(--border-subtle);
padding: var(--space-6);
margin-bottom: var(--space-5);
}
.help-section h2 {
display: flex;
align-items: center;
gap: var(--space-2);
font-size: var(--font-size-xl);
margin-bottom: var(--space-3);
color: var(--text-strong);
}
.help-section p {
color: var(--text-muted);
margin-bottom: var(--space-3);
}
.help-list {
padding-left: var(--space-5);
margin-bottom: var(--space-3);
color: var(--text-weak);
}
.help-list li {
margin-bottom: var(--space-1);
}
.help-steps {
padding-left: var(--space-5);
margin-bottom: var(--space-3);
color: var(--text-weak);
}
.help-steps li {
margin-bottom: var(--space-1);
}
.help-note {
font-size: var(--font-size-sm);
color: var(--text-muted);
border-left: 3px solid var(--brand-blue);
padding-left: var(--space-3);
}
code {
background: rgba(15, 23, 42, 0.8);
border-radius: var(--radius-sm);
padding: 0 0.3rem;
font-size: 0.9em;
}
.code-block {
background: var(--surface-elevated);
border: 1px solid var(--border-subtle);
border-radius: var(--radius-md);
padding: var(--space-4);
margin: var(--space-4) 0;
overflow-x: auto;
font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
font-size: var(--font-size-sm);
line-height: 1.6;
}
.code-block code {
color: var(--text-strong);
background: transparent;
padding: 0;
border: none;
font-size: inherit;
}
.code-block pre {
margin: 0;
padding: 0;
background: transparent;
border: none;
overflow: visible;
}
.resources-summary {
background: var(--surface-elevated);
border: 1px solid var(--border-subtle);
border-radius: var(--radius-lg);
padding: var(--space-4);
margin: var(--space-4) 0;
}
.resources-summary h3 {
color: var(--text-strong);
margin: 0 0 var(--space-3) 0;
font-size: var(--font-size-md);
font-weight: var(--font-weight-semibold);
}
|