attach ui update

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7846 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2010-11-17 12:30:27 +00:00
parent ccf91bf230
commit 6c622c4ca5
13 changed files with 3716 additions and 3699 deletions

File diff suppressed because it is too large Load diff

View file

@ -2114,9 +2114,11 @@ FileUpload = xe.createPlugin('FileUpload', {
$par.find('button.ctr').addClass('show');
}
)
.delegate('button.ctr', 'focus', function(){ $(this).mouseover() })
.delegate('button.ctr', 'mouseout',
function(){ $(this).parent().find('button.ctr').removeClass('show'); }
)
.delegate('button.ctr', 'blur', function(){ $(this).mouseout() })
.delegate('button.ctr.ins', 'click',
function(){
var $this = $(this), $item = $this.parent(), file_url = $this.parent().data('url');

View file

@ -4,7 +4,7 @@
/* Reset */
html,
body{ height:100%;}
.xd{ display:none; position:relative; margin:1em 0; border:1px solid #b5b5b5; overflow:hidden; z-index:1; *zoom:1; }
.xd{ display:none; position:relative; margin:1em 0; border:1px solid #b5b5b5; overflow:hidden; z-index:1; *zoom:1; color:#000;}
.xd .tool ul,
.xd .mode ul{ margin:0; padding:0; list-style:none;}
.xd .tool button,
@ -45,18 +45,18 @@ body{ height:100%;}
.xdlw .iHead,
.xdlw .iFoot,
.xdlw .iHead h2,
.xdlw .iFoot .btn,
.xdlw .btn,
.xdlw .label,
.xdlw .sn .ctr,
.xdlw .file li .ob,
.xdlw .sn .task .all,
.xdlw .sn .task .insert{ background-image:url(xd.gif); background-repeat:no-repeat;}
.xdlw .sn .task .all{ background-image:url(xd.gif); background-repeat:no-repeat;}
/* Font Family */
.xd .tool .t1 .tb,
.xd .tool .t2 .hx .lr button,
.xd .tool .t2 .u6 .sc .lr .tab,
.xd .edit{ font-family:Dotum, , Tahoma, Geneva, sans-serif;}
.xd .edit,
.xdal .sn .ctr,
.xdal .sn .task button{ font-family:Dotum, , Tahoma, Geneva, sans-serif;}
.xd .tool .itx,
.xd .tool .t2 .u6 .te .lr .cn li button,
.xd .tool .t2 .u6 .te .lr .wh td button,
@ -338,13 +338,15 @@ body{ height:100%;}
.xd .edit .xdsc{ border:0; padding:20px 25px; overflow:auto; background:transparent; font:12px "Courier New", Courier, monospace;}
/* XD Layer Window */
.xdlw{ display:none; position:absolute; top:50%; left:50%; z-index:1000;}
.xdlw{ display:none; position:absolute; top:50%; left:50%; z-index:1000; color:#000;}
.xdlw img{ border:0;}
.xdlw .iHead{ background-position:0 -1140px; background-repeat:repeat-x; border-bottom:1px solid #ccc; font-size:12px; padding:10px 0; *zoom:1;}
.xdlw .iHead:after{ content:""; display:block; clear:both;}
.xdlw .iHead h2{ float:left; _display:inline; margin:0 0 0 20px; padding:0 0 0 20px; background-position:0 -257px; font-size:12px; height:16px; line-height:16px;}
.xdlw .iHead h2 em{ font-weight:normal; font-style:normal; color:#ccc;}
.xdlw .iHead h2 strong{ color:#f60;}
.xdlw .iHead .btnArea{ margin:0 20px; *zoom:1;}
.xdlw .iHead .btnArea.fr{ float:right;}
.xdlw .iBody{ position:relative;}
.xdlw .iBody:after{ content:""; display:block; clear:both;}
.xdlw .iFoot{ height:21px; line-height:21px; padding:10px 0; border-top:1px solid #ccc; background-position:0 -1140px; background-repeat:repeat-x;}
@ -355,30 +357,31 @@ body{ height:100%;}
/* XD Layer Window - AL(Attached List) */
.xdal{ display:none; width:780px; margin:-170px 0 0 -390px; background:#fff; border:3px solid #666; box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;}
.xdal .label{ width:275px; line-height:30px; font-weight:bold; margin:0; padding:0 0 0 24px;}
.xdal .label{ width:190px; line-height:30px; font-weight:bold; margin:0; padding:0 0 0 24px;}
.xdal .img .label{ background-position:0 -282px;}
.xdal .mov .label{ background-position:0 -312px;}
.xdal .file .label{ background-position:0 -342px;}
.xdal .sn{ position:relative; padding:15px 20px; width:215px; height:300px; float:left; border-left:1px solid #ddd; overflow:hidden;}
.xdal .sn ul{ margin:0; padding:0; *zoom:1;}
.xdal .sn{ position:relative; padding:15px 0 15px 20px; width:239px; height:300px; float:left; border-left:1px solid #ddd; overflow:auto; overflow-x:hidden;}
.xdal .sn ul{ margin:0 10px 0 0; padding:0; *zoom:1;}
.xdal .sn ul:after{ content:""; display:block; clear:both;}
.xdal .sn li{ position:relative; list-style:none; vertical-align:top; margin:0 10px 10px 0;}
.xdal .sn .ob{ position:relative; display:block; text-decoration:none; white-space:nowrap; font-size:0; width:100px; height:100px; overflow:hidden; margin:0 0 5px 0; border:1px solid #ddd; text-align:center; line-height:98px;}
.xdal .sn li{ position:relative; list-style:none; vertical-align:top; margin:0; padding:8px 0; border-top:1px dotted #ccc; color:#666;}
.xdal .sn .ob{ position:relative; text-decoration:none; white-space:nowrap; font-size:0; width:60px; height:60px; overflow:hidden; margin:0 0 5px 0; border:1px solid #ddd; text-align:center; vertical-align:top; line-height:58px;}
.xdal .sn .ob img{ vertical-align:middle;}
.xdal .sn .ob.ed{ background-color:#eee;}
.xdal .sn .ctr{ position:absolute; display:block; left:0; border:1px solid #bbb; font-size:12px; white-space:nowrap; background-position:0 -1140px; background-color:#f4f4f4; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; box-shadow:0 0 2px #bbb; -moz-box-shadow:0 0 2px #bbb; -webkit-box-shadow:0 0 2px #bbb;}
.xdal .sn .ctr.show{opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";}
.xdal .sn .ins{ width:100px; height:100px; top:0;}
.xdal .sn .del{ height:26px; top:74px; padding:0 5px;}
.xdal .sn .task{ position:absolute; top:27px; right:0; margin:0;}
.xdal .sn .task button{ padding:0 0 0 15px; font-size:12px;}
.xdal .sn .task .all{ background-position:-586px -260px;}
.xdal .sn .task .insert{ background-position:-586px -288px;}
.xdal .sn .ctr{ position:absolute; top:8px; font-size:11px; white-space:nowrap; color:#666;}
.xdal .sn .ctr.show{}
.xdal .sn .ins{ right:20px;}
.xdal .sn .del{ right:0; font-weight:bold;}
.xdal .sn .task{ margin:0 10px 0 0; padding:8px 0 0 0; border-top:1px dotted #ccc;}
.xdal .sn .task button{ padding:0 3px; height:21px; font-size:11px; border:1px solid #b5b5b5;}
.xdal .sn .task .all{ padding-left:15px; background-position:-583px -257px;}
.xdal .sn .task .insert{}
.xdal .sn .task .delete{}
.xdal .sn .task .up{ padding:0; border-bottom:1px solid;}
.xdal .sn .progress{ display:none; width:80px; background:#ddd;}
.xdal .sn .progress .bar{ display:block; background:#999; height:6px;}
.xdal .sn .progress{ display:none; width:40px; background:#ddd;}
.xdal .sn .progress .bar{ display:block; background:#23cb24; height:6px;}
.xdal .sn .uploading .progress{ display:inline-block;}
.xdal .sn .nofile{ display:none; position:absolute; top:27px; right:0; margin:0; text-align:center; color:#767676;}
.xdal .sn .nofile{ display:none; color:#767676;}
.xdal .sn .nofile .up{ font-size:12px; border-bottom:1px solid;}
.xdal .none .task{ display:none;}
.xdal .none .nofile{ display:block;}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 40 KiB

Before After
Before After