|
|
| (Aynı kullanıcının aradaki diğer 19 değişikliği gösterilmiyor) |
| 1. satır: |
1. satır: |
| /* Ana rol kartı */
| |
| .fm-rolecard {
| |
| /*max-width: 420px;*/
| |
| background: #ffffff;
| |
| border-radius: 12px;
| |
| border: 1px solid #dde2eb;
| |
| padding: 14px 16px;
| |
| margin: 12px 0;
| |
| font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
| |
| box-shadow: 0 4px 10px rgba(15, 23, 42, 0.04);
| |
| }
| |
|
| |
|
| /* Üst başlık alanı */
| |
| .fm-rolecard__header {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: flex-start;
| |
| gap: 8px;
| |
| }
| |
|
| |
| .fm-rolecard__title-group {
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: 2px;
| |
| }
| |
|
| |
| /* Rol adı */
| |
| .fm-rolecard__name {
| |
| font-size: 18px;
| |
| font-weight: 650;
| |
| color: #111827;
| |
| }
| |
|
| |
| /* Kod + pozisyon satırı */
| |
| .fm-rolecard__meta {
| |
| font-size: 12px;
| |
| color: #6b7280;
| |
| }
| |
|
| |
| /* Görev rozeti */
| |
| .fm-rolecard__duty {
| |
| font-size: 11px;
| |
| font-weight: 700;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.06em;
| |
| padding: 4px 8px;
| |
| border-radius: 999px;
| |
| align-self: flex-start;
| |
| background: #e5e7eb;
| |
| color: #111827;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| /* Göreve göre renk varyasyonları */
| |
| .fm-rolecard__duty--support {
| |
| background: #e0f2fe;
| |
| color: #0369a1;
| |
| }
| |
|
| |
| .fm-rolecard__duty--attack {
| |
| background: #fee2e2;
| |
| color: #b91c1c;
| |
| }
| |
|
| |
| .fm-rolecard__duty--defend {
| |
| background: #e5e7eb;
| |
| color: #374151;
| |
| }
| |
|
| |
| /* Açıklama alanı */
| |
| .fm-rolecard__description {
| |
| margin-top: 10px;
| |
| font-size: 15px;
| |
| line-height: 1.6;
| |
| color: #374151;
| |
| background: #f9fafb;
| |
| border-radius: 8px;
| |
| padding: 10px 11px;
| |
| }
| |
|
| |
| /* Bölümler (kritik, ikincil, simgeler) */
| |
| .fm-rolecard__section {
| |
| margin-top: 10px;
| |
| }
| |
|
| |
| .fm-rolecard__section-title {
| |
| font-size: 12px;
| |
| font-weight: 600;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.05em;
| |
| color: #6b7280;
| |
| margin-bottom: 4px;
| |
| }
| |
|
| |
| /* Badge listesi */
| |
| .fm-rolecard__badge-list {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 4px;
| |
| }
| |
|
| |
| /* Özellik badge’leri */
| |
| .fm-rolecard__badge {
| |
| display: inline-block;
| |
| padding: 3px 8px;
| |
| border-radius: 999px;
| |
| font-size: 11px;
| |
| font-weight: 600;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| /* Kritik → yeşil ton */
| |
| .fm-rolecard__badge--critical {
| |
| background: #ecfdf3;
| |
| color: #166534;
| |
| border: 1px solid #bbf7d0;
| |
| }
| |
|
| |
| /* İkincil → mavi ton */
| |
| .fm-rolecard__badge--secondary {
| |
| background: #eff6ff;
| |
| color: #1d4ed8;
| |
| border: 1px solid #bfdbfe;
| |
| }
| |
|
| |
| /* İkonlar */
| |
| .fm-rolecard__section--icons .fm-rolecard__badge-list {
| |
| gap: 6px;
| |
| }
| |
|
| |
| .fm-rolecard__icon {
| |
| font-size: 18px;
| |
| }
| |