관리자: 리디자인 8, gnb 작업 중 및 사용자: 본문 바로가기 스타일
This commit is contained in:
@ -28,7 +28,9 @@ $(function(){
|
||||
var $gnb = $('.gnb_1depth > a');
|
||||
$gnb.mouseover(function() {
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_over');
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_on');
|
||||
$(this).parent().addClass('gnb_1depth_over');
|
||||
$(this).parent().addClass('gnb_1depth_on');
|
||||
hide_menu = false;
|
||||
});
|
||||
|
||||
@ -43,6 +45,8 @@ $(function(){
|
||||
$gnb.focusin(function() {
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_over');
|
||||
$(this).parent().addClass('gnb_1depth_over');
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_on');
|
||||
$(this).parent().addClass('gnb_1depth_on');
|
||||
hide_menu = false;
|
||||
});
|
||||
|
||||
@ -61,12 +65,14 @@ $(function(){
|
||||
$(document).click(function() {
|
||||
if(hide_menu) {
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_over');
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_on');
|
||||
}
|
||||
});
|
||||
|
||||
$(document).focusin(function() {
|
||||
if(hide_menu) {
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_over');
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_on');
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -75,6 +81,7 @@ function hide_menu_layer()
|
||||
{
|
||||
if(hide_menu) {
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_over');
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_on');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
14
css/adm.css
14
css/adm.css
@ -24,10 +24,10 @@ h1 {margin-bottom:20px;color:#333;font-size:1.5em;font-family:"dotum";letter-spa
|
||||
/* 본문 바로가기 */
|
||||
#to_content a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
|
||||
#to_content a:focus,
|
||||
#to_content a:active {width:100%;height:70px;background:#000;color:#ddd;font-size:2em;text-align:center;text-decoration:none;line-height:3.3em}
|
||||
#to_content a:active {width:100%;height:70px;background:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.1em}
|
||||
|
||||
/* 레이아웃 */
|
||||
#hd {z-index:10;height:105px;background:url('../adm/img/hd_bg.jpg') #2c2f34 top left repeat-x}
|
||||
#hd {z-index:10;height:105px;background:url('../adm/img/hd_bg.jpg') #383a3f top left repeat-x}
|
||||
#hd h1,
|
||||
#hd h2 {margin:0;padding:0;width:0;height:0;border:0;overflow:hidden}
|
||||
#hd_wrap {position:relative;margin:0 auto;width:1000px}
|
||||
@ -42,17 +42,17 @@ h1 {margin-bottom:20px;color:#333;font-size:1.5em;font-family:"dotum";letter-spa
|
||||
|
||||
/* gnb js on */
|
||||
#gnb {}
|
||||
#gnb ul {zoom:1}
|
||||
#gnb ul {z-index:10;zoom:1}
|
||||
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.gnb_1depth {position:relative;float:left;margin-left:-1px;border:1px solid #222;border-top:0;border-bottom:0}
|
||||
.gnb_1depth a {display:block;width:90px;height:35px;color:#e0e0e0;font-weight:bold;text-align:center;line-height:2.95em}
|
||||
.gnb_1depth_on a {/* gnb 활성스타일 */}
|
||||
.gnb_1depth_on a {background:#fff;color:#000}
|
||||
.gnb_1depth a:focus,
|
||||
.gnb_1depth a:hover,
|
||||
.gnb_1depth a:active {text-decoration:none}
|
||||
.gnb_1depth ul {width:0px;height:0px;overflow:hidden}
|
||||
.gnb_1depth_over ul {position:absolute;top:35px;left:0;width:auto;height:auto}
|
||||
.gnb_2depth a {display:block;padding:10px;background:#000;color:#fff}
|
||||
.gnb_1depth_over ul {position:absolute;top:35px;left:-1px;width:auto;height:auto;border:1px solid #ccc;border-top:0}
|
||||
.gnb_2depth a {display:block;padding:5px 10px;width:161px;height:25px;background:#fff;color:#000;font-weight:normal;text-align:left;line-height:2.1em}
|
||||
/* gnb js off */
|
||||
|
||||
#current_loc {position:absolute;top:-5000px;left:0}
|
||||
@ -185,7 +185,7 @@ button {padding:3px;border:1px solid #ced9de;background:#f6f9fa;cursor:pointer}
|
||||
|
||||
/* 사이드뷰 */
|
||||
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
|
||||
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #515151;background:#484848}
|
||||
.sv_wrap .sv {z-index:5;display:none;margin:5px 0 0;border:1px solid #515151;background:#484848}
|
||||
.sv_nojs .sv {display:block}
|
||||
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #555;color:#fff !important}
|
||||
.sv_wrap a:focus,
|
||||
|
||||
@ -22,7 +22,7 @@ a:active {color:#2a6bc4;text-decoration:underline}
|
||||
/* 본문 바로가기 */
|
||||
#to_content a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
|
||||
#to_content a:focus,
|
||||
#to_content a:active {width:100%;height:75px;background:#000;color:#ddd;font-size:2em;text-align:center;text-decoration:none;line-height:3.3em}
|
||||
#to_content a:active {width:100%;height:75px;background:#000;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
|
||||
|
||||
/* 이미지 등비율 리사이징 */
|
||||
.img_fix {float:left;width:100%;height:auto}
|
||||
|
||||
Reference in New Issue
Block a user