← 메인 화면프로젝트 자료·코드
← 자료 목록

cc/startup_app/static/materials.css

프로그램·코드 · 2.5 KB원본 다운로드

원본 내용을 읽기 전용으로 표시합니다.

  1. * { box-sizing: border-box; }
  2. body { margin: 0; background: #f7f7f7; color: #222; font: 14px/1.55 "Malgun Gothic", sans-serif; }
  3. header { display: flex; align-items: center; gap: 16px; padding: 12px 20px; background: #fff; border-bottom: 1px solid #ddd; }
  4. a { color: #245f9e; }
  5. .title { color: #222; font-weight: bold; text-decoration: none; }
  6. main { max-width: 1350px; padding: 20px; margin: auto; min-width: 0; }
  7. h1 { font-size: 22px; margin: 0 0 10px; }
  8. .filename { overflow-wrap: anywhere; margin-top: 12px; }
  9. .muted, small { color: #666; }
  10. small { display: block; font-size: 12px; }
  11. .button, button { display: inline-block; border: 0; background: #2b6cb0; color: #fff; padding: 8px 12px; text-decoration: none; font: inherit; cursor: pointer; }
  12. .search, .toolbar { display: flex; gap: 12px; align-items: end; flex-wrap: wrap; margin: 18px 0; }
  13. .toolbar { align-items: center; }
  14. label { display: grid; gap: 4px; }
  15. input, select { padding: 8px; border: 1px solid #aaa; background: white; font: inherit; max-width: 100%; }
  16. .table-wrap { overflow: auto; border: 1px solid #ddd; background: #fff; }
  17. table { width: 100%; border-collapse: collapse; }
  18. td, th { padding: 10px; border-bottom: 1px solid #eee; text-align: left; }
  19. th { background: #eee; }
  20. .file-list td:first-child { overflow-wrap: anywhere; }
  21. .file-list td:not(:first-child) { white-space: nowrap; }
  22. .data-table { max-height: 70vh; }
  23. .data-table td, .data-table th { white-space: nowrap; }
  24. .data-table th { position: sticky; top: 0; }
  25. .image-wrap { background: #fff; border: 1px solid #ddd; padding: 12px; }
  26. .image-wrap img { display: block; max-width: 100%; height: auto; margin: auto; }
  27. .code-wrap { max-height: 75vh; overflow: auto; background: #fff; border: 1px solid #ddd; }
  28. .code { margin: 0; padding: 12px 12px 12px 4.5em; }
  29. .code li { padding-left: 12px; white-space: pre; font: 13px/1.65 Consolas, monospace; color: #666; }
  30. .code code { color: #222; }
  31. .map-preview { width: 100%; height: 72vh; min-height: 420px; border: 1px solid #bbb; background: #fff; }
  32. .checksum { margin-top: 20px; overflow-wrap: anywhere; color: #666; }
  33. @media (max-width: 640px) {
  34. header { padding: 10px; gap: 10px; }
  35. main { padding: 14px 10px; }
  36. h1 { font-size: 19px; }
  37. .button, button, input, select { font-size: 16px; min-height: 44px; }
  38. .search label { flex: 1 1 100%; min-width: 0; }
  39. td, th { padding: 8px; }
  40. .file-list td:last-child, .file-list th:last-child { display: none; }
  41. .file-list td:nth-child(2) { font-size: 12px; }
  42. .map-preview { height: 65vh; min-height: 350px; }
  43. }
파일 확인 정보

SHA-256: f7ba7bb08398a4aba9c700eecf6c161c4086c4742a195433a6925bf0c39bfa81