diff --git a/css/default.css b/css/default.css index 6968767b7..b3a17c8bd 100644 --- a/css/default.css +++ b/css/default.css @@ -2,7 +2,7 @@ /* 초기화 */ html {overflow-y:scroll} -body {margin:0;padding:0;background:#fff;font-size:0.75em;font-family:"dotum"} +body {margin:0;padding:0;background:#f9fafe;font-size:0.75em;font-family:"dotum"} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"dotum"} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} @@ -16,8 +16,33 @@ pre {overflow-x:scroll;font-size:1.1em} a:link, a:visited {color:#000;text-decoration:none} a:hover, a:focus, a:active {color:#000;text-decoration:underline} +/* 화면낭독기 사용자용 */ +#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} +.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} +/* 본문 바로가기 */ +#to_content a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} +#to_content a:focus, #to_content a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} + +/* 이미지 등비율 리사이징 */ +.img_fix {width:100%;height:auto} + +/* 캡챠 자동등록(입력)방지 기본 */ +#captcha img {border:1px solid #cfded8;border-right:0} +#captcha_mp3 img {border:1px solid #cfded8;border-left:0;background:#494949} +#mp3_embed {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} /* 익스 8 이하에서 음성캡챠 실행 스타일 */ + +/* ckeditor 단축키 */ +.cke_sc {margin:0 0 5px;text-align:right} +.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle} +.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} +.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1} +.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} +.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid .e9e9e9} +.cke_sc_def dt {width:20%;font-weight:bold} +.cke_sc_def dd {width:30%} + /* 상단 레이아웃 */ -#hd {border-bottom:1px solid #c9c9c9} +#hd {border-top:3px solid #151515;border-bottom:1px solid #e9e9e9;background:#fff} #hd h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_wrapper {position:relative;margin:0 auto;width:980px} @@ -36,7 +61,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline} #sch_all_submit {padding:0 5px;height:26px;border:0;background:#555;color:#fff} /* gnb js off */ -#gnb {z-index:10;margin:-1px 0 0;border-top:1px solid #e9e9e9;background:#f5f6fa;zoom:1} +#gnb {z-index:10;margin:-1px 0 0;background:#f5f6fa;zoom:1} #gnb:after {display:block;visibility:hidden;clear:both;content:""} #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb_1dul {margin:0 auto;padding:0;width:980px;zoom:1} @@ -65,56 +90,29 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline} .gnb_empty {width:100%;height:35px;text-align:center;line-height:2.95em} /* 중간 레이아웃 */ -#wrapper {z-index:5;margin:0 auto;width:980px;zoom:1} +#wrapper {z-index:5;margin:50px auto;width:980px;zoom:1} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} -#container {z-index:4;position:relative;float:left;padding:25px 18px 15px 0;width:740px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #e9e9e9;background:#fff;zoom:1} -#container:after {display:block;visibility:hidden;clear:both;content:""} -#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold} +#aside {float:right;width:209px;border:1px solid #cfded8;background:#fff} -#aside {position:relative;float:right;left:-1px;width:220px;border-left:1px solid #e9e9e9;background:#fff} +#container {z-index:4;position:relative;float:left;padding:25px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border:1px solid #cfded8;background:#fff;zoom:1} +#container:after {display:block;visibility:hidden;clear:both;content:""} +#container_title {margin-bottom:20px;font-size:1.2em} /* 텍스트 크기 조절 */ #text_size {z-index:10;position:absolute;top:33px;right:220px} #text_size button {padding:0 10px;height:28px;border:0;background:#555;color:#fff;cursor:pointer} /* 하단 레이아웃 */ -#ft {border-top:1px solid #c9c9c9} +#ft {background:#484848} #ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#ft_catch {position:relative;margin:0 auto;padding:30px 0 20px;width:980px;text-align:center} +#ft_catch {position:relative;margin:0 auto;padding:20px 0;width:980px;text-align:center} -#ft_copy {} -#ft_copy p {position:relative;margin:0 auto;padding:3px 0;width:980px} -#ft_copy a {position:absolute;top:10px;right:0} - -/* 기본 스타일 */ -/* 화면낭독기 사용자용 */ -#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} -.msg_sound_only, -.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} -/* 본문 바로가기 */ -#to_content a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} -#to_content a:focus, #to_content a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} - -/* 이미지 등비율 리사이징 */ -.img_fix {width:100%;height:auto} - -/* 캡챠 자동등록(입력)방지 기본 */ -#captcha img {border:1px solid #d9d9d9;border-right:0} -#captcha_mp3 img {border:1px solid #d9d9d9;border-left:0;background:#494949} -#mp3_embed {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} /* 익스 8 이하에서 음성캡챠 실행 스타일 */ - -/* ckeditor 단축키 */ -.cke_sc {margin:0 0 5px;text-align:right} -.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle} -.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} -.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1} -.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} -.cke_sc_def dt, -.cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid .e9e9e9} -.cke_sc_def dt {width:20%;font-weight:bold} -.cke_sc_def dd {width:30%} +#ft_copy {background:#414141} +#ft_copy p {position:relative;margin:0 auto;width:980px;color:#4a9ab8} +#ft_copy b {color:#fff} +#ft_copy a {position:absolute;top:10px;right:0;color:#fff} /* Mobile화면으로 */ #device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} @@ -169,8 +167,7 @@ td.empty_table {padding:85px 0;text-align:center} .frm_tbl caption {padding:10px 0;font-weight:bold;text-align:center} .frm_tbl th {width:100px;border-bottom:1px solid #f7f7f7;text-align:left} .frm_tbl td {padding:7px 10px;border-bottom:1px solid #f7f7f7;background:transparent} -.frm_tbl textarea, -.frm_input {padding:2px 2px 3px;border:1px solid #d9d9d9;background:#fff;vertical-align:middle} +.frm_tbl textarea, .frm_input {padding:2px 2px 3px;border:1px solid #d9d9d9;background:#fff;vertical-align:middle} .frm_tbl textarea {width:90%;height:150px} .frm_address {display:block;margin-top:5px} .frm_file {display:block;margin-bottom:5px} @@ -195,7 +192,7 @@ td.empty_table {padding:85px 0;text-align:center} /* 새창 기본 스타일 */ .new_win {} -.new_win h1 {margin-bottom:20px;padding:0 20px;height:60px;border-top:3px solid #4e5d60;border-bottom:1px solid #d9d9d9;background:#fff;font-size:1.2em;line-height:5em} +.new_win h1 {margin-bottom:20px;padding:0 20px;height:60px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em;line-height:5em} .new_win .basic_tbl {margin:0 auto 20px !important;width:93% !important;background:#fff !important} .new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1} .new_win_ul:after {display:block;visibility:hidden;clear:both;content:""} @@ -206,7 +203,7 @@ td.empty_table {padding:85px 0;text-align:center} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} -#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #d9d9d9;background:#fff} +#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap {display:inline-block;position:relative;font-weight:normal} @@ -218,10 +215,10 @@ td.empty_table {padding:85px 0;text-align:center} /* pagination */ .pg_wrap {clear:both;margin:0 0 20px;padding-top:20px;text-align:center} -.pg {display:inline-block;border:1px solid #d9d9d9;letter-spacing:-4px} +.pg {display:inline-block;border:1px solid #cfded8;letter-spacing:-4px} .pg a:focus, .pg a:hover, .pg a:active {text-decoration:none} .pg_page, .pg_current {display:inline-block;padding:0 12px;height:30px;color:#000;letter-spacing:0;line-height:2.6em;vertical-align:middle} .pg_page {background:#f9f9f9;text-decoration:none} -.pg_start, .pg_prev {border-right:1px solid #d9d9d9} -.pg_end, .pg_next {border-left:1px solid #d9d9d9} +.pg_start, .pg_prev {border-right:1px solid #cfded8} +.pg_end, .pg_next {border-left:1px solid #cfded8} .pg_current {background:#333;color:#fff;font-weight:bold} \ No newline at end of file diff --git a/skin/outlogin/basic/style.css b/skin/outlogin/basic/style.css index fd68d5c35..3803a71ad 100644 --- a/skin/outlogin/basic/style.css +++ b/skin/outlogin/basic/style.css @@ -1,13 +1,13 @@ /* 아웃로그인 스킨 */ -.ol {position:relative;padding:15px 17px} +.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:173px;height:22px;border:1px solid #999;background:#f7f7f7;line-height:1.6em} +#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #b8c9c2;line-height:1.6em} .ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.95em} -#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:173px;height:22px;border:1px solid #999;background:#f7f7f7;vertical-align:top;line-height:1.6em} +#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #b8c9c2;vertical-align:top;line-height:1.6em} .ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.95em} #auto_login {} #auto_login_label {letter-spacing:-0.1em} @@ -21,20 +21,18 @@ #ol_after {} #ol_after_hd {margin:0 0 3px} -#ol_after_hd .btn_admin {margin-top:5px;width:174px;text-align:center} +#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, #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:95px;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:95px;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} \ No newline at end of file +#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} \ No newline at end of file diff --git a/skin/poll/basic/style.css b/skin/poll/basic/style.css index 61eec19c0..c06c4e068 100644 --- a/skin/poll/basic/style.css +++ b/skin/poll/basic/style.css @@ -1,14 +1,14 @@ /* 설문조사 스킨 */ -#poll {padding:15px 17px;background:#f5f6fa} -#poll header {position:relative} +#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 0;list-style:none} +#poll ul {margin:0 0 10px;padding:5px 14px;list-style:none} #poll li {padding:3px 0} -#poll footer {} -#poll footer input {width:90px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer} -#poll footer a {display:inline-block;width:89px;height:22px;border:1px solid #ccc;background:#fafafa;text-align:center;line-height:2em} +#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} /* 설문조사 결과 (새창) */ diff --git a/skin/popular/basic/style.css b/skin/popular/basic/style.css index 615cc27af..0d0a4725d 100644 --- a/skin/popular/basic/style.css +++ b/skin/popular/basic/style.css @@ -2,9 +2,8 @@ #popular {} #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} +#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;text-decoration:none} -#popular a:focus, -#popular a:hover {background:#333} \ No newline at end of file +#popular a {display:inline-block;padding:10px;color:#fff;text-decoration:none} +#popular a:focus, #popular a:hover {background:#333;color:#fff} \ No newline at end of file diff --git a/skin/visit/basic/style.css b/skin/visit/basic/style.css index 2a874bcac..2407b9aec 100644 --- a/skin/visit/basic/style.css +++ b/skin/visit/basic/style.css @@ -2,9 +2,9 @@ #visit {} #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} +#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} -#visit dd {float:left;margin:0 30px 0 0;padding:10px} -#visit a {display:inline-block;padding:10px;text-decoration:none} -#visit a:focus, #visit a:hover {background:#333} \ No newline at end of file +#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} \ No newline at end of file