diff --git a/theme/54/skin/faq/basic/list.skin.php b/theme/54/skin/faq/basic/list.skin.php index e0c1b4f7f..9d2f805df 100644 --- a/theme/54/skin/faq/basic/list.skin.php +++ b/theme/54/skin/faq/basic/list.skin.php @@ -3,9 +3,6 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 // add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨 add_stylesheet('', 0); - -if ($admin_href) - echo '
FAQ 수정
'; ?> @@ -19,17 +16,15 @@ echo '
'.conv_content($fm['fm_head_html'], 1).'
';
FAQ 검색 -
FAQ 검색 - +
- @@ -66,11 +61,13 @@ if( count($faq_master_list) ){ continue; ?>
  • -

    Q

    +

    + Q + +

    - A -
    +
    • FAQ 수정'; + echo '
    FAQ 수정
    '; ?> @@ -120,12 +117,14 @@ $(function() { }); function faq_open(el) -{ +{ + $("h3").on("click", function() { + $(this).addClass("faq_li_open"); + }); var $con = $(el).closest("li").find(".con_inner"); if($con.is(":visible")) { $con.slideUp(); - } else { $("#faq_con .con_inner:visible").css("display", "none"); diff --git a/theme/54/skin/faq/basic/style.css b/theme/54/skin/faq/basic/style.css index 3c3ce0bbb..724f3a80c 100644 --- a/theme/54/skin/faq/basic/style.css +++ b/theme/54/skin/faq/basic/style.css @@ -1,27 +1,35 @@ @charset "utf-8"; -#bo_cate {margin:15px 0 10px} + +#bo_cate {margin-bottom:28px} #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#bo_cate ul {;zoom:1} +#bo_cate ul {zoom:1} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} -#bo_cate li {display:inline-block;} -#bo_cate a {display:block;border:1px solid #dadada;background:#fff;margin:0 0 5px 0;line-height:30px;padding:0 10px;border-radius:3px} -#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#f3f3f3} -#bo_cate #bo_cate_on {z-index:2;border:1px solid #253dbe;color:#253dbe;font-weight:bold} +#bo_cate li {display:inline-block;padding:2px} +#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3} +#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff} +#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd; +-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202); +-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202); +box-shadow:inset 0 2px 5px rgb(33, 135, 202)} #faq_wrap {margin:10px 0 30px} #faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .faq_admin {text-align:right} #faq_wrap ol {margin:0;padding:0;list-style:none} -#faq_wrap li{border:1px solid #ddd;background:#fff;margin:5px 0;} -#faq_wrap li h3{min-height:50px;line-height:30px;padding:10px;padding-left:50px;position:relative} -#faq_wrap li h3 .tit_bg{display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#333;color:#fff;border-radius:50%;width:30px;height:30px} -#faq_con .con_inner{display:none;border-top:1px solid #ddd;padding:15px;padding-left:50px;position:relative;background: #f7f7f7;} -#faq_con .con_inner .tit_bg{display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px} -#faq_con .con_inner .closer_btn{height:25px;font-size:0.92em;display:inline-block;padding:0 5px;border-radius:5px;} -#faq_con .con_closer{text-align:right} +#faq_wrap li {border-bottom:1px solid #ececec;background:#fff;position:relative} +#faq_wrap li:first-child {border-top:1px solid #ececec} +#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative} +#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;font-size:1.2em} +#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em} +#faq_wrap li h3.faq_li_open a {color:#3a8afd} -#faq_sch {text-align:center;border:1px solid #ccc;background:#fff;;padding:30px;margin:10px 0} -#faq_sch form{display:inline-block;position:relative} -#faq_sch .sch_tit{font-size:20px;font-weight:bold;display:inline-block;margin-right:10px;vertical-align:middle} -#faq_sch .frm_input{border-color:#646982;border-radius:0;width:300px} -#faq_sch .btn_submit{padding:0 10px;height:40px;color:#000;font-size:1.083em;font-weight:bold;color:#fff;background:#253dbe;} +#faq_con .con_inner {display:none;padding:5px 5px 20px 50px} +#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px} +#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;font-size:1.2em} + + + +#faq_sch {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px} +#faq_sch .sch_tit{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} +#faq_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px} +#faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}