Issue 2609 fixed. GNB > language selection UI.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11813 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-10-22 02:53:30 +00:00
parent a6261c58d7
commit 240142d62e
4 changed files with 34 additions and 2 deletions

View file

@ -169,7 +169,7 @@ to{-o-transform:rotate(360deg)}
.x>.xin>.body{zoom:1;padding:0 20px 0 200px}
.x>.xin>.body.wide{padding:0 20px 0 60px}
.x>.xin>.body:after{content:"";display:block;clear:both}
.x>.xin>.body>.content{width:100%;padding:1px 0 0 0;float:right;margin:0 0 30px -100%}
.x>.xin>.body>.content{width:100%;padding:1px 0 0 0;float:right;margin:0 0 30px -100%;outline:none}
.x>.xin>.body>.content>*:first-child{margin-top:0}
.x>.xin>.body>.gnb{width:180px;position:fixed;top:73px;left:10px}
.x>.xin>.body.wide>.gnb{width:36px}
@ -197,6 +197,9 @@ to{-o-transform:rotate(360deg)}
.x>.xin>.header>.account>ul>li>a:hover,
.x>.xin>.header>.account>ul>li>a:focus{text-decoration:underline}
.x>.xin>.header>.account .lang+#lang{position:absolute;top:20px;left:auto;right:0;min-width:0}
.x>.xin>.header>.account .lang+#lang a:focus,
.x>.xin>.header>.account .lang+#lang a:hover{background:none;color:#333}
.x>.xin>.header>.account .lang+#lang .x_active>a{color:#fff;background:#0081c2 -webkit-linear-gradient(top, #0088cc, #0077b3);background:#0081c2 -moz-linear-gradient(top, #0088cc, #0077b3);background:#0081c2 -o-linear-gradient(top, #0088cc, #0077b3)}
@media all and (max-width:480px){
.x>.xin>.header>.site{margin-top:0}
}

View file

@ -169,7 +169,7 @@ to{-o-transform:rotate(360deg)}
.x>.xin>.body{zoom:1;padding:0 20px 0 200px}
.x>.xin>.body.wide{padding:0 20px 0 60px}
.x>.xin>.body:after{content:"";display:block;clear:both}
.x>.xin>.body>.content{width:100%;padding:1px 0 0 0;float:right;margin:0 0 30px -100%}
.x>.xin>.body>.content{width:100%;padding:1px 0 0 0;float:right;margin:0 0 30px -100%;outline:none}
.x>.xin>.body>.content>*:first-child{margin-top:0}
.x>.xin>.body>.gnb{width:180px;position:fixed;top:73px;left:10px}
.x>.xin>.body.wide>.gnb{width:36px}
@ -197,6 +197,9 @@ to{-o-transform:rotate(360deg)}
.x>.xin>.header>.account>ul>li>a:hover,
.x>.xin>.header>.account>ul>li>a:focus{text-decoration:underline}
.x>.xin>.header>.account .lang+#lang{position:absolute;top:20px;left:auto;right:0;min-width:0}
.x>.xin>.header>.account .lang+#lang a:focus,
.x>.xin>.header>.account .lang+#lang a:hover{background:none;color:#333}
.x>.xin>.header>.account .lang+#lang .x_active>a{color:#fff;background:#0081c2 -webkit-linear-gradient(top, #0088cc, #0077b3);background:#0081c2 -moz-linear-gradient(top, #0088cc, #0077b3);background:#0081c2 -o-linear-gradient(top, #0088cc, #0077b3)}
@media all and (max-width:480px){
.x>.xin>.header>.site{margin-top:0}
}

View file

@ -136,6 +136,19 @@ jQuery(function($){
$xBody.addClass('wide');
reflow();
});
// Default Language Selection
$('.x #lang')
.mouseleave(function(){
$(this).hide();
})
.focusout(function(){
var $this = $(this);
setTimeout(function(){
if(!$this.find('a:focus').length){
$this.mouseleave();
}
}, 0);
});
// Check All
$('.x th>input[type="checkbox"]')
.change(function() {

View file

@ -136,6 +136,19 @@ jQuery(function($){
$xBody.addClass('wide');
reflow();
});
// Default Language Selection
$('.x #lang')
.mouseleave(function(){
$(this).hide();
})
.focusout(function(){
var $this = $(this);
setTimeout(function(){
if(!$this.find('a:focus').length){
$this.mouseleave();
}
}, 0);
});
// Check All
$('.x th>input[type="checkbox"]')
.change(function() {