|
|
| 1번째 줄: |
1번째 줄: |
| /* 여기의 모든 CSS는 모바일 사이트를 사용하는 사용자에게 로드됩니다 */ | | /* 여기의 모든 CSS는 모바일 사이트를 사용하는 사용자에게 로드됩니다 */ |
| /* 모바일에서 표는 가로 스크롤 허용 + 글자/간격 개선 */
| |
| .content table {
| |
| display: block;
| |
| overflow-x: auto;
| |
| -webkit-overflow-scrolling: touch;
| |
| max-width: 100%;
| |
| }
| |
|
| |
| .content table th,
| |
| .content table td {
| |
| padding: 8px 10px;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| /* 모바일 전용: 본문 가독성 */
| |
| .content {
| |
| line-height: 1.6;
| |
| font-size: 16px;
| |
| }
| |
|
| |
| /* (다크모드에서) 표 테두리/배경 대비가 너무 죽으면 이걸로 완화 */
| |
| @media (prefers-color-scheme: dark) {
| |
| .content table,
| |
| .content table th,
| |
| .content table td {
| |
| border-color: rgba(255,255,255,0.15);
| |
| }
| |
| }
| |
|
| |
| /* MobileFrontend(대개 Minerva) 다크모드: 시스템 다크모드 따라가기 */
| |
| @media (prefers-color-scheme: dark) {
| |
| /* 전체 배경/글자 */
| |
| html, body, .mw-body, .content, .content .mw-parser-output {
| |
| background: #0f1115 !important;
| |
| color: #e6e6e6 !important;
| |
| }
| |
|
| |
| /* 링크 */
| |
| a, .mw-parser-output a {
| |
| color: #8ab4ff !important;
| |
| }
| |
| a:visited {
| |
| color: #c58af9 !important;
| |
| }
| |
|
| |
| /* 표 */
| |
| .content table {
| |
| background: #141824 !important;
| |
| color: #e6e6e6 !important;
| |
| }
| |
| .content table th, .content table td {
| |
| border-color: rgba(255,255,255,0.15) !important;
| |
| }
| |
| .content table th {
| |
| background: rgba(255,255,255,0.06) !important;
| |
| }
| |
|
| |
| /* 인포박스/박스류(있을 때) */
| |
| .infobox, .mbox, .navbox, .wikitable {
| |
| background: #141824 !important;
| |
| border-color: rgba(255,255,255,0.15) !important;
| |
| }
| |
| }
| |
