@charset "utf-8"; /* ========================================================================== ONWEB 리빌더 · 강조컬러 자유화 — set.point.css v1.0.0 -------------------------------------------------------------------------- set.color.css 의 6색 하드코딩(275줄)을 CSS 변수 1벌로 대체합니다. set.color.css 는 수정하지 않습니다. 이 파일이 특이도로 덮습니다. 선택자 앞의 :root:root 은 오타가 아닙니다. 레거시 .co_00A3FF .btn_submit 특이도 (0,2,0) 이 파일 :root:root .btn_submit 특이도 (0,3,0) 특이도로 이기므로 CSS 로드 순서에 의존하지 않습니다. 변수는 /extend/onweb_rbcolor.extend.php 가 :root 에 심습니다. 변수가 없으면 var() 의 대체값(리빌더 기본색 #00A3FF)으로 떨어지므로 이 파일만 올라가도 화면이 깨지지 않습니다. 되돌리기 : 이 파일을 지우고 extend 파일도 지우면 원상복구됩니다. ========================================================================== */ /* ---- 강조컬러 44규칙 · set.color.css 원본과 1:1 대응 -------------------- */ :root:root .gnb_wrap .snb_wrap .qm_wrap button span { background-color: var(--rb-point, #00A3FF); } :root:root .gnb_wrap .snb_wrap .qm_wrap a span { background-color: var(--rb-point, #00A3FF); } :root:root .gnb_wrap .snb_wrap .member_info_wrap a span { color: var(--rb-point, #00A3FF); } :root:root .top1_bg { background-color: var(--rb-point, #00A3FF); } :root:root .gnb_wrap nav a:hover { color: var(--rb-point, #00A3FF); } :root:root .bbs_list_label2.label_w3 { color: var(--rb-point, #00A3FF); } :root:root .content_box .admin_ov .mod_edit h2 span { color: var(--rb-point, #00A3FF); } :root:root .rb_config h2 span { color: var(--rb-point, #00A3FF); } :root:root .btn_round.btn_round_bg { background-color: var(--rb-point, #00A3FF); border: 1px solid var(--rb-point, #00A3FF); color: var(--rb-point-on, #fff); } :root:root .rb_bbs_wrap .btns_gr_wrap .btns_gr .fl_btns.main_color_bg { background-color: var(--rb-point, #00A3FF); border-color: var(--rb-point, #00A3FF); } :root:root .rb_bbs_wrap #bo_cate #bo_cate_on { color: var(--rb-point, #00A3FF); } :root:root .rb_bbs_wrap .btns_gr_wrap .btns_gr .fl_btns:hover { border-color: var(--rb-point, #00A3FF); } :root:root .sch_word { color: var(--rb-point, #00A3FF); } :root:root .rb_bbs_wrap .btm_btns .fl_btns:hover { border-color: var(--rb-point, #00A3FF); color: var(--rb-point, #00A3FF); } :root:root .btn_submit { background: var(--rb-point, #00A3FF); background-color: var(--rb-point, #00A3FF) !important; } :root:root .btn_submit:hover { background: var(--rb-point, #00A3FF); } :root:root .main_color { color: var(--rb-point, #00A3FF) !important; } :root:root .rb_bbs_wrap .writer_prof_ul2 .fl_btns:hover { border-color: var(--rb-point, #00A3FF); } :root:root .rb_bbs_wrap .writer_prof_ul2 .gd_btn { background-color: var(--rb-point, #00A3FF); } :root:root .new_win .win_ul .selected { background: var(--rb-point, #00A3FF); border-color: var(--rb-point, #00A3FF); } :root:root .reply_btn { background: var(--rb-point, #00A3FF) !important; } :root:root .memo_list .no_read { background-color: var(--rb-point, #00A3FF) !important; } :root:root .add_qa { background-color: var(--rb-point, #00A3FF); } :root:root .rb_status_bt.active { background-color: var(--rb-point, #00A3FF); } :root:root .rb_faq .faq_ser_wrap input { border: 1px solid var(--rb-point, #00A3FF); color: var(--rb-point, #00A3FF); } :root:root .rb_faq #faq_con .con_inner .closer_btn { color: var(--rb-point, #00A3FF); } :root:root .rb_faq #bo_cate #bo_cate_on { color: var(--rb-point, #00A3FF); } :root:root .rb_faq .btns_gr_wrap .btns_gr .fl_btns:hover { border-color: var(--rb-point, #00A3FF); } :root:root .pg_current { background-color: var(--rb-point, #00A3FF); } :root:root #point .point_all { background-color: var(--rb-point, #00A3FF) !important; } :root:root .cbp-hrmenu > ul > li.cbp-hropen a { color: var(--rb-point, #00A3FF); } :root:root .cbp-hrmenu > ul > li.cbp-hropen > a:hover { color: var(--rb-point, #00A3FF); } :root:root #search_top_btn.ser_open svg path { fill: var(--rb-point, #00A3FF); } :root:root #search_box_wrap .ser_ul_pd .ser_label b { color: var(--rb-point, #00A3FF); } :root:root #search_box_wrap ul input.w100 { color: var(--rb-point, #00A3FF); } :root:root .rb_serch_skin #bo_cate .sch_on { color: var(--rb-point, #00A3FF); } :root:root .rb_serch_skin .faq_ser_wrap input { color: var(--rb-point, #00A3FF); border-color: var(--rb-point, #00A3FF); } :root:root .rb_prof .rb_prof_btn .fl_btns { background-color: var(--rb-point, #00A3FF); } :root:root .rb_prof_tab #bo_cate #bo_cate_on { color: var(--rb-point, #00A3FF); } :root:root #loadings_spin { border-top-color: var(--rb-point, #00A3FF); } :root:root #current_connect .cc_flex .fl_btns:hover { border-color: var(--rb-point, #00A3FF); } :root:root .cc_total_cnt { background-color: var(--rb-point, #00A3FF); } :root:root .rb_bbs_wrap .btm_btns .fl_btns.main_color_bg { background-color: var(--rb-point, #00A3FF); border-color: var(--rb-point, #00A3FF) !important; } :root:root .beta_ico { background-color: var(--rb-point, #00A3FF); } /* ---- 강조색 배경 위 글자색 · 원본에 없던 추가 선언 ---------------------- 밝은 강조색에서 흰 글씨가 무너지는 것을 막습니다. #FFC700 흰 글씨 1.56:1 → 어두운 글씨 11.35:1 #8ED100 흰 글씨 1.86:1 → 어두운 글씨 9.53:1 원본 동작(항상 흰 글씨)으로 돌리려면 이 블록만 지우면 됩니다. ---------------------------------------------------------------------- */ :root:root .btn_submit { color: var(--rb-point-on, #fff); } :root:root .rb_bbs_wrap .btns_gr_wrap .btns_gr .fl_btns.main_color_bg { color: var(--rb-point-on, #fff); } :root:root .rb_bbs_wrap .btm_btns .fl_btns.main_color_bg { color: var(--rb-point-on, #fff); } :root:root .rb_bbs_wrap .writer_prof_ul2 .gd_btn { color: var(--rb-point-on, #fff); } :root:root .new_win .win_ul .selected { color: var(--rb-point-on, #fff); } :root:root .reply_btn { color: var(--rb-point-on, #fff); } :root:root .add_qa { color: var(--rb-point-on, #fff); } :root:root .rb_status_bt.active { color: var(--rb-point-on, #fff); } :root:root .pg_current { color: var(--rb-point-on, #fff); } :root:root #point .point_all { color: var(--rb-point-on, #fff); } :root:root .rb_prof .rb_prof_btn .fl_btns { color: var(--rb-point-on, #fff); } :root:root .beta_ico { color: var(--rb-point-on, #fff); } :root:root .cc_total_cnt { color: var(--rb-point-on, #fff); } :root:root .gnb_wrap .snb_wrap .qm_wrap button span { color: var(--rb-point-on, #fff); } :root:root .gnb_wrap .snb_wrap .qm_wrap a span { color: var(--rb-point-on, #fff); } :root:root .memo_list .no_read { color: var(--rb-point-on, #fff); }