미디어위키:Common.css: 두 판 사이의 차이

2026년 5월 16일 (토) 11:13 판

/* 이 CSS 설정은 모든 스킨에 적용됩니다 */

/* 텍스트 드래그 선택 방지 */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* =======================================
   SKY's Kingshot 프리미엄 테마 (Timeless 스킨 전용)
   ======================================= */

/* 1. 상단 헤더 영역 (다크 & 골드 포인트) */
#mw-header-container {
    background-color: #1a1a1d; /* 고급스러운 다크 그레이 */
    border-bottom: 3px solid #FF8C00; /* 킹샷 오렌지 포인트 라인 */
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

/* 상단 로고 및 텍스트 색상 하얀색으로 강제 고정 */
#mw-header-container h1, #mw-header-container a {
    color: #ffffff !important;
    font-weight: bold;
}

/* 2. 전체 배경 및 본문 영역 */
body {
    background-color: #f4f5f7; /* 눈이 편안한 아주 연한 회색 배경 */
}

/* 본문을 하얀색 종이처럼 띄우는 입체 효과 */
#mw-content-container {
    background-color: #ffffff;
    border-radius: 12px; /* 모서리 둥글게 */
    box-shadow: 0 5px 15px rgba(0,0,0,0.08); /* 부드러운 그림자 */
    padding: 25px;
    margin-top: 20px;
    border: 1px solid #e1e4e8;
}

/* 3. 제목 스타일링 (대문, 소제목 등) */
h1.firstHeading, h2 {
    color: #2c3e50;
    border-bottom: 2px solid #FF8C00; /* 오렌지색 밑줄 */
    padding-bottom: 5px;
    font-weight: 800;
}

/* 4. 링크 색상 (마우스 올렸을 때 효과 포함) */
a {
    color: #d35400;
    transition: color 0.3s ease;
}
a:hover {
    color: #FF8C00;
    text-decoration: none;
}