참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* =========================================
TEST REMAKE v2.1
Cell-shaded Matte Override
- 강한 그라디언트 제거
- 평면 색 + 1px 하이라이트/섀도우
========================================= */
body.page-대문 {
--y2k-black: #000000;
--y2k-bg: #050505;
--y2k-panel: #111111;
--y2k-panel-2: #151515;
--y2k-panel-3: #1b1b1b;
--y2k-title: #202020;
--y2k-title-hover: #282828;
--y2k-inner: #080808;
--y2k-inner-2: #0d0d0d;
--y2k-line-hi: #5a5a5a;
--y2k-line-mid: #333333;
--y2k-line-low: #050505;
--y2k-text: #e0e0e0;
--y2k-text-dim: #8a8a8a;
}
/* 배경도 빛 번짐보다 어두운 평면 타일감 */
body.page-대문 .WW-bg {
background: #020202 !important;
}
body.page-대문 .WW-bg::before {
opacity: 0.34 !important;
filter: none !important;
background-image:
linear-gradient(rgba(120,120,120,0.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(120,120,120,0.08) 1px, transparent 1px),
repeating-linear-gradient(
135deg,
rgba(255,255,255,0.014) 0px,
rgba(255,255,255,0.014) 1px,
transparent 1px,
transparent 6px
) !important;
background-size:
64px 64px,
64px 64px,
6px 6px !important;
}
body.page-대문 .WW-bg::after {
background: none !important;
}
/* 상단 네비게이션: 셀 채색식 금속판 */
body.page-대문 #clbi-top-nav {
background: var(--y2k-panel-2) !important;
border-top: 1px solid var(--y2k-line-hi) !important;
border-left: 1px solid #4a4a4a !important;
border-right: 1px solid var(--y2k-line-low) !important;
border-bottom: 1px solid #000 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.10),
inset -1px -1px 0 rgba(0,0,0,0.95),
2px 2px 0 #000 !important;
}
body.page-대문 .clbi-top-nav-item {
background: #181818 !important;
border-left: 1px solid #303030 !important;
border-right: 1px solid #050505 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.08),
inset -1px -1px 0 rgba(0,0,0,0.85) !important;
}
body.page-대문 .clbi-top-nav-item:hover,
body.page-대문 .clbi-top-nav-item.clbi-tnav-active {
background: #242424 !important;
color: #ffffff !important;
}
body.page-대문 #clbi-sub-worldbuilding {
background: #090909 !important;
border-top: 1px solid #000 !important;
}
body.page-대문 .clbi-tnav-sub-item {
background: #151515 !important;
border-right: 1px solid #050505 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.07),
inset -1px -1px 0 rgba(0,0,0,0.85) !important;
}
body.page-대문 .clbi-tnav-sub-item:hover {
background: #222222 !important;
}
/* 검색창 */
body.page-대문 #clbi-top-search-input {
background: #050505 !important;
border-top: 1px solid #000 !important;
border-left: 1px solid #000 !important;
border-right: 1px solid #3f3f3f !important;
border-bottom: 1px solid #3f3f3f !important;
box-shadow:
inset 2px 2px 0 rgba(0,0,0,0.92),
inset -1px -1px 0 rgba(255,255,255,0.05) !important;
}
/* 좌우 사이드바 박스 */
body.page-대문 .clbi-left-box,
body.page-대문 .clbi-right-box {
background:
repeating-linear-gradient(
135deg,
rgba(255,255,255,0.014) 0px,
rgba(255,255,255,0.014) 1px,
transparent 1px,
transparent 5px
),
var(--y2k-panel) !important;
border-top: 1px solid #666 !important;
border-left: 1px solid #555 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #000 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.08),
inset -1px -1px 0 rgba(0,0,0,0.92),
2px 2px 0 #000 !important;
}
body.page-대문 .clbi-left-title,
body.page-대문 .clbi-right-title {
background: var(--y2k-title) !important;
border-bottom: 1px solid #050505 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.08),
inset 0 -1px 0 rgba(0,0,0,0.90) !important;
}
body.page-대문 .clbi-left-content,
body.page-대문 .clbi-right-content {
background: var(--y2k-inner) !important;
}
/* JS 인라인 배경이 있는 유저 박스도 평면화 */
body.page-대문 #clbi-right-sidebar .clbi-right-box > div[style*="display:flex"],
body.page-대문 #clbi-right-sidebar .clbi-right-box > div[style*="flex-direction"] {
background: #151515 !important;
}
body.page-대문 .clbi-user-btn {
background: #181818 !important;
border: 1px solid #333 !important;
border-left: 3px solid #5a5a5a !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.07),
inset -1px -1px 0 rgba(0,0,0,0.85) !important;
}
body.page-대문 .clbi-user-btn:hover {
background: #242424 !important;
color: #ffffff !important;
}
/* 최근 변경 행 */
body.page-대문 .clbi-recent-item {
background: #141414 !important;
border-top: 1px solid #292929 !important;
border-left: 1px solid #292929 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #050505 !important;
box-shadow: none !important;
}
/* 로고 박스 */
body.page-대문 #clbi-main-logo {
background: #101010 !important;
border-top: 1px solid #666 !important;
border-left: 1px solid #555 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #000 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.08),
inset -1px -1px 0 rgba(0,0,0,0.90),
2px 2px 0 #000 !important;
}
body.page-대문 #clbi-main-logo img {
filter:
grayscale(1)
contrast(1.08)
brightness(1.02)
drop-shadow(2px 2px 0 #000) !important;
}
/* 중앙 본문 컨테이너 */
body.page-대문 .Liberty .content-wrapper .liberty-content .liberty-content-main,
body.page-대문 .liberty-content-main {
background: #101010 !important;
border-top: 1px solid #666 !important;
border-left: 1px solid #555 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #000 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.07),
inset -1px -1px 0 rgba(0,0,0,0.90),
2px 2px 0 #000 !important;
}
/* 히어로 외곽 */
.clbi-y2k-hero {
background:
repeating-linear-gradient(
135deg,
rgba(255,255,255,0.014) 0px,
rgba(255,255,255,0.014) 1px,
transparent 1px,
transparent 5px
),
#151515 !important;
border-top: 1px solid #666 !important;
border-left: 1px solid #555 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #000 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.08),
inset -1px -1px 0 rgba(0,0,0,0.92),
2px 2px 0 #000 !important;
}
.clbi-y2k-hero-top {
background: #202020 !important;
border-top: 1px solid #555 !important;
border-left: 1px solid #444 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #000 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.08),
inset -1px -1px 0 rgba(0,0,0,0.88) !important;
}
/* 중앙 소개 패널: CRT 느낌은 유지하되 면은 평평하게 */
.clbi-y2k-feature {
background:
repeating-linear-gradient(
to bottom,
rgba(255,255,255,0.028) 0px,
rgba(255,255,255,0.028) 1px,
transparent 1px,
transparent 4px
),
#080808 !important;
border-top: 1px solid #050505 !important;
border-left: 1px solid #050505 !important;
border-right: 1px solid #3f3f3f !important;
border-bottom: 1px solid #444 !important;
box-shadow:
inset 2px 2px 0 rgba(0,0,0,0.90),
inset -1px -1px 0 rgba(255,255,255,0.05) !important;
}
.clbi-y2k-feature h2 {
text-shadow:
1px 1px 0 #000,
0 0 3px rgba(255,255,255,0.16) !important;
}
.clbi-y2k-feature p {
text-shadow: 1px 1px 0 #000 !important;
}
/* 우측 작은 정보판 */
.clbi-y2k-sideplate {
background: #090909 !important;
border-top: 1px solid #050505 !important;
border-left: 1px solid #050505 !important;
border-right: 1px solid #3f3f3f !important;
border-bottom: 1px solid #444 !important;
box-shadow:
inset 2px 2px 0 rgba(0,0,0,0.90),
inset -1px -1px 0 rgba(255,255,255,0.05) !important;
}
.clbi-y2k-plate-title {
background: #202020 !important;
border-top: 1px solid #555 !important;
border-left: 1px solid #444 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #000 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.08),
inset -1px -1px 0 rgba(0,0,0,0.88) !important;
}
/* 표 */
.clbi-y2k-mini-table td {
background: #121212 !important;
border: 1px solid #292929 !important;
}
.clbi-y2k-mini-table td:first-child {
background: #0b0b0b !important;
color: #888 !important;
}
/* 티커 */
.clbi-y2k-ticker {
background: #171717 !important;
border-top: 1px solid #555 !important;
border-left: 1px solid #444 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #000 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.07),
inset -1px -1px 0 rgba(0,0,0,0.86) !important;
}
/* 하단 박스 */
.clbi-y2k-box {
background: #111111 !important;
border-top: 1px solid #666 !important;
border-left: 1px solid #555 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #000 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.08),
inset -1px -1px 0 rgba(0,0,0,0.90),
2px 2px 0 #000 !important;
}
.clbi-y2k-box-title {
background: #202020 !important;
border-bottom: 1px solid #050505 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.08),
inset -1px -1px 0 rgba(0,0,0,0.88) !important;
}
.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
),
#090909 !important;
}
/* 목록 행 */
.clbi-y2k-list li {
background: #141414 !important;
border-top: 1px solid #292929 !important;
border-left: 1px solid #292929 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #050505 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.035),
inset -1px -1px 0 rgba(0,0,0,0.70) !important;
}
/* 상태 카운터 */
.clbi-y2k-counter {
background: #070707 !important;
border-top: 1px solid #050505 !important;
border-left: 1px solid #050505 !important;
border-right: 1px solid #3d3d3d !important;
border-bottom: 1px solid #444 !important;
box-shadow:
inset 2px 2px 0 rgba(0,0,0,0.90),
inset -1px -1px 0 rgba(255,255,255,0.045) !important;
}
.clbi-y2k-counter b {
text-shadow: 1px 1px 0 #000 !important;
}
/* 방명록 */
.clbi-y2k-guest {
background: #141414 !important;
border-top: 1px solid #292929 !important;
border-left: 1px solid #292929 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #050505 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.035),
inset -1px -1px 0 rgba(0,0,0,0.70) !important;
}
/* 버튼/링크 박스도 평면화 */
body.page-대문 .clbi-link-box ul li a,
body.page-대문 #clbi-search-btn {
background: #181818 !important;
border-top: 1px solid #555 !important;
border-left: 1px solid #444 !important;
border-right: 1px solid #050505 !important;
border-bottom: 1px solid #000 !important;
box-shadow:
inset 1px 1px 0 rgba(255,255,255,0.07),
inset -1px -1px 0 rgba(0,0,0,0.85) !important;
}
body.page-대문 .clbi-link-box ul li a:hover,
body.page-대문 #clbi-search-btn:hover {
background: #242424 !important;
}
/* 과한 필터감도 약간 정리 */
body.page-대문 .clbi-icon,
body.page-대문 .clbi-tnav-icon {
filter: grayscale(1) brightness(1.45) contrast(0.92) !important;
opacity: 0.85 !important;
}