통합스타일시트를 개별 스킨 폴더 밑의 style.css 로 분리
This commit is contained in:
whitedot
427
css/default.css
427
css/default.css
@ -111,27 +111,6 @@ a:active {color:#000;text-decoration:underline}
|
||||
#ft {background:#484848}
|
||||
#ft h1 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#popular {background:#515151}
|
||||
#popular div {margin:0 auto;width:980px;zoom:1}
|
||||
#popular div:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#popular h2 {float:left;padding:10px 45px 10px 0;color:#fff}
|
||||
#popular ul {float:left;list-style:none}
|
||||
#popular li {float:left}
|
||||
#popular a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
|
||||
#popular a:focus,
|
||||
#popular a:hover {background:#333;color:#fff}
|
||||
|
||||
#visit {background:#444}
|
||||
#visit div {margin:0 auto;width:980px;zoom:1}
|
||||
#visit div:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#visit h2 {float:left;padding:10px 45px 10px 0;color:#fff}
|
||||
#visit dl {float:left;margin:0 0 0 10px;padding:0}
|
||||
#visit dt {float:left;margin:0;padding:10px 0 10px;color:#fff}
|
||||
#visit dd {float:left;margin:0 30px 0 0;padding:10px;color:#fff}
|
||||
#visit a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
|
||||
#visit a:focus,
|
||||
#visit a:hover {background:#333;color:#fff}
|
||||
|
||||
#ft_catch {position:relative;margin:0 auto;padding:20px 0;width:980px;text-align:center}
|
||||
|
||||
#ft_copy {background:#414141}
|
||||
@ -203,14 +182,6 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
|
||||
.frm_tbl #captcha input {margin-left:5px;text-align:center}
|
||||
.frm_tbl a {text-decoration:none}
|
||||
|
||||
/* 폼 컨트롤 */
|
||||
.fs_input,
|
||||
fieldset textarea {padding:3px 3px 4px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle}
|
||||
.fs_input:focus {background:#21272e;color:#fff}
|
||||
|
||||
.fs_submit,
|
||||
fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;line-height:1.7em;vertical-align:middle;cursor:pointer}
|
||||
|
||||
.frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}
|
||||
|
||||
/* 테이블 항목별 정의 */
|
||||
@ -242,404 +213,6 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
|
||||
#validation_check p {margin-bottom:20px;padding:30px 20px}
|
||||
|
||||
/* 스킨별 스타일 */
|
||||
/* 회원가입 약관 */
|
||||
#fregister section {margin:0 0 20px;padding:20px 0;border-bottom:3px solid #eee}
|
||||
#fregister h2 {margin:0 0 20px;text-align:center}
|
||||
#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:98%;height:150px;border:1px solid #cfded8;background:#f7f7f7}
|
||||
#fregister textarea:focus {background:#21272e;color:#fff}
|
||||
.fregister_agree {padding:10px 0 0;text-align:right}
|
||||
.fregister_agree label {display:inline-block;margin-right:5px}
|
||||
#fregister p {color:#e8180c;text-align:center}
|
||||
#fregister .btn_confirm {margin-bottom:20px}
|
||||
|
||||
/* 회원가입 입력 */
|
||||
#fregisterform .cbg {margin-bottom:15px;padding:20px}
|
||||
#fregisterform textarea {height:50px}
|
||||
|
||||
/* 회원가입 완료 */
|
||||
#reg_result {padding:50px 0 0}
|
||||
#reg_result_logo {margin-bottom:50px;text-align:center}
|
||||
#reg_result_email {padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em}
|
||||
#reg_result_email span {display:inline-block;width:150px}
|
||||
#reg_result_email strong {color:#e8180c;font-size:1.2em}
|
||||
#reg_result .btn_confirm {margin:50px 0}
|
||||
|
||||
/* 아이디/패스워드 찾기 */
|
||||
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
|
||||
#find_info #captcha {margin:0 auto 20px;width:87%}
|
||||
#find_info #captcha input {margin-left:5px}
|
||||
#find_info_fs {margin:0 auto 20px;padding:10px 20px 15px;width:87%;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff}
|
||||
|
||||
#find_info_result li {margin:0 0 5px}
|
||||
#find_info_result span {display:inline-block;width:70px}
|
||||
#find_info_result strong {color:#ff3061}
|
||||
#find_info_result_wrap {margin:0 auto 20px;padding:10px 20px 15px;width:87%;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff}
|
||||
|
||||
/* 아웃로그인 스킨 */
|
||||
.ol {position:relative;padding:15px 15px 14px 14px}
|
||||
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
.ol ul {margin:0;padding:0;list-style:none}
|
||||
|
||||
#ol_before {}
|
||||
#ol_before fieldset {position:relative}
|
||||
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;line-height:1.6em}
|
||||
#ol_id:focus {border-color:#333;background:#21272e;color:#fff}
|
||||
.ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.9em}
|
||||
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:top;line-height:1.6em}
|
||||
#ol_pw:focus {border-color:#333;background:#21272e;color:#fff}
|
||||
.ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.9em}
|
||||
#auto_login {}
|
||||
#auto_login_label {letter-spacing:-0.1em}
|
||||
#ol_submit {display:inline-block;width:60px;height:24px;border:0;background:#333;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
|
||||
#ol_before ul {float:right;margin:7px 0 13px;zoom:1}
|
||||
#ol_before ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_before li {float:left;margin-left:5px;padding-top:2px}
|
||||
#ol_before #ol_auto {float:left;margin:4px 0 0;padding:0}
|
||||
#ol_before a {letter-spacing:-0.1em}
|
||||
#ol_svc {padding-top:8px;text-align:right}
|
||||
|
||||
#ol_after {}
|
||||
#ol_after_hd {margin:0 0 3px}
|
||||
#ol_after_hd .btn_admin {margin-top:5px;width:158px;text-align:center}
|
||||
#ol_after_private {margin:0 0 3px;zoom:1}
|
||||
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_after_private li {float:left}
|
||||
#ol_after_private a {display:block;padding-top:8px;height:37px;background:#f7f7f7;text-align:center}
|
||||
#ol_after_private a strong {display:block;padding-top:3px;color:#000;font-weight:normal}
|
||||
#ol_after_private a:focus,
|
||||
#ol_after_private a:hover {background:#333;color:#fff;text-decoration:none}
|
||||
#ol_after_private a:focus strong,
|
||||
#ol_after_private a:hover strong {color:#fff;text-decoration:none}
|
||||
#ol_after_memo {width:50px;margin-right:1px}
|
||||
#ol_after_pt {width:80px;margin-right:1px}
|
||||
#ol_after_scrap {width:48px;line-height:2.6em !important}
|
||||
#ol_after_ft {text-align:justify}
|
||||
#ol_after_ft a {display:inline-block;width:88px;height:22px;background:#333;color:#fff;text-align:center;line-height:1.8em}
|
||||
#ol_after_ft a:focus,
|
||||
#ol_after_ft a:hover {text-decoration:none !important}
|
||||
|
||||
/* 로그인 */
|
||||
#mb_login {margin:100px auto;width:500px}
|
||||
#mb_login h1 {margin:0 0 20px;font-size:1.3em}
|
||||
#mb_login h2 {margin:0}
|
||||
#mb_login fieldset {position:relative;margin:0;padding:20px 20px 20px 95px;border:1px solid #cfded8;border-bottom:0;background:#fff}
|
||||
#mb_login label {letter-spacing:-0.1em}
|
||||
#mb_login .login_id {position:absolute;top:26px;left:95px}
|
||||
#mb_login .login_pw {position:absolute;top:52px;left:95px}
|
||||
#mb_login .frm_input {display:block;margin:0 0 5px 80px}
|
||||
#mb_login .btn_submit {position:absolute;top:20px;left:335px;height:49px}
|
||||
#mb_login section {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f7f7f2}
|
||||
#mb_login section div {text-align:right}
|
||||
|
||||
/* 쪽지 */
|
||||
#memo_view section {margin:0 auto 20px;padding:20px;width:87%}
|
||||
#memo_view section h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none}
|
||||
.memo_view_li {position:relative;padding:5px 0}
|
||||
.memo_view_subj {display:inline-block;width:65px}
|
||||
#memo_view_ul a {}
|
||||
#memo_view section p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff}
|
||||
|
||||
#memo_write textarea {height:100px}
|
||||
|
||||
/* 스크랩 */
|
||||
#scrap_do .cbg {margin:0 auto 20px;padding:20px;width:87%}
|
||||
#scrap_do table {margin:0 0 10px;width:100%}
|
||||
#scrap_do textarea {height:100px}
|
||||
|
||||
/* 회원 패스워드 확인 */
|
||||
#mb_confirm {margin:100px auto;width:500px}
|
||||
#mb_confirm h1 {margin:0 0 20px;font-size:1.3em}
|
||||
#mb_confirm p {padding:20px;border:1px solid #cfded8;border-bottom:0;background:#fff}
|
||||
#mb_confirm p strong {display:block}
|
||||
#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #cfded8;background:#f7f7f2;text-align:center}
|
||||
#mb_confirm label {letter-spacing:-0.1em}
|
||||
#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
|
||||
|
||||
/* 비밀글 패스워드 확인 */
|
||||
#pw_confirm {margin:100px auto;width:500px}
|
||||
#pw_confirm h1 {margin:0 0 20px;font-size:1.3em}
|
||||
#pw_confirm p {padding:20px;border:1px solid #cfded8;border-bottom:0;background:#fff}
|
||||
#pw_confirm p strong {display:block}
|
||||
#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #cfded8;background:#f7f7f2;text-align:center}
|
||||
#pw_confirm label {letter-spacing:-0.1em}
|
||||
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
|
||||
|
||||
/* 설문조사 스킨 */
|
||||
#poll {border-top:1px solid #e7f1ed}
|
||||
#poll header {position:relative;padding:15px 14px 0}
|
||||
#poll h2 {}
|
||||
#poll header .btn_admin {margin-top:5px;width:158px;text-align:center}
|
||||
#poll header p {padding:5px 0 0}
|
||||
#poll ul {margin:0 0 10px;padding:5px 14px;list-style:none}
|
||||
#poll li {padding:3px 0}
|
||||
#poll footer {padding:0 14px 14px}
|
||||
#poll footer input {width:88px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
|
||||
#poll footer a {display:inline-block;width:86px;height:22px;border:1px solid #ccc;background:#fafafa;text-align:center;line-height:2em}
|
||||
#poll footer a:focus,
|
||||
#poll footer a:hover {text-decoration:none !important}
|
||||
/* 설문조사 결과 (새창) */
|
||||
#poll_result section {padding:15px;width:87%;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff}
|
||||
#poll_result h2 {margin:0;padding:20px 0}
|
||||
#poll_result a {}
|
||||
#poll_result .sv_member,
|
||||
#poll_result .sv_guest {font-weight:bold}
|
||||
#poll_result_list {margin:0 auto 20px}
|
||||
#poll_result_list h2 {text-align:center}
|
||||
#poll_result_list dl,
|
||||
#poll_result_list dt,
|
||||
#poll_result_list dd {margin:0;padding:0}
|
||||
#poll_result_list dl {padding-bottom:30px}
|
||||
#poll_result_list dt {margin-right:5%;color:#e8180d;text-align:right}
|
||||
#poll_result_list ol {margin:0;padding-left:30px}
|
||||
#poll_result_list li {margin-top:10px}
|
||||
#poll_result_list p {position:relative;margin:0;padding:5px 0}
|
||||
#poll_result_list p strong {position:absolute;top:5px;right:5%;padding-right:80px;width:100px;text-align:right}
|
||||
#poll_result_list p span {position:absolute;top:5px;right:5%;width:80px;color:#68999c;text-align:right}
|
||||
.poll_result_graph {position:relative;margin-right:5%;height:5px;background:#eee}
|
||||
.poll_result_graph span {position:absolute;top:0;left:0;height:5px;background:#565e60;font-size:0.1em}
|
||||
#poll_result_cmt {margin:0 auto 20px}
|
||||
#poll_result_cmt h2 {text-align:center}
|
||||
#poll_result_cmt h3 {margin:0 auto 10px;padding-top:15px;width:93%}
|
||||
#poll_result_cmt article {margin:0 18px 15px;border-bottom:1px solid #eee}
|
||||
#poll_result_cmt h1 {margin:0;padding:0;height:0;border:0;font-size:0;line-height:0;overflow:hidden}
|
||||
.poll_datetime {display:inline-block;margin-left:10px}
|
||||
#poll_result_cmt p {padding:3px 0}
|
||||
#poll_result_cmt fieldset {margin-bottom:0;text-align:left}
|
||||
#poll_result_cmt fieldset p {margin:0 0 15px;padding:3px 0 0px;text-align:left}
|
||||
#poll_result_cmt footer {text-align:right}
|
||||
#poll_result_wcmt {margin-bottom:10px;width:93%}
|
||||
.poll_cmt_del a {display:inline-block;padding-bottom:10px}
|
||||
#poll_result_oth {margin:0 auto 20px}
|
||||
#poll_result_oth h2 {padding:0 0 10px}
|
||||
#poll_result_oth ul {margin:0;padding:0;list-style:none}
|
||||
#poll_result_oth a {display:block;padding:10px 0;border-bottom:1px solid #eee}
|
||||
|
||||
/* 폼메일 */
|
||||
#formmail textarea {height:100px}
|
||||
|
||||
/* 자기소개 */
|
||||
#profile table {margin-bottom:0}
|
||||
#profile section {margin:0 auto 20px;padding:20px;width:86%}
|
||||
#profile h2 {margin:0}
|
||||
|
||||
/* 새글 스킨 (latest) */
|
||||
.lt_pc {float:left;margin-left:20px}
|
||||
.lt {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:354px;height:150px;border-bottom:1px solid #ddd}
|
||||
.lt ul {margin:0 0 10px;padding:0;list-style:none}
|
||||
.lt li {padding:3px 0}
|
||||
.lt_title {display:block;padding:10px 0 8px}
|
||||
.lt_more {position:absolute;top:10px;right:0}
|
||||
|
||||
/* 최근게시물 스킨 (new) */
|
||||
#new_sch {margin-bottom:10px;text-align:right}
|
||||
#new_sch legend {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
/* 전체검색결과 스킨 */
|
||||
#sch_result_detail {margin:0;padding:15px 0;border:0;text-align:right}
|
||||
#sch_result {padding:10px 0 0 0;border-top:1px solid #cfded8;background:url('../img/sch_result_bg.jpg') repeat-y}
|
||||
#sch_result ul {margin:0;padding:0;list-style:none}
|
||||
#sch_result p {margin:5px 0;padding:0}
|
||||
#sch_result_hd {margin:0;padding:0;zoom:1}
|
||||
#sch_result_hd:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sch_result_hd dt {float:left;padding:10px 0 15px}
|
||||
#sch_result_hd dd {float:right;margin:0;padding:10px 0 15px}
|
||||
#sch_result_hd ul {float:left}
|
||||
#sch_result_hd li {float:left;padding:0 10px;border-right:1px solid #cfded8}
|
||||
#sch_result_bo {float:left;margin:-1px 0 0;padding:0;width:170px}
|
||||
#sch_result_bo dt {margin:0;padding:0;border:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#sch_result_bo dd {margin:0;padding:0}
|
||||
#sch_result_bo ul {margin-top:1px}
|
||||
#sch_result_bo li {position:relative;margin-top:-1px;height:40px}
|
||||
#sch_result_bo a {position:absolute;padding:0 10px;width:149px;height:40px;border:1px solid #618588;border-right:0;background:#151515;color:#fff;text-decoration:none;line-height:3.4em}
|
||||
#sch_result_bo .sch_on {width:150px;border-color:#cfded8;border-right:0;background:#fff;color:#000;font-weight:bold}
|
||||
#sch_result_bo .cnt_cmt {color:#fff}
|
||||
#sch_result_bo .sch_on .cnt_cmt {color:#000}
|
||||
#sch_result_atc {float:left;margin:-1px 0 0;padding:15px 25px;width:506px;border:1px solid #cfded8;background:#fff}
|
||||
#sch_result_atc dt a {display:inline-block;margin-bottom:15px;color:#000;font-size:1.2em;font-weight:bold;text-decoration:none}
|
||||
#sch_result_atc dd {margin:0 0 15px}
|
||||
#sch_result_atc dd a {}
|
||||
#sch_result_atc .sch_result_title {display:inline-block;margin-bottom:5px;font-size:1.1em;font-weight:bold;text-decoration:underline}
|
||||
#sch_result_atc li {padding:13px 0;border-bottom:1px solid #f0f0f0}
|
||||
#sch_result_atc p {padding:0 0 5px}
|
||||
#sch_result_atc a {display:inline-block;margin:0 10px 0 0}
|
||||
#sch_result_atc .cmt_def {display:inline-block;margin:0 10px 0 0}
|
||||
.sch_more {padding:10px 0 15px;text-align:right}
|
||||
.sch_more a {}
|
||||
.sch_datetime {display:inline-block;margin-right:15px;color:#999}
|
||||
.sch_word {font-weight:bold} /* 검색어 강조 */
|
||||
|
||||
/* 우편번호 검색 */
|
||||
#post_code fieldset {margin:0 auto 10px;padding:15px 10px;width:87%;text-align:center}
|
||||
#post_code dl {margin:0 auto 10px;padding:20px 10px;width:87%;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff}
|
||||
#post_code dt {margin-bottom:15px;color:#000}
|
||||
#post_code dd {margin:0;padding:0}
|
||||
#post_code ul {margin:0;padding:0;list-style:none}
|
||||
#post_code li a {display:block;padding:8px 0 6px;border-bottom:1px solid #eee}
|
||||
#post_code p {margin:0 auto 30px;width:90%}
|
||||
.post_code {display:inline-block;width:50px;color:#999}
|
||||
|
||||
/* 게시판 쓰기 */
|
||||
|
||||
/* 게시판 목록 */
|
||||
#bo_list_title {margin-bottom:20px;font-size:1.2em;letter-spacing:-0.1em}
|
||||
|
||||
#bo_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_cate ul {margin-bottom:10px;padding-left:1px;width:728px;zoom:1}
|
||||
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_cate li {float:left;margin-bottom:-1px}
|
||||
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
|
||||
#bo_cate a:focus,
|
||||
#bo_cate a:hover,
|
||||
#bo_cate a:active {text-decoration:none}
|
||||
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
|
||||
|
||||
.td_subject img {margin-left:3px}
|
||||
|
||||
/* 갤러리 목록 */
|
||||
#bo_img h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_img_list {margin:10px 0 0;padding:0;list-style:none;zoom:1}
|
||||
#bo_img_list:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_img_list_li {float:left;margin:0 10px 30px 0}
|
||||
|
||||
.bo_img_con {margin:0;padding:0;list-style:none}
|
||||
.bo_img_con li {margin:0 0 4px}
|
||||
.bo_img_con .bo_img_subject {display:inline-block;width:50px}
|
||||
|
||||
.bo_img_now .bo_img_text_href a {color:#ff3061}
|
||||
|
||||
.bo_img_href a:link,
|
||||
.bo_img_href a:focus,
|
||||
.bo_img_href a:hover {text-decoration:none}
|
||||
.bo_img_href strong,
|
||||
.bo_img_href span {display:block;background:#f7f7f7;text-align:center;line-height:10em}
|
||||
|
||||
.bo_img_text_href {margin:10px 0 !important}
|
||||
.bo_img_text_href a {font-weight:bold}
|
||||
.bo_img_text_href span {display:inline !important}
|
||||
.bo_img_text_href img {margin:0 0 0 4px}
|
||||
|
||||
/* 게시판 목록 공통 */
|
||||
.bo_fx {margin-bottom:5px;zoom:1}
|
||||
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_fx ul {margin:0;padding:0;list-style:none}
|
||||
#bo_list_total {float:left;padding-top:5px}
|
||||
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
|
||||
.btn_bo_user li {float:left;margin-left:5px}
|
||||
.btn_bo_adm {float:left}
|
||||
.btn_bo_adm li {float:left;margin-right:5px}
|
||||
.btn_bo_adm input {padding:0 10px;height:25px;border:1px solid #e8180c !important;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer}
|
||||
.bo_notice td {background:#f7f7f2}
|
||||
.bo_notice td a {font-weight:bold}
|
||||
.td_num strong {color:#000}
|
||||
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
|
||||
.bo_current {color:#e8180c}
|
||||
.cnt_cmt {font-weight:bold}
|
||||
|
||||
#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
|
||||
#bo_sch legend {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
/* 게시판 읽기 */
|
||||
#bo_v {margin-bottom:20px;padding-bottom:20px}
|
||||
|
||||
#bo_v_cate {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}
|
||||
|
||||
#bo_v_h1 {padding:10px 0;font-size:1.2em}
|
||||
|
||||
#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
|
||||
#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
|
||||
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
|
||||
#bo_v_info .sv_member,
|
||||
#bo_v_info .sv_guest,
|
||||
#bo_v_info .member,
|
||||
#bo_v_info .guest {font-weight:bold}
|
||||
|
||||
#bo_v_file {}
|
||||
#bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
|
||||
#bo_v_file ul {margin:0;padding:0;list-style:none}
|
||||
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f2}
|
||||
#bo_v_file a {display:inline-block;padding:8px 0 7px;color:#000}
|
||||
#bo_v_file a:focus,
|
||||
#bo_v_file a:hover,
|
||||
#bo_v_file a:active {text-decoration:none}
|
||||
.bo_v_file_cnt {display:inline-block;margin:0 10px}
|
||||
|
||||
#bo_v_link {}
|
||||
#bo_v_link h2 {margin:0;padding:0;height:0;overflow:hidden}
|
||||
#bo_v_link ul {margin:0;padding:0;list-style:none}
|
||||
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f2}
|
||||
#bo_v_link a {display:inline-block;padding:8px 0 7px;color:#000}
|
||||
#bo_v_link a:focus,
|
||||
#bo_v_link a:hover,
|
||||
#bo_v_link a:active {text-decoration:none}
|
||||
.bo_v_link_cnt {display:inline-block;margin:0 10px}
|
||||
|
||||
#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
|
||||
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden}
|
||||
#bo_v_top ul {list-style:none}
|
||||
|
||||
#bo_v_bot {zoom:1}
|
||||
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_bot h2 {margin:0;padding:0;height:0;overflow:hidden}
|
||||
#bo_v_bot ul {margin:0;padding:0;list-style:none}
|
||||
|
||||
.bo_v_nb {float:left}
|
||||
.bo_v_nb li {float:left;margin-right:5px}
|
||||
.bo_v_com {float:right}
|
||||
.bo_v_com li {float:left;margin-left:5px}
|
||||
|
||||
#bo_v_atc {min-height:200px;height:auto !important;height:200px}
|
||||
#bo_v_atc h1 {margin:0;padding:0;height:0;overflow:hidden}
|
||||
|
||||
#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden:zoom:1}
|
||||
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}
|
||||
|
||||
#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
|
||||
#bo_v_con a {color:#000;text-decoration:underline}
|
||||
#bo_v_con img {max-width:100%;height:auto}
|
||||
|
||||
#bo_v_act {margin-bottom:30px;text-align:center}
|
||||
#bo_v_act a {margin-right:5px;vertical-align:top}
|
||||
#bo_v_act span {display:inline-block;margin-right:5px;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:top}
|
||||
#bo_v_act strong {color:#ff3061}
|
||||
#bo_v_act_good,
|
||||
#bo_v_act_nogood {position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_v form {padding-top:20px}
|
||||
|
||||
/* 게시판 댓글 */
|
||||
#bo_vc {margin:0 0 10px;padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f7f7f2}
|
||||
#bo_vc h2 {margin-bottom:10px}
|
||||
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
|
||||
#bo_vc header {position:relative;padding:15px 0 5px}
|
||||
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
|
||||
#bo_vc .sv_wrap {margin-right:15px}
|
||||
#bo_vc .member,
|
||||
#bo_vc .guest,
|
||||
#bo_vc .sv_member,
|
||||
#bo_vc .sv_guest {font-weight:bold}
|
||||
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
|
||||
#bo_vc h1 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_vc a {color:#000;text-decoration:none}
|
||||
#bo_vc p {padding:0 0 5px;line-height:1.8em}
|
||||
#bo_vc p a {text-decoration:underline}
|
||||
#bo_vc_empty {margin:0;padding:20px !important;border-bottom:1px dotted #ccc;text-align:center}
|
||||
#bo_vc fieldset {margin:0 0 10px;padding:0}
|
||||
#bo_vc #bo_vc_winfo {float:left}
|
||||
#bo_vc footer {zoom:1}
|
||||
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
|
||||
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_vc_act li {float:left;margin-left:5px}
|
||||
|
||||
#bo_vc_w {position:relative;margin-bottom:10px;padding:0 20px 20px;border-bottom:1px solid #cfded8}
|
||||
#bo_vc_w h2 {padding:15px 0 5px}
|
||||
#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
|
||||
|
||||
#bo_vc form {padding:0}
|
||||
|
||||
/* 사이드뷰 */
|
||||
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
|
||||
|
||||
Reference in New Issue
Block a user