fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-07 18:51:41 +09:00
Code Issues Projects Releases Packages Wiki Activity

Module selector > Tree UI renewal.

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

47
modules/admin/tpl/css/admin.css
View file

@ -104,7 +104,6 @@ body>.x,
.x_modal>.x_close{position:absolute;top:10px;right:5px;font-size:21px;color:#fff}
.x_modal .x_modal-header{padding:15px;border-bottom:1px solid #aaa}
.x_modal .x_modal-header>h3{color:#fff;text-shadow:0 -1px 0 #000;font-size:16px}
.x_modal .x_modal-header>h3:before{content:"";display:inline-block;width:14px;height:14px;background-position:-240px -120px;margin:0 6px 0 0;vertical-align:middle;opacity:.6;filter:alpha(opacity=60)}
.x_modal .x_modal-body{background:#fff;min-height:50px}
.x .x_control-group{padding-top:8px;margin-bottom:10px;border-top:1px dotted #ddd;clear:both}
.x .x_control-group:before{content:"";display:block;clear:both}
@ -181,13 +180,19 @@ body>.x,
.x input.switch{width:42px;height:16px;opacity:0;filter:alpha(opacity=0);position:relative;z-index:2}
.x input.switch+i{position:relative !important;z-index:1;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;margin:0 0 0 -42px !important;opacity:1 !important;filter:alpha(opacity=100) !important;padding:0;vertical-align:middle;display:inline-block;width:42px;height:16px;background-image:url(../../../../modules/admin/tpl/img/toggleSwitch.png) !important;background-repeat:no-repeat}
.x input[checked].switch+i{background-position:0 -16px !important}
.x_modal._common {width:600px;margin-left:-300px}
.x_modal._common._small{width:400px;margin-left:-200px}
.x_modal._common._nobody .x_modal-body,
.x_modal._common._type_alert ._cancel{display:none}
.x_modal._common._nobody .x_modal-footer{border-top:0}
/* Image Sprite */
.x a[target="_blank"]:after,
.x>.body>.gnb>ul>li>a>i,
.x .dashboard>div>section>h2:before{background-image:url(../../../../common/img/glyphicons-halflings.png);background-repeat:no-repeat}
.x>.body>.gnb>ul>li.open>a>i,
.x>.body>.gnb>ul>li.active>a>i,
.x_modal .x_modal-header>h3:before{background-image:url(../../../../common/img/glyphicons-halflings-white.png);background-repeat:no-repeat}
.x_modal-body .tree .jstree-hovered>i,
.x_modal-body .tree .jstree-clicked>i{background-image:url(../../../../common/img/glyphicons-halflings-white.png);background-repeat:no-repeat}
@media all and (max-width:800px){
.x>.body>.gnb>ul>li:first-child>a>i{background-image:url(../../../../common/img/glyphicons-halflings-white.png);background-repeat:no-repeat}
}
@ -458,15 +463,40 @@ html[lang="mn"] .x .g11n.active>[disabled],
.x #mobiconPreview span{position:absolute;width:32px;text-align:center;top:52px;left:10px;color:#fff;font-size:9px}
/* Layer */
.x .layer{position:absolute;display:none;font-weight:normal}
/* Tree: Works with ./modules/menu/tpl/css/themes/default/style.css */
.tree{margin:3px 0 5px 0;min-width:200px;background-color:transparent !important}
.tree ul{margin:0;padding:0;list-style:none}
.tree li{padding:0;white-space:nowrap;position:relative;border-radius:3px;vertical-align:top}
.tree li>ul{margin:0}
.tree a{text-decoration:none}
.tree>ul{padding:1px}
.tree .jstree-rename-input{margin-left:-16px;z-index:2}
/* Root */
.tree>ul>li{margin-top:30px;position:relative}
.tree>ul>li:before{content:"";display:block;border-top:1px dotted #ccc;position:relative;top:-15px}
.tree>ul>li:first-child{margin-top:0}
.tree>ul>li:first-child:before{content:normal}
.tree>ul>li>a{font-weight:bold;text-shadow:0 1px 0 #fff;vertical-align:middle}
.tree>ul>li>a:hover,
.tree>ul>li>a:focus,
.tree>ul>li>a.jstree-clicked,
.tree>ul>li>a.jstree-hovered{text-shadow:none}
.tree>ul>li>ul{margin:0 0 0 18px}
.tree>ul>li>ul>li{margin-left:0}
/* li>a */
.tree 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}
.tree li>a>i{opacity:.5;filter:alpha(opacity=50)}
.tree .jstree-hovered>i,
.tree .jstree-clicked>i{opacity:1;filter:alpha(opacity=100)}
/* Plugin style override */
.tree a>.jstree-icon{display:none}
.tree .jstree-open>.jstree-icon,
.tree .jstree-closed>.jstree-icon{background-color:#fff}
/* ---------- 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. ---------- */
/* ---------- Deprecated UI supports - Please do not use this CSS styles below. It will be removed as soon as possible. ---------- */
/* Favorite On | Off */
.x .fvOff,
.x .fvOn{display:inline-block;width:16px;height:16px;overflow:hidden;text-indent:16px;background:transparent url(../img/iconFavorite.gif) no-repeat;border:0}
.x .fvOn{background-position:0 -16px}
/* Section & Heading */
.x .h2,
.x .h3,
@ -598,8 +628,3 @@ html[lang="mn"] .x .g11n.active>[disabled],
.modalClose{position:absolute;right:-8px;top:-8px;border:0;background:#ddd;padding:0;width:28px;height:28px;font-size:14px;font-weight:bold;cursor:pointer;color:#999;border-radius:5px}
.modalBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
.x_modal._common {width:600px;margin-left:-300px}
.x_modal._common._small{width:400px;margin-left:-200px}
.x_modal._common._nobody .x_modal-body,
.x_modal._common._type_alert ._cancel{display:none}
.x_modal._common._nobody .x_modal-footer{border-top:0}