github
/
KodExplorer
mirror of https://github.com/kalcaddle/KodExplorer
1
0
Fork 0
Code Issues Releases Wiki Activity

ver 2.71

pull/19/head
kalcaddle 2014-09-02 22:49:20 +08:00
parent 15fc659d3c
commit 4668093006
145 changed files with 6291 additions and 3845 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
README.md
View File

@ -1,10 +1,10 @@
##KodExplorer (http://kalcaddle.com/) ##KodExplorer (http://kalcaddle.com/)
###ver2.61(2014.7.12) ###ver2.71(2014.8.31)
`商业版授权请联系：kalcaddle#qq.com` `商业版授权请联系：kalcaddle#qq.com`
#### 1.是什么： #### 1.是什么：
- Kodexplorer为千帆网络工作室开发的一款服务器文件管理程序。 - Kodexplorer为千帆网络工作室开发的一款服务器文件管理程序。
- 完美取代FTP管理：可用于服务器文件管理,zip解压缩 备份还原、支持图片、音乐、视频预览、office、pdf等格式在线预览。文件夹拖拽上传……。 - 完美取代FTP管理：可用于服务器文件管理,zip解压缩、备份还原、支持图片、音乐、视频预览、office、pdf等格式在线预览。文件夹拖拽上传……。
- 在线编程：支持几乎所有编程语言的在线编辑(高亮,多光标编辑.堪比本地的sublime) - 在线编程：支持几乎所有编程语言的在线编辑(高亮,多光标编辑.堪比本地的sublime)
- 极佳的操作体验：及其便捷的快捷键支持,让你拥有本地化的体验 - 极佳的操作体验：及其便捷的快捷键支持,让你拥有本地化的体验
- 中文等多语言支持：中文编码全面兼容,文件编辑自动适配。 - 中文等多语言支持：中文编码全面兼容,文件编辑自动适配。
@ -17,7 +17,7 @@
- 你可以把他当做管理linux的一个操作系统界面 - 你可以把他当做管理linux的一个操作系统界面
- 可以用来作为私有云存储系统,存储你的文件... - 可以用来作为私有云存储系统,存储你的文件...
- 当然你也可以用来分享文件 - 当然你也可以用来分享文件
- Web IDE / browser code editor awesomeness - Web IDE
- 更多场景等你来挖掘！…… - 更多场景等你来挖掘！……
#### 3.使用说明 #### 3.使用说明
@ -25,17 +25,56 @@
普通用户：demo/demo 普通用户：demo/demo
游客用户：guest/guest 游客用户：guest/guest
[如何使用] 下载程序,解压上传到你的服务器路径下,data目录设置777权限。访问体验超便捷的服务吧！ [如何使用] 下载程序,解压上传到你的服务器路径下,data目录设置777权限。访问体验超便捷的服务吧！
(data目录没有写权限会导致配置修改不能保存、不能新建用户等) (为确保数据安全，最好配置服务器不允许列目录)
[关于上传问题] 程序没有做任何限制,如果需要上传大文件,则修改 [关于上传问题] 程序没有做任何限制,如果需要上传大文件,则修改
php.ini：`upload_max_filesize = 1000M post_max_size = 1000M` php.ini：`upload_max_filesize = 1000M post_max_size = 1000M` [详情：http://955.cc/R2yT]
[关于解压缩问题] 程序不做任何限制,如若失败请设置php内存限制。memory_limit 1000M [关于解压缩问题] 程序不做任何限制,如若失败请设置php内存限制。memory_limit 1000M
[关于"系统错误"] 请配置php错误提示级别error_reporting; 配置php.ini或者允许error_reporting函数
[关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 [关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。
[文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器);
内部或局域网需要使用请参考qq群共享“web office搭建”,然后配置kod程序config/config.php OFFICE_SERVER
[安全提示] 为确保数据安全，请设置http服务器不允许列目录。[详情：http://955.cc/R2vw]
[忘记密码] 修改data/system/member.php 密码为明文的md5值 例如将admin密码重设为admin [忘记密码] 修改data/system/member.php 密码为明文的md5值 例如将admin密码重设为admin
则修改第一行："name":"admin","password":"21232f297a57a5a743894a0e4a801fc3" 则修改第一行："name":"admin","password":"21232f297a57a5a743894a0e4a801fc3"
![](https://cloud.githubusercontent.com/assets/3761968/2583304/764f562a-b9cf-11e3-8e59-afdbdffc20eb.png) ![](https://cloud.githubusercontent.com/assets/3761968/2583304/764f562a-b9cf-11e3-8e59-afdbdffc20eb.png)
###ver2.71 `2014/8/31`
----
####update:
- 编辑器配置保存：文字大小、主题风格；主题修改
- 精简初始桌面应用
####fix bug:（bug解决和程序优化）
- 修改用户密码失败：
- 打开设置设置壁纸，关掉，再打开个人中心，桌面乱掉
- 桌面开始菜单 最大化问题
- 语言选择下拉菜单错位
- 修改主题重叠问题
- appstore 添加应用tips不见
ie兼容性 font-face 火狐
###ver2.7 `2014/8/25`
----
####update:
- 安全及性能优化
- 静态文件加入?版本标识，版本更新后不缓存
- webuploader 升级到0.14 优化部分上传问题
- 错误级别：error_reporting(E_ERROR | E_WARNING);
- 地址栏(tab模式、编辑模式)两种模式宽度自适应
- 自建office解析服务器配置
- 最大化全屏
####fix bug:（bug解决和程序优化）
- install 加入iconv、mbstring检测
- 右键重命名 快捷键冒泡处理
- 文件列表图片缩略图拖拽问题
- 标题超出部分截取优化
- 编辑器预览滚动条自适应
###ver2.61 `2014/7/12` ###ver2.61 `2014/7/12`

10
config/config.php
View File

@ -9,7 +9,7 @@
date_default_timezone_set('PRC'); date_default_timezone_set('PRC');
@ini_set('session.cache_expire',600); @ini_set('session.cache_expire',600);
@set_time_limit(600);//30min pathInfoMuti,search,upload,download... @set_time_limit(600);//30min pathInfoMuti,search,upload,download...
@ini_set('display_errors',0); @error_reporting(E_ERROR|E_WARING|E_PARSE);
function P($path){return str_replace('\\','/',$path);} function P($path){return str_replace('\\','/',$path);}
define('WEB_ROOT',str_replace(P($_SERVER['SCRIPT_NAME']),'',P(dirname(dirname(__FILE__))).'/index.php').'/'); define('WEB_ROOT',str_replace(P($_SERVER['SCRIPT_NAME']),'',P(dirname(dirname(__FILE__))).'/index.php').'/');
@ -30,8 +30,12 @@ define('USER_SYSTEM', DATA_PATH .'system/'); //用户数据存储目录
define('LANGUAGE_PATH', DATA_PATH .'i18n/'); //多语言目录 define('LANGUAGE_PATH', DATA_PATH .'i18n/'); //多语言目录
define('PUBLIC_PATH', DATA_PATH .'public/'); //公共共享目录 读写权限跟随用户目录的读写权限 define('PUBLIC_PATH', DATA_PATH .'public/'); //公共共享目录 读写权限跟随用户目录的读写权限
define('STATIC_JS','_dev');//_dev app js编译||开发状态 define('OFFICE_SERVER', "");
define('STATIC_LESS','less'); //默认为空则调用微软解析api,需要外网才可以；
//如果内网或局域网使用，引号内填写配置好的地址前缀 形如:"http://***/view.aspx?src="
define('STATIC_JS','app');//_dev app js编译||开发状态
define('STATIC_LESS','css');
define('STATIC_PATH',"./static/");//静态文件目录 define('STATIC_PATH',"./static/");//静态文件目录
//define('STATIC_PATH','http://static.kalcaddle.com/static/'); //define('STATIC_PATH','http://static.kalcaddle.com/static/');

2
config/version.php
View File

@ -1,2 +1,2 @@
<?php <?php
define('KOD_VERSION','2.61'); define('KOD_VERSION','2.71');

17
controller/app.class.php
View File

@ -99,21 +99,4 @@ class app extends Controller{
private function _init(){ private function _init(){
return json_decode(rawurldecode($this->in['data'])); return json_decode(rawurldecode($this->in['data']));
} }
/**
* 用户app初始化
*/
public function init_app($user) {
$sql=new fileCache($this->config['system_file']['apps']);
$list = $sql->get();
$desktop = USER_PATH.$user.'/home/desktop/';
foreach ($list as $key => $data) {
//touch($path);
$path = iconv_system($desktop.$key.'.oexe');
unset($data['name']);
unset($data['desc']);
unset($data['group']);
file_put_contents($path, json_encode($data));
}
}
} }

4
controller/desktop.class.php
View File

@ -18,9 +18,9 @@ class desktop extends Controller{
$this->assign('wall',$wall); $this->assign('wall',$wall);
}else{ }else{
$this->assign('wall',STATIC_PATH.'images/wall_page/'.$wall.'.jpg'); $this->assign('wall',STATIC_PATH.'images/wall_page/'.$wall.'.jpg');
} }
if (!is_dir(MYHOME.'desktop/')) { if (!is_dir(MYHOME.'desktop/') && is_writable(MYHOME)) {
mkdir(MYHOME.'desktop/'); mkdir(MYHOME.'desktop/');
} }

42
controller/editor.class.php
View File

@ -17,7 +17,8 @@ class editor extends Controller{
$this->display('editor.php'); $this->display('editor.php');
} }
// 单文件编辑 // 单文件编辑
public function edit(){ public function edit(){
$this->assign('editor_config',$this->getConfig());//获取编辑器配置信息
$this->display('edit.php'); $this->display('edit.php');
} }
@ -55,7 +56,44 @@ class editor extends Controller{
fclose($fp); fclose($fp);
show_json($this->L['save_success']); show_json($this->L['save_success']);
} }
//-----------------------------------------------
/*
* 获取编辑器配置信息
*/
public function getConfig(){
$default = array(
'font_size' => '14px',
'theme' => 'github',
'auto_wrap' => 0,
'display_char' => 0,
'auto_complete' => 1
);
$config_file = USER.'data/editor_config.php';
if (!file_exists($config_file)) {//不存在则创建
$sql=new fileCache($config_file);
$sql->reset($default);
}else{
$sql=new fileCache($config_file);
$default = $sql->get();
}
return json_encode($default);
}
/*
* 获取编辑器配置信息
*/
public function setConfig(){
$key = $this->in['k'];$value = $this->in['v'];
if ($key !='' && $value != '') {
$config_file = USER.'data/editor_config.php';
$sql=new fileCache($config_file);
$default = $sql->update($key,$value);
show_json($this->L["setting_success"]);
}else{
show_json($this->L['error'],false);
}
}
//-----------------------------------------------
/* /*
* 获取字符串编码 * 获取字符串编码
* @param:$ext 传入字符串 * @param:$ext 传入字符串

4
controller/explorer.class.php
View File

@ -527,7 +527,9 @@ class explorer extends Controller{
if (!$header) show_json($this->L['download_error_exists'],false); if (!$header) show_json($this->L['download_error_exists'],false);
$save_path = $save_path.urldecode($header['name']); $save_path = $save_path.urldecode($header['name']);
if (checkExt($save_path)!= true) $save_path = checkExt($save_path,true); if (!checkExt($save_path)) $save_path = $save_path.'tmp';
write_log($save_path);
$save_path = iconv_system($save_path); $save_path = iconv_system($save_path);
$save_path = get_filename_auto($save_path); $save_path = get_filename_auto($save_path);

0
controller/index.html Normal file
View File

19
controller/user.class.php
View File

@ -104,8 +104,9 @@ class user extends Controller
//错误三次输入验证码 //错误三次输入验证码
session_start();//re start session_start();//re start
$name = $this->in['name']; $name = $this->in['name'];
if(intval($_SESSION['code_error_time']) >=3 && if(isset($_SESSION['code_error_time']) &&
$_SESSION['check_code'] !== strtolower($this->in['check_code'])){ intval($_SESSION['code_error_time']) >=3 &&
$_SESSION['check_code'] !== strtolower($this->in['check_code'])){
$this->login($this->L['code_error']); $this->login($this->L['code_error']);
} }
$member = new fileCache($this->config['system_file']['member']); $member = new fileCache($this->config['system_file']['member']);
@ -156,7 +157,7 @@ class user extends Controller
* 权限验证；统一入口检验 * 权限验证；统一入口检验
*/ */
public function authCheck(){ public function authCheck(){
if ($GLOBALS['is_root'] == 1) return; if (isset($GLOBALS['is_root']) && $GLOBALS['is_root'] == 1) return;
if (in_array(ACT,$this->notCheck)) return; if (in_array(ACT,$this->notCheck)) return;
if (!array_key_exists(ST,$this->config['role_setting']) ) return; if (!array_key_exists(ST,$this->config['role_setting']) ) return;
if (!in_array(ACT,$this->config['role_setting'][ST])) return; if (!in_array(ACT,$this->config['role_setting'][ST])) return;
@ -218,11 +219,19 @@ class user extends Controller
/** /**
* 用户app初始化 * 用户app初始化
*/ */
private function init_app($user) { public function init_app($user) {
$sql=new fileCache($this->config['system_file']['apps']); $sql=new fileCache($this->config['system_file']['apps']);
$list = $sql->get(); $list = $sql->get();
$default = array('365日历','pptv直播','ps','qq音乐','搜狐影视',
'时钟','水果忍者','计算器','豆瓣电台','音悦台');
$info = array();
foreach ($default as $key) {
$info[$key] = $list[$key];
}
$desktop = USER_PATH.$user['name'].'/home/desktop/'; $desktop = USER_PATH.$user['name'].'/home/desktop/';
foreach ($list as $key => $data) { foreach ($info as $key => $data) {
//touch($path);
$path = iconv_system($desktop.$key.'.oexe'); $path = iconv_system($desktop.$key.'.oexe');
unset($data['name']); unset($data['name']);
unset($data['desc']); unset($data['desc']);

13
controller/util.php
View File

@ -61,12 +61,8 @@ function checkExt($file,$changExt=false){
$file = rawurldecode($file); $file = rawurldecode($file);
$ext_arr = explode('|',$not_allow); $ext_arr = explode('|',$not_allow);
foreach ($ext_arr as $current) { foreach ($ext_arr as $current) {
if (stripos($file,'.'.$current) !== false){//含有扩展名 if (stristr($file,'.'.$current)){//含有扩展名
if ($changExt === false) { return false;
return false;
}else{
return str_replace($ext, 'tmp', $file);
}
} }
} }
return 1; return 1;
@ -76,8 +72,9 @@ function checkExt($file,$changExt=false){
//语言包加载：优先级：cookie获取>自动识别 //语言包加载：优先级：cookie获取>自动识别
//首次没有cookie则自动识别——存入cookie,过期时间无限 //首次没有cookie则自动识别——存入cookie,过期时间无限
function init_lang(){ function init_lang(){
$lang = $_COOKIE['kod_user_language']; if (isset($_COOKIE['kod_user_language'])) {
if (strlen($lang)<=0) {//没有cookie $lang = $_COOKIE['kod_user_language'];
}else{//没有cookie
preg_match('/^([a-z\-]+)/i', $_SERVER['HTTP_ACCEPT_LANGUAGE'], $matches); preg_match('/^([a-z\-]+)/i', $_SERVER['HTTP_ACCEPT_LANGUAGE'], $matches);
$lang = $matches[1]; $lang = $matches[1];
switch (substr($lang,0,2)) { switch (substr($lang,0,2)) {

2
data/User/admin/data/config.php
View File

@ -1 +1 @@
<?php exit;?>{"list_type":"icon","list_sort_field":"name","list_sort_order":"up","theme":"metro\/","codetheme":"crimson_editor","wall":"2","musictheme":"qqmusic","movietheme":"webplayer"} <?php exit;?>{"list_type":"icon","list_sort_field":"name","list_sort_order":"up","theme":"metro\/","codetheme":"crimson_editor","wall":"3","musictheme":"mp3player","movietheme":"webplayer"}

1
data/User/admin/data/editor_config.php Normal file
View File

@ -0,0 +1 @@
<?php exit;?>{"font_size":"18px","theme":"eclipse","auto_wrap":"0","display_char":"0","auto_complete":"0"}

1
data/User/demo/home/desktop/365日历.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/baidu365.duapp.com\/wnl.html?bd_user=855814346&bd_sig=a64e6e262e8cfa1c42dd716617be2102&canvas_pos=platform","icon":"365.png","width":"544","height":"440","simple":0,"resize":1}

1
data/User/demo/home/desktop/iqiyi影视.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/www.qiyi.com\/mini\/baidu.html?from115","icon":"iqiyi.png","width":"1000","height":"643","simple":0,"resize":1}

1
data/User/demo/home/desktop/js在线压缩.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/compress.cdn.duapp.com\/","icon":"js.png","width":"510","height":"380","simple":0,"resize":1}

1
data/User/demo/home/desktop/linux终端.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/bellard.org\/jslinux\/","icon":"linux.png","width":"803","height":"546","simple":0,"resize":1}

1
data/User/demo/home/desktop/pptv直播.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/app.aplus.pptv.com\/tgapp\/baidu\/live\/main","icon":"pptv.jpg","width":"798","height":"534","simple":0,"resize":1}

1
data/User/demo/home/desktop/ps.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/www.webps.cn\/editor\/Editor.swf","icon":"ps.png","width":"800","height":"560","simple":0,"resize":1}

1
data/User/demo/home/desktop/qq音乐.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/y.qq.com\/player","icon":"qqmusic.png","width":"800","height":"520","simple":0,"resize":1}

1
data/User/demo/home/desktop/三维地图.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/sz.chachaba.com\/api20110914.html","icon":"map.png","width":"800","height":"600","simple":0,"resize":1}

1
data/User/demo/home/desktop/中国象棋.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/apps2.bdimg.com\/store\/static\/kvt\/bbf372221c50a9aaa35a35ea6ee7c922.swf","icon":"xiangqi.jpg","width":"650","height":"502","simple":0,"resize":1}

1
data/User/demo/home/desktop/创业邦.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/baidu.html.zcom.com\/chuangyebang\/","icon":"chuangyebang.jpg","width":"545","height":"440","simple":0,"resize":1}

1
data/User/demo/home/desktop/在线视频.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/tv.e1951.com\/tv\/index.htm","icon":"app_s2.png","width":"800","height":"600","simple":0,"resize":1}

1
data/User/demo/home/desktop/好照片.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/www.haozhaopian.com\/flash\/","icon":"haozhaopian.jpg","width":"775","height":"650","simple":0,"resize":1}

1
data/User/demo/home/desktop/快递查询.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/baidu.kuaidi100.com\/index2.html","icon":"kuaidi.gif","width":"538","height":"418","simple":0,"resize":1}

1
data/User/demo/home/desktop/搜狐影视.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/tv.sohu.com\/upload\/sohuapp\/index.html?api_key=9ca7e3cdef8af010b947f4934a427a2c","icon":"souhu.jpg","width":"798","height":"583","simple":0,"resize":1}

1
data/User/demo/home/desktop/时钟.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/hoorayos.com\/demo\/extapp\/clock\/index.php","icon":"time.png","width":"140","height":"140","simple":1,"resize":0}

1
data/User/demo/home/desktop/有道词典.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/dict.youdao.com\/app\/baidu","icon":"youdao.jpg","width":"548","height":"490","simple":0,"resize":1}

1
data/User/demo/home/desktop/格林童话.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/www.youban.com\/bdapp\/mp3\/geling.html","icon":"geling.jpg","width":"728","height":"520","simple":0,"resize":1}

1
data/User/demo/home/desktop/植物大战僵尸.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/apps.bdimg.com\/tools\/popcap\/plantsvszombies\/game.html","icon":"zhiwu.jpg","width":"538","height":"404","simple":0,"resize":1}

1
data/User/demo/home/desktop/水果忍者.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/ucren.com\/demos\/fruit-ninja\/","icon":"fruite.jpg","width":"640","height":"565","simple":0,"resize":1}

1
data/User/demo/home/desktop/美图秀秀.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/xiuxiu.web.meitu.com\/baidu\/","icon":"meitu.gif","width":"800","height":"570","simple":0,"resize":1}

1
data/User/demo/home/desktop/美食天下.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/home.meishichina.com\/app2baidu.php","icon":"meishi.png","width":"547","height":"590","simple":0,"resize":1}

1
data/User/demo/home/desktop/虾米电台.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/kuang.xiami.com\/kuang\/play\/xiamiradio","icon":"xiami.jpg","width":"530","height":"282","simple":0,"resize":1}

1
data/User/demo/home/desktop/计算器.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/apps2.bdimg.com\/store\/static\/kvt\/3e9b470e8b9fceaa66d46a935b45518e.swf","icon":"calcu.png","width":"538","height":"600","simple":0,"resize":1}

1
data/User/demo/home/desktop/豆瓣电台.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/douban.fm\/partner\/qq_plus","icon":"douban.png","width":"545","height":"460","simple":0,"resize":1}

1
data/User/demo/home/desktop/酷狗电台.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/topic.kugou.com\/radio\/baiduNew.htm","icon":"kugou_radio.png","width":"554","height":"432","simple":0,"resize":1}

1
data/User/demo/home/desktop/音悦台.oexe Normal file
View File

@ -0,0 +1 @@
{"type":"url","content":"http:\/\/www.yinyuetai.com\/baidu\/index?bd_user=855814346&bd_sig=cac8830f2b6a731ab596413768b4606b&canvas_pos=platform","icon":"yingyuetai.png","width":"798","height":"450","simple":0,"resize":1}

0
data/User/index.html Normal file
View File

0
data/index.html Normal file
View File

2
data/system/group.php
View File

@ -1 +1 @@
<?php exit;?>{"root":{"role":"root","name":"Administrator","path":"","ext_not_allow":""},"guest":{"role":"guest","name":"guest","ext_not_allow":"php|asp|jsp"},"default":{"role":"default","name":"default","ext_not_allow":"php|asp|jsp","explorer:mkdir":1,"explorer:mkfile":1,"explorer:pathDelete":1,"explorer:pathInfo":1,"explorer:serverDownload":1,"explorer:fileUpload":1,"explorer:search":1,"app:user_app":1,"editor:fileSave":1}} <?php exit;?>{"root":{"role":"root","name":"Administrator","path":"","ext_not_allow":""},"guest":{"role":"guest","name":"guest","ext_not_allow":"php|asp|jsp"},"default":{"role":"default","name":"default","ext_not_allow":"php|asp|jsp","explorer:mkdir":1,"explorer:mkfile":1,"explorer:pathRname":1,"explorer:pathDelete":1,"explorer:zip":1,"explorer:unzip":1,"explorer:pathCopy":1,"explorer:pathCute":1,"explorer:pathCuteDrag":1,"explorer:clipboard":1,"explorer:pathPast":1,"explorer:pathInfo":1,"explorer:serverDownload":1,"explorer:fileUpload":1,"explorer:search":1,"app:user_app":1,"editor:fileSave":1}}

1
lib/class/fileCache.class.php
View File

@ -212,6 +212,7 @@ class fileCache
$str = file_get_contents($file); $str = file_get_contents($file);
$str = substr($str, strlen(CONFIG_EXIT)); $str = substr($str, strlen(CONFIG_EXIT));
$data= json_decode($str,true); $data= json_decode($str,true);
if (is_null($data)) $data = array();
return $data; return $data;
} }
/** /**

2
lib/function/file.function.php
View File

@ -459,7 +459,7 @@ function path_search($path,$search,$is_content=false,$file_ext='',$is_case=false
* @return :string * @return :string
*/ */
function chmod_path($path,$mod){ function chmod_path($path,$mod){
$mod = 0777;// //$mod = 0777;//
if (!isset($mod)) $mod = 0777; if (!isset($mod)) $mod = 0777;
if (!is_dir($path)) return chmod($path,$mod); if (!is_dir($path)) return chmod($path,$mod);
if (!$dh = opendir($path)) return false; if (!$dh = opendir($path)) return false;

0
lib/index.html Normal file
View File

0
lib/plugins/index.html Normal file
View File

0
static/index.html Normal file
View File

10
static/js/_dev/common/core.js
View File

@ -181,8 +181,8 @@ define(function(require, exports) {
//dlg.DOM.wrap.find('.aui_loading').remove(); //dlg.DOM.wrap.find('.aui_loading').remove();
}, },
setSkin:function(theme,css){ setSkin:function(theme,css){
var url = './../../../style/skin/'+theme+css; var url = './../../../style/skin/'+theme+css+'?ver='+G.version;
var local = G.static_path+'style/skin/'+theme+css; var local = G.static_path+'style/skin/'+theme+css+'?ver='+G.version;
require.async(url,function(){ require.async(url,function(){
$("#link_css_list").attr("href",local); $("#link_css_list").attr("href",local);
//加载完成后,删除多余link //加载完成后,删除多余link
@ -596,9 +596,9 @@ define(function(require, exports) {
}).on('uploadError', function(file,reason){ }).on('uploadError', function(file,reason){
$('#'+file.id).find(state).addClass('error').text(LNG.upload_error); $('#'+file.id).find(state).addClass('error').text(LNG.upload_error);
}).on('uploadFinished', function(file){ }).on('uploadFinished', function(file){
$(list).find('.item').delay(2000).each(function(index){ // $(list).find('.item').delay(2000).each(function(index){
$(this).delay(index*300).slideUp(600); // $(this).delay(index*300).slideUp(600);
}); // });
select_name_arr = []; select_name_arr = [];
if (Config.pageApp == 'explorer') { if (Config.pageApp == 'explorer') {
ui.tree.checkIfChange(G.this_path); ui.tree.checkIfChange(G.this_path);

13
static/js/_dev/common/pathOpen.js
View File

@ -3,6 +3,7 @@ define(function(require, exports) {
//或者打开指定文件 //或者打开指定文件
var _open = function(path,ext){ var _open = function(path,ext){
if (path == undefined) return; if (path == undefined) return;
if (ext == undefined) ext = core.pathExt(path);//没有扩展名则自动解析 if (ext == undefined) ext = core.pathExt(path);//没有扩展名则自动解析
ext = ext.toLowerCase(); ext = ext.toLowerCase();
if (ext == 'folder'){ if (ext == 'folder'){
@ -132,6 +133,18 @@ define(function(require, exports) {
} }
}; };
var _openOffice = function(url,ext){ var _openOffice = function(url,ext){
if (G.office_server !='') {
var office_url = G.office_server + urlEncode(url);
var title = core.pathThis(urlDecode(url));
art.dialog.open(office_url,{
ico:ico,
title:title,width:'70%',
height:'65%',
resize:true
});
return;
}
var app_url,temp_url,frame,ico; var app_url,temp_url,frame,ico;
switch (ext) { switch (ext) {
case 'doc': case 'doc':

3
static/js/_dev/common/taskTap.js
View File

@ -174,7 +174,8 @@ define(function(require, exports) {
} }
var _add = function(id,title){ var _add = function(id,title){
$('.task_tab').removeClass('hidden'); $('.task_tab').removeClass('hidden');
var html_tab = '<div class="tab taskBarMenu" id="'+id+'">'+title+'</div>'; var title_hover = title.replace(/<[^>]+>/g,"");
var html_tab = '<div class="tab taskBarMenu" id="'+id+'" title="'+title_hover+'">'+title+'</div>';
$(html_tab).insertBefore('.task_tab .last'); $(html_tab).insertBefore('.task_tab .last');
_resetWidth('add'); _resetWidth('add');
dialogs[id] = {id:id,name:name}; dialogs[id] = {id:id,name:name};

6
static/js/_dev/src/app/page.js
View File

@ -25,7 +25,7 @@ define(function(require, exports) {
url:geturl, url:geturl,
type:'json', type:'json',
success:function(data){ success:function(data){
tips(data); tips(data.data,data.code);
} }
}); });
}); });
@ -50,7 +50,7 @@ define(function(require, exports) {
data:'data='+urlEncode(json_encode(data)), data:'data='+urlEncode(json_encode(data)),
error:core.ajaxError, error:core.ajaxError,
success:function(data){ success:function(data){
tips(data); tips(data.data,data.code);
if (!data.code) return; if (!data.code) return;
FrameCall.father('ui.f5',''); FrameCall.father('ui.f5','');
} }
@ -66,7 +66,7 @@ define(function(require, exports) {
dataType:'json', dataType:'json',
error:core.ajaxError, error:core.ajaxError,
success:function(data){ success:function(data){
tips(data); tips(data.data,data.code);
if (!data.code) return; if (!data.code) return;
change(); change();
} }

2
static/js/_dev/src/desktop/ui.js
View File

@ -143,7 +143,7 @@
html+="<div class='file fileBox menufile' data-name='"+list.name+"' title='" html+="<div class='file fileBox menufile' data-name='"+list.name+"' title='"
+LNG.name+':'+list.name+"&#10;"+LNG.size+':'+list.size_friendly+"&#10;" +LNG.name+':'+list.name+"&#10;"+LNG.size+':'+list.size_friendly+"&#10;"
+LNG.modify_time+':'+list.mtime+"'>"; +LNG.modify_time+':'+list.mtime+"'>";
html+="<div picasa='"+filePath+"' thumb='"+thumbPath+"' title='"+list['name']+"' class='picasaImage picture ico' filetype='"+list['ext']+"' style='margin:3px 0 0 8px;background-image:url(\""+thumbPath+"\");'></div>"; html+="<div picasa='"+filePath+"' thumb='"+thumbPath+"' title='"+list['name']+"' class='picasaImage picture ico' filetype='"+list['ext']+"' style='margin:3px 0 0 8px;background:url(\""+thumbPath+"\") no-repeat center center;;'></div>";
html+="<div id='"+list['name']+"' class='titleBox'><span class='title' title='"+LNG.double_click_rename+"'>"+list['name']+"</span></div></div>"; html+="<div id='"+list['name']+"' class='titleBox'><span class='title' title='"+LNG.double_click_rename+"'>"+list['name']+"</span></div></div>";
}else{ }else{
html+="<div class='file fileBox menufile' data-name='"+list.name+"' title='" html+="<div class='file fileBox menufile' data-name='"+list.name+"' title='"

62
static/js/_dev/src/edit/edit.js
View File

@ -1,12 +1,11 @@
define(function(require, exports) { define(function(require, exports) {
var editConfig = { var editConfig = {
theme:G.codetheme, theme:G.code_config.theme,
auto_complete:true, fontsize:G.code_config.font_size,
fontsize:14, auto_complete:parseInt(G.code_config.auto_complete),
wrap:true,//自适应宽度换行 wrap:parseInt(G.code_config.auto_wrap),//自适应宽度换行
display:false//是否显示特殊字符 display:parseInt(G.code_config.display_char)//是否显示特殊字符
}; };
var editors = {}; var editors = {};
var focusID = undefined; var focusID = undefined;
var Mode = require('./mode'); var Mode = require('./mode');
@ -21,7 +20,34 @@ define(function(require, exports) {
} }
} }
return ''; return '';
}; };
var initFirst=function(){
//code;
$('#fontsize li').removeClass('this');
$('#fontsize li').each(function(){
if(editConfig.fontsize == $(this).html()){
$(this).addClass('this');
}
});
$('#codetheme li').removeClass('this');
$('#codetheme li').each(function(){
if(editConfig.theme == $(this).attr('theme')){
$(this).addClass('this');
}
});
if (editConfig.wrap==1) {
$('a[action=wordbreak]').addClass('select');
}
if (editConfig.display==1) {
$('a[action=display]').addClass('select');
}
if (editConfig.auto_complete==1) {
$('a[action=auto_complete]').addClass('select');
}
};
initFirst();
var initAdd = function(filename){ var initAdd = function(filename){
var initData; var initData;
@ -48,7 +74,6 @@ define(function(require, exports) {
filename: filename, filename: filename,
mode: Mode.get(core.pathExt(urlDecode(filename))), mode: Mode.get(core.pathExt(urlDecode(filename))),
}; };
initEditor(initData,true); initEditor(initData,true);
var load = art.dialog({title:false,content:LNG.getting,icon:'warning'}); var load = art.dialog({title:false,content:LNG.getting,icon:'warning'});
$.ajax({ $.ajax({
@ -180,6 +205,8 @@ define(function(require, exports) {
if (uuid != undefined){ if (uuid != undefined){
box={};box[uuid]=editors[uuid]; box={};box[uuid]=editors[uuid];
} }
var save_data=undefined;
for(var obj in box){ for(var obj in box){
var edit = box[obj]; var edit = box[obj];
switch(key){ switch(key){
@ -187,18 +214,28 @@ define(function(require, exports) {
case 'theme': case 'theme':
editConfig[key] = value; editConfig[key] = value;
edit.setTheme("ace/theme/"+value); edit.setTheme("ace/theme/"+value);
G.code_config.theme = value;
save_data = {'k':'theme','v':value};
break; break;
case 'fontsize': case 'fontsize':
editConfig[key] = value; editConfig[key] = value;
edit.setFontSize(value); edit.setFontSize(value);
G.code_config.font_size = value;
save_data = {'k':'font_size','v':value};
break; break;
case 'wrap': case 'wrap':
editConfig[key] = !edit.getSession().getUseWrapMode(); editConfig[key] = !edit.getSession().getUseWrapMode();
edit.getSession().setUseWrapMode(editConfig[key]); edit.getSession().setUseWrapMode(editConfig[key]);
G.code_config.auto_wrap = editConfig[key];
var the_value = editConfig[key]?1:0;
save_data = {'k':'auto_wrap','v':the_value};
break; break;
case 'display': case 'display':
editConfig[key] = !edit.getShowInvisibles() editConfig[key] = !edit.getShowInvisibles()
edit.setShowInvisibles(editConfig[key]); edit.setShowInvisibles(editConfig[key]);
G.code_config.display_char = editConfig[key];
var the_value = editConfig[key]?1:0;
save_data = {'k':'display_char','v':the_value};
break;//自动换行 true/false break;//自动换行 true/false
case 'setting':edit.commands.exec('showSettingsMenu',edit);break;//自动换行 true/false case 'setting':edit.commands.exec('showSettingsMenu',edit);break;//自动换行 true/false
//case 'mode':edit.getSession().setMode("ace/mode/"+value);break; //case 'mode':edit.getSession().setMode("ace/mode/"+value);break;
@ -208,16 +245,19 @@ define(function(require, exports) {
editConfig[key] = !edit.$enableBasicAutocompletion; editConfig[key] = !edit.$enableBasicAutocompletion;
edit.setOptions({enableLiveAutocompletion:editConfig[key]}); edit.setOptions({enableLiveAutocompletion:editConfig[key]});
edit.$enableBasicAutocompletion = editConfig[key]; edit.$enableBasicAutocompletion = editConfig[key];
G.code_config.auto_complete = editConfig[key];
var the_value = editConfig[key]?1:0;
save_data = {'k':'auto_complete','v':the_value};
break; break;
default:break; default:break;
} }
} }
if (key == 'theme') { if (save_data) {//配置保存到服务器
$.ajax({ $.ajax({
url:'./index.php?setting/set&k=codetheme&v='+value, url:'./index.php?editor/setConfig&k='+save_data.k+'&v='+save_data.v,
dataType:'json', dataType:'json',
success:function(data){ success:function(data){
tips(data); //tips(data);
} }
}); });
} }

1
static/js/_dev/src/explorer/fileSelect.js
View File

@ -96,6 +96,7 @@ define(function(require, exports) {
//双击事件 //双击事件
$(Config.FileBoxClass).die('dblclick').live('dblclick',function(e){//双击打开 $(Config.FileBoxClass).die('dblclick').live('dblclick',function(e){//双击打开
stopPP(e); stopPP(e);
if (e.altKey){ if (e.altKey){
ui.path.info(); ui.path.info();
}else { }else {

2
static/js/_dev/src/explorer/path.js
View File

@ -475,7 +475,7 @@ define(function(require, exports) {
var param = _param(); var param = _param();
var selectObj= Global.fileListSelect; var selectObj= Global.fileListSelect;
if (inArray(core.filetype['image'],param.type) ) { if (inArray(core.filetype['image'],param.type) ) {
if (G.list_type=='icon') { if (G.list_type=='icon' || Config.pageApp == 'desktop') {
ui.picasa.play($(selectObj).find('.ico')); ui.picasa.play($(selectObj).find('.ico'));
}else{ }else{
ui.picasa.play($(selectObj)); ui.picasa.play($(selectObj));

3
static/js/_dev/src/explorer/ui.js
View File

@ -291,7 +291,8 @@ define(function(require, exports) {
html+="<div class='file fileBox menufile' data-name='"+list.name+"' title='" html+="<div class='file fileBox menufile' data-name='"+list.name+"' title='"
+LNG.name+':'+list.name+"&#10;"+LNG.size+':'+list.size_friendly+"&#10;" +LNG.name+':'+list.name+"&#10;"+LNG.size+':'+list.size_friendly+"&#10;"
+LNG.modify_time+':'+list.mtime+"'>"; +LNG.modify_time+':'+list.mtime+"'>";
html+="<div picasa='"+filePath+"' thumb='"+thumbPath+"' class='picasaImage picture ico' filetype='"+list['ext']+"'><img data-original='"+thumbPath+"'/></div>"; html+="<div picasa='"+filePath+"' thumb='"+thumbPath+"' title='"+list['name']+"' class='picasaImage picture ico' filetype='"+list['ext']+"' style='margin:3px 0 0 8px;background:url(\""+thumbPath+"\") no-repeat center center;'></div>";
html+="<div id='"+list['name']+"' class='titleBox'><span class='title' title='"+LNG.double_click_rename+"'>"+list['name']+"</span></div></div>"; html+="<div id='"+list['name']+"' class='titleBox'><span class='title' title='"+LNG.double_click_rename+"'>"+list['name']+"</span></div></div>";
}else{ }else{
html+="<div class='file fileBox menufile' data-name='"+list.name+"' title='" html+="<div class='file fileBox menufile' data-name='"+list.name+"' title='"

2
static/js/_dev/src/setting/member.js
View File

@ -160,7 +160,7 @@ define(function(require, exports) {
} }
var password = ''; var password = '';
if (password_to !='') password = '&password_to'+password_to; if (password_to !='') password = '&password_to='+password_to;
$.ajax({ $.ajax({
url:api+'edit&name='+name+'&name_to='+name_to+'&role_to='+role_to+password, url:api+'edit&name='+name+'&name_to='+name_to+'&role_to='+role_to+password,
dataType:'json', dataType:'json',

30
static/js/_dev/update/main.js
View File

@ -51,17 +51,17 @@ var dialog_tpl_html = "<div class='update_box'>\
</div>\ </div>\
</div>"; </div>";
define(function(require, exports) { define(function(require, exports) {
var server_version = '2.1'; var server_version = '2.7';
var local_version = G.version; var local_version = G.version;
var readmore_href = 'http://kalcaddle.com/download.html'; var readmore_href = 'http://kalcaddle.com/download.html';
var current_version_file = 'http://static.kalcaddle.com/download/update/2.0-2.1.zip'; var current_version_file = 'http://static.kalcaddle.com/download/update/2.0-2.7.zip';
var status_href = 'http://kalcaddle.com/tools/state/index.php'; var status_href = 'http://kalcaddle.com/tools/state/index.php';
var kod_user_online = 'kod_user_online';//在线统计cookie标示 var kod_user_online = 'kod_user_online_version';//在线统计cookie标示
var time = function(){var date = new Date();return parseInt(date.getTime()/1000);} var time = function(){var date = new Date();return parseInt(date.getTime()/1000);}
var _download = function(from,to,callback){ var _download = function(from,to,callback){
$.ajax({ $.ajax({
url:'./index.php?explorer/serverDownload&save_path='+to url:'?explorer/serverDownload&save_path='+to
+'&url='+urlEncode2(from), +'&url='+urlEncode2(from),
dataType:'json', dataType:'json',
success:function(data){ success:function(data){
@ -106,7 +106,10 @@ define(function(require, exports) {
_download(new_file,save_to,function(data){ _download(new_file,save_to,function(data){
if (data.code) { if (data.code) {
var zipfile = data.info; var zipfile = data.info;
var remove = 'list=[{"type":"file","path":"'+urlEncode(zipfile)+'"}]'; if (zipfile.length<20) {//新的远程下载返回文件名 之前为全名。
zipfile = save_to+zipfile;
}
var remove = 'list=[{"type":"file","path":"'+urlEncode(zipfile)+'"}]';
_unzip(zipfile,G.basic_path,function(data){ _unzip(zipfile,G.basic_path,function(data){
if (data.code) {//更新成功 if (data.code) {//更新成功
_remove(remove,function(){//删除下载的安装包 _remove(remove,function(){//删除下载的安装包
@ -157,7 +160,7 @@ define(function(require, exports) {
'update_ignore':"Ignore", 'update_ignore':"Ignore",
'update_readmore':"Read more", 'update_readmore':"Read more",
'update_whats_new':"What's New", 'update_whats_new':"What's New",
'update_info':"1.muti user<br/>2.drag upload<br/>3.zip/unzip<br/>4.all path support<br/>5.New editor<br/>" 'update_info':"1.zip bug<br/>2.drag ——cute<br/>3.search <br/>4.editor...<br/>"
}, },
'zh_CN':{ 'zh_CN':{
'update_downloading':'下载中...', 'update_downloading':'下载中...',
@ -174,7 +177,7 @@ define(function(require, exports) {
'update_ignore':"暂时忽略", 'update_ignore':"暂时忽略",
'update_readmore':"查看更多", 'update_readmore':"查看更多",
'update_whats_new':"更新说明", 'update_whats_new':"更新说明",
'update_info':"1.文件夹拖拽完美实现<br/>2.文件夹拖拽上传<br/>3.解压缩优化<br/>4.非服务器路径预览&下载支持<br/>5.树目录中文问题修复<br/>" 'update_info':"1.安全及性能优化<br/>2.文件上传控件升级<br/>3.自建office解析服务器配置<br/>4.编辑器优化..."
} }
}; };
for (var key in L[type]) { for (var key in L[type]) {
@ -189,6 +192,9 @@ define(function(require, exports) {
key_timeout = 'kod_update_ignore_timeout', key_timeout = 'kod_update_ignore_timeout',
has_new = false; has_new = false;
if (ver_new > ver_local) has_new=true; if (ver_new > ver_local) has_new=true;
if (local_version.indexOf('commercial') >1) return;
//if (ver_new != ver_local) has_new=true;
//对话框显示 //对话框显示
var show_dialog = function(){ var show_dialog = function(){
var id = 'check_version_dialog'; var id = 'check_version_dialog';
@ -196,7 +202,7 @@ define(function(require, exports) {
init_language(); init_language();
var render = template.compile(dialog_tpl_html); var render = template.compile(dialog_tpl_html);
var html = dialog_tpl_css+render({ var html = dialog_tpl_css+render({
loading_img:G.static_path+'/images/loading_simple.gif', loading_img:G.static_path+'images/loading_simple.gif',
LNG:LNG,has_new:has_new, LNG:LNG,has_new:has_new,
readmore_href:readmore_href, readmore_href:readmore_href,
ver_new:server_version,ver_local:local_version}); ver_new:server_version,ver_local:local_version});
@ -219,8 +225,8 @@ define(function(require, exports) {
Cookie.del(key_timeout); Cookie.del(key_timeout);
}); });
$('.'+id).find('.ignore').die('click').live('click',function(){ $('.'+id).find('.ignore').die('click').live('click',function(){
//设置cookie一年有效,5天后检查; //设置cookie一年有效,2天后检查;
Cookie.set(key_timeout,time()+3600*24*5,24*365); Cookie.set(key_timeout,time()+3600*24*2,24*365);
art.dialog.list[id].close(); art.dialog.list[id].close();
}); });
} }
@ -234,12 +240,12 @@ define(function(require, exports) {
} }
}; };
var user_state = function(){ var user_state = function(){
//登陆状态,每个月统计一次 //当前版本,每天统计一次
if (Cookie.get(kod_user_online) != undefined) return; if (Cookie.get(kod_user_online) != undefined) return;
var url = status_href+'?is_root='+G.is_root var url = status_href+'?is_root='+G.is_root
+'&host='+urlEncode(G.app_host)+'&version='+local_version; +'&host='+urlEncode(G.app_host)+'&version='+local_version;
require.async(url,function(){ require.async(url,function(){
Cookie.set(kod_user_online,'check-at-'+time(),24*5); Cookie.set(kod_user_online,'check-at-'+time(),24);
}); });
}; };
//入口函数,没有参数则默认检查版本 //入口函数,没有参数则默认检查版本

2
static/js/app/src/app/main.js
View File

File diff suppressed because one or more lines are too long

6
static/js/app/src/desktop/main.js
View File

File diff suppressed because one or more lines are too long

2
static/js/app/src/edit/main.js
View File

File diff suppressed because one or more lines are too long

4
static/js/app/src/editor/main.js
View File

File diff suppressed because one or more lines are too long

8
static/js/app/src/explorer/main.js
View File

File diff suppressed because one or more lines are too long

2
static/js/app/src/setting/main.js
View File

File diff suppressed because one or more lines are too long

2
static/js/app/update/main.js
View File

File diff suppressed because one or more lines are too long

2
static/js/lib/artDialog/jquery-artDialog.js vendored
View File

@ -100,7 +100,7 @@ var artDialog = function (config, ok, cancel) {
//添加到任务栏 //添加到任务栏
if (config.title !== false){ if (config.title !== false){
config.title = '<img src="'+config.ico+'" />'+config.title; config.title = '<img draggable="false" src="'+config.ico+'" />'+config.title;
if (_count>=1) dialogList.add(config.id,config.title); if (_count>=1) dialogList.add(config.id,config.title);
} }

1
static/js/lib/contextMenu/jquery-contextMenu.js vendored
View File

@ -468,6 +468,7 @@ var // currently active contextMenu trigger
return; return;
default: // 0-9, a-z default: // 0-9, a-z
e.preventDefault();//add by warlee //rename in input [repeat ]
var k = (String.fromCharCode(e.keyCode)).toUpperCase(); var k = (String.fromCharCode(e.keyCode)).toUpperCase();
if (opt.accesskeys[k]) { if (opt.accesskeys[k]) {
// according to the specs accesskeys must be invoked immediately // according to the specs accesskeys must be invoked immediately

2
static/js/lib/picasa/style/style.css
View File

@ -12,7 +12,7 @@ width:140px;text-decoration:none;background:#000;border-radius:70px;opacity:0.4;
font-size:35px;font-family: Arial, sans-serif;} font-size:35px;font-family: Arial, sans-serif;}
#PV_Close:hover{opacity:0.6;filter:alpha(opacity=80);} #PV_Close:hover{opacity:0.6;filter:alpha(opacity=80);}
#PV_Close:hover span{color:#f30;} #PV_Close:hover span{color:#f30;}
#PV_Picture_Temp {display: none;}
#PicasaView {position: fixed; _position: absolute; z-index: 9999; left: 0; top: 0; overflow: hidden} #PicasaView {position: fixed; _position: absolute; z-index: 9999; left: 0; top: 0; overflow: hidden}
#PV_Picture {position: absolute; z-index: 0; cursor: move; #PV_Picture {position: absolute; z-index: 0; cursor: move;
-webkit-box-reflect: below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80%,transparent),color-stop(70%,rgba(255,255,255,0)),to(rgba(255,255,255,0.3))); -webkit-box-reflect: below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80%,transparent),color-stop(70%,rgba(255,255,255,0)),to(rgba(255,255,255,0.3)));

1
static/js/lib/seajs/sea.js
View File

@ -1,5 +1,4 @@
/*! Sea.js 2.1.1 | seajs.org/LICENSE.md /*! Sea.js 2.1.1 | seajs.org/LICENSE.md
//# sourceMappingURL=sea.js.map
*/(function(t,u){function v(b){return function(c){return Object.prototype.toString.call(c)==="[object "+b+"]"}}function Q(){return w++}function I(b,c){var a;a=b.charAt(0);if(R.test(b))a=b;else if("."===a){a=(c?c.match(E)[0]:h.cwd)+b;for(a=a.replace(S,"/");a.match(J);)a=a.replace(J,"/")}else a="/"===a?(a=h.cwd.match(T))?a[0]+b.substring(1):b:h.base+b;return a}function K(b,c){if(!b)return"";var a=b,d=h.alias,a=b=d&&F(d[a])?d[a]:a,d=h.paths,g;if(d&&(g=a.match(U))&&F(d[g[1]]))a=d[g[1]]+g[2];g=a;var e=h.vars; */(function(t,u){function v(b){return function(c){return Object.prototype.toString.call(c)==="[object "+b+"]"}}function Q(){return w++}function I(b,c){var a;a=b.charAt(0);if(R.test(b))a=b;else if("."===a){a=(c?c.match(E)[0]:h.cwd)+b;for(a=a.replace(S,"/");a.match(J);)a=a.replace(J,"/")}else a="/"===a?(a=h.cwd.match(T))?a[0]+b.substring(1):b:h.base+b;return a}function K(b,c){if(!b)return"";var a=b,d=h.alias,a=b=d&&F(d[a])?d[a]:a,d=h.paths,g;if(d&&(g=a.match(U))&&F(d[g[1]]))a=d[g[1]]+g[2];g=a;var e=h.vars;
e&&-1<g.indexOf("{")&&(g=g.replace(V,function(a,b){return F(e[b])?e[b]:a}));a=g.length-1;d=g.charAt(a);b="#"===d?g.substring(0,a):".js"===g.substring(a-2)||0<g.indexOf("?")||".css"===g.substring(a-3)||"/"===d?g:g+".js";g=I(b,c);var a=h.map,l=g;if(a)for(var d=0,f=a.length;d<f&&!(l=a[d],l=x(l)?l(g)||g:g.replace(l[0],l[1]),l!==g);d++);return l}function L(b,c){var a=b.sheet,d;if(M)a&&(d=!0);else if(a)try{a.cssRules&&(d=!0)}catch(g){"NS_ERROR_DOM_SECURITY_ERR"===g.name&&(d=!0)}setTimeout(function(){d? e&&-1<g.indexOf("{")&&(g=g.replace(V,function(a,b){return F(e[b])?e[b]:a}));a=g.length-1;d=g.charAt(a);b="#"===d?g.substring(0,a):".js"===g.substring(a-2)||0<g.indexOf("?")||".css"===g.substring(a-3)||"/"===d?g:g+".js";g=I(b,c);var a=h.map,l=g;if(a)for(var d=0,f=a.length;d<f&&!(l=a[d],l=x(l)?l(g)||g:g.replace(l[0],l[1]),l!==g);d++);return l}function L(b,c){var a=b.sheet,d;if(M)a&&(d=!0);else if(a)try{a.cssRules&&(d=!0)}catch(g){"NS_ERROR_DOM_SECURITY_ERR"===g.name&&(d=!0)}setTimeout(function(){d?
c():L(b,c)},20)}function W(){if(y)return y;if(z&&"interactive"===z.readyState)return z;for(var b=s.getElementsByTagName("script"),c=b.length-1;0<=c;c--){var a=b[c];if("interactive"===a.readyState)return z=a}}function e(b,c){this.uri=b;this.dependencies=c||[];this.exports=null;this.status=0;this._waitings={};this._remain=0}if(!t.seajs){var f=t.seajs={version:"2.1.1"},h=f.data={},X=v("Object"),F=v("String"),A=Array.isArray||v("Array"),x=v("Function"),w=0,p=h.events={};f.on=function(b,c){(p[b]||(p[b]= c():L(b,c)},20)}function W(){if(y)return y;if(z&&"interactive"===z.readyState)return z;for(var b=s.getElementsByTagName("script"),c=b.length-1;0<=c;c--){var a=b[c];if("interactive"===a.readyState)return z=a}}function e(b,c){this.uri=b;this.dependencies=c||[];this.exports=null;this.status=0;this._waitings={};this._remain=0}if(!t.seajs){var f=t.seajs={version:"2.1.1"},h=f.data={},X=v("Object"),F=v("String"),A=Array.isArray||v("Array"),x=v("Function"),w=0,p=h.events={};f.on=function(b,c){(p[b]||(p[b]=

BIN
static/js/lib/webuploader/Uploader.swf
View File

Binary file not shown.

3
static/js/lib/webuploader/webuploader-min.js vendored
View File

File diff suppressed because one or more lines are too long

45
static/js/lib/webuploader/webuploader.css
View File

@ -1,19 +1,36 @@
.webuploader-pick{position:relative;display:inline-block;cursor:pointer;background:#00b7ee;padding:5px 15px;color:#fff;text-align:center;border-radius:3px;overflow:hidden;} .webuploader-container {
.webuploader-pick-hover{background:#00a2d4;} position: relative;
.webuploader-container{position:relative;} }
.webuploader-element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
position: relative;
display: inline-block;
cursor: pointer;
background: #00b7ee;
padding: 10px 15px;
color: #fff;
text-align: center;
border-radius: 3px;
overflow: hidden;
}
.webuploader-pick-hover {
background: #00a2d4;
}
.webuploader-pick-disable {
opacity: 0.6;
pointer-events:none;
}
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}} /*add by warlee*/
@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}} .btns{margin-bottom: 10px;font-size: 13px;height: 28px;}
.progress{background-image:-webkit-linear-gradient(top,#EBEBEB 0,#F5F5F5 100%);background-image:linear-gradient(to bottom,#EBEBEB 0,#F5F5F5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0);} .webuploader-pick {height: 8px;line-height: 11px;}
.progress{height:35px;overflow:hidden;background-color:#F5F5F5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));background-size:40px 40px;}
.progress-bar{background-image:-webkit-linear-gradient(top,#428BCA 0,#3071A9 100%);background-image:linear-gradient(to bottom,#428BCA 0,#3071A9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#FFF;text-align:center;background-color:#428BCA;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease;}
.btns{margin-bottom: 10px;font-size: 13px;}
.btns .tips{float:right;} .btns .tips{float:right;}
.btns #picker{width:100px;float: left;} .btns #picker{width:100px;float: left;}
#uploader{height:260px;border:1px solid #ddd;overflow: auto;} #uploader{height:260px;border:1px solid #ddd;overflow: auto;}
@ -23,4 +40,4 @@
.uploader-list .item span.state{float: right;text-align:right;} .uploader-list .item span.state{float: right;text-align:right;}
.uploader-list .item span.error{color:#f30;} .uploader-list .item span.error{color:#f30;}
.uploader-list .item span.title{width:200px;height: 27px;overflow: hidden;color:#444;} .uploader-list .item span.title{width:200px;height: 27px;overflow: hidden;color:#444;}
.uploader-list .item .progress {height:20px;margin: 0 5px 5px 0;} .uploader-list .item .progress {height:20px;margin: 0 5px 5px 0;}

8020
static/js/lib/webuploader/webuploader.js
View File

File diff suppressed because it is too large Load Diff

26
static/style/skin/common.less
View File

@ -69,15 +69,17 @@ input{border: 1px solid #ddd;background:#fff;outline:none;}
} }
} }
.top_right{ .top_right{
float:right;margin-right: 10px; float:right;
div{display: inline-block;margin-right:-3px;} div{display: inline-block;margin-right:-3px;}
a{display: inline-block;padding:0px 0.7em;border:none;color:#fff;} a{display: inline-block;padding:0px 0.7em;color:#fff;margin-right: -2px;}
a i{padding-right:2px;text-shadow:0 0 1px;} a i{padding-right:2px;text-shadow:0 0 1px;}
.open a:focus,a:hover{.topback_this();}
.menu-topbar_user{position: absolute;right:10px;left:auto;margin-top: 0px;width:auto;} a:focus,a:hover{.topback_this();}
.topbar_language{position: absolute;right:84px;left:auto;margin-top: 0px;width:auto;} .menu-topbar_user{position: absolute;right:0px;left:auto;margin-top: 0px;width:auto;}
ul a{color:#666;line-height: 30px;height:30px;display: block;} .topbar_language{position: absolute;right:75px;left:auto;margin-top: 0px;width:auto;}
ul a:hover,ul a.this{background: #e6e6e6;color:#000;}
ul a{color:#666;line-height: 30px;height:30px;display: block;padding:0px 1.7em;border:none;overflow: hidden;}
ul a:hover,ul a.this{background: #e6e6e6;color:#000;margin-right: 0px;}
ul .font-icon{width:18px;display: inline-block;} ul .font-icon{width:18px;display: inline-block;}
} }
} }
@ -119,10 +121,11 @@ input{border: 1px solid #ddd;background:#fff;outline:none;}
} }
/*------任务栏------*/ /*------任务栏------*/
.task_tab{position: fixed;bottom: 1px;left:0; width: 100%;height: 30px;z-index: 9999;padding-left: 50px; .task_tab{position: fixed;bottom: 1px;left:0; width: 100%;height: 30px;z-index: 9900;padding-left: 50px;
background:rgba(0, 0, 0, 0.1);border-top:1px solid rgba(0,0,0,0.15);color:#444; background:rgba(0, 0, 0, 0.1);border-top:1px solid rgba(0,0,0,0.15);color:#444;
.tabs{height:100%;margin-right: 10px;margin-right: 60px; .tabs{height:100%;margin-right: 10px;margin-right: 60px;
.tab{float: left;height: 100%;margin-right: 2px;box-shadow: 0 0 6px #666; .tab{float: left;height: 100%;margin-right: 2px;box-shadow: 0 0 6px #666;
white-space: nowrap;text-overflow: ellipsis;
width:110px;border: 1px solid rgba(255,255,255,0.4);line-height: 30px; width:110px;border: 1px solid rgba(255,255,255,0.4);line-height: 30px;
border-radius: 3px ;cursor:default;overflow: hidden;font-size: 13px; border-radius: 3px ;cursor:default;overflow: hidden;font-size: 13px;
img{width:18px;height:18px;padding-right:4px;vertical-align:middle;display: inline-block;margin-top:-3px;border-radius:4px;};padding-left:4px;word-break: break-all; img{width:18px;height:18px;padding-right:4px;vertical-align:middle;display: inline-block;margin-top:-3px;border-radius:4px;};padding-left:4px;word-break: break-all;
@ -142,7 +145,7 @@ input{border: 1px solid #ddd;background:#fff;outline:none;}
body div#ace_settingsmenu, body div#kbshortcutmenu{background-color: #000;.opacity(75);color: #FFF;box-shadow:-5px 4px 5px rgba(0, 0, 0, 0.2);} body div#ace_settingsmenu, body div#kbshortcutmenu{background-color: #000;.opacity(75);color: #FFF;box-shadow:-5px 4px 5px rgba(0, 0, 0, 0.2);}
.frame_right{ .frame_right{
position: absolute;top:34px;right:0px;width:40%;bottom:0;background:#fff;z-index: 99; position: absolute;top:34px;right:0px;width:40%;bottom:0;background:#fff;z-index: 99;overflow: hidden;
border-left:1px solid #ccc;box-shadow: 0 20px 60px rgba(0,0,0,0.3);display: none; border-left:1px solid #ccc;box-shadow: 0 20px 60px rgba(0,0,0,0.3);display: none;
.mask_view{z-index: 9999;opacity: 0.1;} .mask_view{z-index: 9999;opacity: 0.1;}
.resize{position: absolute;width: 10px;bottom: 0px;height:100%;z-index: 100;cursor: col-resize;margin-left: -5px;} .resize{position: absolute;width: 10px;bottom: 0px;height:100%;z-index: 100;cursor: col-resize;margin-left: -5px;}
@ -222,8 +225,9 @@ body div#ace_settingsmenu, body div#kbshortcutmenu{background-color: #000;.opaci
.file_upload{ .file_upload{
width:365px;height:385px;padding:5px; width:365px;height:385px;padding:5px;
.top_nav{border-bottom:1px solid #ddd;padding-left:10px;margin-top:6px;} .top_nav{border-bottom:1px solid #ddd;padding-left:10px;margin-top:6px;}
.menu{display:block;text-decoration:none;;float:left;padding: 2px 15px;height:28px;background:#eee;font-size:13px .menu{display:block;text-decoration:none;;float:left;padding: 2px 15px;height:28px;background:#eee;
;border:1px solid #ccc;text-align:center;line-height:25px;cursor:default;margin-right:5px;margin-bottom:-1px;color:#444; font-size:13px;border:1px solid #ccc;text-align:center;line-height:25px;
margin-right:5px;margin-bottom:-1px;color:#444;
&.this{background:#fff;border-bottom:1px solid #fff;} &.this{background:#fff;border-bottom:1px solid #fff;}
} }
.upload_path{padding:5px 15px;background: #e6f0ff;margin:10px 0;overflow: hidden; .upload_path{padding:5px 15px;background: #e6f0ff;margin:10px 0;overflow: hidden;

27
static/style/skin/default/app_code_edit.css
View File

@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;} table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@ -214,7 +215,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
.dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;} .dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;}
.dialogMax .aui_max:hover { background-position: 0 -38px;} .dialogMax .aui_max:hover { background-position: 0 -38px;}
.dialogMax .aui_max:active { background-position: 0 0px;} .dialogMax .aui_max:active { background-position: 0 0px;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}

31
static/style/skin/default/app_desktop.css
View File

@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;} table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@ -214,7 +215,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
.dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;} .dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;}
.dialogMax .aui_max:hover { background-position: 0 -38px;} .dialogMax .aui_max:hover { background-position: 0 -38px;}
.dialogMax .aui_max:active { background-position: 0 0px;} .dialogMax .aui_max:active { background-position: 0 0px;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
@ -252,7 +253,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
.fileList_icon .file .titleBox .title { cursor: text;} .fileList_icon .file .titleBox .title { cursor: text;}
.fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block !important;} .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block !important;}
.fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");} .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;} .fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
.fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;} .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
.fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");} .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
.fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");} .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@ -363,7 +364,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
.desktop .fileList_icon .file .title .textarea { position: static;} .desktop .fileList_icon .file .title .textarea { position: static;}
#taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');} #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
#taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;} #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;} .start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
.start:hover { text-decoration: none; background-position: 0 -40px;} .start:hover { text-decoration: none; background-position: 0 -40px;}
.start:active { text-decoration: none; background-position: 0 -80px;} .start:active { text-decoration: none; background-position: 0 -80px;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}

2
static/style/skin/default/app_desktop.less
View File

@ -32,7 +32,7 @@
a{ position: absolute; text-align: center; width:40px; height:40px;left:6px;} a{ position: absolute; text-align: center; width:40px; height:40px;left:6px;}
} }
.start{background: url('@{img_desktop}start.png') 0 0px no-repeat; .start{background: url('@{img_desktop}start.png') 0 0px no-repeat;
display:block;z-index: 999;margin-top: -8px;z-index: 99999; display:block;z-index: 999;margin-top: -8px;z-index: 9901;
width: 40px;height: 40px;bottom: 0px;left: 5px;position: fixed; width: 40px;height: 40px;bottom: 0px;left: 5px;position: fixed;
&:hover{ text-decoration: none; background-position: 0 -40px;} &:hover{ text-decoration: none; background-position: 0 -40px;}
&:active{ text-decoration: none; background-position: 0 -80px;} &:active{ text-decoration: none; background-position: 0 -80px;}

27
static/style/skin/default/app_editor.css
View File

@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;} table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@ -214,7 +215,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
.dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;} .dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;}
.dialogMax .aui_max:hover { background-position: 0 -38px;} .dialogMax .aui_max:hover { background-position: 0 -38px;}
.dialogMax .aui_max:active { background-position: 0 0px;} .dialogMax .aui_max:active { background-position: 0 0px;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}

36
static/style/skin/default/app_explorer.css
View File

@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;} table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@ -214,7 +215,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
.dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;} .dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;}
.dialogMax .aui_max:hover { background-position: 0 -38px;} .dialogMax .aui_max:hover { background-position: 0 -38px;}
.dialogMax .aui_max:active { background-position: 0 0px;} .dialogMax .aui_max:active { background-position: 0 0px;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
@ -310,7 +311,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
.fileList_icon .file .titleBox .title { cursor: text;} .fileList_icon .file .titleBox .title { cursor: text;}
.fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block !important;} .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block !important;}
.fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");} .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;} .fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
.fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;} .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
.fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");} .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
.fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");} .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@ -435,10 +436,11 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
.frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;} .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;} .frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
.frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;} .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
.frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;} .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;} .frame-header .header-content .header-right .btn { border-radius: 0;}
.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
.frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;} .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
.frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;} .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
.frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; overflow: auto; border-right: 1px solid #ddd; background: #fff url("../../../images/left.jpg") bottom repeat-x; background-attachment: fixed;} .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; overflow: auto; border-right: 1px solid #ddd; background: #fff url("../../../images/left.jpg") bottom repeat-x; background-attachment: fixed;}
@ -454,7 +456,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;} .frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
.frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;} .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
.frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;} .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
.frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

7
static/style/skin/default/app_explorer.less
View File

@ -57,7 +57,7 @@
padding-left:10px;padding-right: 10px; padding-left:10px;padding-right: 10px;
text-shadow:1px 1px 3px #cce;color:#888; text-shadow:1px 1px 3px #cce;color:#888;
background:#f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x; background:#f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
box-shadow:#e6e6e6 0px 0px 20px inset; background: none;width: 94%;
} }
&:focus{outline: none;} &:focus{outline: none;}
} }
@ -65,9 +65,10 @@
} }
.header-right{ .header-right{
position: absolute;right:20px;top:10px; position: absolute;right:20px;top:10px;
.btn{border-radius: 0;}
a.logout,a.setting{} a.logout,a.setting{}
a.logout:hover,a.setting:hover{} a.logout:hover,a.setting:hover{}
input{display: block;float: left;border: 1px solid #ddd;height:25px;height:~"28px\0";;padding-left: 10px; input{display: block;float: left;border: 1px solid #ddd;height:25px;;padding-left: 10px;
padding-right: 10px;text-shadow: 1px 1px 3px #cce;color: #888; padding-right: 10px;text-shadow: 1px 1px 3px #cce;color: #888;
background: #f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x; background: #f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
box-shadow: #e6e6e6 0px 0px 20px inset;outline: none;width: 120px;.transition(all 0.218s); box-shadow: #e6e6e6 0px 0px 20px inset;outline: none;width: 120px;.transition(all 0.218s);
@ -105,7 +106,7 @@
} }
} }
.tools{ .tools{
z-index: 100;height:33px;min-width:600px; z-index: 100;height:33px;min-width:505px;
border-bottom:1px solid #ddd;background:#f6f6f6; border-bottom:1px solid #ddd;background:#f6f6f6;
.box-shadow(1px 2px 15px #eee); .box-shadow(1px 2px 15px #eee);
a.left:hover,a.middle:hover{margin-right:2px;padding-right:8px;} a.left:hover,a.middle:hover{margin-right:2px;padding-right:8px;}

27
static/style/skin/default/app_setting.css
View File

@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;} table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@ -214,7 +215,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
.dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;} .dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;}
.dialogMax .aui_max:hover { background-position: 0 -38px;} .dialogMax .aui_max:hover { background-position: 0 -38px;}
.dialogMax .aui_max:active { background-position: 0 0px;} .dialogMax .aui_max:active { background-position: 0 0px;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}

8
static/style/skin/default/dialog.less
View File

@ -8,8 +8,12 @@
display:none; display:none;
.content{padding:10px 30px;line-height:20px;width:auto;} .content{padding:10px 30px;line-height:20px;width:auto;}
} }
.dialogMax{z-index:99999 !important;}
.aui_outer {border-radius:5px; background:url("images/dialog/dialog.png") -100px 100px; .aui_outer {border-radius:5px; background:url("images/dialog/dialog.png") -100px 100px;
border: 1px solid #eee;border: 1px solid ~"#444\9";box-shadow:0 0 10px #000;text-align:left;} border: 1px solid #eee;border: 1px solid ~"#444\9";box-shadow:0 0 10px #000;text-align:left;
position: relative;
}
.aui_mask{position: absolute;width: 100%;height: 100%;background: #fff;opacity: 0.01;} .aui_mask{position: absolute;width: 100%;height: 100%;background: #fff;opacity: 0.01;}
.aui_loading {height: 100%;width: 100%;overflow:hidden; .aui_loading {height: 100%;width: 100%;overflow:hidden;
position:absolute;left:0;top:40px;z-index:9999;text-align:center;text-indent:-999em;background:url("@{img_common}dialog_loading.gif") no-repeat center center; } position:absolute;left:0;top:40px;z-index:9999;text-align:center;text-indent:-999em;background:url("@{img_common}dialog_loading.gif") no-repeat center center; }
@ -92,7 +96,7 @@ button.aui_state_highlight:active { border-color:#1c6a9e; filter: ~"progid:DXIma
} }
} }
.dialog-can-resize{ .dialog-can-resize{
.resize-handle{position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .resize-handle{position: absolute;z-index: 99999; display: block; }
.resize-top{z-index:0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px; } .resize-top{z-index:0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px; }
.resize-bottom{z-index:0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px; } .resize-bottom{z-index:0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px; }
.resize-right{z-index:0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%; } .resize-right{z-index:0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%; }

2
static/style/skin/default/filelist.less
View File

@ -71,7 +71,7 @@
background-repeat: no-repeat;background-position:center center;margin: 0 auto; background-repeat: no-repeat;background-position:center center;margin: 0 auto;
margin-top:4px;margin-bottom: 3px;display: block !important;} margin-top:4px;margin-bottom: 3px;display: block !important;}
.folder{width:70px;background-image: url("@{img_files_icon}folder.png");} .folder{width:70px;background-image: url("@{img_files_icon}folder.png");}
.picture{width:64px;height:66px;background:none;margin:0;position:relative;top:3px;left: 8px; .picture{width:80px;height:66px;background:none;margin:0;position:relative;top:3px;
display:table-cell;vertical-align:middle;text-align:center; display:table-cell;vertical-align:middle;text-align:center;
*display: block;*font-size: 64px;*font-family:Arial; *display: block;*font-size: 64px;*font-family:Arial;
} }

27
static/style/skin/metro/app_code_edit.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}

31
static/style/skin/metro/app_desktop.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@ -242,7 +243,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
.fileList_icon .file .titleBox .title { cursor: text;} .fileList_icon .file .titleBox .title { cursor: text;}
.fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;} .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
.fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");} .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;} .fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
.fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;} .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
.fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");} .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
.fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");} .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@ -354,7 +355,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
.desktop .fileList_icon .file .title .textarea { position: static;} .desktop .fileList_icon .file .title .textarea { position: static;}
#taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');} #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
#taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;} #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;} .start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
.start:hover { text-decoration: none; background-position: 0 -40px;} .start:hover { text-decoration: none; background-position: 0 -40px;}
.start:active { text-decoration: none; background-position: 0 -80px;} .start:active { text-decoration: none; background-position: 0 -80px;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}

2
static/style/skin/metro/app_desktop.less
View File

@ -33,7 +33,7 @@
a{ position: absolute; text-align: center; width:40px; height:40px;left:6px;} a{ position: absolute; text-align: center; width:40px; height:40px;left:6px;}
} }
.start{background: url('@{img_desktop}start.png') 0 0px no-repeat; .start{background: url('@{img_desktop}start.png') 0 0px no-repeat;
display:block;z-index: 999;margin-top: -8px;z-index: 99999; display:block;z-index: 999;margin-top: -8px;z-index: 9901;
width: 40px;height: 40px;bottom: 0px;left: 5px;position: fixed; width: 40px;height: 40px;bottom: 0px;left: 5px;position: fixed;
&:hover{ text-decoration: none; background-position: 0 -40px;} &:hover{ text-decoration: none; background-position: 0 -40px;}
&:active{ text-decoration: none; background-position: 0 -80px;} &:active{ text-decoration: none; background-position: 0 -80px;}

27
static/style/skin/metro/app_editor.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}

40
static/style/skin/metro/app_explorer.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@ -309,7 +310,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.fileList_icon .file .titleBox .title { cursor: text;} .fileList_icon .file .titleBox .title { cursor: text;}
.fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;} .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
.fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");} .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;} .fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
.fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;} .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
.fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");} .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
.fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");} .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@ -422,8 +423,8 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;} .frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;}
.frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;} .frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;}
.frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;} .frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;}
.frame-header .header-content .header-middle { position: absolute; left: 205px; top: 10px; right: 0px;} .frame-header .header-content .header-middle { position: absolute; left: 216px; top: 10px; right: 0px;}
.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; height: 28px\0; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;} .frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
.frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;} .frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;}
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;}
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;}
@ -435,10 +436,11 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
.frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;} .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;} .frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
.frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;} .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
.frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;} .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;} .frame-header .header-content .header-right .btn { border-radius: 0;}
.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
.frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;} .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
.frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;} .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
.frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;} .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;}
@ -454,7 +456,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;} .frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
.frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;} .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
.frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;} .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
.frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

11
static/style/skin/metro/app_explorer.less
View File

@ -23,9 +23,9 @@
.font-icon{font-size: 18px;line-height: 20px;padding-right:4px;} .font-icon{font-size: 18px;line-height: 20px;padding-right:4px;}
.header-left{float: left;width: 170px;padding-left: 35px;} .header-left{float: left;width: 170px;padding-left: 35px;}
.header-middle{ .header-middle{
position:absolute;left:205px;top:10px;right:0px; position:absolute;left:216px;top:10px;right:0px;
#yarnball{/* Yarnball 地址栏操作 */ #yarnball{/* Yarnball 地址栏操作 */
width:50%;cursor:text;height:27px;height:~"28px\0"; width:50%;cursor:text;height:27px;
overflow: hidden;margin-left: -1px; overflow: hidden;margin-left: -1px;
float:left;border:1px solid #ddd; float:left;border:1px solid #ddd;
box-shadow:#e6e6e6 0px 0px 20px inset; box-shadow:#e6e6e6 0px 0px 20px inset;
@ -56,7 +56,7 @@
padding-left:10px;padding-right: 10px; padding-left:10px;padding-right: 10px;
text-shadow:1px 1px 3px #cce;color:#888; text-shadow:1px 1px 3px #cce;color:#888;
background:#f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x; background:#f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
box-shadow:#e6e6e6 0px 0px 20px inset; background: none;width: 94%;
} }
&:focus{outline: none;} &:focus{outline: none;}
} }
@ -64,9 +64,10 @@
} }
.header-right{ .header-right{
position: absolute;right:20px;top:10px; position: absolute;right:20px;top:10px;
.btn{border-radius: 0;}
a.logout,a.setting{} a.logout,a.setting{}
a.logout:hover,a.setting:hover{} a.logout:hover,a.setting:hover{}
input{display: block;float: left;border: 1px solid #ddd;height:25px;height:~"28px\0";;padding-left: 10px; input{display: block;float: left;border: 1px solid #ddd;height:25px;;padding-left: 10px;
padding-right: 10px;text-shadow: 1px 1px 3px #cce;color: #888; padding-right: 10px;text-shadow: 1px 1px 3px #cce;color: #888;
background: #f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x; background: #f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
box-shadow: #e6e6e6 0px 0px 20px inset;outline: none;width: 120px;.transition(all 0.218s); box-shadow: #e6e6e6 0px 0px 20px inset;outline: none;width: 120px;.transition(all 0.218s);
@ -104,7 +105,7 @@
} }
} }
.tools{ .tools{
z-index: 100;height:33px;min-width:600px; z-index: 100;height:33px;min-width:505px;
border-bottom:1px solid #ddd;background:#f6f6f6; border-bottom:1px solid #ddd;background:#f6f6f6;
.box-shadow(1px 2px 15px #eee); .box-shadow(1px 2px 15px #eee);
a.left:hover,a.middle:hover{margin-right:2px;padding-right:8px;} a.left:hover,a.middle:hover{margin-right:2px;padding-right:8px;}

27
static/style/skin/metro/app_setting.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}

27
static/style/skin/metro/blue_app_code_edit.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}

31
static/style/skin/metro/blue_app_desktop.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@ -242,7 +243,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
.fileList_icon .file .titleBox .title { cursor: text;} .fileList_icon .file .titleBox .title { cursor: text;}
.fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;} .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
.fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");} .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;} .fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
.fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;} .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
.fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");} .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
.fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");} .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@ -354,7 +355,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
.desktop .fileList_icon .file .title .textarea { position: static;} .desktop .fileList_icon .file .title .textarea { position: static;}
#taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');} #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
#taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;} #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;} .start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
.start:hover { text-decoration: none; background-position: 0 -40px;} .start:hover { text-decoration: none; background-position: 0 -40px;}
.start:active { text-decoration: none; background-position: 0 -80px;} .start:active { text-decoration: none; background-position: 0 -80px;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}

27
static/style/skin/metro/blue_app_editor.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}

40
static/style/skin/metro/blue_app_explorer.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@ -309,7 +310,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.fileList_icon .file .titleBox .title { cursor: text;} .fileList_icon .file .titleBox .title { cursor: text;}
.fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;} .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
.fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");} .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;} .fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
.fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;} .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
.fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");} .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
.fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");} .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@ -422,8 +423,8 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;} .frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;}
.frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;} .frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;}
.frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;} .frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;}
.frame-header .header-content .header-middle { position: absolute; left: 205px; top: 10px; right: 0px;} .frame-header .header-content .header-middle { position: absolute; left: 216px; top: 10px; right: 0px;}
.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; height: 28px\0; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;} .frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
.frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;} .frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;}
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;}
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;}
@ -435,10 +436,11 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
.frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;} .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;} .frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
.frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;} .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
.frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;} .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;} .frame-header .header-content .header-right .btn { border-radius: 0;}
.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
.frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;} .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
.frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;} .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
.frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;} .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;}
@ -454,7 +456,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;} .frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
.frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;} .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
.frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;} .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
.frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

27
static/style/skin/metro/blue_app_setting.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}

5
static/style/skin/metro/dialog.less
View File

@ -10,7 +10,8 @@
.content{padding:10px 30px;line-height:20px;width:auto;} .content{padding:10px 30px;line-height:20px;width:auto;}
} }
/*-------------------------dialog------------------------*/ /*-------------------------dialog------------------------*/
.aui_outer { text-align:left;} .dialogMax{z-index:99999 !important;}
.aui_outer { text-align:left;position: relative;}
.aui_mask{position: absolute;width: 100%;height: 100%;background: #fff;opacity: 0.01;} .aui_mask{position: absolute;width: 100%;height: 100%;background: #fff;opacity: 0.01;}
.aui_loading {height: 100%;width: 100%;overflow:hidden; .aui_loading {height: 100%;width: 100%;overflow:hidden;
position:absolute;left:0;top:40px;z-index:9999;text-align:center;text-indent:-999em;background:url("@{img_common}dialog_loading.gif") no-repeat center center; } position:absolute;left:0;top:40px;z-index:9999;text-align:center;text-indent:-999em;background:url("@{img_common}dialog_loading.gif") no-repeat center center; }
@ -106,7 +107,7 @@ table.aui_border, table.aui_dialog { width: 100%;border:0; margin:0; border-coll
.aui_outer { border:none;} .aui_outer { border:none;}
} }
.dialog-can-resize{ .dialog-can-resize{
.resize-handle{position: absolute;font-size: 0.1px;z-index: 9999; display: block; } .resize-handle{position: absolute;z-index: 9999; display: block; }
.resize-top{z-index:0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%; } .resize-top{z-index:0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%; }
.resize-bottom{z-index:0; cursor: s-resize; bottom: -3px; left:0px; height: 7px; width: 100%; } .resize-bottom{z-index:0; cursor: s-resize; bottom: -3px; left:0px; height: 7px; width: 100%; }
.resize-right{z-index:0; cursor: e-resize; right: -3px; top:0px; width: 7px; height: 100%; } .resize-right{z-index:0; cursor: e-resize; right: -3px; top:0px; width: 7px; height: 100%; }

2
static/style/skin/metro/filelist.less
View File

@ -62,7 +62,7 @@
background-repeat: no-repeat;background-position:center center;margin: 0 auto; background-repeat: no-repeat;background-position:center center;margin: 0 auto;
margin-top:4px;margin-bottom: 3px;display: block;} margin-top:4px;margin-bottom: 3px;display: block;}
.folder{width:70px;background-image: url("@{img_files_icon}folder.png");} .folder{width:70px;background-image: url("@{img_files_icon}folder.png");}
.picture{width:64px;height:66px;background:none;margin:0;position:relative;top:3px;left: 8px; .picture{width:80px;height:66px;background:none;margin:0;position:relative;top:3px;
display:table-cell;vertical-align:middle;text-align:center; display:table-cell;vertical-align:middle;text-align:center;
*display: block;*font-size: 64px;*font-family:Arial; *display: block;*font-size: 64px;*font-family:Arial;
} }

27
static/style/skin/metro/green_app_code_edit.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #00a91c;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}

31
static/style/skin/metro/green_app_desktop.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #00a91c;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@ -242,7 +243,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
.fileList_icon .file .titleBox .title { cursor: text;} .fileList_icon .file .titleBox .title { cursor: text;}
.fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;} .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
.fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");} .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;} .fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
.fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;} .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
.fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");} .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
.fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");} .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@ -354,7 +355,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
.desktop .fileList_icon .file .title .textarea { position: static;} .desktop .fileList_icon .file .title .textarea { position: static;}
#taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');} #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
#taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;} #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;} .start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
.start:hover { text-decoration: none; background-position: 0 -40px;} .start:hover { text-decoration: none; background-position: 0 -40px;}
.start:active { text-decoration: none; background-position: 0 -80px;} .start:active { text-decoration: none; background-position: 0 -80px;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}

27
static/style/skin/metro/green_app_editor.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #00a91c;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}

40
static/style/skin/metro/green_app_explorer.css
View File

@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;} .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
.topbar .content .top_left a b { color: #9CF; font-weight: 400;} .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
.topbar .content .top_left a.title:hover { background: none;} .topbar .content .top_left a.title:hover { background: none;}
.topbar .content .top_right { float: right; margin-right: 10px;} .topbar .content .top_right { float: right;}
.topbar .content .top_right div { display: inline-block; margin-right: -3px;} .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;} .topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
.topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;} .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #00a91c;} .topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;} .topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;} .topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;} .topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
.topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;} .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
.do_search { color: #888; min-width: 452px;} .do_search { color: #888; min-width: 452px;}
.do_search .search_header { padding: 10px; padding-bottom: 0px;} .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
.do_search .search_result table .type { width: 37px;} .do_search .search_result table .type { width: 37px;}
.do_search .search_result table .size { width: 50px;} .do_search .search_result table .size { width: 50px;}
.do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;} .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;} .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
.task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;} .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));} .task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
.task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
.task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));} .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
.task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));} .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
.tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));} .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
.tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;} .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);} body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;} .frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
.frame_right .mask_view { z-index: 9999; opacity: 0.1;} .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
.frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;} .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
.frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;} .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
.file_list { display: none;} .file_list { display: none;}
.file_upload { width: 365px; height: 385px; padding: 5px;} .file_upload { width: 365px; height: 385px; padding: 5px;}
.file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;} .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;} .file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
.file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;} .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
.file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;} .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
.file_upload div a.left { margin-left: 10px;} .file_upload div a.left { margin-left: 10px;}
@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
a.button:focus { outline: none;} a.button:focus { outline: none;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;} .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;} .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;} .dialogMax { z-index: 99999 !important;}
.aui_outer { text-align: left; position: relative;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;} .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;} .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;} table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;} .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;} .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;} .dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;} .dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;} .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;} .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@ -309,7 +310,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.fileList_icon .file .titleBox .title { cursor: text;} .fileList_icon .file .titleBox .title { cursor: text;}
.fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;} .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
.fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");} .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;} .fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
.fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;} .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
.fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");} .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
.fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");} .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@ -422,8 +423,8 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;} .frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;}
.frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;} .frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;}
.frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;} .frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;}
.frame-header .header-content .header-middle { position: absolute; left: 205px; top: 10px; right: 0px;} .frame-header .header-content .header-middle { position: absolute; left: 216px; top: 10px; right: 0px;}
.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; height: 28px\0; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;} .frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
.frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;} .frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;}
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;}
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;}
@ -435,10 +436,11 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;} .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
.frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;} .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;} .frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
.frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;} .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
.frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;} .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;} .frame-header .header-content .header-right .btn { border-radius: 0;}
.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
.frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;} .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
.frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;} .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
.frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;} .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;}
@ -454,7 +456,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
.frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;} .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;} .frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
.frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;} .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
.frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;} .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
.frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

Some files were not shown because too many files have changed in this diff Show More