Module selector > Tree UI renewal.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@12465 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-12-26 07:09:00 +00:00
parent 5954d863fb
commit b8af606fdf
6 changed files with 82 additions and 39 deletions

View file

@ -1,4 +1,35 @@
@charset "utf-8";
/* Image Sprite */
.mapi .jstree-hovered>i,
.mapi .jstree-clicked>i,
.col .nav li>a:hover>i,
.col .nav li>a:focus>i,
.col .nav li.active>a>i,
.theme label>a:hover,
.theme label>a:focus,
.theme ul ul>li>a:hover>i,
.theme ul ul>li>a:focus>i,
#properties li>*:hover>i,
#properties li>*:active>i,
#properties li>*:focus>i,
#properties li.active>*>i{background-image:url(../../../../common/img/glyphicons-halflings-white.png);background-repeat:no-repeat}
/* Opacity 100% */
.col>.x_close:hover,
.col>.x_close:focus,
.mapi .jstree-hovered>i,
.mapi .jstree-clicked>i,
.col .nav li>a:hover>i,
.col .nav li>a:focus>i,
.col .nav li.active>a>i,
.download .done>i,
.download .update>i,
.download .x_icon-download-alt,
#properties li>*:hover>i,
#properties li>*:active>i,
#properties li>*:focus>i,
#properties li.active>*>i,
#add_menu .desc>a:hover,
#add_menu .desc>a:focus{opacity:1;filter:alpha(opacity=100)}
/* Site */
body>.x{max-width:none !important}
.x>.body{padding-bottom:10px !important}
@ -15,8 +46,6 @@ body>.x{max-width:none !important}
.col>*>h1>a:hover,
.col>*>h1>a:focus{color:#06C}
.col>.x_close{position:absolute;top:0;right:0;width:30px;height:30px;color:#666;font-size:17px;opacity:.75;filter:alpha(opacity=75)}
.col>.x_close:hover,
.col>.x_close:focus{opacity:1;filter:alpha(opacity=100)}
.col input[type="checkbox"],
.col input[type="radio"]{margin:0}
.col .cnt{overflow-x:hidden;overflow-y:auto;padding:10px;margin:0 -6px;border-radius:5px;background:#fff;border:1px solid #999;border-right:0;border-bottom:0}
@ -29,7 +58,7 @@ body>.x{max-width:none !important}
.col.map li._isCut a{color:#aaa}
.mapi{margin:3px 0 5px 0;min-width:200px;background-color:transparent !important}
.mapi ul{margin:0;padding:0;list-style:none}
.mapi li{padding:0 80px 0 0;white-space:nowrap;position:relative;line-height:30px;border-radius:3px;vertical-align:top}
.mapi li{padding:0;white-space:nowrap;position:relative;border-radius:3px;vertical-align:top}
.mapi li>ul{margin:0}
.mapi a{text-decoration:none}
.mapi>ul{padding:1px}
@ -49,8 +78,6 @@ body>.x{max-width:none !important}
/* li>a */
.mapi li>a{border:0 !important;padding:0 8px !important;margin:0 0 1px 0;border-radius:3px;position:relative;z-index:2;height:23px;line-height:23px;max-width:160px;overflow:hidden;text-overflow:ellipsis;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}
.mapi li>a>i{opacity:.5;filter:alpha(opacity=50)}
.mapi .jstree-hovered>i,
.mapi .jstree-clicked>i{background-image:url(../../../../common/img/glyphicons-halflings-white.png);opacity:1;filter:alpha(opacity=100)}
/* Plugin style override */
.mapi a>.jstree-icon{display:none}
.mapi .jstree-open>.jstree-icon,
@ -74,9 +101,6 @@ body>.x{max-width:none !important}
.col .nav li>button:hover>.themeName,
.col .nav li>button:focus>.themeName{color:#ddd}
.col .nav li>a>i{position:absolute;top:50%;right:5px;margin:-7px 0 0 0;opacity:.5;filter:alpha(opacity=50)}
.col .nav li>a:hover>i,
.col .nav li>a:focus>i,
.col .nav li.active>a>i{background-image:url(../../../../common/img/glyphicons-halflings-white.png);background-repeat:no-repeat;opacity:1;filter:alpha(opacity=100)}
/* Menu Type */
.col .typePage{display:none}
.col .multilingual>label,
@ -113,7 +137,7 @@ body>.x{max-width:none !important}
.download .item>img{position:absolute;top:15px;left:0;width:80px;height:80px;padding:4px;border:1px solid #ddd;border-radius:3px}
.download h2{margin:10px 0;line-height:normal !important}
.download h2>a{font-size:14px;color:#000}
.download .x_icon-download-alt{width:24px;height:24px;background-color:#94A55C;position:absolute;top:15px;right:0;border-radius:3px;margin:0;border:0;background-position:-90px -19px;opacity:1;filter:alpha(opacity=100)}
.download .x_icon-download-alt{width:24px;height:24px;background-color:#94A55C;position:absolute;top:15px;right:0;border-radius:3px;margin:0;border:0;background-position:-90px -19px}
.download .x_icon-download-alt:hover,
.download .x_icon-download-alt:focus{background-color:#333}
.download p>i{font-style:normal;color:#ccc}
@ -125,8 +149,6 @@ body>.x{max-width:none !important}
.download .item.installed.up_to_date ._already_up_to_date{display:block}
.download .done,
.download .update{position:absolute;top:15px;right:0;border:0;background-color:transparent;border-radius:3px;color:#fff;overflow:visible;height:24px}
.download .done>i,
.download .update>i{opacity:1;filter:alpha(opacity=100)}
.download .done{background:#666}
.download .done:hover,
.download .done:focus{background:#333}
@ -155,7 +177,7 @@ body>.x{max-width:none !important}
.theme label{margin:0;padding:8px 0;position:relative;border-bottom:1px solid #ddd}
.theme label>a{position:absolute;top:4px;right:0;width:24px;height:24px;border-radius:3px;background-position:-427px 5px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}
.theme label>a:hover,
.theme label>a:focus{background-color:#000;background-image:url(../../../../common/img/glyphicons-halflings-white.png)}
.theme label>a:focus{background-color:#000}
.theme h2{font-size:14px;border-bottom:1px solid #ddd;margin:0;padding:15px 0 8px 0}
.theme ul button{background-color:transparent;border:0;padding:0;margin:0;overflow:visible}
.theme ul{margin:0;padding:0;list-style:none}
@ -172,8 +194,6 @@ body>.x{max-width:none !important}
.theme ul ul>li>*{display:block;height:21px;line-height:21px;text-align:left;position:relative;text-decoration:none;padding:0 34px 0 5px;border-radius:3px;color:#000;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;white-space:nowrap}
.theme ul ul>li>*:hover,
.theme ul ul>li>*:focus{background:#666;color:#fff}
.theme ul ul>li>a:hover>i,
.theme ul ul>li>a:focus>i{background-image:url(../../../../common/img/glyphicons-halflings-white.png)}
.theme ul ul>li>button{width:100%;padding-right:0}
.theme .x_btn-group{margin:0 !important;padding:0;position:absolute;left:4px;right:4px;bottom:4px}
/* Add Sitemap */
@ -202,10 +222,6 @@ body>.x{max-width:none !important}
#properties li>button:focus,
#properties li.active>a{background-color:#666;color:#fff}
#properties li>*>i{position:absolute;top:50%;right:5px;margin:-7px 0 0 0;opacity:.5;filter:alpha(opacity=50)}
#properties li>*:hover>i,
#properties li>*:active>i,
#properties li>*:focus>i,
#properties li.active>*>i{background-image:url(../../../../common/img/glyphicons-halflings-white.png);opacity:1;filter:alpha(opacity=100)}
#properties.prop-shortcut li.homepage,
#properties.prop-shortcut li.design,
#properties.prop-shortcut li.details{display:none}
@ -221,8 +237,6 @@ body>.x{max-width:none !important}
#add_menu .desc{width:220px;min-height:50px;border-bottom:1px solid #ddd;color:#666;margin:0;padding:5px 0}
#add_menu .desc>a{overflow:hidden;font-size:0;text-indent:20px;display:inline-block;width:14px;height:14px;opacity:.5;filter:alpha(opacity=50);vertical-align:middle}
#add_menu .desc>a:after{content:normal}
#add_menu .desc>a:hover,
#add_menu .desc>a:focus{opacity:1;filter:alpha(opacity=100)}
#add_menu .x_btn-group{position:absolute;margin:0;left:4px;right:4px;bottom:4px}
/* Default */
#default .menuType{border:1px solid #ddd;border-left:0;border-right:0}