Spaces:
Running
Running
| /* MIS 752 Lab 9 Lite: the few looks this lab adds on top of the shared style.css (kept separate so a fresh | |
| copy of style.css never wipes them). */ | |
| .reads {display: flex; gap: 14px; flex-wrap: wrap; align-items: center;} | |
| .read.alt {background: #111;} | |
| .kit {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;} | |
| .kitcard {background: #fff; border: 3px solid #e4e4e7; border-radius: 20px; padding: 22px; box-shadow: 0 3px 12px rgba(0,0,0,.08); color: #111;} | |
| .kitcard .ic {font-size: 3.6rem; line-height: 1.1;} | |
| .kitcard .vb {font-size: 1.9rem; font-weight: 900;} | |
| .kitcard .wh {font-size: 1.2rem; color: #333; margin-top: 2px;} | |
| .kitcard .chips {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px;} | |
| .chip {background: #f1f1f3; border: 2px solid #d4d4d8; border-radius: 999px; padding: 4px 12px; font-size: 1.05rem; font-weight: 700;} | |
| .kitcard.stop {border-color: #B10202; background: #fff5f5;} | |
| .kitcard.stop .bigline {font-size: 1.2rem; margin-top: 10px; line-height: 1.4;} | |
| .drawers {display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 4px;} | |
| .booklinks {padding: 4px 0 8px 0;} | |
| .qk-head {font-size: 1.3rem; font-weight: 900; margin: 20px 0 -6px 0; color: #111;} | |
| .live-note {font-size: 1rem; color: #444; margin-top: 10px;} .live-note a {color: #15803d;} | |
| .tq {margin: 12px 0 16px 0; padding-top: 12px; border-top: 2px solid #e5e7eb;} | |
| .th-head + .tq {border-top: none; padding-top: 4px;} | |
| .tq-q {font-size: 1.2rem; line-height: 1.4; margin-bottom: 8px; color: #111;} | |
| .tl-row.flag {border-left-color: #f59e0b;} | |
| .tl-row.cut {border-left-color: #ef4444; border-left-style: dashed; background: #fff1f1;} | |
| .tl-row.stop {border-left-color: #B10202;} | |
| .tl-row.invented {background: #fff1f1;} | |
| .tl-row s {color: #991b1b;} | |
| .badge {display: inline-block; font-size: .8rem; font-weight: 900; letter-spacing: .06em; padding: 2px 8px; border-radius: 999px; | |
| margin-right: 6px; vertical-align: 2px; color: #fff;} | |
| .badge.bad {background: #dc2626;} .badge.meh {background: #d97706;} | |
| .supnums {display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 10px 0 16px 0;} | |
| .supnum {border-radius: 16px; padding: 14px; text-align: center; border: 3px solid #e4e4e7; background: #fafafa; font-size: 1.05rem;} | |
| .supnum b {display: block; font-size: 2.6rem; font-weight: 900; line-height: 1.1;} | |
| .supnum.bad {border-color: #dc2626; background: #fff1f1;} .supnum.flag {border-color: #f59e0b; background: #fffbeb;} | |
| .polrow {display: grid; grid-template-columns: 19rem 1fr; gap: 16px; align-items: center; padding: 12px 0; border-bottom: 2px solid #eee;} | |
| .polrow:last-of-type {border-bottom: none;} | |
| .polname {font-size: 1.3rem; font-weight: 900;} .polname span {display: block; font-size: 1rem; font-weight: 600; color: #555;} | |
| .bar {display: grid; grid-template-columns: 11rem 1fr 4rem; gap: 10px; align-items: center; margin: 4px 0; font-size: 1.05rem; font-weight: 700;} | |
| .bar .track {height: 22px; background: #f1f1f3; border-radius: 999px; overflow: hidden; border: 2px solid #e4e4e7;} | |
| .bar .fill {height: 100%; border-radius: 999px;} | |
| .bar.load .fill {background: #dc2626;} .bar.caught .fill {background: #2563eb;} | |
| .refrow {display: grid; grid-template-columns: 15rem 1fr; gap: 10px; margin: 8px 0;} | |
| .oform .proto {white-space: pre-wrap; font-family: Menlo, Consolas, monospace ; font-size: .9rem; line-height: 1.4; | |
| background: #f8fafc; border: 2px solid #e2e8f0; border-radius: 8px; padding: 12px; margin-top: 8px;} | |
| .reflist {margin: 6px 0 0 0; padding-left: 1.2rem;} .reflist li {margin: 4px 0;} | |
| .map .cell .tx {display: block;} | |
| @media (max-width: 1000px) {.kit, .drawers, .supnums, .polrow, .refrow, .bar {grid-template-columns: 1fr;}} | |