first commit 2
This commit is contained in:
hmw1001
@@ -0,0 +1,58 @@
|
||||
<?php
|
||||
include_once('../../common.php');
|
||||
header("Content-Type: text/css");
|
||||
$rb_color_set = isset($_GET['rb_color_set']) ? htmlspecialchars($_GET['rb_color_set']) : htmlspecialchars($rb_core['color']);
|
||||
$rb_color_code = isset($_GET['rb_color_code']) ? htmlspecialchars($_GET['rb_color_code']) : htmlspecialchars($rb_config['co_color']);
|
||||
?>
|
||||
|
||||
.<?php echo $rb_color_set ?> .gnb_wrap .snb_wrap .qm_wrap button span {background-color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .gnb_wrap .snb_wrap .qm_wrap a span {background-color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .gnb_wrap .snb_wrap .member_info_wrap a span {color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .top1_bg {background-color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .gnb_wrap nav a:hover {color:<?php echo $rb_color_code ?>}
|
||||
.<?php echo $rb_color_set ?> .bbs_list_label2.label_w3 {color:<?php echo $rb_color_code ?>}
|
||||
.<?php echo $rb_color_set ?> .content_box .admin_ov .mod_edit h2 span {color:<?php echo $rb_color_code ?>}
|
||||
.<?php echo $rb_color_set ?> .bbs_list_label2.label_w3 {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_config h2 span {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .btn_round.btn_round_bg {background-color: <?php echo $rb_color_code ?>; border:1px solid <?php echo $rb_color_code ?>; color:#fff;}
|
||||
.<?php echo $rb_color_set ?> .rb_bbs_wrap .btns_gr_wrap .btns_gr .fl_btns.main_color_bg {background-color: <?php echo $rb_color_code ?>; border-color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_bbs_wrap #bo_cate #bo_cate_on {color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_bbs_wrap .btns_gr_wrap .btns_gr .fl_btns:hover {border-color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .sch_word {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_bbs_wrap .btm_btns .fl_btns:hover {border-color:<?php echo $rb_color_code ?>; color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .btn_submit {background:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .btn_submit:hover {background:<?php echo $rb_color_code ?>}
|
||||
.<?php echo $rb_color_set ?> .main_color {color:<?php echo $rb_color_code ?> !important;}
|
||||
.<?php echo $rb_color_set ?> .rb_bbs_wrap .writer_prof_ul2 .fl_btns:hover {border-color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_bbs_wrap .writer_prof_ul2 .gd_btn {background-color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .btn_submit {background-color: <?php echo $rb_color_code ?> !important;}
|
||||
.<?php echo $rb_color_set ?> .new_win .win_ul .selected {background: <?php echo $rb_color_code ?>; border-color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .reply_btn {background: <?php echo $rb_color_code ?> !important;}
|
||||
.<?php echo $rb_color_set ?> .memo_list .no_read {background-color: <?php echo $rb_color_code ?> !important;}
|
||||
.<?php echo $rb_color_set ?> .add_qa {background-color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_status_bt.active {background-color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_faq .faq_ser_wrap input {border:1px solid <?php echo $rb_color_code ?>; color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_faq #faq_con .con_inner .closer_btn {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_faq #bo_cate #bo_cate_on {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_faq .btns_gr_wrap .btns_gr .fl_btns:hover {border-color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .pg_current {background-color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> #point .point_all {background-color: <?php echo $rb_color_code ?> !important;}
|
||||
.<?php echo $rb_color_set ?> .cbp-hrmenu > ul > li.cbp-hropen a {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .cbp-hrmenu > ul > li.cbp-hropen > a:hover {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> #search_top_btn.ser_open svg path {fill:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> #search_box_wrap .ser_ul_pd .ser_label b {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> #search_box_wrap ul input.w100 {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_serch_skin #bo_cate .sch_on {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_serch_skin .faq_ser_wrap input {color:<?php echo $rb_color_code ?>; border-color:<?php echo $rb_color_code ?>}
|
||||
.<?php echo $rb_color_set ?> .rb_prof .rb_prof_btn .fl_btns {background-color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_prof_tab #bo_cate #bo_cate_on {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> #loadings_spin {border-top-color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> #current_connect .cc_flex .fl_btns:hover {border-color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_bbs_wrap .btm_btns .fl_btns.main_color_bg {background-color: <?php echo $rb_color_code ?>; border-color:<?php echo $rb_color_code ?>}
|
||||
.<?php echo $rb_color_set ?> .beta_ico {background-color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .cc_total_cnt {background-color: <?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .main_rb_bg {background-color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .main_rb_color {color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .main_rb_bordercolor {border-color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_range_item .ui-slider-handle {background-color:<?php echo $rb_color_code ?>;}
|
||||
.<?php echo $rb_color_set ?> .rb_range_item .ui-slider-range {background-color:<?php echo $rb_color_code ?>;}
|
||||
@@ -0,0 +1,90 @@
|
||||
<?php
|
||||
header("Content-type: text/css");
|
||||
include_once('../../common.php');
|
||||
|
||||
// 💡 [핵심 수정] URL 파라미터가 없을 경우를 대비해 기본값을 설정하고, 불필요한 문자를 제거합니다.
|
||||
$header_class = isset($_GET['rb_header_set']) ? preg_replace('/[^a-z0-9_]/i', '', $_GET['rb_header_set']) : (isset($rb_core['header']) ? htmlspecialchars($rb_core['header']) : 'co_header_000000');
|
||||
$header_color = isset($_GET['rb_header_code']) ? $_GET['rb_header_code'] : (isset($rb_config['co_header']) ? htmlspecialchars($rb_config['co_header']) : '#000000');
|
||||
$text_color_name = isset($_GET['rb_header_txt']) && in_array($_GET['rb_header_txt'], ['white', 'black']) ? $_GET['rb_header_txt'] : 'white';
|
||||
|
||||
// 💡 [핵심 수정] 텍스트 색상 이름에 따라 실제 CSS 색상 코드를 할당합니다.
|
||||
$final_text_color = ($text_color_name === 'white') ? '#ffffff' : '#333333';
|
||||
$final_text_color_opposite = ($text_color_name === 'white') ? '#333333' : '#ffffff';
|
||||
|
||||
// 💡 [핵심 수정] 기존 헤더와의 호환성을 위해 변수를 재생성합니다.
|
||||
if ($text_color_name == 'black') { // 밝은 배경
|
||||
$rb_rgba_border = "border-color:rgba(0,0,0,0.1);";
|
||||
$rb_rgba_bg = "background-color:rgba(0,0,0,0.05);";
|
||||
$rb_header_txt = $final_text_color; // #333333
|
||||
$rb_header_search_h = "color:rgba(0,0,0,0.6);";
|
||||
$rb_header_a = $final_text_color;
|
||||
$arr_w = "";
|
||||
} else { // 어두운 배경
|
||||
$rb_rgba_border = "border-color:rgba(255,255,255,0.1);";
|
||||
$rb_rgba_bg = "background-color:rgba(255,255,255,0.1);";
|
||||
$rb_header_txt = $final_text_color; // #ffffff
|
||||
$rb_header_search_h = "color:rgba(255,255,255,0.6);";
|
||||
$rb_header_a = $final_text_color;
|
||||
$arr_w = "background-image: url(../rb.config/image/arr_down_w.svg)";
|
||||
}
|
||||
?>
|
||||
|
||||
/* ==========================================================================
|
||||
1. 새로운 'Trendy' 헤더용 동적 스타일
|
||||
========================================================================== */
|
||||
|
||||
/* 헤더가 is-scrolled 상태일 때만 배경색 적용 (서브페이지 또는 스크롤 시) */
|
||||
main .main-header.is-scrolled {
|
||||
background-color: <?php echo $header_color; ?> !important;
|
||||
/* 투명도가 있는 색상일 경우를 대비해 backdrop-filter 유지 */
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
/* 헤더의 모든 텍스트 및 아이콘 색상을 한 번에 제어 */
|
||||
main .main-header.is-scrolled .gnb-link,
|
||||
main .main-header.is-scrolled .utility-nav a,
|
||||
main .main-header.is-scrolled .utility-nav button,
|
||||
main .main-header.is-scrolled .utility-nav .fa {
|
||||
color: <?php echo $final_text_color; ?> !important;
|
||||
}
|
||||
|
||||
/* 헤더 색상에 따라 메뉴 밑줄 색상도 변경 */
|
||||
main .main-header.is-scrolled .gnb-link::after {
|
||||
background-color: <?php echo $final_text_color; ?> !important;
|
||||
}
|
||||
|
||||
/* 회원가입 버튼 스타일 조정 */
|
||||
main .main-header.is-scrolled .utility-nav .btn-join {
|
||||
background-color: <?php echo $final_text_color; ?> !important;
|
||||
color: <?php echo $final_text_color_opposite; ?> !important;
|
||||
opacity: 0.8;
|
||||
}
|
||||
main .main-header.is-scrolled .utility-nav .btn-join:hover {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
2. 기존 헤더와의 호환성을 위한 스타일 (원본 유지)
|
||||
========================================================================== */
|
||||
|
||||
.<?php echo $rb_header_set ?> #header {background-color: <?php echo $rb_header_code ?>; border-bottom: 1px solid <?php echo $rb_header_code ?>;}
|
||||
.<?php echo $rb_header_set ?> #header .rows_gnb_wrap {<?php echo $rb_rgba_border ?>}
|
||||
.<?php echo $rb_header_set ?> #header .tog_wrap button svg path {fill:<?php echo $rb_header_txt ?>;}
|
||||
.<?php echo $rb_header_set ?> #header .gnb_wrap nav a {color:<?php echo $rb_header_a ?>;}
|
||||
.<?php echo $rb_header_set ?> #header .gnb_wrap nav a:hover{color:<?php echo $rb_header_txt ?>;}
|
||||
.<?php echo $rb_header_set ?> #header .gnb_wrap .snb_wrap .member_info_wrap span {color:<?php echo $rb_header_txt ?>;}
|
||||
.<?php echo $rb_header_set ?> #header .gnb_wrap .snb_wrap .member_info_wrap {color:<?php echo $rb_header_txt ?>;}
|
||||
.<?php echo $rb_header_set ?> #header .my_btn_wrap .btn_round {<?php echo $rb_rgba_border ?>;}
|
||||
.<?php echo $rb_header_set ?> #header .gnb_wrap .snb_wrap .member_info_wrap a {color:<?php echo $rb_header_a ?>}
|
||||
.<?php echo $rb_header_set ?> #header .logo_wrap span {color:<?php echo $rb_header_txt ?>;}
|
||||
.<?php echo $rb_header_set ?> #header .search_top_wrap_inner button svg path {fill:<?php echo $rb_header_a ?>}
|
||||
.<?php echo $rb_header_set ?> #header .gnb_wrap .snb_wrap .qm_wrap a svg path {fill:<?php echo $rb_header_a ?>}
|
||||
.<?php echo $rb_header_set ?> #header .gnb_wrap .snb_wrap .qm_wrap button svg path {fill:<?php echo $rb_header_a ?>}
|
||||
.<?php echo $rb_header_set ?> #header .gnb_all_menu {<?php echo $arr_w ?>}
|
||||
|
||||
.<?php echo $rb_header_set ?> .co_header_ex_dd {background-color:<?php echo $rb_header_code ?>; color:<?php echo $rb_header_txt ?>; border:1px solid rgba(0,0,0,0.1);}
|
||||
.<?php echo $rb_header_set ?> .co_header_ex_dd svg path {fill:<?php echo $rb_header_a ?>;}
|
||||
.<?php echo $rb_header_set ?> .search_top_wrap input {<?php echo $rb_rgba_bg ?>}
|
||||
.<?php echo $rb_header_set ?> .search_top_wrap input::placeholder {<?php echo $rb_header_search_h ?>}
|
||||
@@ -0,0 +1,228 @@
|
||||
.rb_module_border_ .module_latest_wrap {border:0px;}
|
||||
.rb_module_border_solid .module_latest_wrap {border: 1px solid #ddd;}
|
||||
.rb_module_border_dashed .module_latest_wrap {border: 1px dashed #ddd;}
|
||||
|
||||
.rb_module_border_ .module_widget_wrap {border:0px;}
|
||||
.rb_module_border_solid .module_widget_wrap {border: 1px solid #ddd;}
|
||||
.rb_module_border_dashed .module_widget_wrap {border: 1px dashed #ddd;}
|
||||
|
||||
.rb_module_border_ .module_poll_wrap {border:0px;}
|
||||
.rb_module_border_solid .module_poll_wrap {border: 1px solid #ddd;}
|
||||
.rb_module_border_dashed .module_poll_wrap {border: 1px dashed #ddd;}
|
||||
|
||||
.rb_module_border_ .module_banner_wrap {border:0px;}
|
||||
.rb_module_border_solid .module_banner_wrap {border: 1px solid #ddd;}
|
||||
.rb_module_border_dashed .module_banner_wrap {border: 1px dashed #ddd;}
|
||||
|
||||
.rb_module_border_ .module_item_wrap {border:0px;}
|
||||
.rb_module_border_solid .module_item_wrap {border: 1px solid #ddd;}
|
||||
.rb_module_border_dashed .module_item_wrap {border: 1px dashed #ddd;}
|
||||
|
||||
.rb_module_radius_ .module_latest_wrap {border-radius: 0px;}
|
||||
.rb_module_radius_0 .module_latest_wrap {border-radius: 0px;}
|
||||
.rb_module_radius_5 .module_latest_wrap {border-radius: 5px;}
|
||||
.rb_module_radius_10 .module_latest_wrap {border-radius: 10px;}
|
||||
.rb_module_radius_15 .module_latest_wrap {border-radius: 15px;}
|
||||
.rb_module_radius_20 .module_latest_wrap {border-radius: 20px;}
|
||||
.rb_module_radius_25 .module_latest_wrap {border-radius: 25px;}
|
||||
.rb_module_radius_30 .module_latest_wrap {border-radius: 30px;}
|
||||
|
||||
.rb_module_radius_ .module_widget_wrap {border-radius: 0px;}
|
||||
.rb_module_radius_0 .module_widget_wrap {border-radius: 0px;}
|
||||
.rb_module_radius_5 .module_widget_wrap {border-radius: 5px;}
|
||||
.rb_module_radius_10 .module_widget_wrap {border-radius: 10px;}
|
||||
.rb_module_radius_15 .module_widget_wrap {border-radius: 15px;}
|
||||
.rb_module_radius_20 .module_widget_wrap {border-radius: 20px;}
|
||||
.rb_module_radius_25 .module_widget_wrap {border-radius: 25px;}
|
||||
.rb_module_radius_30 .module_widget_wrap {border-radius: 30px;}
|
||||
|
||||
.rb_module_radius_ .module_poll_wrap {border-radius: 0px;}
|
||||
.rb_module_radius_0 .module_poll_wrap {border-radius: 0px;}
|
||||
.rb_module_radius_5 .module_poll_wrap {border-radius: 5px;}
|
||||
.rb_module_radius_10 .module_poll_wrap {border-radius: 10px;}
|
||||
.rb_module_radius_15 .module_poll_wrap {border-radius: 15px;}
|
||||
.rb_module_radius_20 .module_poll_wrap {border-radius: 20px;}
|
||||
.rb_module_radius_25 .module_poll_wrap {border-radius: 25px;}
|
||||
.rb_module_radius_30 .module_poll_wrap {border-radius: 30px;}
|
||||
|
||||
.rb_module_radius_ .module_item_wrap {border-radius: 0px;}
|
||||
.rb_module_radius_0 .module_item_wrap {border-radius: 0px;}
|
||||
.rb_module_radius_5 .module_item_wrap {border-radius: 5px;}
|
||||
.rb_module_radius_10 .module_item_wrap {border-radius: 10px;}
|
||||
.rb_module_radius_15 .module_item_wrap {border-radius: 15px;}
|
||||
.rb_module_radius_20 .module_item_wrap {border-radius: 20px;}
|
||||
.rb_module_radius_25 .module_item_wrap {border-radius: 25px;}
|
||||
.rb_module_radius_30 .module_item_wrap {border-radius: 30px;}
|
||||
|
||||
.rb_module_radius_ .module_banner_wrap {border-radius: 0px;}
|
||||
.rb_module_radius_0 .module_banner_wrap {border-radius: 0px;}
|
||||
.rb_module_radius_5 .module_banner_wrap {border-radius: 5px;}
|
||||
.rb_module_radius_10 .module_banner_wrap {border-radius: 10px;}
|
||||
.rb_module_radius_15 .module_banner_wrap {border-radius: 15px;}
|
||||
.rb_module_radius_20 .module_banner_wrap {border-radius: 20px;}
|
||||
.rb_module_radius_25 .module_banner_wrap {border-radius: 25px;}
|
||||
.rb_module_radius_30 .module_banner_wrap {border-radius: 30px;}
|
||||
|
||||
.rb_module_padding_ .module_latest_wrap {padding: 0px;}
|
||||
.rb_module_padding_0 .module_latest_wrap {padding: 0px;}
|
||||
.rb_module_padding_5 .module_latest_wrap {padding: 5px;}
|
||||
.rb_module_padding_10 .module_latest_wrap {padding: 10px;}
|
||||
.rb_module_padding_15 .module_latest_wrap {padding: 15px;}
|
||||
.rb_module_padding_20 .module_latest_wrap {padding: 20px;}
|
||||
.rb_module_padding_25 .module_latest_wrap {padding: 25px;}
|
||||
.rb_module_padding_30 .module_latest_wrap {padding: 30px;}
|
||||
|
||||
.rb_module_padding_ .module_widget_wrap {padding: 0px;}
|
||||
.rb_module_padding_0 .module_widget_wrap {padding: 0px;}
|
||||
.rb_module_padding_5 .module_widget_wrap {padding: 5px;}
|
||||
.rb_module_padding_10 .module_widget_wrap {padding: 10px;}
|
||||
.rb_module_padding_15 .module_widget_wrap {padding: 15px;}
|
||||
.rb_module_padding_20 .module_widget_wrap {padding: 20px;}
|
||||
.rb_module_padding_25 .module_widget_wrap {padding: 25px;}
|
||||
.rb_module_padding_30 .module_widget_wrap {padding: 30px;}
|
||||
|
||||
.rb_module_padding_ .module_banner_wrap {padding: 0px;}
|
||||
.rb_module_padding_0 .module_banner_wrap {padding: 0px;}
|
||||
.rb_module_padding_5 .module_banner_wrap {padding: 5px;}
|
||||
.rb_module_padding_10 .module_banner_wrap {padding: 10px;}
|
||||
.rb_module_padding_15 .module_banner_wrap {padding: 15px;}
|
||||
.rb_module_padding_20 .module_banner_wrap {padding: 20px;}
|
||||
.rb_module_padding_25 .module_banner_wrap {padding: 25px;}
|
||||
.rb_module_padding_30 .module_banner_wrap {padding: 30px;}
|
||||
|
||||
.rb_module_padding_ .module_poll_wrap {padding: 0px;}
|
||||
.rb_module_padding_0 .module_poll_wrap {padding: 0px;}
|
||||
.rb_module_padding_5 .module_poll_wrap {padding: 5px;}
|
||||
.rb_module_padding_10 .module_poll_wrap {padding: 10px;}
|
||||
.rb_module_padding_15 .module_poll_wrap {padding: 15px;}
|
||||
.rb_module_padding_20 .module_poll_wrap {padding: 20px;}
|
||||
.rb_module_padding_25 .module_poll_wrap {padding: 25px;}
|
||||
.rb_module_padding_30 .module_poll_wrap {padding: 30px;}
|
||||
|
||||
.rb_module_padding_ .module_item_wrap {padding: 0px;}
|
||||
.rb_module_padding_0 .module_item_wrap {padding: 0px;}
|
||||
.rb_module_padding_5 .module_item_wrap {padding: 5px;}
|
||||
.rb_module_padding_10 .module_item_wrap {padding: 10px;}
|
||||
.rb_module_padding_15 .module_item_wrap {padding: 15px;}
|
||||
.rb_module_padding_20 .module_item_wrap {padding: 20px;}
|
||||
.rb_module_padding_25 .module_item_wrap {padding: 25px;}
|
||||
.rb_module_padding_30 .module_item_wrap {padding: 30px;}
|
||||
|
||||
|
||||
|
||||
.co_gap_pc_ .content_box {padding: 0px;}
|
||||
.co_gap_pc_ .flex_box {margin-left: -0px; margin-right: -0px;}
|
||||
.co_gap_pc_0 .content_box {padding: 0px;}
|
||||
.co_gap_pc_0 .flex_box {margin-left: -0px; margin-right: -0px;}
|
||||
.co_gap_pc_5 .content_box {padding: 5px;}
|
||||
.co_gap_pc_5 .flex_box {margin-left: -5px; margin-right: -5px;}
|
||||
.co_gap_pc_10 .content_box {padding: 10px;}
|
||||
.co_gap_pc_10 .flex_box {margin-left: -10px; margin-right: -10px;}
|
||||
.co_gap_pc_15 .content_box {padding: 15px;}
|
||||
.co_gap_pc_15 .flex_box {margin-left: -15px; margin-right: -15px;}
|
||||
.co_gap_pc_20 .content_box {padding: 20px;}
|
||||
.co_gap_pc_20 .flex_box {margin-left: -20px; margin-right: -20px;}
|
||||
.co_gap_pc_25 .content_box {padding: 25px;}
|
||||
.co_gap_pc_25 .flex_box {margin-left: -25px; margin-right: -25px;}
|
||||
.co_gap_pc_30 .content_box {padding: 30px;}
|
||||
.co_gap_pc_30 .flex_box {margin-left: -30px; margin-right: -30px;}
|
||||
|
||||
.adm_co_gap_pc_ {padding: 0px;}
|
||||
.adm_co_gap_pc_0 {padding: 0px;}
|
||||
.adm_co_gap_pc_5 {padding: 5px;}
|
||||
.adm_co_gap_pc_10 {padding: 10px;}
|
||||
.adm_co_gap_pc_15 {padding: 15px;}
|
||||
.adm_co_gap_pc_20 {padding: 20px;}
|
||||
.adm_co_gap_pc_25 {padding: 25px;}
|
||||
.adm_co_gap_pc_30 {padding: 30px;}
|
||||
/*
|
||||
section.co_gap_pc_0 {margin-top: 20px;}
|
||||
section.co_gap_pc_5 {margin-top: 15px;}
|
||||
section.co_gap_pc_10 {margin-top: 10px;}
|
||||
section.co_gap_pc_15 {margin-top: 5px;}
|
||||
section.co_gap_pc_20 {margin-top: 0px;}
|
||||
section.co_gap_pc_25 {margin-top: -5px;}
|
||||
section.co_gap_pc_30 {margin-top: -10px;}
|
||||
*/
|
||||
@media all and (max-width:1024px) {
|
||||
.content_box {padding:0px !important;}
|
||||
.flex_box {margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 20px;}
|
||||
|
||||
|
||||
.rb_module_border_solid .module_latest_wrap {margin-left: 20px; margin-right: 20px; margin-top: 20px;}
|
||||
.rb_module_border_dashed .module_latest_wrap {margin-left: 20px; margin-right: 20px; margin-top: 20px;}
|
||||
|
||||
.rb_module_border_solid .module_widget_wrap {margin-left: 20px; margin-right: 20px; margin-top: 20px;}
|
||||
.rb_module_border_dashed .module_widget_wrap {margin-left: 20px; margin-right: 20px; margin-top: 20px;}
|
||||
|
||||
.rb_module_border_solid .module_poll_wrap {margin-left: 20px; margin-right: 20px; margin-top: 20px;}
|
||||
.rb_module_border_dashed .module_poll_wrap {margin-left: 20px; margin-right: 20px; margin-top: 20px;}
|
||||
|
||||
.rb_module_border_solid .module_item_wrap {margin-left: 20px; margin-right: 20px; margin-top: 20px;}
|
||||
.rb_module_border_dashed .module_item_wrap {margin-left: 20px; margin-right: 20px; margin-top: 20px;}
|
||||
|
||||
.rb_module_border_solid .module_banner_wrap {margin-left: 20px; margin-right: 20px; margin-top: 20px;}
|
||||
.rb_module_border_dashed .module_banner_wrap {margin-left: 20px; margin-right: 20px; margin-top: 20px;}
|
||||
|
||||
.module_latest_wrap {padding: 0px !important;}
|
||||
.module_widget_wrap {padding: 0px !important;}
|
||||
.module_poll_wrap {padding: 0px !important;}
|
||||
.module_item_wrap {padding: 0px !important;}
|
||||
.module_banner_wrap {padding: 0px !important;}
|
||||
|
||||
}
|
||||
|
||||
/* ui { */
|
||||
.module_style_set_wrap {display: flex; gap: 0px 20px;flex-direction: row;flex-wrap: wrap; align-items: center;}
|
||||
.rb_range_item {
|
||||
width: 70%;
|
||||
height: 4px;
|
||||
border: 0;
|
||||
border-radius: 100px;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 4px;
|
||||
outline: none;
|
||||
border:0px !important;
|
||||
}
|
||||
|
||||
.rb_range_item .ui-slider-handle {
|
||||
position: absolute;
|
||||
margin: -6px 0 0 -17px;
|
||||
border-radius: 100px;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
width: 34px;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
font-size: 10px;
|
||||
text-decoration: none;
|
||||
transition: transform 0.1s ease;
|
||||
color:#fff !important;
|
||||
}
|
||||
|
||||
.rb_range_item .ui-slider-range {
|
||||
border:0px !important; border-radius: 4px !important;
|
||||
}
|
||||
|
||||
|
||||
.rb_range_item .ui-slider-handle:hover,
|
||||
.rb_range_item .ui-slider-handle:focus {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.rb_range_item .cntr {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
/* } */
|
||||
|
||||
.content_box {position: relative;}
|
||||
|
||||
.flex_box_inner .no_data_section {display: none !important;}
|
||||
.flex_box_inner {margin-left: 0px !important; margin-right: 0px !important;}
|
||||
.flex_box_inner .rb_layout_box .add_module_wrap {display: none !important;}
|
||||
Reference in New Issue
Block a user