참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
/* =========================================
COASTLINE: BLACK ICE - LangDrawer
Simple Language Tab
========================================= */

#clbi-lang-drawer-wrap {
position: fixed;
top: 0;
left: 0;
width: 230px;
z-index: 9999;
display: none;
visibility: hidden;
pointer-events: none;
box-sizing: border-box;
}

#clbi-lang-drawer,
#clbi-lang-drawer *,
#clbi-lang-drawer *::before,
#clbi-lang-drawer *::after {
box-sizing: border-box;
}

#clbi-lang-drawer {
width: 230px;
max-width: 230px;
}

#clbi-lang-drawer-box {
width: 230px;
margin: 0;
}

#clbi-lang-drawer-box.clbi-left-box {
border-radius: 0 0 5px 5px;
}

#clbi-lang-drawer-content {
padding: 8px !important;
text-align: center;
}

#clbi-lang-drawer-current {
margin-bottom: 0;
}

#clbi-lang-drawer-list {
display: none;
}

/* 좌측 사이드바 언어 박스 스타일을 드로어 내부에서 독립적으로 유지 */
#clbi-lang-drawer .clbi-lang-current {
display: block;
width: 100%;
padding: 4px 0;
border-radius: 4px;
font-size: 13px;
font-weight: 700;
background: linear-gradient(to bottom, #5a2040 0%, #3d1a2f 50%, #2e1222 100%);
color: #ffffff !important;
border: 1px solid #854369;
text-align: center;
cursor: pointer;
}

#clbi-lang-drawer .clbi-lang-link {
display: block;
width: 100%;
padding: 4px 0;
margin-bottom: 6px !important;
border-radius: 4px;
font-size: 13px;
font-weight: 700;
background: linear-gradient(to bottom, #2a2a2a 0%, #1a1a1a 50%, #111111 100%);
border: 1px solid #333;
text-align: center;
}

#clbi-lang-drawer .clbi-lang-link:last-child,
#clbi-lang-drawer .clbi-lang-wip:last-child {
margin-bottom: 0 !important;
}

#clbi-lang-drawer .clbi-lang-link a {
display: block !important;
width: 100% !important;
color: #a0a0a0 !important;
text-decoration: none !important;
}

#clbi-lang-drawer .clbi-lang-link:hover {
border-color: #854369 !important;
background: linear-gradient(to bottom, #333 0%, #252525 50%, #1a1a1a 100%) !important;
}

#clbi-lang-drawer .clbi-lang-link:hover a {
color: #ffffff !important;
}

#clbi-lang-drawer .clbi-lang-wip {
display: block;
width: 100%;
padding: 4px 0;
margin-bottom: 6px !important;
border-radius: 4px;
font-size: 13px;
font-weight: 700;
background: linear-gradient(to bottom, #2a2a2a 0%, #1a1a1a 50%, #111111 100%);
border: 1px solid #333;
text-align: center;
color: #555 !important;
}