/*modify_by homesite 071204 14:10 */ /**********Main의 layout을 정의한다***********/ /* ID의 position을 정의한다 */ #de_main_login {position:relative;} #sample {position:absolute} /*▼▼▼▼▼▼ 해당 채널의 Layout을 정의하세요 ▼▼▼▼▼▼*/ /* Find Dino */ #de_sub_bt .find_dino {width:382px; height:79px; background:url(http://img1.dinokids.com/images/bg_search_02.jpg) no-repeat 191px 0px; padding:34px 0px 0px 202px;} #de_sub_bt .find_dino .bl {padding-top:6px} /* Left panel */ #de_sub_bt .kids_l {float:left; width:191px; margin-bottom:50px; padding-top:20px} #de_sub_bt .kids_l .ch_photo {width:171px; height:197px; background:url(http://img1.dinokids.com/images/bg_kids_proch.jpg) no-repeat 20px 62px; padding-left:20px;} #de_sub_bt .kids_l .ch_photo .ch_today {width:146px; height:62px; background:url(http://img1.dinokids.com/images/bg_kids_today.jpg) no-repeat; padding-left:25px} #de_sub_bt .kids_l .ch_photo .ch_today .a {padding-top:7px} #de_sub_bt .kids_l .ch_photo .ch_today .b {padding:2px 16px 0px 0px} #de_sub_bt .kids_l .ch_photo .ch_img {width:128px; height:97px; background:url(http://img1.dinokids.com/images/bg_kids_chimg.jpg) no-repeat; padding:5px; margin:0px auto; text-align:center} #de_sub_bt .kids_l .side_menu {padding-top:5px} #de_sub_bt .kids_l .vr_profile {width:191px; height:140px; background:url(http://img1.dinokids.com/images/bg_kids_probottom.jpg) no-repeat} #de_sub_bt .kids_l .vr_profile .visit_num {text-align:right; padding:25px 10px 0px 0px;} #de_sub_bt .kids_l .vr_profile .vr_btn {padding:10px 0px 0px 38px;} /* today */ #de_sub_body .today_pop {position:absolute; top:300px; left:210px; z-index:50px;} .today_pop .tt {width:129px; height:10px; background:url(http://img1.dinokids.com/images/box_poplist_t.gif) no-repeat top right; padding:0px 10px 0px 0px; text-align:right} .today_pop .tm {width:139px; background:url(http://img1.dinokids.com/images/box_poplist_m.gif) repeat-y right; padding-top:5px} .today_pop .tm img {vertical-align:top; margin-top:27px} .today_pop .tb {width:139px; height:20px; background:url(http://img1.dinokids.com/images/box_poplist_b.gif) no-repeat top right;} /* contents bottom */ #de_subcontents_b {background:url(http://img1.dinokids.com/images/bg_subbody_b.gif) no-repeat bottom; width:610px; height:21px;} /*------------------ Layout을 정의하세요 ------------------*/ /*▲▲▲▲▲▲ profile home ▲▲▲▲▲▲*/ /* Right panel */ #de_sub_bt .kids_r {width:529px; float:right;} #de_sub_bt .kids_r .ch_info {width:529px; height:350px; background:url(http://img1.dinokids.com/images/bg_kids_pro01.jpg) no-repeat;} #de_sub_bt .kids_r .ch_info .pro_name {padding:75px 0px 0px 50px;} #de_sub_bt .kids_r .ch_info .info_list {width:430px; padding:70px 0px 0px 51px;} #de_sub_bt .kids_r .ch_info .info_list li {border-bottom:#c4a963 2px solid; height:20px; padding:10px 0px 0px 16px; font-size:11pt; font-weight:bold; color:#693f12; background:url(http://img1.dinokids.com/lib_img/ico_dot_brown.gif) no-repeat 7px 19px;} #de_sub_bt .kids_r .ch_house {width:470px; height:362px; background:url(http://img1.dinokids.com/images/bg_kids_prohouse.gif) no-repeat; padding:44px 0px 0px 59px;} #de_sub_bt .kids_r .ch_house .house_img {width:410px; height:257px; background-color:#f5f5f5; border:#acacac 1px solid; text-align:center} /*▲▲▲▲▲▲ profile buddy ▲▲▲▲▲▲*/ /* Right panel */ #de_sub_bt .kids_r {width:529px; float:right;} #de_sub_bt .kids_r .note_t {width:529px; height:104px; background:url(http://img1.dinokids.com/images/bg_kids_prot.jpg) no-repeat;} #de_sub_bt .kids_r .note_t .pro_name {padding:75px 0px 0px 50px;} #de_sub_bt .kids_r .note_m {width:529px; background:url(http://img1.dinokids.com/images/bg_kids_prom.gif) repeat-y;} #de_sub_bt .kids_r .note_m .note_list {width:529px; background:url(http://img1.dinokids.com/images/bg_kids_prot01.jpg) no-repeat;} #de_sub_bt .kids_r .note_m .note_list .v_pt {width:443px; height:30px; background:url(http://img1.dinokids.com/images/box_kids_prot01.jpg) no-repeat; margin:0px auto; padding:30px 0px 0px 40px;} #de_sub_bt .kids_r .note_m .note_list .v_list {width:457px; height:auto; overflow-y:auto; background-color:#ffffff; border-left:#9f7f31 1px solid; border-right:#9f7f31 1px solid; margin:0px auto; padding:10px 0px 30px 0px} #de_sub_bt .kids_r .note_m .note_list .v_list ul {width:405px; margin:0px auto} #de_sub_bt .kids_r .note_m .note_list .v_list ul li {clear:both; padding:10px 0px; height:90px} #de_sub_bt .kids_r .note_m .note_list .v_list ul li.a {background-color:#f2f2f2} #de_sub_bt .kids_r .note_m .note_list .v_list ul span {margin:0px 3px} #de_sub_bt .kids_r .note_m .note_list .v_list .bud_ch {width:65px; height:55px; padding:10px 15px; background:url(http://img1.dinokids.com/images/bg_kids_buddych.gif) no-repeat top center; text-align:center} #de_sub_bt .kids_r .note_m .note_list .v_list .bud_name {width:95px; color:#9f7f31; font-weight:bold; font-size:10pt; text-align:center} #de_sub_bt .kids_r .note_m .note_list .v_paging {clear:both; width:483px; height:62px; background:url(http://img1.dinokids.com/images/box_kids_prob01.jpg) no-repeat; margin:0px auto; color:#9b9b9b; text-align:center;} #de_sub_bt .kids_r .note_m .note_list .v_paging .paging_num {margin:0px 5px} #de_sub_bt .kids_r .note_m .note_list .v_paging img {vertical-align:bottom} #de_sub_bt .kids_r .note_b {width:529px; height:59px; background:url(http://img1.dinokids.com/images/bg_kids_prob.gif) no-repeat;} /*▲▲▲▲▲▲ profile photo ▲▲▲▲▲▲*/ /* Right panel */ #de_sub_bt .kids_r .note_m .note_list .v_list ul.ph {width:430px; margin:0px auto} #de_sub_bt .kids_r .note_m .note_list .v_list ul.ph li {clear:both; padding:10px 5px; height:180px} #de_sub_bt .kids_r .note_m .note_list .v_list ul.ph span {margin:0px 5px;} #de_sub_bt .kids_r .note_m .note_list .v_list .ph_tit {width:200px; color:#9f7f31; font-weight:bold; font-size:10pt; text-align:center; padding:0px 0px 10px 0px;} #de_sub_bt .kids_r .note_m .note_list .v_list .ph_img {width:200px; height:150px;} /*▲▲▲▲▲▲ profile photo ▲▲▲▲▲▲*/ .sch_no {text-align:center; height:500px} .sch_no img, .sch_no span {vertical-align:middle; padding:10px} /*▼▼▼▼▼▼ 임시로 적용되는 CSS를 넣으세요 ▼▼▼▼▼▼*/ /* 예) right영역에 300x250 배너로 임시수정하기*/ #sample {display:block !important;}