java
/
bf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css 파일 권고 문법 정리

Browse Source
dev_bert
정이솔 3 years ago
parent 90a278a6e9
commit 7cf0410b4e
1 changed files with 131 additions and 131 deletions
Show Stats Download Patch File Download Diff File

262
src/main/webapp/m/css/style.css
Unescape View File

@ -44,7 +44,7 @@ body.swal2-height-auto {
height: 1.25rem;
border-radius: 50%;
cursor: pointer;
background: url(../img/chk_sprites.png)no-repeat 10% 50% / auto 2.5rem;
background: url(../img/chk_sprites.png) no-repeat 10% 50% / auto 2.5rem;
}
.checkbox input[type="checkbox"],
@ -61,7 +61,7 @@ body.swal2-height-auto {
.checkbox input[type="checkbox"]:checked+label:before,
.checkbox input[type="radio"]:checked+label:before {
background: url(../img/chk_sprites.png)no-repeat 90% 50% / auto 2.5rem;
background: url(../img/chk_sprites.png) no-repeat 90% 50% / auto 2.5rem;
border: none;
}
@ -397,7 +397,7 @@ main {
margin: 0 auto;
margin-bottom: 0.4rem;
margin-top: 1.5rem;
background: url(../img/setting/list_icon.png)no-repeat center/contain;
background: url(../img/setting/list_icon.png) no-repeat center/contain;
}
.floating_btn:active,
@ -440,7 +440,7 @@ main {
height: 1.3rem;
width: 0.625rem;
vertical-align: top;
background: url(../img/arrow_sprites.png)no-repeat 92.565% 68%/auto 6.4375rem;
background: url(../img/arrow_sprites.png) no-repeat 92.565% 68%/auto 6.4375rem;
margin-left: 0.1rem;
}
@ -557,14 +557,14 @@ main {
.header_wrapper .brand_logo {
height: 1.7rem;
width: 5rem;
background: url(../img/main/brand_logo_w.png)no-repeat center/contain;
background: url(../img/main/brand_logo_w.png) no-repeat center/contain;
margin-top: -2px;
}
.index_header_wrapper .brand_logo {
height: 2.347375rem;
width: 9rem;
background: url(../img/main/brand_logo_w.png)no-repeat center/contain;
background: url(../img/main/brand_logo_w.png) no-repeat center/contain;
}
.right_btn_box {
@ -639,7 +639,7 @@ main {
margin-top: -0.5625rem;
width: 0.625rem;
height: 1.125rem;
background: url(../img/arrow_sprites.png)no-repeat 92.565% 5.367%/auto 6.4375rem;
background: url(../img/arrow_sprites.png) no-repeat 92.565% 5.367%/auto 6.4375rem;
}
.m_noti_center .noti_item .new_icon {
@ -649,7 +649,7 @@ main {
width: 27px;
height: 27px;
overflow: hidden;
background: url(../img/setting/alarm_new_ico.png)no-repeat center/contain;
background: url(../img/setting/alarm_new_ico.png) no-repeat center/contain;
}
.m_noti_center .noti_item .noti_txt {
@ -684,7 +684,7 @@ main {
display: flex;
margin-top: -2px;
height: 15.71875rem;
background: #FF9C00 url(../img/main_bg.png)no-repeat top -0.5rem center/100% auto;
background: #FF9C00 url(../img/main_bg.png) no-repeat top -0.5rem center/100% auto;
}
.main_header .iker_box {
@ -696,7 +696,7 @@ main {
margin-top: 4.3787rem;
height: 4rem;
width: 100%;
background: url(../img/main_bg_03.png)no-repeat center left 0.3rem/contain;
background: url(../img/main_bg_03.png) no-repeat center left 0.3rem/contain;
}
.main_header .iker_box .main_title_box h2,
@ -721,7 +721,7 @@ main {
left: 0;
width: 100%;
height: 0.55rem;
background: url(../img/brand_tit.png)no-repeat center left/contain;
background: url(../img/brand_tit.png) no-repeat center left/contain;
}
.main_header .iker_box .main_title_box h3 {
@ -733,7 +733,7 @@ main {
.main_header .child_img {
flex: 0 0 48%;
height: 19.5rem;
background: url(../img/main_bg_02.png)no-repeat bottom right/contain;
background: url(../img/main_bg_02.png) no-repeat bottom right/contain;
}
.child_wrap {
@ -877,7 +877,7 @@ main {
.child_add_list_item {}
.child_add_list_item .child_pic {
background: #ececec url(../img/child/child_pic.png)no-repeat center/contain!important;
background: #ececec url(../img/child/child_pic.png) no-repeat center/contain!important;
}
.child_add_list_item .child_name {
@ -897,7 +897,7 @@ main {
}
.child_add_list_item .child_r_box .child_m_a_btn .more_icon {
background: url(../img/arrow_sprites.png)no-repeat 88.727% 89.615%/auto 6.4375rem;
background: url(../img/arrow_sprites.png) no-repeat 88.727% 89.615%/auto 6.4375rem;
}
@ -921,7 +921,7 @@ main {
flex-wrap: wrap;
height: 11.125rem;
border-radius: 20px;
background: url(../img/how_use_bg.png)no-repeat center/cover;
background: url(../img/how_use_bg.png) no-repeat center/cover;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}
@ -1024,7 +1024,7 @@ main {
width: 20px;
height: 20px;
margin-left: 5px;
background: url(../img/child/child_common_sprites.png)no-repeat 56.649% 73.034% / auto 11.75rem;
background: url(../img/child/child_common_sprites.png) no-repeat 56.649% 73.034% / auto 11.75rem;
border-radius: 50%;
}
@ -1131,7 +1131,7 @@ main {
.m_home_child {}
.home_child_box {
background: #fff url(../img/child/child_home_bg.png)no-repeat center/cover;
background: #fff url(../img/child/child_home_bg.png) no-repeat center/cover;
padding: 2.5rem 0 2.5rem 1.875rem;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
}
@ -1149,7 +1149,7 @@ main {
right: 0;
width: 100%;
height: 21.46875rem;
background: url(../img/child/child_home_bg_02.png)no-repeat top right/contain;
background: url(../img/child/child_home_bg_02.png) no-repeat top right/contain;
}
.home_child_box .h_c_header .header_title {
@ -1367,7 +1367,7 @@ main {
}
.r_list_item .view_report_btn {
background: #FF9C00 url(../img/arrow_sprites.png)no-repeat 105% 35.5%/auto 8rem;
background: #FF9C00 url(../img/arrow_sprites.png) no-repeat 105% 35.5%/auto 8rem;
height: 2.5rem;
width: 2.5rem;
border-radius: 50%;
@ -1555,7 +1555,7 @@ main {
width: 1.25rem;
height: 100%;
margin-right: 0.3rem;
background: url(../img/chk_sprites.png)no-repeat 10% 50% / auto 2.5rem;
background: url(../img/chk_sprites.png) no-repeat 10% 50% / auto 2.5rem;
}
.profile_wrap .p_list_item .p_btn.active {
@ -1564,7 +1564,7 @@ main {
}
.profile_wrap .p_list_item .p_btn.active .icon {
background: url(../img/chk_sprites.png)no-repeat 90% 50% / auto 2.5rem;
background: url(../img/chk_sprites.png) no-repeat 90% 50% / auto 2.5rem;
}
@ -1993,7 +1993,7 @@ main {
}
.r_list_item .del_btn {
background: #bcbbbb url(../img/xxxx_sprites/xxx.png)no-repeat center/10px;
background: #bcbbbb url(../img/xxxx_sprites/xxx.png) no-repeat center/10px;
height: 1.5625rem;
width: 1.5625rem;
margin: auto 0;
@ -2015,7 +2015,7 @@ main {
display: flex;
flex-wrap: wrap;
padding: 2.1875rem 1.5625rem;
background: url(../img/child/report_summary.png)no-repeat right 1.875rem top 2.5625rem/auto 16.875rem;
background: url(../img/child/report_summary.png) no-repeat right 1.875rem top 2.5625rem/auto 16.875rem;
background-color: #fff;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.07);
}
@ -2114,11 +2114,11 @@ main {
}
.s_growth_img_box .s_growth:first-child .height_img {
background: url(../img/child/child_height_img_01.png)no-repeat center/auto 8.6875rem;
background: url(../img/child/child_height_img_01.png) no-repeat center/auto 8.6875rem;
}
.s_growth_img_box .s_growth:last-child .height_img {
background: url(../img/child/child_height_img_02.png)no-repeat center bottom/auto 7.0625rem;
background: url(../img/child/child_height_img_02.png) no-repeat center bottom/auto 7.0625rem;
}
.s_growth_img_box .s_growth .tit {
@ -2275,7 +2275,7 @@ main {
left: 0;
width: 2.2px;
height: 4.8rem;
background: url(../img/child/dotted.png)repeat 0 0/100% auto;
background: url(../img/child/dotted.png) repeat 0 0/100% auto;
}
.peer_group_header:after {
@ -2285,7 +2285,7 @@ main {
right: 0;
width: 2.2px;
height: 1.9rem;
background: url(../img/child/dotted.png)repeat 0 0/100% auto;
background: url(../img/child/dotted.png) repeat 0 0/100% auto;
}
.peer_group_header_weight:before {
@ -2379,7 +2379,7 @@ main {
.peer_group_header .p_g_inner_box_02:after {
left: 50%;
margin-left: -12px;
background: url(../img/child/peer_group_02.png)no-repeat center/contain;
background: url(../img/child/peer_group_02.png) no-repeat center/contain;
}
@ -2391,11 +2391,11 @@ main {
margin-top: 0.8rem;
margin-bottom: 1.34375rem;
margin-bottom: 1.34375rem;
background: url(../img/child/peer_bg.png)no-repeat left bottom/100% 100%;
background: url(../img/child/peer_bg.png) no-repeat left bottom/100% 100%;
}
.peer_group_graph .graph_cont.graph_cont_weight {
background: url(../img/child/peer_weight_bg.png)no-repeat left bottom/100% 100%;
background: url(../img/child/peer_weight_bg.png) no-repeat left bottom/100% 100%;
}
.peer_group_graph .graph_cont .g_child_precent {
@ -2414,14 +2414,14 @@ main {
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg {
flex: 0 0 10%;
background: url(../img/child/peer_height_child_01.png)no-repeat center bottom/contain;
background: url(../img/child/peer_height_child_01.png) no-repeat center bottom/contain;
margin-top: auto;
text-indent: -999999999999px;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_01,
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_10 {
background: url(../img/child/peer_height_child_01.png)no-repeat center bottom/contain;
background: url(../img/child/peer_height_child_01.png) no-repeat center bottom/contain;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.child_01 {
@ -2476,7 +2476,7 @@ main {
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg.active {
position: relative;
background: url(../img/child/peer_height_child.png)no-repeat center bottom/contain;
background: url(../img/child/peer_height_child.png) no-repeat center bottom/contain;
opacity: 1;
}
@ -2502,37 +2502,37 @@ main {
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_01 {
background: url(../img/child/peer_weight_child_01.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_01.png) no-repeat center bottom/contain;
opacity: 0.2;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_02 {
background: url(../img/child/peer_weight_child_02.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_02.png) no-repeat center bottom/contain;
opacity: 0.3;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_03 {
background: url(../img/child/peer_weight_child_03.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_03.png) no-repeat center bottom/contain;
opacity: 0.45;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_04 {
background: url(../img/child/peer_weight_child_04.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_04.png) no-repeat center bottom/contain;
opacity: 0.6;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_05 {
background: url(../img/child/peer_weight_child_05.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_05.png) no-repeat center bottom/contain;
opacity: 0.75;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_06 {
background: url(../img/child/peer_weight_child_06.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_06.png) no-repeat center bottom/contain;
opacity: 0.9;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_07 {
background: url(../img/child/peer_weight_child_07.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_07.png) no-repeat center bottom/contain;
opacity: 1;
}
@ -2541,43 +2541,43 @@ main {
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_01.active {
position: relative;
background: url(../img/child/peer_weight_child_active_01.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_active_01.png) no-repeat center bottom/contain;
opacity: 0.2;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_02.active {
position: relative;
background: url(../img/child/peer_weight_child_active_02.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_active_02.png) no-repeat center bottom/contain;
opacity: 1;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_03.active {
position: relative;
background: url(../img/child/peer_weight_child_active_03.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_active_03.png) no-repeat center bottom/contain;
opacity: 1;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_04.active {
position: relative;
background: url(../img/child/peer_weight_child_active_04.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_active_04.png) no-repeat center bottom/contain;
opacity: 1;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_05.active {
position: relative;
background: url(../img/child/peer_weight_child_active_05.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_active_05.png) no-repeat center bottom/contain;
opacity: 1;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_06.active {
position: relative;
background: url(../img/child/peer_weight_child_active_06.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_active_06.png) no-repeat center bottom/contain;
opacity: 1;
}
.peer_group_graph .graph_cont .g_child_precent .child_bg_box .child_bg_weight.child_07.active {
position: relative;
background: url(../img/child/peer_weight_child_active_07.png)no-repeat center bottom/contain;
background: url(../img/child/peer_weight_child_active_07.png) no-repeat center bottom/contain;
opacity: 1;
}
@ -2601,7 +2601,7 @@ main {
.peer_group_graph .graph_bar {
width: 100%;
height: 3px;
background: url(../img/child/graph_bar.png)no-repeat center/100% 100%;
background: url(../img/child/graph_bar.png) no-repeat center/100% 100%;
margin-bottom: 0.3rem;
}
@ -2817,7 +2817,7 @@ main {
left: -9px;
width: 8px;
height: 16px;
background: url(../img/child/growth_prediction_arrow.png)no-repeat center/contain;
background: url(../img/child/growth_prediction_arrow.png) no-repeat center/contain;
}
.prediction_box .c_p_box .icon_box {
@ -3020,32 +3020,32 @@ main {
.report_height_box .prediction_box_01 .c_p_box .icon_box {
height: 5rem;
background: url(../img/child/growth_prediction_height_01.png)no-repeat center/contain;
background: url(../img/child/growth_prediction_height_01.png) no-repeat center/contain;
}
.report_height_box .prediction_box_02.p_growth_01 .c_p_box .icon_box {
background: url(../img/child/growth_prediction_height_02_01.png)no-repeat center/contain;
background: url(../img/child/growth_prediction_height_02_01.png) no-repeat center/contain;
}
.report_height_box .prediction_box_02.p_growth_02 .c_p_box .icon_box {
background: url(../img/child/growth_prediction_height_02_02.png)no-repeat center/contain;
background: url(../img/child/growth_prediction_height_02_02.png) no-repeat center/contain;
}
.report_height_box .prediction_box_02 .c_p_box .icon_box .info_num {
left: -5rem;
height: 2.0625rem;
width: 7rem;
background: url(../img/child/growth_prediction_height_arrow_01.png)no-repeat right bottom/auto 2.0625rem;
background: url(../img/child/growth_prediction_height_arrow_01.png) no-repeat right bottom/auto 2.0625rem;
padding-top: 0.35rem;
padding-right: 1.3rem;
}
.report_height_box .prediction_box_03.p_growth_01 .c_p_box .icon_box {
background: url(../img/child/growth_prediction_height_03_01.png)no-repeat center/contain;
background: url(../img/child/growth_prediction_height_03_01.png) no-repeat center/contain;
}
.report_height_box .prediction_box_03.p_growth_02 .c_p_box .icon_box {
background: url(../img/child/growth_prediction_height_03_02.png)no-repeat center/contain;
background: url(../img/child/growth_prediction_height_03_02.png) no-repeat center/contain;
}
.report_height_box .prediction_box_03 .c_p_box .icon_box .info_num {
@ -3053,7 +3053,7 @@ main {
width: 7rem;
height: 4.84375rem;
padding-right: 1.075rem;
background: url(../img/child/growth_prediction_height_arrow_02.png)no-repeat right bottom/auto 4.6rem;
background: url(../img/child/growth_prediction_height_arrow_02.png) no-repeat right bottom/auto 4.6rem;
padding-top: 0.875rem;
}
@ -3398,7 +3398,7 @@ main {
width: 1rem;
margin-right: 0.4rem;
vertical-align: top;
background: url(../img/content/view_num_icon_02.png)no-repeat center/contain;
background: url(../img/content/view_num_icon_02.png) no-repeat center/contain;
}
.board_img_cont {}
@ -3476,7 +3476,7 @@ main {
margin-top: -0.5625rem;
width: 0.625rem;
height: 1.125rem;
background: url(../img/arrow_sprites.png)no-repeat 92.565% 5.367%/auto 6.4375rem;
background: url(../img/arrow_sprites.png) no-repeat 92.565% 5.367%/auto 6.4375rem;
}
.list_wrap .list_item .list_l_label {
@ -3966,11 +3966,11 @@ main {
}
.login_input.id_input .icon {
background: url(../img/login/login_id_ico.png)no-repeat center/contain;
background: url(../img/login/login_id_ico.png) no-repeat center/contain;
}
.login_input.pw_input .icon {
background: url(../img/login/login_pw_ico.png)no-repeat center/contain;
background: url(../img/login/login_pw_ico.png) no-repeat center/contain;
}
.login_a_box {
@ -4007,7 +4007,7 @@ main {
vertical-align: top;
margin-left: 0.5rem;
width: 0.77rem;
background: url(../img/login/login_icon.png)no-repeat center/contain;
background: url(../img/login/login_icon.png) no-repeat center/contain;
}
.copyright {
@ -4111,14 +4111,14 @@ main {
height: 100%;
vertical-align: top;
margin-left: 0.5rem;
background: url(../img/login/join_member_icon.png)no-repeat center/contain;
background: url(../img/login/join_member_icon.png) no-repeat center/contain;
}
.m_join_member .checkbox label:before {
width: 18px;
height: 18px;
border-radius: 3px;
background: url(../img/login/join_check_ico.png)no-repeat center / contain;
background: url(../img/login/join_check_ico.png) no-repeat center / contain;
}
.m_join_member .checkbox input[type="checkbox"]:checked+label:before,
@ -4126,7 +4126,7 @@ main {
width: 18px;
height: 18px;
border-radius: 3px;
background: url(../img/login/join_check_ico_active.png)no-repeat center / contain;
background: url(../img/login/join_check_ico_active.png) no-repeat center / contain;
}
.m_join_member .checkbox input[type="checkbox"],
@ -4165,7 +4165,7 @@ main {
margin-top: -0.5625rem;
width: 0.625rem;
height: 1.125rem;
background: url(../img/arrow_sprites.png)no-repeat 92.565% 5.367%/auto 6.4375rem;
background: url(../img/arrow_sprites.png) no-repeat 92.565% 5.367%/auto 6.4375rem;
}
@ -4302,7 +4302,7 @@ main {
right: 0;
width: 12px;
height: 22px;
background: url(../img/arrow_sprites.png)no-repeat 92.565% 5.367%/auto 6.4375rem
background: url(../img/arrow_sprites.png) no-repeat 92.565% 5.367%/auto 6.4375rem
}
@ -4318,7 +4318,7 @@ main {
.set_version_wrap .ver_logo {
height: 40px;
width: 100%;
background: url(../img/setting/version_ico.png)no-repeat center/contain;
background: url(../img/setting/version_ico.png) no-repeat center/contain;
margin: 35px 0 10px;
}
@ -4442,7 +4442,7 @@ main {
right: 0;
width: 12px;
height: 22px;
background: url(../img/arrow_sprites.png)no-repeat 92.565% 5.367%/auto 6.4375rem;
background: url(../img/arrow_sprites.png) no-repeat 92.565% 5.367%/auto 6.4375rem;
}
.m_set_account .logout_btn {
@ -4608,7 +4608,7 @@ main {
right: -.2rem;
width: 1rem;
height: 1.3rem;
background: url(../img/arrow_sprites.png)no-repeat 48.905% 93.961%/auto 6.4375rem;
background: url(../img/arrow_sprites.png) no-repeat 48.905% 93.961%/auto 6.4375rem;
}
.m_set_lighting_time .cont {
@ -4800,11 +4800,11 @@ main {
width: 1.25rem;
height: 2.9375rem;
vertical-align: middle;
background: url(../img/chk_sprites.png)no-repeat 10% 50% / auto 2.5rem;
background: url(../img/chk_sprites.png) no-repeat 10% 50% / auto 2.5rem;
}
.p_list_item.gender_item button.active .icon {
background: url(../img/chk_sprites.png)no-repeat 90% 50% / auto 2.5rem;
background: url(../img/chk_sprites.png) no-repeat 90% 50% / auto 2.5rem;
}
.bold_tit {
@ -4832,12 +4832,12 @@ main {
width: 2rem;
height: 2rem;
outline: 1px solid red;
background: #ebf1f3 url(../img/arrow_sprites.png)no-repeat 48.905% 90.961%/auto 12rem;
background: #ebf1f3 url(../img/arrow_sprites.png) no-repeat 48.905% 90.961%/auto 12rem;
}
.growth_txt_box.active {
border: 1px solid #ebf1f3;
background: #ebf1f3 url(../img/arrow_sprites.png)no-repeat 48.905% 90.961%/auto 6.4375rem;
background: #ebf1f3 url(../img/arrow_sprites.png) no-repeat 48.905% 90.961%/auto 6.4375rem;
}
.growth_txt_box .title {
@ -4913,7 +4913,7 @@ main {
margin-top: -12px;
width: 0.625rem;
height: 1.125rem;
background: url(../img/arrow_sprites.png)no-repeat 50% 90.961%/auto 6.4375rem;
background: url(../img/arrow_sprites.png) no-repeat 50% 90.961%/auto 6.4375rem;
}
.m_guest_agree .guest_view_guest {
@ -5435,7 +5435,7 @@ main {
padding: 2.5rem 0 2.5rem 1.5rem;
}
.home_child_box .h_c_header:before {
background: url(../img/child/child_home_bg_02.png)no-repeat top right -1rem/contain;
background: url(../img/child/child_home_bg_02.png) no-repeat top right -1rem/contain;
}
/*리포트*/
.peer_group_header .p_g_inner_box .num_box {
@ -6060,15 +6060,15 @@ main {
}
.iyu_nav ul .nav_list01 .icon {
background: url(../img/main/iyu_nav_ico01.png)no-repeat center/auto 23px;
background: url(../img/main/iyu_nav_ico01.png) no-repeat center/auto 23px;
}
.iyu_nav ul .nav_list02 .icon {
background: url(../img/main/iyu_nav_ico02.png)no-repeat center/auto 23px;
background: url(../img/main/iyu_nav_ico02.png) no-repeat center/auto 23px;
}
.iyu_nav ul .nav_list03 .icon {
background: #FF9C00 url(../img/main/iyu_nav_ico03.png)no-repeat center/44% auto;
background: #FF9C00 url(../img/main/iyu_nav_ico03.png) no-repeat center/44% auto;
width: 43px;
height: 43px;
border-radius: 50%;
@ -6077,11 +6077,11 @@ main {
}
.iyu_nav ul .nav_list04 .icon {
background: url(../img/main/iyu_nav_ico04.png)no-repeat center/auto 23px;
background: url(../img/main/iyu_nav_ico04.png) no-repeat center/auto 23px;
}
.iyu_nav ul .nav_list05 .icon {
background: url(../img/main/iyu_nav_ico05.png)no-repeat center/auto 23px;
background: url(../img/main/iyu_nav_ico05.png) no-repeat center/auto 23px;
}
@ -6264,7 +6264,7 @@ main {
width: 20px;
height: 30px;
border: none;
background: url(../img/nutrition/c_menu.png)no-repeat center /auto 20px;
background: url(../img/nutrition/c_menu.png) no-repeat center /auto 20px;
text-indent: -9999999px;
overflow: hidden;
}
@ -6286,13 +6286,13 @@ main {
.nutrition_camera {
padding-top: 35px;
background: url(../img/main/main_cont_img_camera_bg01.png)no-repeat top center/18px auto;
background: url(../img/main/main_cont_img_camera_bg01.png) no-repeat top center/18px auto;
}
.nutrition_camera .nutrition_camera_box {
padding-bottom: 40px;
margin-bottom: 20px;
background: url(../img/main/main_cont_img_camera_bg03.png)no-repeat bottom center/18px auto;
background: url(../img/main/main_cont_img_camera_bg03.png) no-repeat bottom center/18px auto;
}
.nutrition_camera input {
@ -6569,7 +6569,7 @@ main {
width: 20%;
padding: 0 15px;
text-align: center;
background: url(../img/nutrition/nutrition_emotion_line.png)no-repeat right center/1px auto;
background: url(../img/nutrition/nutrition_emotion_line.png) no-repeat right center/1px auto;
}
.nutrition_list_emotion li:last-child {
@ -6664,7 +6664,7 @@ p.selectbox {
border-radius: 5px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
border: 1px solid #ccc;
background: #fff url(../img/nutrition/nutrition_intake_arrow.png)no-repeat calc(100% - 10px) center/10px auto;
background: #fff url(../img/nutrition/nutrition_intake_arrow.png) no-repeat calc(100% - 10px) center/10px auto;
font-size: 14px;
}
@ -6740,7 +6740,7 @@ p.selectbox {
.nutrition_list_intake.list_intake02 {
padding: 0;
margin: 20px 0;
background: #f7f7f6 url(../img/nutrition/nutrition_emotion_line.png)repeat-y center center/1px auto;
background: #f7f7f6 url(../img/nutrition/nutrition_emotion_line.png) repeat-y center center/1px auto;
}
.nutrition_list_intake.list_intake02 li {
@ -6825,7 +6825,7 @@ p.selectbox {
width: 100%;
padding: 10px 10% 10px 10px !important;
text-align: right;
background: #fff url(../img/nutrition/nutrition_intake_arrow.png)no-repeat 95% center/10px auto;
background: #fff url(../img/nutrition/nutrition_intake_arrow.png) no-repeat 95% center/10px auto;
}
.select_snack .selectbox p strong {
@ -6884,7 +6884,7 @@ p.selectbox {
border-radius: 5px;
border: 1px solid #ddd;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
background: url(../img/nutrition/nutrition_search_ico.png)no-repeat 6px center/18px auto;
background: url(../img/nutrition/nutrition_search_ico.png) no-repeat 6px center/18px auto;
}
.nutrition_kinds_search .search_lately li.active {
@ -9595,7 +9595,7 @@ p.selectbox {
position: absolute;
top: calc(50% - 13px);
right: 10px;
background: #bcbbbb url(../img/xxxx_sprites/xxx.png)no-repeat center/9px;
background: #bcbbbb url(../img/xxxx_sprites/xxx.png) no-repeat center/9px;
height: 1.5625rem;
width: 1.5625rem;
margin: auto 0;
@ -9839,7 +9839,7 @@ p.selectbox {
/* 대변 배경 블릿 */
.graph_color.graph_color_feces {
background: #fef7f1 url(../img/nutrition/graph_color_feces_bg.png)no-repeat center/100% auto;
background: #fef7f1 url(../img/nutrition/graph_color_feces_bg.png) no-repeat center/100% auto;
}
.graph_color.graph_color_feces span {
@ -9850,7 +9850,7 @@ p.selectbox {
/* 소변 배경 블릿 */
.graph_color.graph_color_pee {
background: #fef7f1 url(../img/nutrition/graph_color_pee_bg.png)no-repeat center/100% auto;
background: #fef7f1 url(../img/nutrition/graph_color_pee_bg.png) no-repeat center/100% auto;
}
.graph_color.graph_color_pee span {
@ -9954,7 +9954,7 @@ p.selectbox {
display: inline-block;
width: 22px;
height: 30px;
background: url(../img/community/community_write_ico.png)no-repeat center/13px auto;
background: url(../img/community/community_write_ico.png) no-repeat center/13px auto;
}
.m_community {
@ -9991,11 +9991,11 @@ p.selectbox {
}
.growth_header_community.header_community .write_btn {
background: url(../img/community/community_write_growth_ico.png)no-repeat center/13px auto;
background: url(../img/community/community_write_growth_ico.png) no-repeat center/13px auto;
}
.nutrition_header_community.header_community .write_btn {
background: url(../img/community/community_write_nutrition_ico.png)no-repeat center/13px auto;
background: url(../img/community/community_write_nutrition_ico.png) no-repeat center/13px auto;
}
.m_community.growth_review_color .all_post strong {
@ -10025,7 +10025,7 @@ p.selectbox {
.community_writer .c_user_profile {
width: 35px;
height: 35px;
background: url(../img/community/community_writer_img.png)no-repeat center center/100% auto;
background: url(../img/community/community_writer_img.png) no-repeat center center/100% auto;
background-size: cover!important;
border: 1px solid #E7E7E7;
border-radius: 50%;
@ -10067,7 +10067,7 @@ p.selectbox {
width: 20px;
height: 30px;
border: none;
background: url(../img/community/c_menu.png)no-repeat center /auto 20px;
background: url(../img/community/c_menu.png) no-repeat center /auto 20px;
text-indent: -9999999px;
overflow: hidden;
}
@ -10200,7 +10200,7 @@ p.selectbox {
border-radius: 50%;
vertical-align: middle;
margin-right: 3px;
background: #FF9C00 url(../img/community/community_summary_like.png)no-repeat center/12px;
background: #FF9C00 url(../img/community/community_summary_like.png) no-repeat center/12px;
}
.community_bottom_summary .comment_num {
@ -10249,11 +10249,11 @@ p.selectbox {
}
.community_bottom_collection ul li:first-child .c_like_btn span {
background: url(../img/community/community_collection_like.png)no-repeat center 4px/15px auto;
background: url(../img/community/community_collection_like.png) no-repeat center 4px/15px auto;
}
.community_bottom_collection ul li:first-child .c_like_btn.active span {
background: url(../img/community/community_collection_like_active.png)no-repeat center 4px/15px auto;
background: url(../img/community/community_collection_like_active.png) no-repeat center 4px/15px auto;
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
-webkit-animation: like_btn_ani 1.5s forwards;
@ -10345,11 +10345,11 @@ p.selectbox {
}
.community_bottom_collection ul li:nth-child(2) .c_btn span {
background: url(../img/community/community_collection_comment.png)no-repeat center/15px;
background: url(../img/community/community_collection_comment.png) no-repeat center/15px;
}
.community_bottom_collection ul li:nth-child(3) .c_btn span {
background: url(../img/community/community_collection_share.png)no-repeat center/15px;
background: url(../img/community/community_collection_share.png) no-repeat center/15px;
}
.community_bottom_collection .list_more_btn {
@ -10506,14 +10506,14 @@ p.selectbox {
.community_paging .pre {
left: 0;
background: url(../img/community/more_arrow_right.png)no-repeat center/auto 13px;
background: url(../img/community/more_arrow_right.png) no-repeat center/auto 13px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.community_paging .next {
right: 0;
background: url(../img/community/more_arrow_right.png)no-repeat center/auto 13px;
background: url(../img/community/more_arrow_right.png) no-repeat center/auto 13px;
}
.growth_review_color .paging_num_box a.active {
@ -10561,12 +10561,12 @@ p.selectbox {
.community_comment li .comment_list_txt .like {
padding-right: 18px;
background: url(../img/community/community_collection_like.png)no-repeat right center/auto 12px;
background: url(../img/community/community_collection_like.png) no-repeat right center/auto 12px;
}
.community_comment li .comment_list_txt .like.active {
color: #FF9C00;
background: url(../img/community/community_collection_like_active.png)no-repeat right center/auto 12px;
background: url(../img/community/community_collection_like_active.png) no-repeat right center/auto 12px;
}
.community_comment li .comment_list_txt .like.active:before {
@ -10601,7 +10601,7 @@ p.selectbox {
.community_comment li .comment_list_exp {
font-size: 15px;
padding: 5px 0 0 20px;
background: url(../img/community/community_ripple.png)no-repeat left 10px/auto 12px;
background: url(../img/community/community_ripple.png) no-repeat left 10px/auto 12px;
}
.community_comment li .comment_list_exp .name {
@ -10713,7 +10713,7 @@ p.selectbox {
width: 20px;
height: 30px;
border: none;
background: url(../img/community/c_menu.png)no-repeat center /auto 20px;
background: url(../img/community/c_menu.png) no-repeat center /auto 20px;
text-indent: -9999999px;
overflow: hidden;
}
@ -10824,7 +10824,7 @@ p.selectbox {
width: 1.875rem;
height: 1.875rem;
border: none;
background: url(../img/community/download_img_icon.png)no-repeat center/contain;
background: url(../img/community/download_img_icon.png) no-repeat center/contain;
text-indent: -9999999999px;
}
@ -10864,7 +10864,7 @@ p.selectbox {
height: 46px;
padding: 15px 20px !important;
color: #aaa;
background: #fff url(../img/community/community_selectbox_arrow.png)no-repeat calc(100% - 20px) center/10px auto;
background: #fff url(../img/community/community_selectbox_arrow.png) no-repeat calc(100% - 20px) center/10px auto;
}
.community_write_category .selectlist {
@ -11080,7 +11080,7 @@ p.selectbox {
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
background: url(../img/community/upload_img.jpg)no-repeat center/contain;
background: url(../img/community/upload_img.jpg) no-repeat center/contain;
}
.add_pic_list_item .input_file_upload .add_thumb img {
@ -11934,7 +11934,7 @@ p.selectbox {
width: 20px;
height: 30px;
border: none;
background: url(../img/nutrition/c_menu_black.png)no-repeat center /auto 18px;
background: url(../img/nutrition/c_menu_black.png) no-repeat center /auto 18px;
text-indent: -9999999px;
overflow: hidden;
}
@ -12463,7 +12463,7 @@ main.sona_cont_measurement {
flex-wrap: wrap;
justify-content: center;
padding: 1.5625rem;
background: url(../img/measure/bg_sona_measurement02.png)no-repeat right center/10rem auto !important;
background: url(../img/measure/bg_sona_measurement02.png) no-repeat right center/10rem auto !important;
}
.sona_measurement02 {
@ -12546,7 +12546,7 @@ main.sona_cont_measurement {
margin-top: -9px;
width: 18px;
height: 18px;
background: url(../img/measure/chk_off.png)no-repeat center/contain;
background: url(../img/measure/chk_off.png) no-repeat center/contain;
}
.measure_box .m_btn.active {
@ -12556,7 +12556,7 @@ main.sona_cont_measurement {
}
.measure_box .m_btn.active:before {
background: url(../img/measure/chk_on.png)no-repeat center/contain;
background: url(../img/measure/chk_on.png) no-repeat center/contain;
}
.measure_box .m_btn.active .unit {
@ -13020,19 +13020,19 @@ main.sona_cont_measurement {
.ca_time .ch_cont .comment_like .like{
padding-right: 18px;
background: url(../img/community/community_collection_like.png)no-repeat right center/auto 12px;
background: url(../img/community/community_collection_like.png) no-repeat right center/auto 12px;
margin-right: 5px;
}
.ca_time .ch_cont .comment_like .comment{
padding-right: 18px;
background: url(../img/community/community_collection_comment.png)no-repeat center/15px;
background: url(../img/community/community_collection_comment.png) no-repeat center/15px;
margin-right: 5px;
}
.ca_time .ch_cont .comment_like .share{
padding-right: 18px;
background: url(../img/community/community_collection_share.png)no-repeat center/15px;
background: url(../img/community/community_collection_share.png) no-repeat center/15px;
margin-right: 5px;
}
@ -13084,7 +13084,7 @@ main.sona_cont_measurement {
}
.community_nav.iyu_nav ul .nav_list05 .icon{
background: url(../img/main/iyu_nav_ico05_color.png)no-repeat center/auto 23px;
background: url(../img/main/iyu_nav_ico05_color.png) no-repeat center/auto 23px;
}
.iyu_nav ul li .tit.nav_color{
@ -14511,13 +14511,13 @@ main.sona_cont_measurement {
}
.arrow_btn .left{
background:url(../img/xxxx_sprites/arrow_01_left02.png)no-repeat;
background:url(../img/xxxx_sprites/arrow_01_left02.png) no-repeat;
width: 25px;
height: 40px;
}
.arrow_btn .right{
background:url(../img/xxxx_sprites/arrow_01_right02.png)no-repeat;
background:url(../img/xxxx_sprites/arrow_01_right02.png) no-repeat;
width: 25px;
height: 40px;
}
@ -14766,14 +14766,14 @@ main.sona_cont_measurement {
}
.community_view01 .like_icon{
background: url(../img/community/ico_heart_grey_18.png)no-repeat center /auto 20px;
background: url(../img/community/ico_heart_grey_18.png) no-repeat center /auto 20px;
width: 20px;
height: 20px;
margin-right: 5px;
}
.community_view01 .comment_icon{
background: url(../img/community/ico_community_grey_24.png)no-repeat center /auto 20px;
background: url(../img/community/ico_community_grey_24.png) no-repeat center /auto 20px;
width: 20px;
height: 20px;
margin-right: 5px;
@ -14784,7 +14784,7 @@ main.sona_cont_measurement {
}
.community_view01 .option {
background: url(../img/nutrition/c_menu.png)no-repeat center /auto 20px;
background: url(../img/nutrition/c_menu.png) no-repeat center /auto 20px;
width: 5px;
height: 24px;
}
@ -14832,11 +14832,11 @@ main.sona_cont_measurement {
}
.like_shared_cont .like_btn {
background: url(../img/community/community_collection_like.png)no-repeat center 4px/15px auto;
background: url(../img/community/community_collection_like.png) no-repeat center 4px/15px auto;
}
.like_shared_cont .like_btn.active {
background: url(../img/community/community_collection_like_active.png)no-repeat center 4px/15px auto;
background: url(../img/community/community_collection_like_active.png) no-repeat center 4px/15px auto;
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
-webkit-animation: like_btn_ani 1.5s forwards;
@ -14844,7 +14844,7 @@ main.sona_cont_measurement {
}
.like_shared_cont .shared_btn {
background: url(../img/ico_share_grey_24.png)no-repeat center 4px/15px auto;
background: url(../img/ico_share_grey_24.png) no-repeat center 4px/15px auto;
}
.community_view01 .comment_header {
@ -14859,7 +14859,7 @@ main.sona_cont_measurement {
}
.comment_header .refresh {
background: url(../img/community/ico_refresh.png)no-repeat center /auto 15px;
background: url(../img/community/ico_refresh.png) no-repeat center /auto 15px;
width: 15px;
height: 100%;
}
@ -14896,7 +14896,7 @@ main.sona_cont_measurement {
}
.comment_input_cont .input .file_icon{
background: url(../img/community/ico_camera.png)no-repeat center /auto 20px;
background: url(../img/community/ico_camera.png) no-repeat center /auto 20px;
width: 25px;
height: 20px;
margin-right: 10px;
@ -14988,21 +14988,21 @@ main.sona_cont_measurement {
}
.community_option .copy_icon {
background: url(../img/community/ico_copy.png)no-repeat center /auto 20px;
background: url(../img/community/ico_copy.png) no-repeat center /auto 20px;
height: 20px;
width: 20px;
margin: 0 10px;
}
.community_option .edit_icon {
background: url(../img/setting/edit_ico.png)no-repeat center /auto 20px;
background: url(../img/setting/edit_ico.png) no-repeat center /auto 20px;
height: 20px;
width: 20px;
margin: 0 10px;
}
.community_option .delect_icon {
background: url(../img/nutrition/nutrition_subMain_delete_ico.png)no-repeat center /auto 20px;
background: url(../img/nutrition/nutrition_subMain_delete_ico.png) no-repeat center /auto 20px;
height: 20px;
width: 20px;
margin: 0 10px;

Write Preview
Loading…
Cancel
Save