관리자: 리디자인 8, gnb 작업 중 및 사용자: 본문 바로가기 스타일

This commit is contained in:
whitedot
2013-02-14 14:09:16 +09:00
parent d5332ea1ff
commit f65cac44ea
3 changed files with 15 additions and 8 deletions

View File

@ -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>

View File

@ -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,

View File

@ -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}