참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* =========================================
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;
}