attach ui update

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7859 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2010-11-18 10:49:33 +00:00
parent 3c18e97d1d
commit d042e14f02
4 changed files with 67 additions and 99 deletions

View file

@ -28,25 +28,27 @@
<div class="tool"> <div class="tool">
<a href="#edit" class="skip">{$lang->edit->jumptoedit}</a> <a href="#edit" class="skip">{$lang->edit->jumptoedit}</a>
<div class="t1"> <div class="t1">
<button type="button" class="mo"><span>{$lang->edit->extension}</span></button>
<ul class="u1"> <ul class="u1">
<li class="ti al"><a href="#xdal" class="tb"><span>{$lang->edit->upload_list} <em>[<strong>0</strong>]</em></span></a></li> <li class="ti al">
<li class="ti img"><a href="#xdal" class="tb"><span>{$lang->edit->image} <em>[<strong>0</strong>]</em></span></a></li> <a href="#xdal" class="tb">
<li class="ti mov"><a href="#xdal" class="tb"><span>{$lang->edit->multimedia} <em>[<strong>0</strong>]</em></span></a></li> <span class="all">{$lang->edit->upload_list}</span>
<li class="ti file"><a href="#xdal" class="tb"><span>{$lang->edit->file} <em>[<strong>0</strong>]</em></span></a></li> <span class="img"><span>{$lang->edit->image}</span><strong>0</strong></span>
<span class="media"><span>{$lang->edit->multimedia}</span><strong>0</strong></span>
<span class="file"><span>{$lang->edit->file}</span><strong>0</strong></span>
</a>
</li>
</ul> </ul>
<!--@if($enable_component)--> <!--@if($enable_component)-->
<!-- editor components --> <!-- editor components -->
<ul class="u2"> <ul class="u2">
<!--@foreach($component_list as $component_name => $component)--> <!--@foreach($component_list as $component_name => $component)-->
<li class="ti"><button type="button" class="tb" title="{$component->title}" id="component_{$editor_sequence}_{$component_name}"><!-- <img src="../../components/{$component_name}/component_icon.gif" width="13" height="12" /> --><span>{$component->title}</span></button></li> <li class="ti"><a href="#please_valid_url" class="tb" id="component_{$editor_sequence}_{$component_name}">{$component->title}</a></li>
<!--@end--> <!--@end-->
</ul> </ul>
<!-- //editor components --> <!-- //editor components -->
<!--@end--> <!--@end-->
</div> </div>
<div class="t2"> <div class="t2">
<button type="button" class="mo"><span>{$lang->edit->extension}</span></button>
<ul class="u1"> <ul class="u1">
<li class="ti ud disable"><button type="button" class="tb tn ud"><span>{$lang->edit->undo} Ctrl+Z</span></button></li> <li class="ti ud disable"><button type="button" class="tb tn ud"><span>{$lang->edit->undo} Ctrl+Z</span></button></li>
<li class="ti rd disable"><button type="button" class="tb tn rd da"><span>{$lang->edit->redo} Ctrl+Y</span></button></li> <li class="ti rd disable"><button type="button" class="tb tn rd da"><span>{$lang->edit->redo} Ctrl+Y</span></button></li>
@ -1277,14 +1279,15 @@
<button type="button" class="btn cs" title="{$lang->cmd_close}">{$lang->cmd_close}</button> <button type="button" class="btn cs" title="{$lang->cmd_close}">{$lang->cmd_close}</button>
</div> </div>
</div> </div>
<div class="iBody focusMov"> <div class="iBody">
<div class="sn img none"> <div class="sn img none">
<p class="label">{$lang->edit->image}</p> <h3 class="label">{$lang->edit->image}</h3>
<p class="nofile">{$lang->edit->no_image}</p>
<ul> <ul>
<li> <li>
<button type="button" class="ob"><img src="about:blank" alt="" /></button> <button type="button" class="ob"><img src="about:blank" alt="" /></button>
<button type="button" class="ctr ins">{$lang->edit->link_file}</button> <button type="button" class="ctr ins" title="{$lang->edit->link_file}"><span>{$lang->edit->link_file}</span></button>
<button type="button" class="ctr del" title="{$lang->cmd_delete}">X</button> <br /> <button type="button" class="ctr del" title="{$lang->cmd_delete}"><span>{$lang->cmd_delete}</span></button> <br />
<input name="" type="checkbox" value="" class="icx" id="img1" /> <label for="img1">@exThumbH.jpg</label> <input name="" type="checkbox" value="" class="icx" id="img1" /> <label for="img1">@exThumbH.jpg</label>
</li> </li>
</ul> </ul>
@ -1293,30 +1296,30 @@
<button type="button" class="insert">{$lang->edit->insert_selected}</button> <button type="button" class="insert">{$lang->edit->insert_selected}</button>
<button type="button" class="delete">{$lang->edit->delete_selected}</button> <button type="button" class="delete">{$lang->edit->delete_selected}</button>
</p> </p>
<p class="nofile">{$lang->edit->no_image}</p>
</div> </div>
<div class="sn movie none"> <div class="sn movie none">
<p class="label">{$lang->edit->multimedia}</p> <h3 class="label">{$lang->edit->multimedia}</h3>
<p class="nofile">{$lang->edit->no_multimedia}</p>
<ul></ul> <ul></ul>
<p class="task"> <p class="task">
<button type="button" class="all" title="{$lang->cmd_select_all}">{$lang->cmd_select_all}</button> <button type="button" class="all" title="{$lang->cmd_select_all}">{$lang->cmd_select_all}</button>
<button type="button" class="insert" title="{$lang->edit->insert_selected}">{$lang->edit->insert_selected}</button> <button type="button" class="insert" title="{$lang->edit->insert_selected}">{$lang->edit->insert_selected}</button>
<button type="button" class="delete">{$lang->edit->delete_selected}</button> <button type="button" class="delete">{$lang->edit->delete_selected}</button>
</p> </p>
<p class="nofile">{$lang->edit->no_multimedia}</p>
</div> </div>
<div class="sn file none"> <div class="sn file none">
<p class="label">{$lang->edit->file}</p> <h3 class="label">{$lang->edit->file}</h3>
<p class="nofile">{$lang->edit->no_attachment}</p>
<ul></ul> <ul></ul>
<p class="task"> <p class="task">
<button type="button" class="all" title="{$lang->cmd_select_all}">{$lang->cmd_select_all}</button> <button type="button" class="all" title="{$lang->cmd_select_all}">{$lang->cmd_select_all}</button>
<button type="button" class="insert" title="{$lang->edit->insert_selected}">{$lang->edit->insert_selected}</button> <button type="button" class="insert" title="{$lang->edit->insert_selected}">{$lang->edit->insert_selected}</button>
<button type="button" class="delete">{$lang->edit->delete_selected}</button> <button type="button" class="delete">{$lang->edit->delete_selected}</button>
</p> </p>
<p class="nofile">{$lang->edit->no_attachment}</p>
</div> </div>
</div> </div>
<div class="iFoot"> <div class="iFoot">
<p class="info">{$upload_status}</p>
<div class="btnArea fr"> <div class="btnArea fr">
<button type="button" class="btn at strong" title="{$lang->edit->upload_file}">{$lang->edit->upload_file}</button> <button type="button" class="btn at strong" title="{$lang->edit->upload_file}">{$lang->edit->upload_file}</button>
</div> </div>

View file

@ -2306,9 +2306,9 @@ FileUpload = xe.createPlugin('FileUpload', {
$item.find('button.ob > img') $item.find('button.ob > img')
.load(function(){ .load(function(){
if(this.width > this.height){ if(this.width > this.height){
$(this).css('width', '100%'); $(this).css('width', '54px');
} else { } else {
$(this).css('height', '100%'); $(this).css('height', '54px');
} }
}) })
.attr('src', f.download_url); .attr('src', f.download_url);

View file

@ -29,9 +29,10 @@ body{height:100%}
.xd .tool, .xd .tool,
.xd .mode, .xd .mode,
.xd .resize, .xd .resize,
.xd .tool .mo,
.xd .t1 .u1, .xd .t1 .u1,
.xd .t1 .u1 .tb, .xd .t1 .u1 .tb .img,
.xd .t1 .u1 .tb .media,
.xd .t1 .u1 .tb .file,
.xd .t1 .u2, .xd .t1 .u2,
.xd .t2 .tb, .xd .t2 .tb,
.xd .t2 .btn, .xd .t2 .btn,
@ -44,17 +45,19 @@ body{height:100%}
.xdlw .iFoot, .xdlw .iFoot,
.xdlw .iHead h2, .xdlw .iHead h2,
.xdlw .btn, .xdlw .btn,
.xdlw .label, .xdal .label,
.xdlw .movie .ob, .xdal .movie .ob,
.xdlw .file .ob, .xdal .file .ob,
.xdlw .sn .task .all{background-image:url(xd.gif);background-repeat:no-repeat} .xdal .sn .task .all,
.xdal .sn .ctr{background-image:url(xd.gif);background-repeat:no-repeat}
/* Font Family */ /* Font Family */
.xd .tool .t1 .tb, .xd .tool .t1 .tb,
.xd .tool .t2 .hx .lr button, .xd .tool .t2 .hx .lr button,
.xd .tool .t2 .u6 .sc .lr .tab, .xd .tool .t2 .u6 .sc .lr .tab,
.xd .edit, .xd .edit,
.xdal .sn .ctr, .xdal .sn .ctr,
.xdal .sn .task button{font-family:Dotum, , Tahoma, Geneva, sans-serif} .xdal .sn .task button,
.xdal .iFoot .info{font-family:Dotum, , Tahoma, Geneva, sans-serif}
.xd .tool .itx, .xd .tool .itx,
.xd .tool .t2 .u6 .te .lr .cn li button, .xd .tool .t2 .u6 .te .lr .cn li button,
.xd .tool .t2 .u6 .te .lr .wh td button, .xd .tool .t2 .u6 .te .lr .wh td button,
@ -63,11 +66,14 @@ body{height:100%}
.xdlw .iHead h2 em, .xdlw .iHead h2 em,
.xdlw label{font-family:Tahoma, Geneva, sans-serif} .xdlw label{font-family:Tahoma, Geneva, sans-serif}
/* Hidden Text */ /* Hidden Text */
.xd .tool .mo span, .xd .t1 .tb .img span,
.xd .tool .t2 .tb span, .xd .t1 .tb .media span,
.xd .tool .t2 .u3 .cr .lr li button span, .xd .t1 .tb .file span,
.xd .tool .t2 .u6 .te .lr .cn button span, .xd .t2 .tb span,
.xd .mode .resize span{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;z-index:-1} .xd .t2 .u3 .cr .lr li button span,
.xd .t2 .u6 .te .lr .cn button span,
.xd .mode .resize span,
.xdal .sn .ctr span{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;z-index:-1}
/* Label Input OverWrap */ /* Label Input OverWrap */
.xd .tool .liow{position:relative;background:#fff} .xd .tool .liow{position:relative;background:#fff}
.xd .tool .liow label{position:absolute;top:4px;left:6px;white-space:nowrap} .xd .tool .liow label{position:absolute;top:4px;left:6px;white-space:nowrap}
@ -86,7 +92,6 @@ body{height:100%}
.xd .mode ul button{padding:0 10px;font-size:11px} .xd .mode ul button{padding:0 10px;font-size:11px}
/* Tool - Common */ /* Tool - Common */
.xd .tool{background-position:0 -1140px;background-repeat:repeat-x;background-color:#f4f4f4;position:relative;z-index:3} .xd .tool{background-position:0 -1140px;background-repeat:repeat-x;background-color:#f4f4f4;position:relative;z-index:3}
.xd .tool .mo{display:none;position:absolute;top:0;right:0;height:25px;width:16px;background-position:-300px -252px}
.xd .skip{position:absolute;display:block;top:0;left:0;width:1px;height:1px;overflow:hidden;color:#333;text-indent:1em;text-decoration:none;font-size:12px} .xd .skip{position:absolute;display:block;top:0;left:0;width:1px;height:1px;overflow:hidden;color:#333;text-indent:1em;text-decoration:none;font-size:12px}
.xd .skip:hover, .xd .skip:hover,
.xd .skip:active, .xd .skip:active,
@ -95,59 +100,26 @@ body{height:100%}
.xd .t1{position:relative;z-index:2;padding:0 15px 0 0;border-bottom:1px solid #e0dedf;*zoom:1} .xd .t1{position:relative;z-index:2;padding:0 15px 0 0;border-bottom:1px solid #e0dedf;*zoom:1}
.xd .t1:after{content:"";display:block;clear:both} .xd .t1:after{content:"";display:block;clear:both}
.xd .t1 .u1, .xd .t1 .u1,
.xd .t1 .u2{background-repeat:repeat-x;background-position:0 -1140px;position:relative;left:-1px;float:left;border:1px solid #e0dedf;border-bottom:0;border-left:0;margin:-1px 0 0 0} .xd .t1 .u2{background-repeat:repeat-x;background-position:0 -1140px;float:left;display:inline;border:1px solid #e0dedf;border-bottom:0;border-left:0;margin:-1px 0 0 -1px}
.xd .t1.c2 .u2{display:none} .xd .t1 .ti{float:left; border-left:1px solid #ddd;}
.xd .t1.ca .u1,
.xd .t1.ca .u2{display:block}
.xd .t1 .ti{float:left}
.xd .t1 .ti.active{background-color:#e8e8e8;border:1px solid #e0dedf;border-top:0;border-bottom:0;margin:0 -1px} .xd .t1 .ti.active{background-color:#e8e8e8;border:1px solid #e0dedf;border-top:0;border-bottom:0;margin:0 -1px}
.xd .t1 .tb{display:inline-block;height:26px;line-height:26px;font-size:11px;text-decoration:none;vertical-align:top;color:#000} .xd .t1 .tb{display:inline-block;padding:0 8px;height:26px;line-height:26px;font-size:11px;text-decoration:none;vertical-align:top;color:#000}
.xd .t1 .tb span{display:inline-block;padding:0 5px;white-space:nowrap;text-shadow:1px 1px 0 #f8f8f8} .xd .t1 .tb span{display:inline-block;white-space:nowrap;text-shadow:1px 1px 0 #f8f8f8}
.xd .t1 .u1 .tb span{padding-left:21px} .xd .t1 .u1 .tb strong{color:#f60}
.xd .t1 .u1 .tb em{color:#ccc} .xd .t1 .u1 .al .tb span{ padding:0 0 0 22px;}
.xd .t1 .u1 .tb em strong{color:#f60} .xd .t1 .u1 .al .tb .all{ padding:0;}
.xd .t1 .u1 .al .tb{background:none} .xd .t1 .u1 .al .img{background-position:5px -282px}
.xd .t1 .u1 .al .tb span{padding-left:10px} .xd .t1 .u1 .al .media{background-position:6px -312px}
.xd .t1 .u1 .img .tb{background-position:5px -282px} .xd .t1 .u1 .al .file{background-position:6px -342px}
.xd .t1 .u1 .mov .tb{background-position:6px -312px}
.xd .t1 .u1 .file .tb{background-position:6px -342px}
/* Tool - 2 */ /* Tool - 2 */
.xd .t2{position:relative;z-index:2;border-top:1px solid #e0dedf;border-bottom:1px solid #b5b5b5;padding:5px 10px 0 5px;margin:-1px 0 0 0;*zoom:1} .xd .t2{position:relative;z-index:2;border-top:1px solid #e0dedf;border-bottom:1px solid #b5b5b5;padding:5px 10px 0 5px;margin:-1px 0 0 0;*zoom:1}
.xd .t2:after{content:"";display:block;clear:both} .xd .t2:after{content:"";display:block;clear:both}
.xd .t2 .mo{top:3px}
.xd .t2 .u1, .xd .t2 .u1,
.xd .t2 .u2, .xd .t2 .u2,
.xd .t2 .u3, .xd .t2 .u3,
.xd .t2 .u4, .xd .t2 .u4,
.xd .t2 .u5, .xd .t2 .u5,
.xd .t2 .u6{float:left;position:relative;margin:0 5px 0 0;padding:0 0 5px 0;*zoom:1} .xd .t2 .u6{float:left;position:relative;margin:0 5px 0 0;padding:0 0 5px 0;*zoom:1}
.xd .t2 .u1:after,
.xd .t2 .u2:after,
.xd .t2 .u3:after,
.xd .t2 .u4:after,
.xd .t2 .u5:after,
.xd .t2 .u6:after{content:"";display:block;clear:both}
.xd .t2.c23456 .u2,
.xd .t2.c23456 .u3,
.xd .t2.c23456 .u4,
.xd .t2.c23456 .u5,
.xd .t2.c23456 .u6,
.xd .t2.c3456 .u3,
.xd .t2.c3456 .u4,
.xd .t2.c3456 .u5,
.xd .t2.c3456 .u6,
.xd .t2.c456 .u4,
.xd .t2.c456 .u5,
.xd .t2.c456 .u6,
.xd .t2.c56 .u5,
.xd .t2.c56 .u6,
.xd .t2.c6 .u6{display:none}
.xd .t2.ca .u1,
.xd .t2.ca .u2,
.xd .t2.ca .u3,
.xd .t2.ca .u4,
.xd .t2.ca .u5,
.xd .t2.ca .u6{display:block}
.xd .t2 .ti{float:left;border:1px solid #b5b5b5;margin:0 -1px 0 0;font-size:0;position:relative} .xd .t2 .ti{float:left;border:1px solid #b5b5b5;margin:0 -1px 0 0;font-size:0;position:relative}
.xd .t2 .ti.hover{border-color:#666;z-index:100;box-shadow:0 0 2px #bbb;-moz-box-shadow:0 0 2px #bbb;-webkit-box-shadow:0 0 2px #bbb} .xd .t2 .ti.hover{border-color:#666;z-index:100;box-shadow:0 0 2px #bbb;-moz-box-shadow:0 0 2px #bbb;-webkit-box-shadow:0 0 2px #bbb}
.xd .t2 .ti.active{border-color:#333;z-index:100} .xd .t2 .ti.active{border-color:#333;z-index:100}
@ -331,42 +303,35 @@ body{height:100%}
.xdlw .iHead .btnArea.fr{float:right} .xdlw .iHead .btnArea.fr{float:right}
.xdlw .iBody{position:relative} .xdlw .iBody{position:relative}
.xdlw .iBody:after{content:"";display:block;clear:both} .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;cursor:move} .xdlw .iFoot{padding:10px 0;border-top:1px solid #ccc;background-position:0 -1140px;background-repeat:repeat-x;cursor:move}
.xdlw .iFoot:after{content:"";display:block;clear:both}
.xdlw .iFoot .btnArea{margin:0 20px;*zoom:1} .xdlw .iFoot .btnArea{margin:0 20px;*zoom:1}
.xdlw .iFoot .btnArea:after{content:"";display:block;clear:both} .xdlw .iFoot .btnArea:after{content:"";display:block;clear:both}
.xdlw .iFoot .btnArea.fl{float:left} .xdlw .iFoot .btnArea.fl{float:left}
.xdlw .iFoot .btnArea.fr{float:right} .xdlw .iFoot .btnArea.fr{float:right}
/* XD Layer Window - AL(Attached List) */ /* XD Layer Window - AL(Attached List) */
.xdal{display:none;width:780px;margin:-210px 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{display:none;width:780px;margin:-210px 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:190px;line-height:30px;font-weight:bold;margin:0;padding:0 0 0 24px} .xdal .iFoot .info{ margin:0; float:left; font-size:11px; line-height:normal; padding:0 0 0 20px; color:#666;}
.xdal .img .label{background-position:0 -282px} .xdal .label{line-height:30px;font-weight:bold;margin:0;padding:0 0 0 24px;font-size:12px;}
.xdal .movie .label{background-position:0 -312px} .xdal .img .label{background-position:0 -280px}
.xdal .file .label{background-position:0 -342px} .xdal .movie .label{background-position:0 -310px}
.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 .file .label{background-position:0 -340px}
.xdal .focusImg .sn, .xdal .sn{position:relative;padding:10px 20px 15px 20px;width:219px;float:left;border-left:1px solid #ddd}
.xdal .focusMov .sn, .xdal .sn .nofile{display:none;padding:1em 0; margin:0; color:#767676;border-top:1px dotted #ccc;}
.xdal .focusFile .sn{opacity:.4;filter:alpha(opacity=40;)} .xdal .sn ul{height:290px; margin:0;padding:0;*zoom:1;overflow:auto;overflow-x:hidden;border-top:1px dotted #ccc;}
.xdal .focusImg .img,
.xdal .focusMov .movie,
.xdal .focusFile .file{border:3px solid #ddd;width:237px;padding:12px 0 12px 17px;opacity:1;filter:alpha(opacity=100;);box-shadow:inset 0 0 3px #000;-moz-box-shadow:inset 0 0 3px #000;-webkit-box-shadow:inset 0 0 3px #000;}
.xdal .sn ul{margin:0 10px 0 0;padding:0;*zoom:1}
.xdal .sn ul:after{content:"";display:block;clear:both} .xdal .sn ul:after{content:"";display:block;clear:both}
.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 li{position:relative;top:-1px; 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;background:#fff} .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;background:#fff}
.xdal .sn .ob img{vertical-align:middle} .xdal .sn .ob img{vertical-align:middle}
.xdal .sn .ob.ed{background-color:#eee} .xdal .sn .ctr{position:absolute;top:8px; width:30px; height:30px;font-size:11px;white-space:nowrap;color:#666}
.xdal .sn .ctr{position:absolute;top:8px;font-size:11px;white-space:nowrap;color:#666} .xdal .sn .ins{right:35px;background-position:-510px -250px;}
.xdal .sn .ins{right:20px} .xdal .sn .del{right:5px;background-position:-540px -250px;}
.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{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 button{padding:0 3px; margin:0 0 2px 0;height:21px;font-size:11px;border:1px solid #b5b5b5}
.xdal .sn .task .all{padding-left:15px;background-position:-583px -257px} .xdal .sn .task .all{padding-left:15px;background-position:-583px -257px}
.xdal .sn .task .up{padding:0;border-bottom:1px solid}
.xdal .sn .progress{display:none;width:40px;background:#ddd} .xdal .sn .progress{display:none;width:40px;background:#ddd}
.xdal .sn .progress .bar{display:block;background:#23cb24;height:6px} .xdal .sn .progress .bar{display:block;background:#23cb24;height:6px}
.xdal .sn .uploading .progress{display:inline-block} .xdal .sn .uploading .progress{display:inline-block}
.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 .task{display:none}
.xdal .none .nofile{display:block} .xdal .none .nofile{display:block}
.xdal .file .ob{text-indent:-900px} .xdal .file .ob{text-indent:-900px}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 40 KiB

Before After
Before After