Issue 2443. Multilingual UI development.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11595 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-10-05 01:53:10 +00:00
parent 3ca52fedc8
commit 437e52e3fa
4 changed files with 215 additions and 92 deletions

View file

@ -280,31 +280,50 @@ to{-o-transform:rotate(360deg)}
.x .dashboard>section:nth-child(odd),
.x .dashboard>section:nth-child(even){float:none;width:auto}
}
.x .multilingual>a.x_add-on{font-size:0;position:relative;cursor:pointer;text-decoration:none}
.x .multilingual>a.x_add-on>i{position:absolute;top:50%;left:50%;margin:-7px 0 0 -7px;z-index:1;opacity:.25;filter:alpha(opacity=25)}
.x .multilingual>a.x_add-on:hover>i,
.x .multilingual>a.x_add-on.checked>i{opacity:1;filter:alpha(opacity=100)}
.x#multilingual .list{border-top:2px solid #ddd}
.x#multilingual .list>.item{border-bottom:1px solid #ddd;margin:0}
.x#multilingual .list>.item>a{display:block;padding:8px 0;position:relative}
.x#multilingual .list>.item>a>i{position:absolute;top:50%;margin:-7px 0 0 0;right:0;opacity:.5;filter:alpha(opacity=50)}
.x#multilingual .list>.item>fieldset{display:none;padding:0 0 15px 0}
.x#multilingual .list>.item>fieldset>input[type="text"],
.x#multilingual .list>.item>fieldset>textarea{padding-left:25px;width:187px;background-repeat:no-repeat;background-position:4px 4px}
.x#multilingual .list>.item>fieldset>.en{background-image:url(../img/flag.en.gif)}
.x#multilingual .list>.item>fieldset>.ko{background-image:url(../img/flag.ko.gif)}
.x#multilingual .list>.item>fieldset>.jp{background-image:url(../img/flag.jp.gif)}
.x#multilingual .list>.item>fieldset>.zh-CN{background-image:url(../img/flag.cn.gif)}
.x#multilingual .list>.item>fieldset>.zh-TW{background-image:url(../img/flag.cn.gif)}
.x#multilingual .list>.item>fieldset>.fr{background-image:url(../img/flag.fr.gif)}
.x#multilingual .list>.item>fieldset>.de{background-image:url(../img/flag.de.gif)}
.x#multilingual .list>.item>fieldset>.ru{background-image:url(../img/flag.ru.gif)}
.x#multilingual .list>.item>fieldset>.es{background-image:url(../img/flag.es.gif)}
.x#multilingual .list>.item>fieldset>.tr{background-image:url(../img/flag.tr.gif)}
.x#multilingual .list>.item>fieldset>.vi{background-image:url(../img/flag.vi.gif)}
.x#multilingual .list>.item>fieldset>.mn{background-image:url(../img/flag.mn.gif)}
.x#multilingual .list>.item>fieldset>input[type="text"]{margin-bottom:-1px}
.x#multilingual .list>.item>fieldset>.x_alert{margin-top:8px}
.x .g11n>.x_add-on{font-size:0;position:relative;cursor:pointer;text-decoration:none}
.x .g11n>.x_add-on>i{position:absolute;top:50%;left:50%;margin:-7px 0 0 -7px;z-index:1;opacity:.25;filter:alpha(opacity=25)}
.x .g11n>.x_add-on.remover{display:none;width:26px;height:26px}
.x .g11n.active>[disabled]{padding-left:25px;background-position:4px 6px;background-repeat:no-repeat}
.x .g11n.active>.x_add-on.remover{display:inline-block}
.x .g11n>.x_add-on:hover>i{opacity:1;filter:alpha(opacity=100)}
.x .g11n>textarea{border-top-right-radius:0}
.x#g11n #lang_search .list{border-top:2px solid #ddd}
.x#g11n #lang_search .item{border-bottom:1px solid #ddd;margin:0}
.x#g11n #lang_search .item>a{display:block;padding:8px 0;position:relative}
.x#g11n #lang_search .item>a>i{position:absolute;top:50%;margin:-7px 0 0 0;right:0;opacity:.5;filter:alpha(opacity=50)}
.x#g11n #lang_search .item>fieldset{display:none;padding:0 0 15px 0}
.x#g11n .item>fieldset>input[type="text"],
.x#g11n .item>fieldset>textarea{padding-left:25px;width:187px;background-repeat:no-repeat;background-position:4px 8px}
html[lang="en"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.en{background-image:url(../img/flag.en.gif)}
html[lang="ko"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.ko{background-image:url(../img/flag.ko.gif)}
html[lang="jp"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.jp{background-image:url(../img/flag.jp.gif)}
html[lang="zh"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.zh-CN{background-image:url(../img/flag.cn.gif)}
html[lang="zh"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.zh-TW{background-image:url(../img/flag.cn.gif)}
html[lang="fr"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.fr{background-image:url(../img/flag.fr.gif)}
html[lang="de"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.de{background-image:url(../img/flag.de.gif)}
html[lang="ru"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.ru{background-image:url(../img/flag.ru.gif)}
html[lang="es"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.es{background-image:url(../img/flag.es.gif)}
html[lang="tr"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.tr{background-image:url(../img/flag.tr.gif)}
html[lang="vi"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.vi{background-image:url(../img/flag.vi.gif)}
html[lang="mn"] .x .g11n.active>[disabled],
.x#g11n .item>fieldset>.mn{background-image:url(../img/flag.mn.gif)}
.x#g11n #lang_search .cancel,
.x#g11n #lang_search .save,
.x#g11n #lang_search .editMode .modify,
.x#g11n #lang_search .editMode .useit{display:none}
.x#g11n #lang_search .editMode .cancel,
.x#g11n #lang_search .editMode .save{display:inline-block}
/* ---------- Deprecated UI supports - Please do not use this CSS styles below. It will be removed as soon as possible. ---------- */
/* ---------- Deprecated UI supports - Please do not use this CSS styles below. It will be removed as soon as possible. ---------- */
@ -352,8 +371,6 @@ to{-o-transform:rotate(360deg)}
.x .table td>input[type=text]{margin:-1px 0 !important;vertical-align:middle}
.x .table img{vertical-align:middle}
.x .table em{font-style:normal;font-weight:normal;color:#e00}
.x .table th.nowr,
.x .table td.nowr{white-space:nowrap}
/* Form */
.x .form{margin:0 0 1em 0;padding:0}
.x .form fieldset{margin:0 0 2em 0;padding:0;border:0}