미디어위키:Test.css

/* =========================================
   TEST REMAKE v2.1
   Contrast Softener
   기존 v2 아래에 추가
   ========================================= */

/* 전체 톤: 순흑/순백을 줄이고 회색 폭을 넓힘 */
body.page-대문 {
    background: #060606 !important;
    color: #c9c9c9 !important;
}

/* 배경 격자 대비 완화 */
body.page-대문 .WW-bg {
    background:
        repeating-linear-gradient(
            0deg,
            #070707 0px,
            #070707 15px,
            #0a0a0a 16px
        ),
        #060606 !important;
}

body.page-대문 .WW-bg::before {
    opacity: 0.28 !important;
    background-image:
        linear-gradient(rgba(150,150,150,0.060) 1px, transparent 1px),
        linear-gradient(90deg, rgba(150,150,150,0.060) 1px, transparent 1px),
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,0.010) 0px,
            rgba(255,255,255,0.010) 1px,
            transparent 1px,
            transparent 6px
        ) !important;
}

body.page-대문 .WW-bg::after {
    opacity: 0.34 !important;
}

/* 상단 네비게이션: 밝은 테두리와 검은 그림자 완화 */
body.page-대문 #clbi-top-nav {
    border-top-color: #565656 !important;
    border-left-color: #4a4a4a !important;
    border-right-color: #181818 !important;
    border-bottom-color: #111111 !important;
    background:
        linear-gradient(to bottom, #282828 0%, #1a1a1a 48%, #101010 100%) !important;
    box-shadow:
        inset 1px 1px 0 rgba(255,255,255,0.10),
        inset -1px -1px 0 rgba(0,0,0,0.58),
        1px 1px 0 #050505 !important;
}

body.page-대문 .clbi-top-nav-item {
    border-left-color: #303030 !important;
    border-right-color: #171717 !important;
    background:
        linear-gradient(to bottom, #282828 0%, #1b1b1b 50%, #111111 100%) !important;
    box-shadow:
        inset 1px 1px 0 rgba(255,255,255,0.08),
        inset -1px -1px 0 rgba(0,0,0,0.55) !important;
    color: #d0d0d0 !important;
    text-shadow: 1px 1px 0 #050505 !important;
}

body.page-대문 .clbi-top-nav-item:hover,
body.page-대문 .clbi-top-nav-item.clbi-tnav-active {
    background:
        linear-gradient(to bottom, #333333 0%, #232323 50%, #151515 100%) !important;
    color: #ededed !important;
}

body.page-대문 #clbi-top-search-input {
    border-top-color: #171717 !important;
    border-left-color: #171717 !important;
    border-right-color: #3f3f3f !important;
    border-bottom-color: #3a3a3a !important;
    background: #0e0e0e !important;
    color: #cccccc !important;
    box-shadow:
        inset 1px 1px 3px rgba(0,0,0,0.70),
        inset -1px -1px 0 rgba(255,255,255,0.045) !important;
}

body.page-대문 #clbi-sub-worldbuilding {
    background: #111111 !important;
}

body.page-대문 .clbi-tnav-sub-item {
    border-right-color: #191919 !important;
    background:
        linear-gradient(to bottom, #262626 0%, #181818 52%, #101010 100%) !important;
    box-shadow:
        inset 1px 1px 0 rgba(255,255,255,0.07),
        inset -1px -1px 0 rgba(0,0,0,0.52) !important;
    color: #d2d2d2 !important;
}

/* 좌우 사이드바 패널: 날카로움 유지, 대비만 완화 */
body.page-대문 .clbi-left-box,
body.page-대문 .clbi-right-box {
    border-top-color: #575757 !important;
    border-left-color: #4b4b4b !important;
    border-right-color: #191919 !important;
    border-bottom-color: #111111 !important;
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,0.014) 0px,
            rgba(255,255,255,0.014) 1px,
            transparent 1px,
            transparent 5px
        ),
        linear-gradient(to bottom, #1a1a1a 0%, #121212 100%) !important;
    box-shadow:
        inset 1px 1px 0 rgba(255,255,255,0.08),
        inset -1px -1px 0 rgba(0,0,0,0.55),
        1px 1px 0 #050505 !important;
}

body.page-대문 .clbi-left-title,
body.page-대문 .clbi-right-title {
    border-bottom-color: #171717 !important;
    background:
        linear-gradient(to bottom, #2b2b2b 0%, #1c1c1c 55%, #111111 100%) !important;
    box-shadow:
        inset 1px 1px 0 rgba(255,255,255,0.09),
        inset 0 -1px 0 rgba(0,0,0,0.55) !important;
    color: #d8d8d8 !important;
}

body.page-대문 .clbi-left-content,
body.page-대문 .clbi-right-content {
    background: #101010 !important;
    color: #c7c7c7 !important;
}

body.page-대문 .clbi-recent-item {
    border-top-color: #262626 !important;
    border-left-color: #262626 !important;
    border-right-color: #121212 !important;
    border-bottom-color: #121212 !important;
    background: #171717 !important;
}

body.page-대문 .clbi-recent-title {
    color: #cfcfcf !important;
}

body.page-대문 .clbi-recent-title:hover {
    color: #eeeeee !important;
}

body.page-대문 .clbi-recent-time {
    color: #777777 !important;
}

/* 로고 배너 */
body.page-대문 #clbi-main-logo {
    border-top-color: #575757 !important;
    border-left-color: #4b4b4b !important;
    border-right-color: #191919 !important;
    border-bottom-color: #111111 !important;
    background:
        radial-gradient(ellipse at 50% 20%, rgba(255,255,255,0.055), transparent 45%),
        linear-gradient(to bottom, #1b1b1b 0%, #0d0d0d 100%) !important;
    box-shadow:
        inset 1px 1px 0 rgba(255,255,255,0.08),
        inset -1px -1px 0 rgba(0,0,0,0.58),
        1px 1px 0 #050505 !important;
}

body.page-대문 #clbi-main-logo img {
    filter:
        grayscale(1)
        contrast(1.05)
        brightness(0.96)
        drop-shadow(1px 1px 0 #080808) !important;
}

/* 중앙 본문 컨테이너 */
body.page-대문 .Liberty .content-wrapper .liberty-content .liberty-content-main,
body.page-대문 .liberty-content-main {
    border-top-color: #575757 !important;
    border-left-color: #4b4b4b !important;
    border-right-color: #191919 !important;
    border-bottom-color: #111111 !important;
    background:
        repeating-linear-gradient(
            0deg,
            #141414 0px,
            #141414 18px,
            #171717 19px
        ) !important;
    color: #d2d2d2 !important;
    box-shadow:
        inset 1px 1px 0 rgba(255,255,255,0.075),
        inset -1px -1px 0 rgba(0,0,0,0.56),
        1px 1px 0 #050505 !important;
}

/* 히어로 프레임 */
.clbi-y2k-hero {
    border-top-color: #575757;
    border-left-color: #4b4b4b;
    border-right-color: #191919;
    border-bottom-color: #111111;
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,0.015) 0px,
            rgba(255,255,255,0.015) 1px,
            transparent 1px,
            transparent 5px
        ),
        #171717;
    box-shadow:
        inset 1px 1px 0 rgba(255,255,255,0.08),
        inset -1px -1px 0 rgba(0,0,0,0.58),
        1px 1px 0 #050505;
}

.clbi-y2k-hero-top {
    border-top-color: #4f4f4f;
    border-left-color: #404040;
    border-right-color: #171717;
    border-bottom-color: #111111;
    background:
        linear-gradient(to bottom, #292929 0%, #1b1b1b 58%, #101010 100%);
    color: #d5d5d5;
}

.clbi-y2k-feature {
    border-top-color: #171717;
    border-left-color: #171717;
    border-right-color: #3a3a3a;
    border-bottom-color: #414141;
    background:
        linear-gradient(to bottom, rgba(255,255,255,0.025), transparent 26%),
        repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,0.024) 0px,
            rgba(255,255,255,0.024) 1px,
            transparent 1px,
            transparent 4px
        ),
        #101010;
    box-shadow:
        inset 1px 1px 5px rgba(0,0,0,0.70),
        inset -1px -1px 0 rgba(255,255,255,0.045);
}

.clbi-y2k-feature h2 {
    color: #e4e4e4 !important;
    border-bottom-color: #303030 !important;
    text-shadow:
        1px 1px 0 #050505,
        0 0 4px rgba(255,255,255,0.14);
}

.clbi-y2k-feature p {
    color: #c8c8c8;
    text-shadow: 1px 1px 0 #060606;
}

.clbi-y2k-sideplate {
    border-top-color: #171717;
    border-left-color: #171717;
    border-right-color: #393939;
    border-bottom-color: #414141;
    background: #101010;
    box-shadow:
        inset 1px 1px 4px rgba(0,0,0,0.68),
        inset -1px -1px 0 rgba(255,255,255,0.04);
}

.clbi-y2k-plate-title {
    border-top-color: #505050;
    border-left-color: #434343;
    border-right-color: #171717;
    border-bottom-color: #111111;
    background:
        linear-gradient(to bottom, #292929 0%, #1a1a1a 55%, #101010 100%);
    color: #dcdcdc;
}

/* 내부 테이블 */
.clbi-y2k-mini-table td {
    border-color: #292929;
    background: #171717;
    color: #c4c4c4;
}

.clbi-y2k-mini-table td:first-child {
    color: #858585;
    background: #121212;
}

/* 티커와 하단 박스 */
.clbi-y2k-ticker {
    border-top-color: #4d4d4d;
    border-left-color: #414141;
    border-right-color: #171717;
    border-bottom-color: #111111;
    background:
        linear-gradient(to bottom, #232323 0%, #141414 100%);
    color: #a9a9a9;
}

.clbi-y2k-box {
    border-top-color: #575757;
    border-left-color: #4b4b4b;
    border-right-color: #191919;
    border-bottom-color: #111111;
    background: #151515;
    box-shadow:
        inset 1px 1px 0 rgba(255,255,255,0.08),
        inset -1px -1px 0 rgba(0,0,0,0.56),
        1px 1px 0 #050505;
}

.clbi-y2k-box-title {
    border-bottom-color: #171717;
    background:
        linear-gradient(to bottom, #2b2b2b 0%, #1b1b1b 56%, #101010 100%);
    color: #dddddd;
}

.clbi-y2k-box-body {
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,0.012) 0px,
            rgba(255,255,255,0.012) 1px,
            transparent 1px,
            transparent 5px
        ),
        #101010;
}

.clbi-y2k-list li {
    border-top-color: #272727;
    border-left-color: #272727;
    border-right-color: #121212;
    border-bottom-color: #121212;
    background: #171717;
    color: #c7c7c7;
}

.clbi-y2k-list a {
    color: #d0d0d0 !important;
}

.clbi-y2k-list a:hover {
    color: #eeeeee !important;
}

.clbi-y2k-meta {
    color: #7d7d7d;
}

/* 숫자 패널 */
.clbi-y2k-counter {
    border-top-color: #171717;
    border-left-color: #171717;
    border-right-color: #3a3a3a;
    border-bottom-color: #414141;
    background: #101010;
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.68);
}

.clbi-y2k-counter b {
    color: #dedede;
}

.clbi-y2k-counter span {
    color: #858585;
}

/* 방명록 */
.clbi-y2k-guest {
    border-top-color: #272727;
    border-left-color: #272727;
    border-right-color: #121212;
    border-bottom-color: #121212;
    background: #171717;
    color: #c3c3c3;
}