diff --git a/web/javascript/inspector.js b/web/javascript/inspector.js
index 7d8a779d1..9794e1994 100644
--- a/web/javascript/inspector.js
+++ b/web/javascript/inspector.js
@@ -48,7 +48,6 @@ function Inspector(controller) {
$(tab).addClass('selected').siblings().removeClass('selected');
// show this tab and hide the others
- console.log('#' + tab.id.replace('tab','page'));
$('#' + tab.id.replace('tab','page')).show().siblings('.inspector-page').hide();
updateInspector();
@@ -66,13 +65,11 @@ function Inspector(controller) {
name = torrents[0].getName();
else
name = '' + torrents.length+' Transfers Selected';
- setInnerHTML(e.name, name || na);
+ setInnerHTML(e.name_lb, name || na);
// update the visible page
if ($(e.info_page).is(':visible'))
updateInfoPage();
- else if ($(e.activity_page).is(':visible'))
- updateActivityPage();
else if ($(e.peers_page).is(':visible'))
updatePeersPage();
else if ($(e.trackers_page).is(':visible'))
@@ -97,7 +94,11 @@ function Inspector(controller) {
var torrents = data.torrents,
e = data.elements,
fmt = Transmission.fmt,
- na = 'N/A',
+ none = 'None',
+ mixed = 'Mixed',
+ unknown = 'Unknown',
+ isMixed, allPaused, allFinished,
+ str,
name = '',
pieceCount = 0,
pieceSize = '',
@@ -107,101 +108,349 @@ function Inspector(controller) {
creator = '',
date = '',
directory = '',
- s, i, t;
-
- for (i=0; t=torrents[i]; ++i) {
- name = accumulateString(name, t.getName());
- pieceCount += t.getPieceCount();
- pieceSize = accumulateString(pieceSize, fmt.mem(t.getPieceSize()));
- hash = accumulateString(hash, t.getHashString());
- secure = accumulateString(secure, (t.getPrivateFlag() ? 'Private' : 'Public')+' Torrent');
- comment = accumulateString(comment, t.getComment() || 'N/A');
- creator = accumulateString(creator, t.getCreator());
- date = accumulateString(date, fmt.timestamp(t.getDateCreated()));
- directory = accumulateString(directory, t.getDownloadDir());
- }
-
- if (!pieceCount)
- setInnerHTML(e.pieces, na);
- else if (pieceSize == 'Mixed')
- setInnerHTML(e.pieces, 'Mixed');
- else
- setInnerHTML(e.pieces, pieceCount + ' pieces @ ' + pieceSize);
-
- setInnerHTML(e.hash, hash || na);
- setInnerHTML(e.secure, secure || na);
- setInnerHTML(e.comment, comment.replace(/(https?|ftp):\/\/([\w\-]+(\.[\w\-]+)*(\.[a-z]{2,4})?)(\d{1,5})?(\/([^<>\s]*))?/g, '
$&') || na);
- setInnerHTML(e.creator, creator || na);
- setInnerHTML(e.date, date || na);
- setInnerHTML(e.directory, directory || na);
-
- $("#inspector_tab_info_container .inspector_row > div").css('color', '#222');
- $("#inspector_tab_info_container .inspector_row > div:contains('N/A')").css('color', '#666');
- },
-
- /****
- ***** ACTIVITY PAGE
- ****/
-
- updateActivityPage = function() {
-
- var i, t, l, d, na='N/A',
- fmt = Transmission.fmt,
- e = data.elements,
- torrents = data.torrents,
- state = '',
- have = 0,
+ baseline, it, ref, s, i, t,
sizeWhenDone = 0,
- progress = '',
- have = 0,
- verified = 0,
- availability = 0,
- downloaded = 0,
- uploaded = 0,
- error = '',
- uploadSpeed = 0,
- uploadPeers = 0,
- downloadSpeed = 0,
- downloadPeers = 0,
- availability = 0;
+ leftUntilDone = 0,
+ available = 0,
+ haveTotal = 0,
+ haveVerified = 0,
+ haveUnverified = 0,
+ verifiedPieces = 0,
+ stateString,
+ latest,
+ pieces,
+ size,
+ pieceSize,
+ creator, mixed_creator,
+ date, mixed_date,
+ v, u, f, d, pct, now;
- for (i=0; t=torrents[i]; ++i)
- {
- l = t.getLeftUntilDone();
- d = t.getSizeWhenDone();
+ //
+ // state_lb
+ //
- state = accumulateString(state, t.getStateString());
- error = accumulateString(error, t.getErrorString());
+ if(torrents.length <1)
+ str = none;
+ else {
+ isMixed = false;
+ allPaused = true;
+ allFinished = true;
- have += t.getHave();
- verified += t.getHaveValid();
- sizeWhenDone += d;
- availability += (d - l + t.getDesiredAvailable());
-
- uploaded += t.getUploadedEver();
- uploadSpeed += t.getUploadSpeed();
- uploadPeers += t.getPeersGettingFromUs();
-
- downloaded += t.getDownloadedEver();
- downloadSpeed += t.getDownloadSpeed();
- downloadPeers += t.getPeersSendingToUs();
+ baseline = torrents[0].getStatus();
+ for(i=0; t=torrents[i]; ++i) {
+ it = t.getStatus();
+ if(it != baseline)
+ isMixed = true;
+ if(!t.isStopped())
+ allPaused = allFinished = false;
+ if(!t.isFinished())
+ allFinished = false;
+ }
+ if( isMixed )
+ str = mixed;
+ else if( allFinished )
+ str = 'Finished';
+ else if( allPaused )
+ str = 'Paused';
+ else
+ str = torrents[0].getStateString();
}
+ setInnerHTML(e.state_lb, str);
+ stateString = str;
- setInnerHTML(e.state, state);
- setInnerHTML(e.progress, torrents.length ? fmt.percentString(Math.ratio(have*100, sizeWhenDone)) + '%' : na);
- setInnerHTML(e.have, torrents.length ? fmt.size(have) + ' (' + fmt.size(verified) + ' verified)' : na);
- setInnerHTML(e.availability, torrents.length ? fmt.percentString(Math.ratio(availability*100, sizeWhenDone)) + '%' : na);
- setInnerHTML(e.uploaded, torrents.length ? fmt.size(uploaded) : na);
- setInnerHTML(e.downloaded, torrents.length ? fmt.size(downloaded) : na);
- setInnerHTML(e.ratio, torrents.length ? fmt.ratioString(Math.ratio(uploaded, downloaded)) : na);
- setInnerHTML(e.error, error);
- setInnerHTML(e.upload_speed, torrents.length ? fmt.speedBps(uploadSpeed) : na);
- setInnerHTML(e.download_speed, torrents.length ? fmt.speedBps(downloadSpeed) : na);
- setInnerHTML(e.upload_to, torrents.length ? uploadPeers : na);
- setInnerHTML(e.download_from, torrents.length ? downloadPeers : na);
+ //
+ // have_lb
+ //
- $("#inspector_tab_activity_container .inspector_row > div").css('color', '#222');
- $("#inspector_tab_activity_container .inspector_row > div:contains('N/A')").css('color', '#666');
+ if(torrents.length < 1)
+ str = none;
+ else {
+ baseline = torrents[0].getStatus();
+ for(i=0; t=torrents[i]; ++i) {
+ if(!t.needsMetaData()) {
+ haveTotal += t.getHave();
+ haveUnverified += t.getHaveUnchecked();
+ v = t.getHaveValid();
+ haveVerified += v;
+ if(t.getPieceSize())
+ verifiedPieces += v / t.getPieceSize();
+ sizeWhenDone += t.getSizeWhenDone();
+ leftUntilDone += t.getLeftUntilDone();
+ available += (t.getHave()) + t.getDesiredAvailable();
+ }
+ }
+
+ d = 100.0 * ( sizeWhenDone ? ( sizeWhenDone - leftUntilDone ) / sizeWhenDone : 1 );
+ str = fmt.percentString( d );
+
+ if( !haveUnverified && !leftUntilDone )
+ str = fmt.size(haveVerified) + ' (100%)';
+ else if( !haveUnverified )
+ str = fmt.size(haveVerified) + ' of ' + fmt.size(sizeWhenDone) + ' (' + str +'%)';
+ else
+ str = fmt.size(haveVerified) + ' of ' + fmt.size(sizeWhenDone) + ' (' + str +'%), ' + fmt.size(haveUnverified) + ' Unverified';
+ }
+ setInnerHTML(e.have_lb, str);
+
+ //
+ // availability_lb
+ //
+
+ if(torrents.length < 1)
+ str = none;
+ else if( sizeWhenDone == 0 )
+ str = none;
+ else
+ str = '' + fmt.percentString( ( 100.0 * available ) / sizeWhenDone ) + '%';
+ setInnerHTML(e.availability_lb, str);
+
+ //
+ // downloaded_lb
+ //
+
+ if(torrents.length < 1)
+ str = none;
+ else {
+ d = f = 0;
+ for(i=0; t=torrents[i]; ++i) {
+ d = t.getDownloadedEver();
+ f = t.getFailedEver();
+ }
+ if(f)
+ str = fmt.size(d) + ' (' + fmt.size(f) + ' corrupt)';
+ else
+ str = fmt.size(d);
+ }
+ setInnerHTML(e.downloaded_lb, str);
+
+ //
+ // uploaded_lb
+ //
+
+ if(torrents.length < 1)
+ str = none;
+ else {
+ d = u = 0;
+ for(i=0; t=torrents[i]; ++i) {
+ d = t.getDownloadedEver();
+ u = t.getUploadedEver();
+ }
+ str = fmt.size(u) + ' (Ratio: ' + fmt.ratioString( Math.ratio(u,d))+')';
+ }
+ setInnerHTML(e.uploaded_lb, str);
+
+ //
+ // running time
+ //
+
+ if(torrents.length < 1)
+ str = none;
+ else {
+ allPaused = true;
+ baseline = torrents[0].getStartDate();
+ for(i=0; t=torrents[i]; ++i) {
+ if(baseline != t.getStartDate())
+ baseline = 0;
+ if(!t.isStopped())
+ allPaused = false;
+ }
+ if(allPaused)
+ str = stateString; // paused || finished
+ else if(!baseline)
+ str = mixed;
+ else
+ str = fmt.timeInterval(Date.now()/1000 - baseline);
+ }
+ setInnerHTML(e.running_time_lb, str);
+
+ //
+ // remaining time
+ //
+
+ str = '';
+ if(torrents.length < 1)
+ str = none;
+ else {
+ baseline = torrents[0].getETA();
+ for(i=0; t=torrents[i]; ++i) {
+ if(baseline != t.getETA()) {
+ str = mixed;
+ break;
+ }
+ }
+ }
+ if(!str.length) {
+ if(baseline < 0)
+ str = unknown;
+ else
+ str = fmt.timeInterval(baseline);
+ }
+ setInnerHTML(e.remaining_time_lb, str);
+
+ //
+ // last activity
+ //
+
+ latest = -1;
+ if(torrents.length < 1)
+ str = none;
+ else {
+ baseline = torrents[0].getLastActivity();
+ for(i=0; t=torrents[i]; ++i) {
+ d = t.getLastActivity();
+ if(latest < d)
+ latest = d;
+ }
+ d = Date.now()/1000 - latest; // seconds since last activity
+ if(d < 0)
+ str = none;
+ else if(d < 5)
+ str = 'Active now';
+ else
+ str = fmt.timeInterval(d) + ' ago';
+ }
+ setInnerHTML(e.last_activity_lb, str);
+
+ //
+ // error
+ //
+
+ if(torrents.length < 1)
+ str = none;
+ else {
+ str = torrents[0].getErrorString();
+ for(i=0; t=torrents[i]; ++i) {
+ if(str != t.getErrorString()) {
+ str = mixed;
+ break;
+ }
+ }
+ }
+ setInnerHTML(e.error_lb, str || none);
+
+ //
+ // size
+ //
+
+ if(torrents.length < 1)
+ str = none;
+ else {
+ pieces = 0;
+ size = 0;
+ pieceSize = torrents[0].getPieceSize();
+ for(i=0; t=torrents[i]; ++i) {
+ pieces += t.getPieceCount();
+ size += t.getTotalSize();
+ if(pieceSize != t.getPieceSize())
+ pieceSize = 0;
+ }
+ if(!size)
+ str = none;
+ else if(pieceSize > 0)
+ str = fmt.size(size) + ' (' + pieces.toStringWithCommas() + ' pieces @ ' + fmt.mem(pieceSize) + ')';
+ else
+ str = fmt.size(size) + ' (' + pieces.toStringWithCommas() + ' pieces)';
+ }
+ setInnerHTML(e.size_lb, str);
+
+ //
+ // hash
+ //
+
+ if(torrents.length < 1)
+ str = none;
+ else {
+ str = torrents[0].getHashString();
+ for(i=0; t=torrents[i]; ++i) {
+ if(str != t.getHashString()) {
+ str = mixed;
+ break;
+ }
+ }
+ }
+ setInnerHTML(e.hash_lb, str);
+
+ //
+ // privacy
+ //
+
+ if(torrents.length < 1)
+ str = none;
+ else {
+ baseline = torrents[0].getPrivateFlag();
+ str = baseline ? 'Private to this tracker -- DHT and PEX disabled' : 'Public torrent';
+ for(i=0; t=torrents[i]; ++i) {
+ if(baseline != t.getPrivateFlag()) {
+ str = mixed;
+ break;
+ }
+ }
+ }
+ setInnerHTML(e.privacy_lb, str);
+
+ //
+ // comment
+ //
+
+ if(torrents.length < 1)
+ str = none;
+ else {
+ str = torrents[0].getComment();
+ for(i=0; t=torrents[i]; ++i) {
+ if(str != t.getComment()) {
+ str = mixed;
+ break;
+ }
+ }
+ }
+ if(!str)
+ str = none;
+ setInnerHTML(e.comment_lb, str.replace(/(https?|ftp):\/\/([\w\-]+(\.[\w\-]+)*(\.[a-z]{2,4})?)(\d{1,5})?(\/([^<>\s]*))?/g, '
$&'));
+
+ //
+ // origin
+ //
+
+ if(torrents.length < 1)
+ str = none;
+ else {
+ mixed_creator = false;
+ mixed_date = false;
+ creator = torrents[0].getCreator();
+ date = torrents[0].getDateCreated();
+ for(i=0; t=torrents[i]; ++i) {
+ if(creator != t.getCreator())
+ mixed_creator = true;
+ if(date != t.getDateCreated())
+ mixed_date = true;
+ }
+ if(mixed_creator && mixed_date)
+ str = mixed;
+ else if(mixed_date && creator.length)
+ str = 'Created by ' + creator;
+ else if(mixed_creator && date)
+ str = 'Created on ' + (new Date(date*1000)).toDateString();
+ else
+ str = 'Created by ' + creator + ' on ' + (new Date(date*1000)).toDateString();
+ }
+ setInnerHTML(e.origin_lb, str);
+
+ //
+ // foldername
+ //
+
+ if(torrents.length < 1)
+ str = none;
+ else {
+ str = torrents[0].getDownloadDir();
+ for(i=0; t=torrents[i]; ++i) {
+ if(str != t.getDownloadDir()) {
+ str = mixed;
+ break;
+ }
+ }
+ }
+ setInnerHTML(e.foldername_lb, str);
},
/****
@@ -453,38 +702,31 @@ function Inspector(controller) {
data.elements.files_page = $('#inspector-page-files')[0];
data.elements.peers_page = $('#inspector-page-peers')[0];
data.elements.trackers_page = $('#inspector-page-trackers')[0];
- data.elements.activity_page = $('#inspector-page-activity')[0];
data.elements.file_list = $('#inspector_file_list')[0];
data.elements.peers_list = $('#inspector_peers_list')[0];
data.elements.trackers_list = $('#inspector_trackers_list')[0];
- data.elements.availability = $(ti+'availability')[0];
- data.elements.comment = $(ti+'comment')[0];
- data.elements.date = $(ti+'creator_date')[0];
- data.elements.creator = $(ti+'creator')[0];
- data.elements.directory = $(ti+'download_dir')[0];
- data.elements.downloaded = $(ti+'downloaded')[0];
- data.elements.download_from = $(ti+'download_from')[0];
- data.elements.download_speed = $(ti+'download_speed')[0];
- data.elements.error = $(ti+'error')[0];
- data.elements.hash = $(ti+'hash')[0];
- data.elements.have = $(ti+'have')[0];
- data.elements.name = $(ti+'name')[0];
- data.elements.progress = $(ti+'progress')[0];
- data.elements.ratio = $(ti+'ratio')[0];
- data.elements.secure = $(ti+'secure')[0];
- data.elements.size = $(ti+'size')[0];
- data.elements.state = $(ti+'state')[0];
- data.elements.pieces = $(ti+'pieces')[0];
- data.elements.uploaded = $(ti+'uploaded')[0];
- data.elements.upload_speed = $(ti+'upload_speed')[0];
- data.elements.upload_to = $(ti+'upload_to')[0];
+ data.elements.have_lb = $('#inspector-info-have')[0];
+ data.elements.availability_lb = $('#inspector-info-availability')[0];
+ data.elements.downloaded_lb = $('#inspector-info-downloaded')[0];
+ data.elements.uploaded_lb = $('#inspector-info-uploaded')[0];
+ data.elements.state_lb = $('#inspector-info-state')[0];
+ data.elements.running_time_lb = $('#inspector-info-running-time')[0];
+ data.elements.remaining_time_lb = $('#inspector-info-remaining-time')[0];
+ data.elements.last_activity_lb = $('#inspector-info-last-activity')[0];
+ data.elements.error_lb = $('#inspector-info-error')[0];
+ data.elements.size_lb = $('#inspector-info-size')[0];
+ data.elements.foldername_lb = $('#inspector-info-location')[0];
+ data.elements.hash_lb = $('#inspector-info-hash')[0];
+ data.elements.privacy_lb = $('#inspector-info-privacy')[0];
+ data.elements.origin_lb = $('#inspector-info-origin')[0];
+ data.elements.comment_lb = $('#inspector-info-comment')[0];
+ data.elements.name_lb = $('#torrent_inspector_name')[0];
// force initial 'N/A' updates on all the pages
updateInspector();
updateInfoPage();
- updateActivityPage();
updatePeersPage();
updateTrackersPage();
updateFilesPage();
diff --git a/web/javascript/torrent.js b/web/javascript/torrent.js
index 87174f9c1..26ec1eb0d 100644
--- a/web/javascript/torrent.js
+++ b/web/javascript/torrent.js
@@ -93,6 +93,8 @@ Torrent.Fields.InfoExtra = [
// fields used in the inspector which need to be periodically refreshed
Torrent.Fields.StatsExtra = [
+ 'activityDate',
+ 'corruptEver',
'desiredAvailable',
'downloadDir',
'downloadedEver',
@@ -101,6 +103,7 @@ Torrent.Fields.StatsExtra = [
'haveValid',
'peers',
'seedRatioLimit',
+ 'startDate',
'trackerStats',
'webseedsSendingToUs'
];
@@ -203,12 +206,15 @@ Torrent.prototype =
getError: function() { return this.fields.error; },
getErrorString: function() { return this.fields.errorString; },
getETA: function() { return this.fields.eta; },
+ getFailedEver: function(i) { return this.fields.corruptEver; },
getFile: function(i) { return this.fields.files[i]; },
getFileCount: function() { return this.fields.files ? this.fields.files.length : 0; },
getHashString: function() { return this.fields.hashString; },
+ getHave: function() { return this.getHaveValid() + this.getHaveUnchecked() },
+ getHaveUnchecked: function() { return this.fields.haveUnchecked; },
getHaveValid: function() { return this.fields.haveValid; },
- getHave: function() { return this.getHaveValid() + this.fields.haveUnchecked; },
getId: function() { return this.fields.id; },
+ getLastActivity: function() { return this.fields.activityDate; },
getLeftUntilDone: function() { return this.fields.leftUntilDone; },
getMetadataPercentComplete: function() { return this.fields.metadataPercentComplete; },
getName: function() { return this.fields.name || 'Unknown'; },
@@ -224,6 +230,7 @@ Torrent.prototype =
getSeedRatioLimit: function() { return this.fields.seedRatioLimit; },
getSeedRatioMode: function() { return this.fields.seedRatioMode; },
getSizeWhenDone: function() { return this.fields.sizeWhenDone; },
+ getStartDate: function() { return this.fields.startDate; },
getStatus: function() { return this.fields.status; },
getTotalSize: function() { return this.fields.totalSize; },
getTrackers: function() { return this.fields.trackers; },
diff --git a/web/style/transmission/common.css b/web/style/transmission/common.css
index 883d957e2..4fa30651b 100644
--- a/web/style/transmission/common.css
+++ b/web/style/transmission/common.css
@@ -1,1536 +1,296 @@
-/*--------------------------------------
- *
- * G L O B A L
- *
- *--------------------------------------*/
-html {
- margin: 0;
- padding: 0;
- height: 100%; }
+/*-------------------------------------- G L O B A L --------------------------------------*/
+html { margin: 0; padding: 0; height: 100%; }
-body {
- font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
- /* Resets 1em to 10px */
- color: #222;
- /* !important; */
- background: #FFF;
- text-align: center;
- margin: 0 0 30px;
- overflow: hidden; }
- body img {
- border: none; }
- body a {
- outline: 0; }
+body { font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; /* Resets 1em to 10px */ color: #222; /* !important; */ background: #FFF; text-align: center; margin: 0 0 30px; overflow: hidden; }
+body img { border: none; }
+body a { outline: 0; }
/***
****
**** ABOUT DIALOG
****
***/
-#about-dialog > * {
- text-align: center; }
-#about-dialog > #about-logo {
- background: transparent url("images/logo.png") top left no-repeat;
- width: 64px;
- height: 64px;
- margin-left: 100px; }
-#about-dialog > #about-title {
- font-size: 1.3em;
- font-weight: bold; }
+#about-dialog > * { text-align: center; }
+#about-dialog > #about-logo { background: transparent url("images/logo.png") top left no-repeat; width: 64px; height: 64px; margin-left: 100px; }
+#about-dialog > #about-title { font-size: 1.3em; font-weight: bold; }
/***
****
**** TOOLBAR
****
***/
-div#toolbar {
- width: 100%;
- height: 35px;
- margin: 0px;
- padding: 2px;
- border-bottom: 1px solid #AAA;
- background: url("images/red-texture.png") repeat; }
- div#toolbar > * {
- cursor: pointer;
- -moz-user-select: none;
- -webkit-user-select: none;
- display: inline-block;
- border-style: solid;
- border-color: #aaa;
- border-width: 1px;
- padding: 3px;
- margin-top: 5px;
- width: 18px;
- height: 18px;
- padding: 2px 8px;
- float: left;
- border: 1px solid #888; }
- div#toolbar div#toolbar-open {
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-folder.png");
- /* fallback */
- background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-folder.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- margin-left: 4px; }
- div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open:hover, div#toolbar div#toolbar-open.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-folder.png");
- /* fallback */
- background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-folder.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-remove {
- -moz-border-radius-topright: 5px;
- -moz-border-radius-bottomright: 5px;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-close.png");
- /* fallback */
- background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-close.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove:hover, div#toolbar > div#toolbar-remove.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-close.png");
- /* fallback */
- background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-close.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-start {
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-start.png");
- /* fallback */
- background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-start.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- margin-left: 20px; }
- div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start:hover, div#toolbar > div#toolbar-start.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-start.png");
- /* fallback */
- background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-start.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-pause {
- -moz-border-radius-topright: 5px;
- -moz-border-radius-bottomright: 5px;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-pause.png");
- /* fallback */
- background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-pause.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause:hover, div#toolbar > div#toolbar-pause.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-pause.png");
- /* fallback */
- background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-pause.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-select {
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-pointer.png");
- /* fallback */
- background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-pointer.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- margin-left: 20px; }
- div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select:hover, div#toolbar > div#toolbar-select.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-pointer.png");
- /* fallback */
- background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-inspector {
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-info.png");
- /* fallback */
- background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-info.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- float: right;
- margin-right: 8px; }
- div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector:hover, div#toolbar > div#toolbar-inspector.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-info.png");
- /* fallback */
- background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-info.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > *.disabled {
- opacity: 0.25; }
+div#toolbar { width: 100%; height: 35px; margin: 0px; padding: 2px; border-bottom: 1px solid #AAA; background: url("images/red-texture.png") repeat; }
+div#toolbar > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; margin-top: 5px; width: 18px; height: 18px; padding: 2px 8px; float: left; border: 1px solid #888; }
+div#toolbar div#toolbar-open { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-folder.png"); /* fallback */ background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-folder.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 4px; }
+div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open:hover, div#toolbar div#toolbar-open.selected { background-color: #eedddd; background-image: url("images/toolbar-folder.png"); /* fallback */ background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-folder.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-remove { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-close.png"); /* fallback */ background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-close.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove:hover, div#toolbar > div#toolbar-remove.selected { background-color: #eedddd; background-image: url("images/toolbar-close.png"); /* fallback */ background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-close.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-start { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-start.png"); /* fallback */ background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-start.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 20px; }
+div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start:hover, div#toolbar > div#toolbar-start.selected { background-color: #eedddd; background-image: url("images/toolbar-start.png"); /* fallback */ background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-start.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-pause { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-pause.png"); /* fallback */ background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-pause.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause:hover, div#toolbar > div#toolbar-pause.selected { background-color: #eedddd; background-image: url("images/toolbar-pause.png"); /* fallback */ background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-pause.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-select { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-pointer.png"); /* fallback */ background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-pointer.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 20px; }
+div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select:hover, div#toolbar > div#toolbar-select.selected { background-color: #eedddd; background-image: url("images/toolbar-pointer.png"); /* fallback */ background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-inspector { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-info.png"); /* fallback */ background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-info.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; float: right; margin-right: 8px; }
+div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector:hover, div#toolbar > div#toolbar-inspector.selected { background-color: #eedddd; background-image: url("images/toolbar-info.png"); /* fallback */ background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-info.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > *.disabled { opacity: 0.25; }
/***
****
**** STATUSBAR
****
***/
-#statusbar {
- height: 24px;
- width: 100%;
- border-bottom: 1px solid #AAA;
- overflow: hidden;
- position: relative;
- background-color: #cccccc;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
- background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: linear-gradient(top, #dddddd, #bbbbbb); }
- #statusbar #speed-info {
- margin-top: 5px;
- margin-left: 45%;
- text-align: left; }
- #statusbar #speed-info * {
- display: inline-block; }
- #statusbar #speed-info #speed-up-icon {
- margin-left: 8px;
- width: 8px;
- height: 8px;
- background: url("images/arrow-up.png") bottom no-repeat; }
- #statusbar #speed-info #speed-dn-icon {
- width: 8px;
- height: 8px;
- background: url("images/arrow-down.png") bottom no-repeat; }
- #statusbar #speed-info #speed-up-container {
- display: none; }
- #statusbar #speed-info #speed-up-container.active {
- display: inline; }
- #statusbar #speed-info #speed-dn-container {
- display: none; }
- #statusbar #speed-info #speed-dn-container.active {
- display: inline; }
- #statusbar #filter-button {
- float: left;
- text-shadow: 0 1px 0 #ccc;
- margin: 5px 8px;
- -moz-user-select: none;
- -webkit-user-select: none; }
- #statusbar #filter-button:hover {
- cursor: pointer; }
- #statusbar #filter-button #filter-button .filter-selection {
- text-decoration: underline; }
- #statusbar input#torrent_search {
- float: right;
- height: 15px;
- width: 100px;
- border: solid 0 #fff;
- padding: 2px;
- margin: 4px 5px 0 0;
- border-radius: 10px; }
- #statusbar input#torrent_search.blur {
- color: #999; }
+#statusbar { height: 24px; width: 100%; border-bottom: 1px solid #AAA; overflow: hidden; position: relative; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); }
+#statusbar #speed-info { margin-top: 5px; margin-left: 45%; text-align: left; }
+#statusbar #speed-info * { display: inline-block; }
+#statusbar #speed-info #speed-up-icon { margin-left: 8px; width: 8px; height: 8px; background: url("images/arrow-up.png") bottom no-repeat; }
+#statusbar #speed-info #speed-dn-icon { width: 8px; height: 8px; background: url("images/arrow-down.png") bottom no-repeat; }
+#statusbar #speed-info #speed-up-container { display: none; }
+#statusbar #speed-info #speed-up-container.active { display: inline; }
+#statusbar #speed-info #speed-dn-container { display: none; }
+#statusbar #speed-info #speed-dn-container.active { display: inline; }
+#statusbar #filter-button { float: left; text-shadow: 0 1px 0 #ccc; margin: 5px 8px; -moz-user-select: none; -webkit-user-select: none; }
+#statusbar #filter-button:hover { cursor: pointer; }
+#statusbar #filter-button #filter-button .filter-selection { text-decoration: underline; }
+#statusbar input#torrent_search { float: right; height: 15px; width: 100px; border: solid 0 #fff; padding: 2px; margin: 4px 5px 0 0; border-radius: 10px; }
+#statusbar input#torrent_search.blur { color: #999; }
/***
****
**** FILTER POPUP
****
***/
-#filter-popup {
- color: #222;
- /* !important; */
- background: #FFF;
- z-index: 100; }
- #filter-popup li {
- text-align: left; }
- #filter-popup .count {
- padding-left: 3px; }
- #filter-popup .row {
- text-align: left;
- cursor: pointer;
- margin: 8px 2px;
- position: relative;
- height: 18px;
- -moz-user-select: none;
- -webkit-user-select: none; }
- #filter-popup .row .filter-img {
- border: none;
- width: 16px;
- height: 16px;
- position: absolute;
- left: 0px; }
- #filter-popup .row .filter-name {
- position: absolute;
- left: 20px; }
- #filter-popup .row .count {
- float: right;
- color: #aaa; }
- #filter-popup .row:hover, #filter-popup .row.selected {
- font-weight: bold; }
- #filter-popup #filter-by-state {
- float: left;
- width: 120px;
- overflow: hidden;
- text-overflow: ellipsis; }
- #filter-popup #filter-by-state .row .filter-img {
- display: none; }
- #filter-popup #filter-by-state .row .filter-name {
- left: 0px; }
- #filter-popup #filter-by-tracker {
- float: right;
- width: 130px;
- overflow: hidden;
- text-overflow: ellipsis; }
+#filter-popup { color: #222; /* !important; */ background: #FFF; z-index: 100; }
+#filter-popup li { text-align: left; }
+#filter-popup .count { padding-left: 3px; }
+#filter-popup .row { text-align: left; cursor: pointer; margin: 8px 2px; position: relative; height: 18px; -moz-user-select: none; -webkit-user-select: none; }
+#filter-popup .row .filter-img { border: none; width: 16px; height: 16px; position: absolute; left: 0px; }
+#filter-popup .row .filter-name { position: absolute; left: 20px; }
+#filter-popup .row .count { float: right; color: #aaa; }
+#filter-popup .row:hover, #filter-popup .row.selected { font-weight: bold; }
+#filter-popup #filter-by-state { float: left; width: 120px; overflow: hidden; text-overflow: ellipsis; }
+#filter-popup #filter-by-state .row .filter-img { display: none; }
+#filter-popup #filter-by-state .row .filter-name { left: 0px; }
+#filter-popup #filter-by-tracker { float: right; width: 130px; overflow: hidden; text-overflow: ellipsis; }
/***
****
**** TORRENT CONTAINER
****
***/
-div#torrent_container {
- position: fixed;
- top: 65px;
- bottom: 22px;
- right: 0px;
- left: 0px;
- padding: 0px;
- margin: 0px;
- overflow: auto; }
+div#torrent_container { position: fixed; top: 65px; bottom: 22px; right: 0px; left: 0px; padding: 0px; margin: 0px; overflow: auto; }
-ul.torrent_list {
- width: 100%;
- margin: 0;
- padding: 0;
- text-align: left;
- cursor: pointer;
- /**
- * Progressbar
- *
- * Each progressbar has three elemens: a parent container and two children,
- * complete and incomplete.
- *
- * The only thing needed to set the progressbar percentage is to set
- * the complete child's width as a percentage. This is because incomplete
- * is pinned to the full width and height of the parent, and complete
- * is pinned to the left side of the parent and has a higher z-index.
- *
- * The progressbar has different colors depending on its state, so there
- * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
- */ }
- ul.torrent_list li.torrent {
- border-bottom: 1px solid #ccc;
- padding: 4px 30px 5px 14px;
- color: #666;
- background-color: white; }
- ul.torrent_list li.torrent.compact {
- padding: 4px; }
- ul.torrent_list li.torrent.even {
- background-color: #F7F7F7; }
- ul.torrent_list li.torrent.selected {
- background-color: #ffe4e1; }
- ul.torrent_list li.torrent.compact div.torrent_name {
- color: black; }
- ul.torrent_list li.torrent a {
- float: right;
- position: relative;
- right: -22px;
- top: 1px; }
- ul.torrent_list li.torrent a img {
- position: relative;
- right: -10px; }
- ul.torrent_list li.torrent a div {
- background: url("images/buttons/torrent_buttons.png");
- height: 14px;
- width: 14px; }
- ul.torrent_list li.torrent a div.torrent_pause {
- background-position: left top; }
- ul.torrent_list li.torrent a div.torrent_resume {
- background-position: center top; }
- ul.torrent_list li.torrent a:active div.torrent_pause {
- background-position: left bottom; }
- ul.torrent_list li.torrent a:active div.torrent_resume {
- background-position: center bottom; }
- ul.torrent_list li.torrent a:hover div.torrent_pause {
- background-position: left center; }
- ul.torrent_list li.torrent a:hover div.torrent_resume {
- background-position: center center; }
- ul.torrent_list li.torrent div.torrent_name {
- font-size: 1.3em;
- font-weight: bold;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- color: #222;
- margin-top: 2px;
- margin-bottom: 2px; }
- ul.torrent_list li.torrent div.torrent_name.compact {
- font-size: 1.0em;
- font-weight: normal; }
- ul.torrent_list li.torrent div.torrent_name.paused {
- font-weight: normal;
- color: #777; }
- ul.torrent_list li.torrent div.torrent_progress_details,
- ul.torrent_list li.torrent div.torrent_peer_details {
- clear: left;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap; }
- ul.torrent_list li.torrent div.torrent_progress_details.error,
- ul.torrent_list li.torrent div.torrent_peer_details.error {
- color: #F00; }
- ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
- color: #FFF; }
- ul.torrent_list div.torrent_progress_bar_container {
- height: 10px;
- position: relative; }
- ul.torrent_list div.torrent_progress_bar_container.compact {
- width: 50px;
- position: absolute;
- right: 10px;
- margin-top: 2px;
- /*float: right;*/ }
- ul.torrent_list div.torrent_progress_bar_container.full {
- margin-top: 2px;
- margin-bottom: 5px; }
- ul.torrent_list div.torrent_peer_details.compact {
- margin-top: 2px;
- margin-right: 65px;
- /* leave room on the right for the progressbar */
- float: right;
- /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ }
- ul.torrent_list div.torrent_progress_bar {
- height: 100%;
- position: absolute;
- top: 0px;
- left: 0px;
- background-image: url("images/progress.png");
- background-repeat: repeat-x;
- border: 1px solid #888; }
- ul.torrent_list div.torrent_progress_bar.complete {
- z-index: 2; }
- ul.torrent_list div.torrent_progress_bar.complete.paused {
- background-position: left -30px;
- border-color: #989898; }
- ul.torrent_list div.torrent_progress_bar.complete.magnet {
- background-position: left -20px;
- border-color: #CFCFCF; }
- ul.torrent_list div.torrent_progress_bar.complete.leeching {
- background-position: left 0px;
- border-color: #3D9DEA; }
- ul.torrent_list div.torrent_progress_bar.complete.leeching.queued {
- background-position: left -70px;
- border-color: #889CA5; }
- ul.torrent_list div.torrent_progress_bar.complete.seeding {
- background-position: left -40px;
- border-color: #269E30; }
- ul.torrent_list div.torrent_progress_bar.complete.seeding.queued {
- background-position: left -60px;
- border-color: #8A998D; }
- ul.torrent_list div.torrent_progress_bar.incomplete {
- z-index: 1;
- width: 100%; }
- ul.torrent_list div.torrent_progress_bar.incomplete.paused {
- background-position: left -20px;
- border-color: #CFCFCF; }
- ul.torrent_list div.torrent_progress_bar.incomplete.magnet {
- background-position: left -50px;
- border-color: #D47778; }
- ul.torrent_list div.torrent_progress_bar.incomplete.leeching {
- background-position: left -20px;
- border-color: #CFCFCF; }
- ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued {
- background-position: left -80px;
- border-color: #C4C4C4; }
- ul.torrent_list div.torrent_progress_bar.incomplete.seeding {
- background-position: left -10px;
- border-color: #29AD35; }
+ul.torrent_list { width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; /** Progressbar Each progressbar has three elemens: a parent container and two children, complete and incomplete. The only thing needed to set the progressbar percentage is to set the complete child's width as a percentage. This is because incomplete is pinned to the full width and height of the parent, and complete is pinned to the left side of the parent and has a higher z-index. The progressbar has different colors depending on its state, so there are five 'decorator' classNames: paused, queued, magnet, leeching, seeding. */ }
+ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 30px 5px 14px; color: #666; background-color: white; }
+ul.torrent_list li.torrent.compact { padding: 4px; }
+ul.torrent_list li.torrent.even { background-color: #F7F7F7; }
+ul.torrent_list li.torrent.selected { background-color: #ffe4e1; }
+ul.torrent_list li.torrent.compact div.torrent_name { color: black; }
+ul.torrent_list li.torrent a { float: right; position: relative; right: -22px; top: 1px; }
+ul.torrent_list li.torrent a img { position: relative; right: -10px; }
+ul.torrent_list li.torrent a div { background: url("images/buttons/torrent_buttons.png"); height: 14px; width: 14px; }
+ul.torrent_list li.torrent a div.torrent_pause { background-position: left top; }
+ul.torrent_list li.torrent a div.torrent_resume { background-position: center top; }
+ul.torrent_list li.torrent a:active div.torrent_pause { background-position: left bottom; }
+ul.torrent_list li.torrent a:active div.torrent_resume { background-position: center bottom; }
+ul.torrent_list li.torrent a:hover div.torrent_pause { background-position: left center; }
+ul.torrent_list li.torrent a:hover div.torrent_resume { background-position: center center; }
+ul.torrent_list li.torrent div.torrent_name { font-size: 1.3em; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222; margin-top: 2px; margin-bottom: 2px; }
+ul.torrent_list li.torrent div.torrent_name.compact { font-size: 1.0em; font-weight: normal; }
+ul.torrent_list li.torrent div.torrent_name.paused { font-weight: normal; color: #777; }
+ul.torrent_list li.torrent div.torrent_progress_details, ul.torrent_list li.torrent div.torrent_peer_details { clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+ul.torrent_list li.torrent div.torrent_progress_details.error, ul.torrent_list li.torrent div.torrent_peer_details.error { color: #F00; }
+ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { color: #FFF; }
+ul.torrent_list div.torrent_progress_bar_container { height: 10px; position: relative; }
+ul.torrent_list div.torrent_progress_bar_container.compact { width: 50px; position: absolute; right: 10px; margin-top: 2px; /*float: right;*/ }
+ul.torrent_list div.torrent_progress_bar_container.full { margin-top: 2px; margin-bottom: 5px; }
+ul.torrent_list div.torrent_peer_details.compact { margin-top: 2px; margin-right: 65px; /* leave room on the right for the progressbar */ float: right; /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ }
+ul.torrent_list div.torrent_progress_bar { height: 100%; position: absolute; top: 0px; left: 0px; background-image: url("images/progress.png"); background-repeat: repeat-x; border: 1px solid #888; }
+ul.torrent_list div.torrent_progress_bar.complete { z-index: 2; }
+ul.torrent_list div.torrent_progress_bar.complete.paused { background-position: left -30px; border-color: #989898; }
+ul.torrent_list div.torrent_progress_bar.complete.magnet { background-position: left -20px; border-color: #CFCFCF; }
+ul.torrent_list div.torrent_progress_bar.complete.leeching { background-position: left 0px; border-color: #3D9DEA; }
+ul.torrent_list div.torrent_progress_bar.complete.leeching.queued { background-position: left -70px; border-color: #889CA5; }
+ul.torrent_list div.torrent_progress_bar.complete.seeding { background-position: left -40px; border-color: #269E30; }
+ul.torrent_list div.torrent_progress_bar.complete.seeding.queued { background-position: left -60px; border-color: #8A998D; }
+ul.torrent_list div.torrent_progress_bar.incomplete { z-index: 1; width: 100%; }
+ul.torrent_list div.torrent_progress_bar.incomplete.paused { background-position: left -20px; border-color: #CFCFCF; }
+ul.torrent_list div.torrent_progress_bar.incomplete.magnet { background-position: left -50px; border-color: #D47778; }
+ul.torrent_list div.torrent_progress_bar.incomplete.leeching { background-position: left -20px; border-color: #CFCFCF; }
+ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued { background-position: left -80px; border-color: #C4C4C4; }
+ul.torrent_list div.torrent_progress_bar.incomplete.seeding { background-position: left -10px; border-color: #29AD35; }
/***
****
**** PREFERENCES
****
***/
-#prefs-dialog.ui-tabs .ui-tabs-panel {
- padding: 0px;
- -moz-user-select: none;
- -webkit-user-select: none; }
+#prefs-dialog.ui-tabs .ui-tabs-panel { padding: 0px; -moz-user-select: none; -webkit-user-select: none; }
-.prefs-section {
- margin: 10px;
- text-align: left; }
- .prefs-section > * {
- padding-top: 8px;
- padding-left: 8px; }
- .prefs-section .title {
- font-weight: bold;
- padding-left: 0px; }
- .prefs-section .row .key {
- float: left;
- padding-top: 3px; }
- .prefs-section .row .key > * {
- margin-left: 0px; }
- .prefs-section .row .value {
- margin-left: 150px; }
- .prefs-section .row .value > * {
- width: 100%; }
- .prefs-section .checkbox-row > input {
- margin: 0px; }
- .prefs-section .checkbox-row > label {
- margin-left: 5px; }
- .prefs-section #alternative-speed-limits-title {
- padding-left: 18px;
- background: transparent url("images/blue-turtle.png") no-repeat; }
+.prefs-section { margin: 10px; text-align: left; }
+.prefs-section > * { padding-top: 8px; padding-left: 8px; }
+.prefs-section .title { font-weight: bold; font-size: larger; padding-left: 0px; }
+.prefs-section .row .key { float: left; padding-top: 3px; }
+.prefs-section .row .key > * { margin-left: 0px; }
+.prefs-section .row .value { margin-left: 150px; }
+.prefs-section .row .value > * { width: 100%; }
+.prefs-section .checkbox-row > input { margin: 0px; }
+.prefs-section .checkbox-row > label { margin-left: 5px; }
+.prefs-section #alternative-speed-limits-title { padding-left: 18px; background: transparent url("images/blue-turtle.png") no-repeat; }
/***
****
**** TORRENT INSPECTOR
****
***/
-div#torrent_inspector {
- overflow: auto;
- text-align: left;
- padding: 15px;
- top: 65px;
- position: fixed;
- width: 570px;
- z-index: 5;
- border-left: 1px solid #888;
- bottom: 22px;
- right: 0px;
- /* Files Inspector Tab */ }
- div#torrent_inspector #inspector-close {
- display: none; }
- div#torrent_inspector #inspector-tabs-wrapper {
- width: 100%;
- overflow: hidden;
- text-align: center; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs {
- display: inline-block; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
- cursor: pointer;
- -moz-user-select: none;
- -webkit-user-select: none;
- display: inline-block;
- border-style: solid;
- border-color: #aaa;
- border-width: 1px;
- padding: 3px;
- width: 30px;
- height: 20px; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/inspector-info.png");
- /* fallback */
- background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- border-left-width: 1px; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {
- background-color: #eedddd;
- background-image: url("images/inspector-info.png");
- /* fallback */
- background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/inspector-info.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity {
- background-color: #dddddd;
- background-image: url("images/inspector-activity.png");
- /* fallback */
- background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/inspector-activity.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity.selected {
- background-color: #eedddd;
- background-image: url("images/inspector-activity.png");
- /* fallback */
- background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/inspector-activity.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {
- background-color: #dddddd;
- background-image: url("images/inspector-peers.png");
- /* fallback */
- background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {
- background-color: #eedddd;
- background-image: url("images/inspector-peers.png");
- /* fallback */
- background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/inspector-peers.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {
- background-color: #dddddd;
- background-image: url("images/inspector-trackers.png");
- /* fallback */
- background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {
- background-color: #eedddd;
- background-image: url("images/inspector-trackers.png");
- /* fallback */
- background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/inspector-trackers.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {
- -moz-border-radius-topright: 5px;
- -moz-border-radius-bottomright: 5px;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/inspector-files.png");
- /* fallback */
- background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {
- background-color: #eedddd;
- background-image: url("images/inspector-files.png");
- /* fallback */
- background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/inspector-files.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector_header {
- margin-top: 8px; }
- div#torrent_inspector #inspector_header #torrent_inspector_name {
- font-weight: bold;
- font-size: large; }
- div#torrent_inspector .inspector_group {
- display: table;
- width: 100%;
- border-top: 1px solid #888;
- margin: 10px 0px;
- padding: 10px 0px;
- /* Trackers Inspector Tab */ }
- div#torrent_inspector .inspector_group .inspector_group_label {
- display: table-header-group;
- font-weight: bold; }
- div#torrent_inspector .inspector_group .inspector_row {
- display: table-row; }
- div#torrent_inspector .inspector_group .inspector_row > .inspector_label {
- display: table-cell;
- width: 100px;
- /* this + the next 380 == inspector_container_with */ }
- div#torrent_inspector .inspector_group .inspector_row > div {
- padding-top: 10px;
- width: 380px;
- /* inspector_container_width==480 - inspector_label_width==100 */ }
- div#torrent_inspector .inspector_group #inspector_trackers_list {
- padding: 0 0 0 0;
- margin: 0 0 0 0;
- text-align: left;
- cursor: default;
- overflow: hidden; }
- div#torrent_inspector .inspector_group #inspector_trackers_list > div.inspector_group {
- padding-bottom: 0;
- margin-bottom: 0; }
- div#torrent_inspector ul.tier_list {
- margin: 2px 0 8px 0;
- width: 100%;
- padding-left: 0px;
- text-align: left;
- display: block;
- cursor: default;
- list-style-type: none;
- list-style: none;
- list-style-image: none;
- clear: both; }
- div#torrent_inspector ul.tier_list li {
- overflow: hidden; }
- div#torrent_inspector ul.tier_list .tracker_activity {
- float: left;
- color: #666;
- width: 330px;
- display: table;
- margin-top: 1px; }
- div#torrent_inspector ul.tier_list .tracker_activity div {
- padding: 2px; }
- div#torrent_inspector ul.tier_list table {
- float: right;
- color: #666; }
- div#torrent_inspector ul.tier_list th {
- text-align: right; }
- div#torrent_inspector li.inspector_tracker_entry {
- padding: 3px 0 3px 2px;
- display: block; }
- div#torrent_inspector li.inspector_tracker_entry.odd {
- background-color: #EEEEEE; }
- div#torrent_inspector div.tracker_host {
- font-size: 1.2em;
- font-weight: bold;
- color: #222; }
- div#torrent_inspector #inspector_file_list {
- padding: 0 0 0 0;
- margin: 0 0 0 0;
- text-align: left;
- cursor: default;
- overflow: hidden; }
- div#torrent_inspector #inspector_file_list {
- border-top: 1px solid #888;
- width: 100%;
- margin: 6px 0 0 0;
- padding-top: 6px;
- padding-bottom: 10px;
- text-align: left;
- display: block;
- cursor: default;
- list-style-type: none;
- list-style: none;
- list-style-image: none;
- clear: both; }
- div#torrent_inspector li.inspector_torrent_file_list_entry {
- padding: 3px 0 3px 2px;
- display: block; }
- div#torrent_inspector li.inspector_torrent_file_list_entry.skip {
- color: #666; }
- div#torrent_inspector li.inspector_torrent_file_list_entry.even {
- background-color: #F7F7F7; }
- div#torrent_inspector div.inspector_torrent_file_list_entry_name {
- font-size: 1.2em;
- color: black;
- display: inline;
- margin-left: 0px; }
- div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name {
- color: #999; }
- div#torrent_inspector div.inspector_torrent_file_list_entry_progress {
- color: #999;
- margin-left: 20px; }
- div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control {
- background-position: left top; }
- div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
- background-position: left -19px; }
- div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control,
- div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
- background-position: left -38px;
- cursor: default; }
+div#torrent_inspector { overflow: auto; text-align: left; padding: 15px; top: 65px; position: fixed; width: 570px; z-index: 5; border-left: 1px solid #888; bottom: 22px; right: 0px; /* Files Inspector Tab */ }
+div#torrent_inspector #inspector-close { display: none; }
+div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { display: inline-block; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 30px; height: 20px; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 1px; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected { background-color: #eedddd; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-info.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers { background-color: #dddddd; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected { background-color: #eedddd; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-peers.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers { background-color: #dddddd; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected { background-color: #eedddd; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-trackers.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected { background-color: #eedddd; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-files.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector_header { margin-top: 8px; }
+div#torrent_inspector #inspector_header #torrent_inspector_name { font-weight: bold; font-size: large; }
+div#torrent_inspector ul.tier_list { margin: 2px 0 8px 0; width: 100%; padding-left: 0px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; }
+div#torrent_inspector ul.tier_list li { overflow: hidden; }
+div#torrent_inspector ul.tier_list .tracker_activity { float: left; color: #666; width: 330px; display: table; margin-top: 1px; }
+div#torrent_inspector ul.tier_list .tracker_activity div { padding: 2px; }
+div#torrent_inspector ul.tier_list table { float: right; color: #666; }
+div#torrent_inspector ul.tier_list th { text-align: right; }
+div#torrent_inspector li.inspector_tracker_entry { padding: 3px 0 3px 2px; display: block; }
+div#torrent_inspector li.inspector_tracker_entry.odd { background-color: #EEEEEE; }
+div#torrent_inspector div.tracker_host { font-size: 1.2em; font-weight: bold; color: #222; }
+div#torrent_inspector #inspector_file_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; }
+div#torrent_inspector #inspector_file_list { border-top: 1px solid #888; width: 100%; margin: 6px 0 0 0; padding-top: 6px; padding-bottom: 10px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; }
+div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; }
+div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; }
+div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; }
+div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; }
+div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; }
+div#torrent_inspector div.inspector_torrent_file_list_entry_progress { color: #999; margin-left: 20px; }
+div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control { background-position: left top; }
+div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -19px; }
+div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control, div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -38px; cursor: default; }
/* Peers Inspector Tab */
-#inspector_peers_list {
- padding: 0 0 0 0;
- margin: 0 0 0 0;
- text-align: left;
- cursor: default;
- overflow: hidden; }
- #inspector_peers_list > div.inspector_group {
- padding-bottom: 0;
- margin-bottom: 0; }
+#inspector_peers_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; }
+#inspector_peers_list > div.inspector_group { padding-bottom: 0; margin-bottom: 0; }
-table.peer_list {
- width: 100%;
- border-collapse: collapse;
- text-align: left;
- cursor: default;
- clear: both;
- table-layout: fixed; }
- table.peer_list .encryptedCol {
- width: 16px; }
- table.peer_list .upCol {
- width: 70px; }
- table.peer_list .downCol {
- width: 70px; }
- table.peer_list .percentCol {
- width: 30px;
- padding-right: 5px;
- text-align: right; }
- table.peer_list .statusCol {
- width: 40px;
- padding-right: 5px; }
- table.peer_list .addressCol {
- width: 180px; }
- table.peer_list .clientCol {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis; }
+table.peer_list { width: 100%; border-collapse: collapse; text-align: left; cursor: default; clear: both; table-layout: fixed; }
+table.peer_list .encryptedCol { width: 16px; }
+table.peer_list .upCol { width: 70px; }
+table.peer_list .downCol { width: 70px; }
+table.peer_list .percentCol { width: 30px; padding-right: 5px; text-align: right; }
+table.peer_list .statusCol { width: 40px; padding-right: 5px; }
+table.peer_list .addressCol { width: 180px; }
+table.peer_list .clientCol { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-tr.inspector_peer_entry div.encrypted-peer-cell {
- width: 16px;
- height: 16px;
- background: transparent url("images/lock_icon.png") no-repeat; }
-tr.inspector_peer_entry.odd {
- background-color: #EEEEEE; }
+tr.inspector_peer_entry div.encrypted-peer-cell { width: 16px; height: 16px; background: transparent url("images/lock_icon.png") no-repeat; }
+tr.inspector_peer_entry.odd { background-color: #EEEEEE; }
/***
**** File Priority Buttons
***/
-div.file-priority-radiobox {
- display: inline;
- float: right;
- margin: 4px;
- margin-top: 2px; }
- div.file-priority-radiobox > * {
- cursor: pointer;
- -moz-user-select: none;
- -webkit-user-select: none;
- display: inline-block;
- border-style: solid;
- border-color: #aaa;
- border-width: 1px;
- padding: 3px;
- width: 20px;
- height: 12px; }
- div.file-priority-radiobox > div.low {
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- background-color: #dcdcdc;
- background-image: url("images/file-priority-low.png");
- /* fallback */
- background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* FF3.6+ */
- background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* IE10 */
- background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- border-right-width: 0px; }
- div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low:hover, div.file-priority-radiobox > div.low.selected {
- background-color: #eddcdc;
- background-image: url("images/file-priority-low.png");
- /* fallback */
- background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* FF3.6+ */
- background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* IE10 */
- background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.file-priority-radiobox > div.normal {
- background-color: #dcdcdc;
- background-image: url("images/file-priority-normal.png");
- /* fallback */
- background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* FF3.6+ */
- background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* IE10 */
- background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal:hover, div.file-priority-radiobox > div.normal.selected {
- background-color: #eddcdc;
- background-image: url("images/file-priority-normal.png");
- /* fallback */
- background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* FF3.6+ */
- background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* IE10 */
- background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.file-priority-radiobox > div.high {
- -moz-border-radius-topright: 5px;
- -moz-border-radius-bottomright: 5px;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: #dcdcdc;
- background-image: url("images/file-priority-high.png");
- /* fallback */
- background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* FF3.6+ */
- background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* IE10 */
- background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- border-left-width: 0px; }
- div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high:hover, div.file-priority-radiobox > div.high.selected {
- background-color: #eddcdc;
- background-image: url("images/file-priority-high.png");
- /* fallback */
- background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* FF3.6+ */
- background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* IE10 */
- background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
+div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; }
+div.file-priority-radiobox > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 20px; height: 12px; }
+div.file-priority-radiobox > div.low { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-right-width: 0px; }
+div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low:hover, div.file-priority-radiobox > div.low.selected { background-color: #eddcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.file-priority-radiobox > div.normal { background-color: #dcdcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal:hover, div.file-priority-radiobox > div.normal.selected { background-color: #eddcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.file-priority-radiobox > div.high { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 0px; }
+div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high:hover, div.file-priority-radiobox > div.high.selected { background-color: #eddcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; }
/****
*****
***** MAIN WINDOW FOOTER
*****
****/
-div.torrent_footer {
- height: 22px;
- border-top: 1px solid #555;
- bottom: 0;
- position: fixed;
- width: 100%;
- z-index: 3;
- background-color: #cccccc;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
- background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: linear-gradient(top, #dddddd, #bbbbbb); }
- div.torrent_footer > * {
- float: left;
- margin: 2px 4px;
- width: 18px;
- height: 12px;
- padding: 2px 8px;
- float: left;
- border: 1px solid #888;
- -moz-user-select: none;
- -webkit-user-select: none; }
- div.torrent_footer div.main_container {
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/settings.png");
- /* fallback */
- background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/settings.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/settings.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer div.main_container:active, div.torrent_footer div.main_container:hover, div.torrent_footer div.main_container.selected {
- background-color: #eedddd;
- background-image: url("images/settings.png");
- /* fallback */
- background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/settings.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/settings.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/settings.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/settings.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/settings.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer #prefs-button {
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/wrench.png");
- /* fallback */
- background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button:hover, div.torrent_footer #prefs-button.selected {
- background-color: #eedddd;
- background-image: url("images/wrench.png");
- /* fallback */
- background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/wrench.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/wrench.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/wrench.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/wrench.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer #turtle-button {
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/turtle.png");
- /* fallback */
- background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button:hover, div.torrent_footer #turtle-button.selected {
- background-color: #eedddd;
- background-image: url("images/turtle.png");
- /* fallback */
- background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/turtle.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/turtle.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/turtle.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/turtle.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer #compact-button {
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/compact.png");
- /* fallback */
- background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer #compact-button:active, div.torrent_footer #compact-button:hover, div.torrent_footer #compact-button.selected {
- background-color: #eedddd;
- background-image: url("images/compact.png");
- /* fallback */
- background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/compact.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/compact.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/compact.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/compact.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/compact.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
+div.torrent_footer { height: 22px; border-top: 1px solid #555; bottom: 0; position: fixed; width: 100%; z-index: 3; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); }
+div.torrent_footer > * { float: left; margin: 2px 4px; width: 18px; height: 12px; padding: 2px 8px; float: left; border: 1px solid #888; -moz-user-select: none; -webkit-user-select: none; }
+div.torrent_footer div.main_container { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/settings.png"); /* fallback */ background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/settings.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/settings.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer div.main_container:active, div.torrent_footer div.main_container:hover, div.torrent_footer div.main_container.selected { background-color: #eedddd; background-image: url("images/settings.png"); /* fallback */ background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/settings.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/settings.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/settings.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/settings.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/settings.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer #prefs-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button:hover, div.torrent_footer #prefs-button.selected { background-color: #eedddd; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/wrench.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer #turtle-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button:hover, div.torrent_footer #turtle-button.selected { background-color: #eedddd; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/turtle.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer #compact-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer #compact-button:active, div.torrent_footer #compact-button:hover, div.torrent_footer #compact-button.selected { background-color: #eedddd; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/compact.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
/****
*****
***** DIALOGS
*****
****/
-div.dialog_container {
- position: absolute;
- top: 0;
- left: 0px;
- margin: 0px;
- width: 100%;
- height: 100%;
- text-align: center;
- color: black;
- font-size: 1.1em; }
+div.dialog_container { position: absolute; top: 0; left: 0px; margin: 0px; width: 100%; height: 100%; text-align: center; color: black; font-size: 1.1em; }
-div.dialog_container div.dialog_window {
- background-color: #eee;
- margin: 0 auto;
- opacity: .95;
- border-top: none;
- text-align: left;
- width: 420px;
- z-index: 10;
- overflow: hidden;
- position: relative;
- -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
- top: 80px; }
+div.dialog_container div.dialog_window { background-color: #eee; margin: 0 auto; opacity: .95; border-top: none; text-align: left; width: 420px; z-index: 10; overflow: hidden; position: relative; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); top: 80px; }
-@media screen and (-webkit-min-device-pixel-ratio:0) {
- div.dialog_container div.dialog_window {
- top: 0;
- margin-top: 71px; } }
-div.dialog_container .dialog_logo {
- width: 64px;
- height: 64px;
- margin: 20px 20px 0 20px;
- float: left;
- background: transparent url("images/logo.png") top left no-repeat; }
+@media screen and (-webkit-min-device-pixel-ratio:0) { div.dialog_container div.dialog_window { top: 0; margin-top: 71px; } }
+div.dialog_container .dialog_logo { width: 64px; height: 64px; margin: 20px 20px 0 20px; float: left; background: transparent url("images/logo.png") top left no-repeat; }
-div.dialog_container div.dialog_window h2.dialog_heading {
- display: block;
- float: left;
- width: 305px;
- font-size: 1.2em;
- color: black;
- margin-top: 20px; }
+div.dialog_container div.dialog_window h2.dialog_heading { display: block; float: left; width: 305px; font-size: 1.2em; color: black; margin-top: 20px; }
-div.dialog_container div.dialog_window div.dialog_message {
- float: left;
- padding-left: 3px;
- margin-left: -3px;
- width: 305px;
- overflow: hidden; }
+div.dialog_container div.dialog_window div.dialog_message { float: left; padding-left: 3px; margin-left: -3px; width: 305px; overflow: hidden; }
-div.dialog_container div.dialog_window a {
- display: block;
- float: right;
- margin: 10px 20px 10px -8px;
- padding: 5px;
- background-color: #EEE;
- border: 1px solid #787878;
- width: 50px;
- height: 15px;
- text-align: center;
- font-weight: bold;
- text-decoration: none;
- color: #323232;
- -webkit-appearance: button;
- font: -webkit-control;
- cursor: default; }
+div.dialog_container div.dialog_window a { display: block; float: right; margin: 10px 20px 10px -8px; padding: 5px; background-color: #EEE; border: 1px solid #787878; width: 50px; height: 15px; text-align: center; font-weight: bold; text-decoration: none; color: #323232; -webkit-appearance: button; font: -webkit-control; cursor: default; }
-div.dialog_container div.dialog_window a:hover,
-div.dialog_container div.dialog_window a:active {
- background: #c0c8d6 url("images/filter_bar.png") bottom repeat-x; }
+div.dialog_container div.dialog_window a:hover, div.dialog_container div.dialog_window a:active { background: #c0c8d6 url("images/filter_bar.png") bottom repeat-x; }
-div#upload_container div.dialog_window div.dialog_message label {
- margin-top: 15px;
- display: block; }
+div#upload_container div.dialog_window div.dialog_message label { margin-top: 15px; display: block; }
-div#upload_container div.dialog_window div.dialog_message input {
- width: 249px;
- margin: 3px 0 0 0;
- display: block; }
+div#upload_container div.dialog_window div.dialog_message input { width: 249px; margin: 3px 0 0 0; display: block; }
-div#upload_container div.dialog_window div.dialog_message input[type=text] {
- width: 245px;
- padding: 2px; }
+div#upload_container div.dialog_window div.dialog_message input[type=text] { width: 245px; padding: 2px; }
-div#upload_container div.dialog_window div.dialog_message input[type=checkbox] {
- margin: 15px 3px 0 0;
- display: inline;
- width: auto; }
+div#upload_container div.dialog_window div.dialog_message input[type=checkbox] { margin: 15px 3px 0 0; display: inline; width: auto; }
-div#upload_container div.dialog_window div.dialog_message #auto_start_label {
- display: inline; }
+div#upload_container div.dialog_window div.dialog_message #auto_start_label { display: inline; }
-div.dialog_container div.dialog_window form {
- margin: 0;
- padding: 0px; }
+div.dialog_container div.dialog_window form { margin: 0; padding: 0px; }
-iframe#torrent_upload_frame {
- display: block;
- /* Don't change this : safari forms won't target hidden frames (they open a new window) */
- position: absolute;
- top: -1000px;
- left: -1000px;
- width: 0px;
- height: 0px;
- border: none;
- padding: 0;
- margin: 0; }
+iframe#torrent_upload_frame { display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */ position: absolute; top: -1000px; left: -1000px; width: 0px; height: 0px; border: none; padding: 0; margin: 0; }
/****
*****
***** POPUP MENU
*****
****/
-.trans_menu {
- margin: 0;
- padding: 0; }
+.trans_menu { margin: 0; padding: 0; }
-.trans_menu,
-.trans_menu ul {
- list-style: none; }
+.trans_menu, .trans_menu ul { list-style: none; }
-.trans_menu ul {
- /* place it right above the button */
- position: relative;
- bottom: 18px;
- min-width: 210px;
- background-color: white;
- padding: 5px 0;
- text-align: left;
- list-style: none;
- -webkit-border-radius: 5px;
- -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); }
+.trans_menu ul { /* place it right above the button */ position: relative; bottom: 18px; min-width: 210px; background-color: white; padding: 5px 0; text-align: left; list-style: none; -webkit-border-radius: 5px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); }
-.trans_menu ul ul {
- min-width: 150px; }
+.trans_menu ul ul { min-width: 150px; }
-.trans_menu ul ul#footer_sort_menu {
- min-width: 175px; }
+.trans_menu ul ul#footer_sort_menu { min-width: 175px; }
-.trans_menu > * li {
- margin: 0;
- padding: 3px 10px 3px 20px !important;
- color: #000;
- cursor: default;
- text-indent: auto !important;
- width: inherit; }
+.trans_menu > * li { margin: 0; padding: 3px 10px 3px 20px !important; color: #000; cursor: default; text-indent: auto !important; width: inherit; }
-.trans_menu li.separator,
-.trans_menu li.separator.hover {
- border-top: 1px solid #ddd;
- margin: 5px 0;
- padding: 0px;
- background: transparent; }
+.trans_menu li.separator, .trans_menu li.separator.hover { border-top: 1px solid #ddd; margin: 5px 0; padding: 0px; background: transparent; }
-.trans_menu li span.arrow {
- float: right; }
+.trans_menu li span.arrow { float: right; }
-.trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected {
- color: white; }
+.trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected { color: white; }
-.trans_menu span.selected {
- margin: 0 3px 0 -15px;
- color: #666;
- float: left; }
+.trans_menu span.selected { margin: 0 3px 0 -15px; color: #666; float: left; }
-.trans_menu div.outerbox {
- display: none;
- background: transparent;
- border: 1px solid rgba(0, 0, 0, 0.1);
- -webkit-border-radius: 5px; }
+.trans_menu div.outerbox { display: none; background: transparent; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; }
-.trans_menu div.inner {
- left: 0;
- margin: 0; }
+.trans_menu div.inner { left: 0; margin: 0; }
-.trans_menu li.main li {
- z-index: 2;
- min-width: 78px; }
+.trans_menu li.main li { z-index: 2; min-width: 78px; }
-.trans_menu a {
- text-decoration: none;
- cursor: default; }
+.trans_menu a { text-decoration: none; cursor: default; }
-/*--------------------------------------
- *
- * C O N T E X T M E N U
- *
- *--------------------------------------*/
-div#jqContextMenu {
- -webkit-border-radius: 5px;
- border: 1px solid rgba(0, 0, 0, 0.1);
- -moz-user-select: none;
- -webkit-user-select: none; }
- div#jqContextMenu ul {
- filter: alpha(opacity=98);
- -moz-opacity: .98;
- opacity: .98;
- -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
- -webkit-border-radius: 5px; }
- div#jqContextMenu li.separator, div#jqContextMenu div#jqContextMenu li.separator:hover {
- background: inherit !important;
- border-top: 1px solid #ddd !important;
- margin: 5px 0 !important;
- padding: 0px; }
+/*-------------------------------------- C O N T E X T M E N U --------------------------------------*/
+div#jqContextMenu { -webkit-border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.1); -moz-user-select: none; -webkit-user-select: none; }
+div#jqContextMenu ul { filter: alpha(opacity=98); -moz-opacity: .98; opacity: .98; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); -webkit-border-radius: 5px; }
+div#jqContextMenu li.separator, div#jqContextMenu div#jqContextMenu li.separator:hover { background: inherit !important; border-top: 1px solid #ddd !important; margin: 5px 0 !important; padding: 0px; }
diff --git a/web/style/transmission/common.scss b/web/style/transmission/common.scss
index 07b46d1bb..c633cdbf4 100644
--- a/web/style/transmission/common.scss
+++ b/web/style/transmission/common.scss
@@ -514,6 +514,7 @@ ul.torrent_list
.title {
font-weight: bold;
+ font-size: larger;
padding-left: 0px;
}
@@ -594,10 +595,6 @@ div#torrent_inspector
border-left-width: 1px;
}
- > #inspector-tab-activity {
- @include buttonImage('images/inspector-activity.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
- }
-
> #inspector-tab-peers {
@include buttonImage('images/inspector-peers.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
}
@@ -624,51 +621,6 @@ div#torrent_inspector
}
}
- .inspector_group
- {
- display: table;
- width: 100%;
- border-top: 1px solid #888;
- margin: 10px 0px;
- padding: 10px 0px;
-
- .inspector_group_label
- {
- display: table-header-group;
- font-weight: bold;
- }
-
- .inspector_row
- {
- display: table-row;
-
- > .inspector_label {
- display: table-cell;
- width: 100px; /* this + the next 380 == inspector_container_with */
- }
-
- > div {
- padding-top: 10px;
- width: 380px; /* inspector_container_width==480 - inspector_label_width==100 */
- }
- }
-
- /* Trackers Inspector Tab */
- #inspector_trackers_list
- {
- padding: 0 0 0 0;
- margin: 0 0 0 0;
- text-align: left;
- cursor: default;
- overflow: hidden;
-
- & > div.inspector_group {
- padding-bottom: 0;
- margin-bottom: 0;
- }
- }
- }
-
ul.tier_list
{
margin: 2px 0 8px 0;
diff --git a/web/style/transmission/images/Makefile.am b/web/style/transmission/images/Makefile.am
index 0b6a66c34..20eb2a3cf 100644
--- a/web/style/transmission/images/Makefile.am
+++ b/web/style/transmission/images/Makefile.am
@@ -11,7 +11,6 @@ dist_data_DATA = \
file-priority-normal.png \
filter_bar.png \
filter_icon.png \
- inspector-activity.png \
inspector-files.png \
inspector-info.png \
inspector-peers.png \
diff --git a/web/style/transmission/images/inspector-activity.png b/web/style/transmission/images/inspector-activity.png
deleted file mode 100644
index 20aa1690f..000000000
Binary files a/web/style/transmission/images/inspector-activity.png and /dev/null differ
diff --git a/web/style/transmission/mobile.css b/web/style/transmission/mobile.css
index be7dc3e19..53a413698 100644
--- a/web/style/transmission/mobile.css
+++ b/web/style/transmission/mobile.css
@@ -1,1316 +1,234 @@
-/*--------------------------------------
- *
- * G L O B A L
- *
- *--------------------------------------*/
-html {
- margin: 0;
- padding: 0; }
+/*-------------------------------------- G L O B A L --------------------------------------*/
+html { margin: 0; padding: 0; }
-body {
- font: 11px Helvetica, Arial, sans-serif;
- background: #FFF;
- text-align: center;
- margin: 0;
- padding: 0;
- width: 100%;
- overflow-x: hidden;
- -webkit-text-size-adjust: none; }
- body img {
- border: none; }
- body a {
- outline: 0; }
- body div#torrent_container {
- min-height: 328px; }
- body div.dialog_container {
- min-height: 326px; }
- body div#torrent_inspector {
- min-height: 329px; }
- body.landscape div#torrent_container {
- min-height: 147px; }
- body.landscape div#dialog_container, body.landscape div#torrent_inspector {
- min-height: 143px; }
+body { font: 11px Helvetica, Arial, sans-serif; background: #FFF; text-align: center; margin: 0; padding: 0; width: 100%; overflow-x: hidden; -webkit-text-size-adjust: none; }
+body img { border: none; }
+body a { outline: 0; }
+body div#torrent_container { min-height: 328px; }
+body div.dialog_container { min-height: 326px; }
+body div#torrent_inspector { min-height: 329px; }
+body.landscape div#torrent_container { min-height: 147px; }
+body.landscape div#dialog_container, body.landscape div#torrent_inspector { min-height: 143px; }
-body.inspector_showing #torrent_filter_bar, body.inspector_showing #torrent_container,
-body.dialog_showing #torrent_filter_bar, body.dialog_showing #torrent_container, body.dialog_showing #torrent_inspector,
-body.prefs_showing #torrent_inspector, body.prefs_showing #torrent_filter_bar, body.prefs_showing #torrent_container,
-body.open_showing #torrent_filter_bar, body.open_showing #torrent_container {
- display: none !important; }
+body.inspector_showing #torrent_filter_bar, body.inspector_showing #torrent_container, body.dialog_showing #torrent_filter_bar, body.dialog_showing #torrent_container, body.dialog_showing #torrent_inspector, body.prefs_showing #torrent_inspector, body.prefs_showing #torrent_filter_bar, body.prefs_showing #torrent_container, body.open_showing #torrent_filter_bar, body.open_showing #torrent_container { display: none !important; }
/***
****
**** TOOLBAR
****
***/
-div#toolbar {
- width: 100%;
- height: 35px;
- margin: 0px;
- padding: 2px;
- border-bottom: 1px solid #AAA;
- background: url("images/red-texture.png") repeat; }
- div#toolbar > * {
- cursor: pointer;
- -moz-user-select: none;
- -webkit-user-select: none;
- display: inline-block;
- border-style: solid;
- border-color: #aaa;
- border-width: 1px;
- padding: 3px;
- margin-top: 5px;
- width: 18px;
- height: 18px;
- padding: 2px 8px;
- float: left;
- border: 1px solid #888; }
- div#toolbar div#toolbar-open {
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-folder.png");
- /* fallback */
- background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-folder.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- margin-left: 4px; }
- div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-folder.png");
- /* fallback */
- background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-folder.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-remove {
- -moz-border-radius-topright: 5px;
- -moz-border-radius-bottomright: 5px;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-close.png");
- /* fallback */
- background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-close.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-close.png");
- /* fallback */
- background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-close.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-start {
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-start.png");
- /* fallback */
- background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-start.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- margin-left: 20px; }
- div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-start.png");
- /* fallback */
- background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-start.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-pause {
- -moz-border-radius-topright: 5px;
- -moz-border-radius-bottomright: 5px;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-pause.png");
- /* fallback */
- background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-pause.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-pause.png");
- /* fallback */
- background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-pause.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-select {
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-pointer.png");
- /* fallback */
- background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-pointer.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- margin-left: 20px; }
- div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-pointer.png");
- /* fallback */
- background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > div#toolbar-inspector {
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/toolbar-info.png");
- /* fallback */
- background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-info.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- float: right;
- margin-right: 8px; }
- div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector.selected {
- background-color: #eedddd;
- background-image: url("images/toolbar-info.png");
- /* fallback */
- background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/toolbar-info.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#toolbar > *.disabled {
- opacity: 0.25; }
+div#toolbar { width: 100%; height: 35px; margin: 0px; padding: 2px; border-bottom: 1px solid #AAA; background: url("images/red-texture.png") repeat; }
+div#toolbar > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; margin-top: 5px; width: 18px; height: 18px; padding: 2px 8px; float: left; border: 1px solid #888; }
+div#toolbar div#toolbar-open { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-folder.png"); /* fallback */ background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-folder.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 4px; }
+div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open.selected { background-color: #eedddd; background-image: url("images/toolbar-folder.png"); /* fallback */ background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-folder.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-remove { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-close.png"); /* fallback */ background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-close.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove.selected { background-color: #eedddd; background-image: url("images/toolbar-close.png"); /* fallback */ background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-close.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-start { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-start.png"); /* fallback */ background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-start.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 20px; }
+div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start.selected { background-color: #eedddd; background-image: url("images/toolbar-start.png"); /* fallback */ background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-start.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-pause { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-pause.png"); /* fallback */ background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-pause.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause.selected { background-color: #eedddd; background-image: url("images/toolbar-pause.png"); /* fallback */ background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-pause.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-select { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-pointer.png"); /* fallback */ background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-pointer.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 20px; }
+div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select.selected { background-color: #eedddd; background-image: url("images/toolbar-pointer.png"); /* fallback */ background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > div#toolbar-inspector { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-info.png"); /* fallback */ background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-info.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; float: right; margin-right: 8px; }
+div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector.selected { background-color: #eedddd; background-image: url("images/toolbar-info.png"); /* fallback */ background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-info.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#toolbar > *.disabled { opacity: 0.25; }
/***
****
**** STATUSBAR
****
***/
-#statusbar {
- height: 24px;
- width: 100%;
- border-bottom: 1px solid #AAA;
- overflow: hidden;
- position: relative;
- background-color: #cccccc;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
- background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: linear-gradient(top, #dddddd, #bbbbbb); }
- #statusbar #speed-info {
- margin-top: 5px;
- margin-left: 45%;
- text-align: left; }
- #statusbar #speed-info * {
- display: inline-block; }
- #statusbar #speed-info #speed-up-icon {
- margin-left: 8px;
- width: 8px;
- height: 8px;
- background: url("images/arrow-up.png") bottom no-repeat; }
- #statusbar #speed-info #speed-dn-icon {
- width: 8px;
- height: 8px;
- background: url("images/arrow-down.png") bottom no-repeat; }
- #statusbar #speed-info #speed-up-container {
- display: none; }
- #statusbar #speed-info #speed-up-container.active {
- display: inline; }
- #statusbar #speed-info #speed-dn-container {
- display: none; }
- #statusbar #speed-info #speed-dn-container.active {
- display: inline; }
- #statusbar #filter-button {
- float: left;
- text-shadow: 0 1px 0 #ccc;
- margin: 5px 8px;
- -moz-user-select: none;
- -webkit-user-select: none; }
- #statusbar #filter-button:hover {
- cursor: pointer; }
- #statusbar #filter-button #filter-button .filter-selection {
- text-decoration: underline; }
- #statusbar input#torrent_search {
- display: none; }
+#statusbar { height: 24px; width: 100%; border-bottom: 1px solid #AAA; overflow: hidden; position: relative; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); }
+#statusbar #speed-info { margin-top: 5px; margin-left: 45%; text-align: left; }
+#statusbar #speed-info * { display: inline-block; }
+#statusbar #speed-info #speed-up-icon { margin-left: 8px; width: 8px; height: 8px; background: url("images/arrow-up.png") bottom no-repeat; }
+#statusbar #speed-info #speed-dn-icon { width: 8px; height: 8px; background: url("images/arrow-down.png") bottom no-repeat; }
+#statusbar #speed-info #speed-up-container { display: none; }
+#statusbar #speed-info #speed-up-container.active { display: inline; }
+#statusbar #speed-info #speed-dn-container { display: none; }
+#statusbar #speed-info #speed-dn-container.active { display: inline; }
+#statusbar #filter-button { float: left; text-shadow: 0 1px 0 #ccc; margin: 5px 8px; -moz-user-select: none; -webkit-user-select: none; }
+#statusbar #filter-button:hover { cursor: pointer; }
+#statusbar #filter-button #filter-button .filter-selection { text-decoration: underline; }
+#statusbar input#torrent_search { display: none; }
/***
****
**** FILTER POPUP
****
***/
-#filter-popup {
- color: #222;
- /* !important; */
- background: #FFF;
- z-index: 100; }
- #filter-popup li {
- text-align: left; }
- #filter-popup .count {
- padding-left: 3px; }
- #filter-popup .row {
- text-align: left;
- cursor: pointer;
- margin: 8px 2px;
- position: relative;
- height: 18px;
- -moz-user-select: none;
- -webkit-user-select: none; }
- #filter-popup .row .filter-img {
- border: none;
- width: 16px;
- height: 16px;
- position: absolute;
- left: 0px; }
- #filter-popup .row .filter-name {
- position: absolute;
- left: 20px; }
- #filter-popup .row .count {
- float: right;
- color: #aaa; }
- #filter-popup .row:hover, #filter-popup .row.selected {
- font-weight: bold; }
- #filter-popup #filter-by-state {
- float: left;
- width: 120px;
- overflow: hidden;
- text-overflow: ellipsis; }
- #filter-popup #filter-by-state .row .filter-img {
- display: none; }
- #filter-popup #filter-by-state .row .filter-name {
- left: 0px; }
- #filter-popup #filter-by-tracker {
- float: right;
- width: 130px;
- overflow: hidden;
- text-overflow: ellipsis; }
+#filter-popup { color: #222; /* !important; */ background: #FFF; z-index: 100; }
+#filter-popup li { text-align: left; }
+#filter-popup .count { padding-left: 3px; }
+#filter-popup .row { text-align: left; cursor: pointer; margin: 8px 2px; position: relative; height: 18px; -moz-user-select: none; -webkit-user-select: none; }
+#filter-popup .row .filter-img { border: none; width: 16px; height: 16px; position: absolute; left: 0px; }
+#filter-popup .row .filter-name { position: absolute; left: 20px; }
+#filter-popup .row .count { float: right; color: #aaa; }
+#filter-popup .row:hover, #filter-popup .row.selected { font-weight: bold; }
+#filter-popup #filter-by-state { float: left; width: 120px; overflow: hidden; text-overflow: ellipsis; }
+#filter-popup #filter-by-state .row .filter-img { display: none; }
+#filter-popup #filter-by-state .row .filter-name { left: 0px; }
+#filter-popup #filter-by-tracker { float: right; width: 130px; overflow: hidden; text-overflow: ellipsis; }
/***
****
**** TORRENT CONTAINER
****
***/
-ul.torrent_list {
- width: 100%;
- margin: 0;
- padding: 0;
- text-align: left;
- cursor: pointer;
- /**
- * Progressbar
- *
- * Each progressbar has three elemens: a parent container and two children,
- * complete and incomplete.
- *
- * The only thing needed to set the progressbar percentage is to set
- * the complete child's width as a percentage. This is because incomplete
- * is pinned to the full width and height of the parent, and complete
- * is pinned to the left side of the parent and has a higher z-index.
- *
- * The progressbar has different colors depending on its state, so there
- * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
- */ }
- ul.torrent_list li.torrent {
- border-bottom: 1px solid #ccc;
- padding: 4px 30px 5px 0px;
- color: #666;
- background-color: white; }
- ul.torrent_list li.torrent.compact {
- padding: 4px; }
- ul.torrent_list li.torrent.even {
- background-color: #F7F7F7; }
- ul.torrent_list li.torrent.selected {
- background-color: #ffe4e1; }
- ul.torrent_list li.torrent.compact div.torrent_name {
- color: black; }
- ul.torrent_list li.torrent a {
- display: none; }
- ul.torrent_list li.torrent div.torrent_name {
- font-size: 1.3em;
- font-weight: bold;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- color: #222;
- margin-top: 2px;
- margin-bottom: 2px; }
- ul.torrent_list li.torrent div.torrent_name.compact {
- font-size: 1.0em;
- font-weight: normal; }
- ul.torrent_list li.torrent div.torrent_name.paused {
- font-weight: normal;
- color: #777; }
- ul.torrent_list li.torrent div.torrent_progress_details,
- ul.torrent_list li.torrent div.torrent_peer_details {
- clear: left;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap; }
- ul.torrent_list li.torrent div.torrent_progress_details.error,
- ul.torrent_list li.torrent div.torrent_peer_details.error {
- color: #F00; }
- ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
- color: #FFF; }
- ul.torrent_list div.torrent_progress_bar_container {
- height: 10px;
- position: relative; }
- ul.torrent_list div.torrent_progress_bar_container.compact {
- width: 50px;
- position: absolute;
- right: 10px;
- margin-top: 2px;
- /*float: right;*/ }
- ul.torrent_list div.torrent_progress_bar_container.full {
- margin-top: 2px;
- margin-bottom: 5px; }
- ul.torrent_list div.torrent_peer_details.compact {
- margin-top: 2px;
- margin-right: 65px;
- /* leave room on the right for the progressbar */
- float: right;
- /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ }
- ul.torrent_list div.torrent_progress_bar {
- height: 100%;
- position: absolute;
- top: 0px;
- left: 0px;
- background-image: url("images/progress.png");
- background-repeat: repeat-x;
- border: 1px solid #888; }
- ul.torrent_list div.torrent_progress_bar.complete {
- z-index: 2; }
- ul.torrent_list div.torrent_progress_bar.complete.paused {
- background-position: left -30px;
- border-color: #989898; }
- ul.torrent_list div.torrent_progress_bar.complete.magnet {
- background-position: left -20px;
- border-color: #CFCFCF; }
- ul.torrent_list div.torrent_progress_bar.complete.leeching {
- background-position: left 0px;
- border-color: #3D9DEA; }
- ul.torrent_list div.torrent_progress_bar.complete.leeching.queued {
- background-position: left -70px;
- border-color: #889CA5; }
- ul.torrent_list div.torrent_progress_bar.complete.seeding {
- background-position: left -40px;
- border-color: #269E30; }
- ul.torrent_list div.torrent_progress_bar.complete.seeding.queued {
- background-position: left -60px;
- border-color: #8A998D; }
- ul.torrent_list div.torrent_progress_bar.incomplete {
- z-index: 1;
- width: 100%; }
- ul.torrent_list div.torrent_progress_bar.incomplete.paused {
- background-position: left -20px;
- border-color: #CFCFCF; }
- ul.torrent_list div.torrent_progress_bar.incomplete.magnet {
- background-position: left -50px;
- border-color: #D47778; }
- ul.torrent_list div.torrent_progress_bar.incomplete.leeching {
- background-position: left -20px;
- border-color: #CFCFCF; }
- ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued {
- background-position: left -80px;
- border-color: #C4C4C4; }
- ul.torrent_list div.torrent_progress_bar.incomplete.seeding {
- background-position: left -10px;
- border-color: #29AD35; }
+ul.torrent_list { width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; /** Progressbar Each progressbar has three elemens: a parent container and two children, complete and incomplete. The only thing needed to set the progressbar percentage is to set the complete child's width as a percentage. This is because incomplete is pinned to the full width and height of the parent, and complete is pinned to the left side of the parent and has a higher z-index. The progressbar has different colors depending on its state, so there are five 'decorator' classNames: paused, queued, magnet, leeching, seeding. */ }
+ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 30px 5px 0px; color: #666; background-color: white; }
+ul.torrent_list li.torrent.compact { padding: 4px; }
+ul.torrent_list li.torrent.even { background-color: #F7F7F7; }
+ul.torrent_list li.torrent.selected { background-color: #ffe4e1; }
+ul.torrent_list li.torrent.compact div.torrent_name { color: black; }
+ul.torrent_list li.torrent a { display: none; }
+ul.torrent_list li.torrent div.torrent_name { font-size: 1.3em; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222; margin-top: 2px; margin-bottom: 2px; }
+ul.torrent_list li.torrent div.torrent_name.compact { font-size: 1.0em; font-weight: normal; }
+ul.torrent_list li.torrent div.torrent_name.paused { font-weight: normal; color: #777; }
+ul.torrent_list li.torrent div.torrent_progress_details, ul.torrent_list li.torrent div.torrent_peer_details { clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+ul.torrent_list li.torrent div.torrent_progress_details.error, ul.torrent_list li.torrent div.torrent_peer_details.error { color: #F00; }
+ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { color: #FFF; }
+ul.torrent_list div.torrent_progress_bar_container { height: 10px; position: relative; }
+ul.torrent_list div.torrent_progress_bar_container.compact { width: 50px; position: absolute; right: 10px; margin-top: 2px; /*float: right;*/ }
+ul.torrent_list div.torrent_progress_bar_container.full { margin-top: 2px; margin-bottom: 5px; }
+ul.torrent_list div.torrent_peer_details.compact { margin-top: 2px; margin-right: 65px; /* leave room on the right for the progressbar */ float: right; /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ }
+ul.torrent_list div.torrent_progress_bar { height: 100%; position: absolute; top: 0px; left: 0px; background-image: url("images/progress.png"); background-repeat: repeat-x; border: 1px solid #888; }
+ul.torrent_list div.torrent_progress_bar.complete { z-index: 2; }
+ul.torrent_list div.torrent_progress_bar.complete.paused { background-position: left -30px; border-color: #989898; }
+ul.torrent_list div.torrent_progress_bar.complete.magnet { background-position: left -20px; border-color: #CFCFCF; }
+ul.torrent_list div.torrent_progress_bar.complete.leeching { background-position: left 0px; border-color: #3D9DEA; }
+ul.torrent_list div.torrent_progress_bar.complete.leeching.queued { background-position: left -70px; border-color: #889CA5; }
+ul.torrent_list div.torrent_progress_bar.complete.seeding { background-position: left -40px; border-color: #269E30; }
+ul.torrent_list div.torrent_progress_bar.complete.seeding.queued { background-position: left -60px; border-color: #8A998D; }
+ul.torrent_list div.torrent_progress_bar.incomplete { z-index: 1; width: 100%; }
+ul.torrent_list div.torrent_progress_bar.incomplete.paused { background-position: left -20px; border-color: #CFCFCF; }
+ul.torrent_list div.torrent_progress_bar.incomplete.magnet { background-position: left -50px; border-color: #D47778; }
+ul.torrent_list div.torrent_progress_bar.incomplete.leeching { background-position: left -20px; border-color: #CFCFCF; }
+ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued { background-position: left -80px; border-color: #C4C4C4; }
+ul.torrent_list div.torrent_progress_bar.incomplete.seeding { background-position: left -10px; border-color: #29AD35; }
/***
****
**** PREFERENCES
****
***/
-#prefs-dialog.ui-tabs .ui-tabs-panel {
- padding: 0px;
- -moz-user-select: none;
- -webkit-user-select: none; }
+#prefs-dialog.ui-tabs .ui-tabs-panel { padding: 0px; -moz-user-select: none; -webkit-user-select: none; }
-.prefs-section {
- margin: 10px;
- text-align: left; }
- .prefs-section > * {
- padding-top: 8px;
- padding-left: 8px; }
- .prefs-section .title {
- font-weight: bold;
- padding-left: 0px; }
- .prefs-section .row .key {
- float: left;
- padding-top: 3px; }
- .prefs-section .row .key > * {
- margin-left: 0px; }
- .prefs-section .row .value {
- margin-left: 150px; }
- .prefs-section .row .value > * {
- width: 100%; }
- .prefs-section .checkbox-row > input {
- margin: 0px; }
- .prefs-section .checkbox-row > label {
- margin-left: 5px; }
- .prefs-section #alternative-speed-limits-title {
- padding-left: 18px;
- background: transparent url("images/blue-turtle.png") no-repeat; }
+.prefs-section { margin: 10px; text-align: left; }
+.prefs-section > * { padding-top: 8px; padding-left: 8px; }
+.prefs-section .title { font-weight: bold; font-size: larger; padding-left: 0px; }
+.prefs-section .row .key { float: left; padding-top: 3px; }
+.prefs-section .row .key > * { margin-left: 0px; }
+.prefs-section .row .value { margin-left: 150px; }
+.prefs-section .row .value > * { width: 100%; }
+.prefs-section .checkbox-row > input { margin: 0px; }
+.prefs-section .checkbox-row > label { margin-left: 5px; }
+.prefs-section #alternative-speed-limits-title { padding-left: 18px; background: transparent url("images/blue-turtle.png") no-repeat; }
/***
****
**** TORRENT INSPECTOR
****
***/
-div#torrent_inspector {
- overflow: auto;
- text-align: left;
- padding: 15px;
- top: 0;
- position: relative;
- width: 100%;
- z-index: 2;
- /* Files Inspector Tab */ }
- div#torrent_inspector #inspector-tabs-wrapper {
- width: 100%;
- overflow: hidden;
- text-align: center; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs {
- display: inline-block; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
- cursor: pointer;
- -moz-user-select: none;
- -webkit-user-select: none;
- display: inline-block;
- border-style: solid;
- border-color: #aaa;
- border-width: 1px;
- padding: 3px;
- width: 30px;
- height: 20px; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/inspector-info.png");
- /* fallback */
- background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- border-left-width: 1px; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {
- background-color: #eedddd;
- background-image: url("images/inspector-info.png");
- /* fallback */
- background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/inspector-info.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity {
- background-color: #dddddd;
- background-image: url("images/inspector-activity.png");
- /* fallback */
- background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/inspector-activity.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-activity.selected {
- background-color: #eedddd;
- background-image: url("images/inspector-activity.png");
- /* fallback */
- background-image: url("images/inspector-activity.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-activity.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-activity.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/inspector-activity.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/inspector-activity.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/inspector-activity.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {
- background-color: #dddddd;
- background-image: url("images/inspector-peers.png");
- /* fallback */
- background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {
- background-color: #eedddd;
- background-image: url("images/inspector-peers.png");
- /* fallback */
- background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/inspector-peers.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {
- background-color: #dddddd;
- background-image: url("images/inspector-trackers.png");
- /* fallback */
- background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {
- background-color: #eedddd;
- background-image: url("images/inspector-trackers.png");
- /* fallback */
- background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/inspector-trackers.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {
- -moz-border-radius-topright: 5px;
- -moz-border-radius-bottomright: 5px;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/inspector-files.png");
- /* fallback */
- background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {
- background-color: #eedddd;
- background-image: url("images/inspector-files.png");
- /* fallback */
- background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/inspector-files.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div#torrent_inspector #inspector_header {
- margin-top: 8px; }
- div#torrent_inspector #inspector_header #torrent_inspector_name {
- font-weight: bold;
- font-size: large; }
- div#torrent_inspector .inspector_group {
- display: table;
- width: 100%;
- border-top: 1px solid #888;
- margin: 10px 0px;
- padding: 10px 0px;
- /* Trackers Inspector Tab */ }
- div#torrent_inspector .inspector_group .inspector_group_label {
- display: table-header-group;
- font-weight: bold; }
- div#torrent_inspector .inspector_group .inspector_row {
- display: table-row; }
- div#torrent_inspector .inspector_group .inspector_row > .inspector_label {
- display: table-cell;
- width: 100px;
- /* this + the next 230 == inspector_container_with */ }
- div#torrent_inspector .inspector_group .inspector_row > div {
- padding-top: 10px;
- width: 230px;
- /* inspector_container_width==330 - inspector_label_width==100 */ }
- div#torrent_inspector .inspector_group #inspector_trackers_list {
- padding: 0 0 0 0;
- margin: 0 0 0 0;
- text-align: left;
- cursor: default;
- overflow: hidden; }
- div#torrent_inspector .inspector_group #inspector_trackers_list > div.inspector_group {
- padding-bottom: 0;
- margin-bottom: 0; }
- div#torrent_inspector ul.tier_list {
- margin: 2px 0 8px 0;
- width: 100%;
- padding-left: 0px;
- text-align: left;
- display: block;
- cursor: default;
- list-style-type: none;
- list-style: none;
- list-style-image: none;
- clear: both; }
- div#torrent_inspector ul.tier_list li {
- overflow: hidden; }
- div#torrent_inspector ul.tier_list .tracker_activity {
- float: left;
- color: #666;
- width: 200px;
- display: table;
- margin-top: 1px; }
- div#torrent_inspector ul.tier_list .tracker_activity div {
- padding: 2px; }
- div#torrent_inspector ul.tier_list table {
- float: right;
- color: #666; }
- div#torrent_inspector ul.tier_list th {
- text-align: right; }
- div#torrent_inspector li.inspector_tracker_entry {
- padding: 3px 0 3px 2px;
- display: block; }
- div#torrent_inspector li.inspector_tracker_entry.odd {
- background-color: #EEEEEE; }
- div#torrent_inspector div.tracker_host {
- font-size: 1.2em;
- font-weight: bold;
- color: #222; }
- div#torrent_inspector #inspector_file_list {
- padding: 0 0 0 0;
- margin: 0 0 0 0;
- text-align: left;
- cursor: default;
- overflow: hidden; }
- div#torrent_inspector #inspector_file_list {
- border-top: 1px solid #888;
- width: 100%;
- margin: 6px 0 0 0;
- padding-top: 6px;
- padding-bottom: 10px;
- text-align: left;
- display: block;
- cursor: default;
- list-style-type: none;
- list-style: none;
- list-style-image: none;
- clear: both; }
- div#torrent_inspector li.inspector_torrent_file_list_entry {
- padding: 3px 0 3px 2px;
- display: block; }
- div#torrent_inspector li.inspector_torrent_file_list_entry.skip {
- color: #666; }
- div#torrent_inspector li.inspector_torrent_file_list_entry.even {
- background-color: #F7F7F7; }
- div#torrent_inspector div.inspector_torrent_file_list_entry_name {
- font-size: 1.2em;
- color: black;
- display: inline;
- margin-left: 0px; }
- div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name {
- color: #999; }
- div#torrent_inspector div.inspector_torrent_file_list_entry_progress {
- color: #999;
- margin-left: 20px; }
- div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control {
- background-position: left top; }
- div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
- background-position: left -19px; }
- div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control,
- div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
- background-position: left -38px;
- cursor: default; }
+div#torrent_inspector { overflow: auto; text-align: left; padding: 15px; top: 0; position: relative; width: 100%; z-index: 2; /* Files Inspector Tab */ }
+div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { display: inline-block; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 30px; height: 20px; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 1px; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected { background-color: #eedddd; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-info.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers { background-color: #dddddd; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected { background-color: #eedddd; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-peers.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers { background-color: #dddddd; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected { background-color: #eedddd; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-trackers.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected { background-color: #eedddd; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-files.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div#torrent_inspector #inspector_header { margin-top: 8px; }
+div#torrent_inspector #inspector_header #torrent_inspector_name { font-weight: bold; font-size: large; }
+div#torrent_inspector ul.tier_list { margin: 2px 0 8px 0; width: 100%; padding-left: 0px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; }
+div#torrent_inspector ul.tier_list li { overflow: hidden; }
+div#torrent_inspector ul.tier_list .tracker_activity { float: left; color: #666; width: 200px; display: table; margin-top: 1px; }
+div#torrent_inspector ul.tier_list .tracker_activity div { padding: 2px; }
+div#torrent_inspector ul.tier_list table { float: right; color: #666; }
+div#torrent_inspector ul.tier_list th { text-align: right; }
+div#torrent_inspector li.inspector_tracker_entry { padding: 3px 0 3px 2px; display: block; }
+div#torrent_inspector li.inspector_tracker_entry.odd { background-color: #EEEEEE; }
+div#torrent_inspector div.tracker_host { font-size: 1.2em; font-weight: bold; color: #222; }
+div#torrent_inspector #inspector_file_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; }
+div#torrent_inspector #inspector_file_list { border-top: 1px solid #888; width: 100%; margin: 6px 0 0 0; padding-top: 6px; padding-bottom: 10px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; }
+div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; }
+div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; }
+div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; }
+div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; }
+div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; }
+div#torrent_inspector div.inspector_torrent_file_list_entry_progress { color: #999; margin-left: 20px; }
+div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control { background-position: left top; }
+div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -19px; }
+div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control, div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -38px; cursor: default; }
/* Peers Inspector Tab */
-#inspector_peers_list {
- padding: 0 0 0 0;
- margin: 0 0 0 0;
- text-align: left;
- cursor: default;
- overflow: hidden; }
- #inspector_peers_list > div.inspector_group {
- padding-bottom: 0;
- margin-bottom: 0; }
+#inspector_peers_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; }
+#inspector_peers_list > div.inspector_group { padding-bottom: 0; margin-bottom: 0; }
-table.peer_list {
- width: 100%;
- border-collapse: collapse;
- text-align: left;
- cursor: default;
- clear: both;
- table-layout: fixed; }
- table.peer_list .encryptedCol {
- width: 16px; }
- table.peer_list .upCol {
- width: 70px; }
- table.peer_list .downCol {
- width: 70px; }
- table.peer_list .percentCol {
- width: 30px;
- padding-right: 5px;
- text-align: right; }
- table.peer_list .statusCol {
- width: 40px;
- padding-right: 5px; }
- table.peer_list .addressCol {
- width: 180px; }
- table.peer_list .clientCol {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis; }
+table.peer_list { width: 100%; border-collapse: collapse; text-align: left; cursor: default; clear: both; table-layout: fixed; }
+table.peer_list .encryptedCol { width: 16px; }
+table.peer_list .upCol { width: 70px; }
+table.peer_list .downCol { width: 70px; }
+table.peer_list .percentCol { width: 30px; padding-right: 5px; text-align: right; }
+table.peer_list .statusCol { width: 40px; padding-right: 5px; }
+table.peer_list .addressCol { width: 180px; }
+table.peer_list .clientCol { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-tr.inspector_peer_entry div.encrypted-peer-cell {
- width: 16px;
- height: 16px;
- background: transparent url("images/lock_icon.png") no-repeat; }
-tr.inspector_peer_entry.odd {
- background-color: #EEEEEE; }
+tr.inspector_peer_entry div.encrypted-peer-cell { width: 16px; height: 16px; background: transparent url("images/lock_icon.png") no-repeat; }
+tr.inspector_peer_entry.odd { background-color: #EEEEEE; }
/***
**** File Priority Buttons
***/
-div.file-priority-radiobox {
- display: inline;
- float: right;
- margin: 4px;
- margin-top: 2px; }
- div.file-priority-radiobox > * {
- cursor: pointer;
- -moz-user-select: none;
- -webkit-user-select: none;
- display: inline-block;
- border-style: solid;
- border-color: #aaa;
- border-width: 1px;
- padding: 3px;
- width: 20px;
- height: 12px; }
- div.file-priority-radiobox > div.low {
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
- background-color: #dcdcdc;
- background-image: url("images/file-priority-low.png");
- /* fallback */
- background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* FF3.6+ */
- background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* IE10 */
- background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- border-right-width: 0px; }
- div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected {
- background-color: #eddcdc;
- background-image: url("images/file-priority-low.png");
- /* fallback */
- background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* FF3.6+ */
- background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* IE10 */
- background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.file-priority-radiobox > div.normal {
- background-color: #dcdcdc;
- background-image: url("images/file-priority-normal.png");
- /* fallback */
- background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* FF3.6+ */
- background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* IE10 */
- background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected {
- background-color: #eddcdc;
- background-image: url("images/file-priority-normal.png");
- /* fallback */
- background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* FF3.6+ */
- background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* IE10 */
- background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.file-priority-radiobox > div.high {
- -moz-border-radius-topright: 5px;
- -moz-border-radius-bottomright: 5px;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: #dcdcdc;
- background-image: url("images/file-priority-high.png");
- /* fallback */
- background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* FF3.6+ */
- background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* IE10 */
- background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat;
- border-left-width: 0px; }
- div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected {
- background-color: #eddcdc;
- background-image: url("images/file-priority-high.png");
- /* fallback */
- background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1));
- /* Saf4+, Chrome */
- background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* FF3.6+ */
- background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* IE10 */
- background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1);
- /* Opera 11.10+ */
- background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3c8c8, #f8f1f1);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
+div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; }
+div.file-priority-radiobox > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 20px; height: 12px; }
+div.file-priority-radiobox > div.low { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-right-width: 0px; }
+div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected { background-color: #eddcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.file-priority-radiobox > div.normal { background-color: #dcdcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected { background-color: #eddcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.file-priority-radiobox > div.high { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 0px; }
+div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected { background-color: #eddcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; }
/****
*****
***** MAIN WINDOW FOOTER
*****
****/
-div.torrent_footer {
- height: 22px;
- border-top: 1px solid #555;
- position: relative;
- width: 100%;
- z-index: 3;
- background-color: #cccccc;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
- background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
- background-image: linear-gradient(top, #dddddd, #bbbbbb); }
- div.torrent_footer > * {
- position: relative;
- float: left;
- margin: 2px 4px;
- width: 18px;
- height: 12px;
- padding: 2px 8px;
- float: left;
- border: 1px solid #888;
- -moz-user-select: none;
- -webkit-user-select: none; }
- div.torrent_footer div.main_container,
- div.torrent_footer ul#settings_menu {
- display: none; }
- div.torrent_footer #prefs-button {
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/wrench.png");
- /* fallback */
- background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected {
- background-color: #eedddd;
- background-image: url("images/wrench.png");
- /* fallback */
- background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/wrench.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/wrench.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/wrench.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/wrench.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer #turtle-button {
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/turtle.png");
- /* fallback */
- background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {
- background-color: #eedddd;
- background-image: url("images/turtle.png");
- /* fallback */
- background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/turtle.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/turtle.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/turtle.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/turtle.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer #compact-button {
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #dddddd;
- background-image: url("images/compact.png");
- /* fallback */
- background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
- /* Saf4+, Chrome */
- background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb);
- /* FF3.6+ */
- background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb);
- /* IE10 */
- background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb);
- /* Opera 11.10+ */
- background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
- div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected {
- background-color: #eedddd;
- background-image: url("images/compact.png");
- /* fallback */
- background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white));
- /* Saf4+, Chrome */
- background-image: url("images/compact.png"), -webkit-linear-gradient(top, #ddbbbb, white);
- /* Chrome 10+, Saf5.1+ */
- background-image: url("images/compact.png"), -moz-linear-gradient(top, #ddbbbb, white);
- /* FF3.6+ */
- background-image: url("images/compact.png"), -ms-linear-gradient(top, #ddbbbb, white);
- /* IE10 */
- background-image: url("images/compact.png"), -o-linear-gradient(top, #ddbbbb, white);
- /* Opera 11.10+ */
- background-image: url("images/compact.png"), linear-gradient(top, #ddbbbb, white);
- /* W3C */
- background-position: center;
- background-repeat: no-repeat; }
+div.torrent_footer { height: 22px; border-top: 1px solid #555; position: relative; width: 100%; z-index: 3; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); }
+div.torrent_footer > * { position: relative; float: left; margin: 2px 4px; width: 18px; height: 12px; padding: 2px 8px; float: left; border: 1px solid #888; -moz-user-select: none; -webkit-user-select: none; }
+div.torrent_footer div.main_container, div.torrent_footer ul#settings_menu { display: none; }
+div.torrent_footer #prefs-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected { background-color: #eedddd; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/wrench.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer #turtle-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { background-color: #eedddd; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/turtle.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer #compact-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
+div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected { background-color: #eedddd; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/compact.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; }
/****
*****
***** DIALOGS
*****
****/
-div#dialog_message.dialog_message {
- width: 280px;
- margin: 10px auto 25px;
- font-size: 13px;
- line-height: 14px;
- word-wrap: break-word;
- overflow: hidden;
- padding-bottom: 0; }
+div#dialog_message.dialog_message { width: 280px; margin: 10px auto 25px; font-size: 13px; line-height: 14px; word-wrap: break-word; overflow: hidden; padding-bottom: 0; }
-#torrent_upload_file, label[for="torrent_upload_file"] {
- display: none; }
+#torrent_upload_file, label[for="torrent_upload_file"] { display: none; }
-h2.dialog_heading {
- text-align: center;
- width: 300px;
- margin: 0 auto;
- font-size: 17px; }
+h2.dialog_heading { text-align: center; width: 300px; margin: 0 auto; font-size: 17px; }
-div.dialog_container a {
- color: white;
- padding: 7px 0;
- background: #222;
- text-decoration: none;
- border: 2px solid white;
- margin: 5px 5px 0;
- font-weight: bold;
- -webkit-border-radius: 16px;
- display: inline-block;
- width: 90px;
- font-size: 12px;
- text-align: center; }
+div.dialog_container a { color: white; padding: 7px 0; background: #222; text-decoration: none; border: 2px solid white; margin: 5px 5px 0; font-weight: bold; -webkit-border-radius: 16px; display: inline-block; width: 90px; font-size: 12px; text-align: center; }
-#dialog_container div.dialog_window img {
- margin: 5px auto 12px; }
+#dialog_container div.dialog_window img { margin: 5px auto 12px; }
-.landscape div.dialog_container a#dialog_cancel_button {
- left: 155px; }
-.landscape div.dialog_container a#dialog_confirm_button {
- right: 110px; }
-.landscape div.dialog_container img {
- float: left !important;
- margin: 0 0 0 50px; }
-.landscape h2#dialog_heading.dialog_heading {
- margin: 5px auto 0;
- margin-left: 150px;
- text-align: left; }
-.landscape div#dialog_message.dialog_message {
- width: 300px;
- margin: 10px 0 20px 150px;
- text-align: left; }
+.landscape div.dialog_container a#dialog_cancel_button { left: 155px; }
+.landscape div.dialog_container a#dialog_confirm_button { right: 110px; }
+.landscape div.dialog_container img { float: left !important; margin: 0 0 0 50px; }
+.landscape h2#dialog_heading.dialog_heading { margin: 5px auto 0; margin-left: 150px; text-align: left; }
+.landscape div#dialog_message.dialog_message { width: 300px; margin: 10px 0 20px 150px; text-align: left; }
-div#torrent_context_menu {
- display: none; }
+div#torrent_context_menu { display: none; }
-iframe#torrent_upload_frame {
- display: block;
- /* Don't change this : safari forms won't target hidden frames (they open a new window) */
- position: absolute;
- top: -1000px;
- left: -1000px;
- width: 0px;
- height: 0px;
- border: none;
- padding: 0;
- margin: 0; }
+iframe#torrent_upload_frame { display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */ position: absolute; top: -1000px; left: -1000px; width: 0px; height: 0px; border: none; padding: 0; margin: 0; }
diff --git a/web/style/transmission/mobile.scss b/web/style/transmission/mobile.scss
index a4908e573..4313e6725 100644
--- a/web/style/transmission/mobile.scss
+++ b/web/style/transmission/mobile.scss
@@ -458,6 +458,7 @@ ul.torrent_list
.title {
font-weight: bold;
+ font-size: larger;
padding-left: 0px;
}
@@ -529,10 +530,6 @@ div#torrent_inspector
border-left-width: 1px;
}
- > #inspector-tab-activity {
- @include buttonImage('images/inspector-activity.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
- }
-
> #inspector-tab-peers {
@include buttonImage('images/inspector-peers.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
}
@@ -559,51 +556,6 @@ div#torrent_inspector
}
}
- .inspector_group
- {
- display: table;
- width: 100%;
- border-top: 1px solid #888;
- margin: 10px 0px;
- padding: 10px 0px;
-
- .inspector_group_label
- {
- display: table-header-group;
- font-weight: bold;
- }
-
- .inspector_row
- {
- display: table-row;
-
- > .inspector_label {
- display: table-cell;
- width: 100px; /* this + the next 230 == inspector_container_with */
- }
-
- > div {
- padding-top: 10px;
- width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */
- }
- }
-
- /* Trackers Inspector Tab */
- #inspector_trackers_list
- {
- padding: 0 0 0 0;
- margin: 0 0 0 0;
- text-align: left;
- cursor: default;
- overflow: hidden;
-
- & > div.inspector_group {
- padding-bottom: 0;
- margin-bottom: 0;
- }
- }
- }
-
ul.tier_list
{
margin: 2px 0 8px 0;