mirror of
https://github.com/ronggang/transmission-web-control.git
synced 2024-09-20 23:05:32 +00:00
c811c4eb70
桌面UI * 添加扩展功能按钮; * 添加“数据目录自动匹配”功能,可以简单的进行目录匹配 * 优化系统调用对话框方式,将原来每个创建对话框的代码统一为调用通用函数来创建对话框; * 修复参数设置时,无法修改“加密方式”的BUG; * 修复检测移动设备时脚本拼写错误; * 修改页面布局,将其他UI按钮移动到右上方; 移动UI * 修改页面框架结构,添加右边导航条; * 添加“种子增加”功能; * 添加是否自动刷新功能控制; * 修改种子列表操作方式,当选中时,不刷新列表; * 增加“原版UI”切换连接; * jQuery 移动基础库升级为 1.9.1,移动框架升级为 1.3.2;
307 lines
5.8 KiB
CSS
307 lines
5.8 KiB
CSS
html, body {
|
|
overflow: hidden;
|
|
background-attachment: fixed;
|
|
height:100%;
|
|
width:100%;
|
|
padding:0px;
|
|
margin:0px;
|
|
}
|
|
*{
|
|
font-size:12px;
|
|
font-family:微软雅黑,宋体,Arial,Verdana,Tahoma;
|
|
}
|
|
#main{
|
|
width:100%;height:100%;text-align:left;
|
|
}
|
|
#m_top{
|
|
height:84px;
|
|
}
|
|
#m_title_layout{
|
|
height:47px;overflow:hidden;/*line-height:47px;*/
|
|
}
|
|
#m_toolbar{
|
|
height:28px;padding:1px;
|
|
}
|
|
#m_left_layout{
|
|
width:288px;
|
|
}
|
|
#m_body{
|
|
-width:82%;
|
|
}
|
|
#m_statusbar{
|
|
height:20px;padding:2px;
|
|
}
|
|
#m_attribute{
|
|
height:260px;
|
|
}
|
|
#m_status{
|
|
height:180px;
|
|
}
|
|
#status_alt_speed{
|
|
background:url('images/alt-speed.ico') no-repeat;width:16px;height:16px;
|
|
}
|
|
|
|
.dropArea{
|
|
background-color: #ccffff;
|
|
border: 2px dashed #000000;
|
|
position:absolute;
|
|
width:99%;
|
|
height:99%;
|
|
z-index:100;
|
|
top:0px;
|
|
left:0px;
|
|
filter:alpha(opacity=40);
|
|
opacity:0.40;
|
|
margin:4px;
|
|
}
|
|
|
|
.dialog input,.dialog select,.dialog textarea{
|
|
width:100%;
|
|
}
|
|
.dialog td.title{
|
|
text-align:right;vertical-align:top;
|
|
}
|
|
|
|
.button-split{
|
|
-background:url('images/button-split.gif') no-repeat;
|
|
width:3px;height:24px;color:#808080;
|
|
}
|
|
.icon-pause-all{
|
|
background:url('images/pause-all.png') no-repeat;
|
|
}
|
|
.icon-pause-one{
|
|
background:url('images/pause.png') no-repeat;
|
|
}
|
|
.icon-start-all{
|
|
background:url('images/start-all.png') no-repeat;
|
|
}
|
|
.icon-start-one{
|
|
background:url('images/start.png') no-repeat;
|
|
}
|
|
.icon-alt-speed-true{
|
|
background:url('images/alt-speed-true.png') no-repeat;
|
|
}
|
|
.icon-alt-speed-false{
|
|
background:url('images/alt-speed-false.png') no-repeat;
|
|
}
|
|
.icon-system-config{
|
|
background:url('images/system-config.png') no-repeat;
|
|
}
|
|
.icon-test-port{
|
|
background:url('images/test-port.png') no-repeat;
|
|
}
|
|
.icon-loading{
|
|
background:url('images/loading.gif') no-repeat;
|
|
}
|
|
.icon-about{
|
|
background:url('images/about.png') no-repeat;
|
|
}
|
|
.icon-close{
|
|
background:url('images/close.png') no-repeat;
|
|
}
|
|
.icon-enabled{
|
|
background:url('images/enabled.png') no-repeat;
|
|
}
|
|
.icon-disabled{
|
|
background:url('images/disabled.png') no-repeat;
|
|
}
|
|
.icon-remove-torrent{
|
|
background:url('images/remove.png') no-repeat;
|
|
}
|
|
.icon-recheck-torrent{
|
|
background:url('images/checking.png') no-repeat;
|
|
}
|
|
|
|
.torrent-list{
|
|
height:100%;width:100%;
|
|
}
|
|
.torrent-progress{
|
|
margin-top:1px;
|
|
height:13px;
|
|
width:100%;
|
|
border:1px #c0c0c0 solid;
|
|
text-align:center;
|
|
position:relative;
|
|
font-size:9px;font-family:Arial,Verdana,Tahoma;-webkit-text-size-adjust:none;
|
|
}
|
|
.torrent-progress-text{
|
|
height:100%;
|
|
position:absolute;
|
|
left:0;
|
|
top:0;
|
|
width:100%;
|
|
line-height:13px;
|
|
z-index:1;
|
|
}
|
|
.torrent-progress-bar{
|
|
height:100%;
|
|
width:0;
|
|
position:absolute;
|
|
left:0;
|
|
top:0;
|
|
z-index:0;
|
|
}
|
|
.torrent-progress-download{
|
|
background-color: #77bbff;
|
|
}
|
|
.torrent-progress-error{
|
|
background-color: #bf4040;
|
|
}
|
|
.torrent-progress-warning{
|
|
background-color: #cc9900;
|
|
}
|
|
.torrent-progress-seed{
|
|
background-color: #acffac;
|
|
}
|
|
.torrent-progress-stop{
|
|
background-color: #808080;
|
|
}
|
|
.torrent-progress-check{
|
|
background-color: #808040;
|
|
}
|
|
|
|
.nav-total-size{
|
|
color:#757575;float:right;padding-right:2px;font-family:arial,sans-serif;
|
|
}
|
|
|
|
.nav-torrents-number{
|
|
color:#757575;font-family:arial,sans-serif;padding-top:2px;
|
|
}
|
|
|
|
.tree-title-toolbar{
|
|
float:right;padding-right:24px;margin-top:-5px;
|
|
}
|
|
|
|
.text-status-error{
|
|
color:red;
|
|
}
|
|
|
|
.text-status-warning{
|
|
color:#cc9900;
|
|
}
|
|
|
|
.iconlabel{
|
|
display:inline-block;
|
|
width:auto;height:16px;padding-left:19px;
|
|
}
|
|
|
|
.icon-up{
|
|
background:url('images/up.png') no-repeat;
|
|
}
|
|
|
|
.icon-down{
|
|
background:url('images/down.png') no-repeat;
|
|
}
|
|
|
|
.icon-exclamation{
|
|
background:url('images/error.png') no-repeat;
|
|
}
|
|
|
|
.icon-warning-type1{
|
|
background:url('images/warning.png') no-repeat;
|
|
}
|
|
|
|
.icon-pause-small{
|
|
background:url('images/pause-small.png') no-repeat;
|
|
}
|
|
|
|
.icon-checking{
|
|
background:url('images/checking.png') no-repeat;
|
|
}
|
|
|
|
.icon-deny{
|
|
background:url('images/deny.png') no-repeat;
|
|
}
|
|
|
|
.icon-allow{
|
|
background:url('images/allow.png') no-repeat;
|
|
}
|
|
|
|
.icon-flag-0{
|
|
background:url('images/flag-0.png') no-repeat;
|
|
}
|
|
.icon-flag-1{
|
|
background:url('images/flag-1.png') no-repeat;
|
|
}
|
|
.icon-flag--1{
|
|
background:url('images/flag--1.png') no-repeat;
|
|
}
|
|
.icon-flag-edit{
|
|
background:url('images/flag-edit.png') no-repeat;
|
|
}
|
|
|
|
.icon-folder-change{
|
|
background:url('images/folder-change.png') no-repeat;
|
|
}
|
|
|
|
.icon-tracker-add{
|
|
background:url('images/tracker-add.png') no-repeat;
|
|
}
|
|
|
|
.icon-tracker-edit{
|
|
background:url('images/tracker-edit.png') no-repeat;
|
|
}
|
|
|
|
.icon-tracker-remove{
|
|
background:url('images/tracker-remove.png') no-repeat;
|
|
}
|
|
|
|
.icon-tracker-replace{
|
|
background:url('images/tracker-replace.png') no-repeat;
|
|
}
|
|
|
|
.tip{
|
|
padding:5px;text-align:left;border:1px solid #FF9900;font-size:12px;margin-bottom:2px;display:block;
|
|
padding-left:25px;
|
|
background: #FFFFCC url('images/balloon.png') left no-repeat;
|
|
background-position: 5px 6px;
|
|
color:#555555;
|
|
}
|
|
|
|
.icon-mobile{
|
|
background:url('images/mobile.png') no-repeat;
|
|
}
|
|
|
|
.icon-transmission{
|
|
background:url('images/transmission.png') no-repeat;
|
|
}
|
|
|
|
.icon-more-peers{
|
|
background:url('images/more-peers.png') no-repeat;
|
|
}
|
|
|
|
.icon-download-update{
|
|
background:url('images/drive-download.png') no-repeat;
|
|
}
|
|
|
|
.icon-queue-move{
|
|
background:url('images/queue-move.png') no-repeat;
|
|
}
|
|
|
|
.icon-queue-move-top{
|
|
background:url('images/queue-move-top.png') no-repeat;
|
|
}
|
|
|
|
.icon-queue-move-up{
|
|
background:url('images/queue-move-up.png') no-repeat;
|
|
}
|
|
|
|
.icon-queue-move-down{
|
|
background:url('images/queue-move-down.png') no-repeat;
|
|
}
|
|
|
|
.icon-queue-move-bottom{
|
|
background:url('images/queue-move-bottom.png') no-repeat;
|
|
}
|
|
|
|
.icon-plugin{
|
|
background:url('images/plugin.png') no-repeat;
|
|
}
|
|
|
|
.icon-target{
|
|
background:url('images/target.png') no-repeat;
|
|
}
|
|
|
|
.icon-ignore{
|
|
background:url('images/ignore.png') no-repeat;
|
|
} |