From 09cc4c7a6882065335c1698613e670fb1c8ce606 Mon Sep 17 00:00:00 2001 From: Charles Kerr Date: Sat, 12 Sep 2020 21:44:47 -0500 Subject: [PATCH] fix: broken HTML (#1446) * chore: refresh css files with sass 1.26.10 * fix: css selector for toolbar-separator * chore: fix duplicate html ids in mac client faq * fix: duplicate ID 'pagetitle' tags in Mac help * fix: duplicate ID 'taskbox' tags in Mac help * chore: fix mismatched div --- macosx/TransmissionHelp/html/FAQ.html | 20 +- macosx/TransmissionHelp/html/Index2.html | 29 +- macosx/TransmissionHelp/html/Speed.html | 8 +- macosx/TransmissionHelp/html/check.html | 4 +- .../TransmissionHelp/html/gettingstarted.html | 2 +- macosx/TransmissionHelp/html/network.html | 4 +- macosx/TransmissionHelp/html/peers.html | 12 +- macosx/TransmissionHelp/html/pffirewall.html | 4 +- macosx/TransmissionHelp/html/pfrouter.html | 10 +- macosx/TransmissionHelp/html/portforward.html | 2 +- macosx/TransmissionHelp/html/remote.html | 4 +- macosx/TransmissionHelp/html/scripts.html | 4 +- macosx/TransmissionHelp/html/tracker.html | 8 +- .../TransmissionHelp/html/troubleshoot.html | 12 +- macosx/TransmissionHelp/html/usingt.html | 2 +- macosx/TransmissionHelp/styles/TransBody.css | 219 +- web/index.html | 4 +- web/style/transmission/common.css | 1785 +++++++++-------- web/style/transmission/common.scss | 2 +- web/style/transmission/mobile.css | 1632 ++++++++------- web/style/transmission/mobile.scss | 2 +- 21 files changed, 2151 insertions(+), 1618 deletions(-) diff --git a/macosx/TransmissionHelp/html/FAQ.html b/macosx/TransmissionHelp/html/FAQ.html index 85725fcdc..821a19539 100644 --- a/macosx/TransmissionHelp/html/FAQ.html +++ b/macosx/TransmissionHelp/html/FAQ.html @@ -16,7 +16,7 @@ Index -
+

Why is my download so slow?

Read these tips for maximizing your download speed. @@ -27,20 +27,20 @@ Furthermore, if there are few seeds and many peers, more people will be fighting for the same scarce pieces which will slow things down. Best results are achieved when the torrent has more seeds than peers.

-

+

Why isn't my torrent downloading at all?

Often this is because the tracker is down, and thus Transmission is unable to interact with other peers. If this is the case, enabling DHT (trackerless torrents) (Preferences -> Peers) might help for public torrents.

If there are no seeders in the swarm, and all the other peers have sent you what they have, you (and everyone else) will not be able to complete the download, and your speed will drop to zero.

Torrents take a while to get going and so may not download much (if at all) initially. Most torrents are downloading at some rate after 15 or so minutes.

-

+

Transmission crashed, what should I do?

Post the crash log on the support forums so that the issue can be fixed as quickly as possible. Crash logs are held in ~/Library/Logs/CrashReporter/.

If your torrents' progress are incorrect when you reopen Transmission (e.g. they are starting from 0%) then you should manually recheck them. Click here for instructions.

-

+

What do the colors mean in the pieces box?

Blue: we have this piece - lighter shades of blue (progress only) indicate incomplete pieces
@@ -48,21 +48,21 @@ White: no connected peers have this piece (available) or we do not have any of this piece (progress)

-

+

What are seeds/peers/leechers?

Peers are people you are connected to. If they have the whole file and are only uploading, they are referred to as a 'seeder'. If they only have part of the torrent, and are downloading and uploading, they are referred to as a 'leecher'.

-

+

What is the ratio shown during seeding?

This shows your upload/download ratio. 1.00 means you have uploaded as much as you have downloaded, 2.00 means you have uploaded twice the amount you have downloaded, etc.

-

+

What are 'Magnet links'?

Magnet links contain a torrent's hash, or unique identifier, as well as a tracker address, allowing a torrent to be added without downloading a torrent file.

-
+

What do the stats in the Activity tab of the Inspector mean?

Have is the sum of verified and unverified data. The Verified amount, in brackets, is how much checksum-verified data you have downloaded.
@@ -71,11 +71,11 @@ Failed DL is data that failed our checksum test and needs to be downloaded again.
Ratio is the ratio of download data to uploaded data.

-

+

What does the 'Tracker' tab mean in the Inspector?

See this page. -

+

What are 'nightlies'?

Nightlies are releases on the bleeding edge of development. They normally contain new features and bugfixes, but are not officially supported (although you are more than welcome to discuss them on the Transmission forums). You can try one out here. diff --git a/macosx/TransmissionHelp/html/Index2.html b/macosx/TransmissionHelp/html/Index2.html index 2d2020f41..a83dac543 100644 --- a/macosx/TransmissionHelp/html/Index2.html +++ b/macosx/TransmissionHelp/html/Index2.html @@ -1,29 +1,24 @@ - + + - - - + Index - - - + + +

- -
+ + diff --git a/macosx/TransmissionHelp/html/Speed.html b/macosx/TransmissionHelp/html/Speed.html index 5ee07d1f4..8c4f085f7 100644 --- a/macosx/TransmissionHelp/html/Speed.html +++ b/macosx/TransmissionHelp/html/Speed.html @@ -16,18 +16,18 @@ Index
-
+

How do I maximize my download speed?

  1. Make sure Transmission's port is forwarded. Port forwarding makes it easier for others to connect to you, which therefore increases your speed. -
    +

    If your router supports NAT-PMP, UPnP, or you have Apple AirPort, Transmission can do this automatically; just tick the checkbox in Preferences -> Network.

  2. Make sure you cap your upload speed, so that it isn't flooded. A good rule of thumb is about 60-70% of your maximum upload bandwidth. This can be adjusted in Preferences -> Bandwidth, or in real time using the Action menu. -
    +

    eg. If your upload connection is 256 Kilobits/sec, then you should cap it at 21 KB/sec ((256 / 8) * 0.66 = 21).

    3. @@ -36,7 +36,7 @@

    Remember, your download speed is proportional to how fast you upload. If there are many transfers running, then each transfer will only receive a small proportion of your upload bandwidth, reducing their respective download speeds. To avoid spreading your upload too thinly, a good rule of thumb is to have at least 128 KBit/sec of upload bandwidth for every torrent you wish to run simultaneously. -

    +

    eg. If your upload bandwidth is 256 KBit/sec, then you should only have two (256/128 = 2) downloading transfers in the queue.

    diff --git a/macosx/TransmissionHelp/html/check.html b/macosx/TransmissionHelp/html/check.html index fa0373681..f45ab4602 100644 --- a/macosx/TransmissionHelp/html/check.html +++ b/macosx/TransmissionHelp/html/check.html @@ -15,13 +15,13 @@ Index
-
+

How do I manually recheck my files?

If Transmission crashes, you may want to manually recheck your files to both verify that the download has not been corrupted, and to ensure that the download continues where it left off, and does not start over.

To do this: -

+
  1. Select the relevant torrent.
  2. Go to the Transfers menu -> Verify Local Data.
    3. diff --git a/macosx/TransmissionHelp/html/gettingstarted.html b/macosx/TransmissionHelp/html/gettingstarted.html index 3cc1a07dc..696af42ae 100644 --- a/macosx/TransmissionHelp/html/gettingstarted.html +++ b/macosx/TransmissionHelp/html/gettingstarted.html @@ -23,7 +23,7 @@ Transmission Icon  
-
+

Welcome to Transmission!

Transmission is a BitTorrent client. It is used for peer to peer filesharing over the internet. BitTorrent is a fast way of transferring files, because everyone who downloads must also upload to others. This means speeds are only limited by the number of people connected to a given torrent - the more people the better! diff --git a/macosx/TransmissionHelp/html/network.html b/macosx/TransmissionHelp/html/network.html index affcd782c..448cb8516 100644 --- a/macosx/TransmissionHelp/html/network.html +++ b/macosx/TransmissionHelp/html/network.html @@ -17,12 +17,12 @@ Index

-
+

What is the 'Micro Transport Protocol'?

The Micro Transport Protocol (µTP) is a protocol designed to reduce latency and network congestion. Transfers are automatically slowed down when they are interfering with other applications. This feature is compatible with all other µTP-compatible clients.

-

+

Why do I see a red dot and 'Port is closed'?

You haven't port forwarded correctly. Port forwarding opens a port in your firewall or router so that incoming connections from the outside world can be made with Transmission. If the port is forwarded, other people in the torrent can see you, thus increasing your potential number of connections, which more importantly, might increase the speed of your download. diff --git a/macosx/TransmissionHelp/html/peers.html b/macosx/TransmissionHelp/html/peers.html index 1079dda63..32b3fda13 100644 --- a/macosx/TransmissionHelp/html/peers.html +++ b/macosx/TransmissionHelp/html/peers.html @@ -18,32 +18,32 @@

-
+

What is 'peer exchange'?

Peer Exchange (PEX) is a method of discovering new peers via other peers, rather than the tracker. It allows Transmission to attach to the swarm much quicker. PEX is automatically disabled for privately tracked torrents. The feature is compatible with both Vuze and µTorrent peers.

-

+

What is the 'distributed hash table'?

The Distributed Hash Table (DHT) allows peers to be obtained without connecting to the tracker. This allows transfers to continue even if trackers are unreachable. It is another way that Transmission can attach to the swarm quicker. DHT is automatically disabled for privately tracked torrents.

-

+

What is encryption?

Transmission encrypts the connections it makes with other peers when necessary, using the RC4 cipher. The implementation is compatible with other clients such as Vuze and µTorrent. It is always enabled, however you can set Transmission (Preferences -> Peers) to prefer encrypted peers or to ignore unencrypted peers completely.

Note that the latter option may make Transmission unconnectable in some swarms. The encryption feature does not mean your session is secure or anonymous, it is merely a way to avoid the traffic shaping measures some ISPs have implemented.

-

+

What are 'connections'?

Global maximum connections (Preferences -> Peers) is the total number of peers that Transmission will connect to across all of your transfers. Connections per torrent can also be adjusted here, as well as in the Inspector.

It is recommended that these values are left at their default setting, as allowing too many connections will severely hinder web browsing and other online activities, as well as possibly crashing your router. Increase this value at your own risk!

-

+

Recommended settings:

  • Global maximum connections: 200
    • @@ -51,7 +51,7 @@

-

+

What is a blocklist?

Transmission can block specific peers by utilizing a blocklist. An internet address for a blocklist file containing a list of IP addresses can be entered (Preferences -> Peers) and configured to auto-update weekly. Blocklists can also be manually added into ~/Library/Application Support/Transmission. diff --git a/macosx/TransmissionHelp/html/pffirewall.html b/macosx/TransmissionHelp/html/pffirewall.html index a098531e2..357b7f3a3 100644 --- a/macosx/TransmissionHelp/html/pffirewall.html +++ b/macosx/TransmissionHelp/html/pffirewall.html @@ -16,13 +16,13 @@ Index

-
+

Configuring the Mac OS X Firewall


Upon opening Transmission for the first time, a Mac OS X dialog box should appear asking if you will allow Transmission to receive incoming connections. Click Accept.

If this doesn't happen, you can add Transmission to the firewall manually: -

+
  1. Open System Prefs -> Security -> Firewall. Make sure "Set access for specific services and applications" is selected.
  2. Click the "+" button and select Transmission from your Applications folder.
    3. diff --git a/macosx/TransmissionHelp/html/pfrouter.html b/macosx/TransmissionHelp/html/pfrouter.html index c565e0bf1..1c6d51d74 100644 --- a/macosx/TransmissionHelp/html/pfrouter.html +++ b/macosx/TransmissionHelp/html/pfrouter.html @@ -16,14 +16,14 @@ Index
-
+

Port Forwarding a Router

If you are using a router, it is probably OK to disable the OS X firewall, as you are already being protected by the router. To disable the firewall, open System Prefs -> Security -> Firewall. Click Stop.

To forward a port in your router manually: -

+
  1. Find out what your IP address is. You can find your computer's IP address by going to System Prefs -> Network, double-clicking on your connection (for instance, Built-in Ethernet), and clicking the TCP/IP tab. It's probably something like 192.168.1.100, or 10.0.1.2.
  2. Open Transmission, go to preferences, and enter a number for the port. It is recommended you pick a random number between 49152 and 65535. Let's use 50001 for now. Then quit Transmission.
    3. @@ -46,16 +46,16 @@

    If you find yourself having to change your router settings all the time, a static IP address might be beneficial. -

    +

    What is a static IP?

    A static IP is when your computer is assigned an IP address which does not change. This can be helpful if you have a laptop or have multiple computers on your network. While it makes things a bit simpler, you don't have to have a static IP for BitTorrent or Port Forwarding to work.

    A dynamic IP address assigned by your wireless router for example will most likely not change unless you reboot your computer, or leave and rejoin the network. Thus, having a static IP isn't really necessary, especially if your router supports UPnP.

    -

    +

    How do I get a static IP address?

    -
    +
    1. Go to System Prefs -> Network, double-click on your connection (for instance, Built-in Ethernet), and click the TCP/IP tab.
    2. Write down the IP, Subnet Mask and Router addresses. diff --git a/macosx/TransmissionHelp/html/portforward.html b/macosx/TransmissionHelp/html/portforward.html index cf33ee378..17553254f 100644 --- a/macosx/TransmissionHelp/html/portforward.html +++ b/macosx/TransmissionHelp/html/portforward.html @@ -1 +1 @@ - Port Forwarding FAQ

      How do I Port Forward?

      If your router supports NAT-PMP, UPnP, or you have Apple AirPort, Transmission can map its port automatically. Most routers manufactured since 2001 have this feature.

      1. Open Transmission.
      2. Go to Preferences -> Network, and check 'Automatically map port'.
      3. If you get a green dot and 'Port is Open' then you have successfully port forwarded!

        4. If you get a red dot and the message 'Port is closed', click here.

      If you don't have a compatible router, it is simple to forward Transmission's port manually. For instructions click here.

      3. If you don't use a router, and your modem is directly connected to your computer, you'll need to open Transmission's port in the Mac OS X firewall. For instructions click here.

      Note: It is highly recommended you enable the Mac OS X firewall if you are not using a router.

      Keep in mind that many DSL modems also function as routers, so port forwarding may still be necessary, even though your computer is directly connected to the modem.

    \ No newline at end of file + Port Forwarding FAQ

    How do I Port Forward?

    If your router supports NAT-PMP, UPnP, or you have Apple AirPort, Transmission can map its port automatically. Most routers manufactured since 2001 have this feature.

    1. Open Transmission.
    2. Go to Preferences -> Network, and check 'Automatically map port'.
    3. If you get a green dot and 'Port is Open' then you have successfully port forwarded!

      4. If you get a red dot and the message 'Port is closed', click here.

    If you don't have a compatible router, it is simple to forward Transmission's port manually. For instructions click here.

    If you don't use a router, and your modem is directly connected to your computer, you'll need to open Transmission's port in the Mac OS X firewall. For instructions click here.

    Note: It is highly recommended you enable the Mac OS X firewall if you are not using a router.

    Keep in mind that many DSL modems also function as routers, so port forwarding may still be necessary, even though your computer is directly connected to the modem.

    \ No newline at end of file diff --git a/macosx/TransmissionHelp/html/remote.html b/macosx/TransmissionHelp/html/remote.html index 96c2f0021..e41af04fb 100644 --- a/macosx/TransmissionHelp/html/remote.html +++ b/macosx/TransmissionHelp/html/remote.html @@ -18,13 +18,13 @@
    -
    +

    What is remote access?

    Transmission has a web interface which can be used to monitor and manage your transfers over the internet. Other applications, such as transmission-remote, can also control Transmission. If you want to use the web interface, or another remote control application, check 'Enable remote access'. Leave this option unchecked if you are only going to be managing your transfers on your local machine.

    For security purposes, you can password protect access to Transmission, as well as restrict access to a trusted list of external IP addresses. To add an address to the list, click the + button.

    You can view the web interface on your local computer by clicking the 'Launch web interface' button. To view it on a remote location: -

    +
    1. Open your web browser
    2. In the address bar, enter "http://localip:port/transmission/web/", where:
      3. diff --git a/macosx/TransmissionHelp/html/scripts.html b/macosx/TransmissionHelp/html/scripts.html index 20aa5eee6..59088434d 100644 --- a/macosx/TransmissionHelp/html/scripts.html +++ b/macosx/TransmissionHelp/html/scripts.html @@ -17,12 +17,12 @@ Index
    -
    +

    Running Scripts

    Transmission can be set to invoke a script when downloads complete. The environment variables supported are: -

    +
    • TR_APP_VERSION
    • TR_TIME_LOCALTIME
      • diff --git a/macosx/TransmissionHelp/html/tracker.html b/macosx/TransmissionHelp/html/tracker.html index 7f33c79d3..36f5611b3 100644 --- a/macosx/TransmissionHelp/html/tracker.html +++ b/macosx/TransmissionHelp/html/tracker.html @@ -15,22 +15,22 @@ Index
    -
    +

    Can I add and remove trackers in my torrents?

    Yes. To add trackers to a currently running torrent, go to Inspector -> Tracker, and click the plus button (+). To remove them, click minus button (-). Multiple trackers can also be added to torrent files you create. Each newly-added tracker will be placed in a new tier.

    -

    +

    What is 'Tier 1', 'Tier 2', etc?

    Transmission supports multitracker torrents. All of a given torrent's trackers are divided into 'Tiers'. A tracker from each tier will be contacted simultaneously. Transmission randomly chooses a tracker from each tier until it finds one that works.

    -

    +

    What does 'announce' mean?

    When Transmission announces, it is updating its presence to the tracker and asking for more peers. This happens periodically, at the discretion of the tracker, however can be manually invoked via Transfers menu >> Update Tracker.

    -

    +

    What does 'scrape' mean?

    Scraping the tracker simply means asking for information about the swarm itself. For example, the number of peers, seeds etc. diff --git a/macosx/TransmissionHelp/html/troubleshoot.html b/macosx/TransmissionHelp/html/troubleshoot.html index 4e024edf6..696eb08fe 100644 --- a/macosx/TransmissionHelp/html/troubleshoot.html +++ b/macosx/TransmissionHelp/html/troubleshoot.html @@ -16,13 +16,13 @@ Index

    -
    +

    I cannot get Transmission's port to open!

    If your port is still not open, even after you have enabled automatic port forwarding, here are some tips you can use which may get it working. -

    +

    If you are still having problems, open the Message Log (in the Window menu) and post the debug output on the support forums.

    1. Pause your torrents
      2. @@ -32,7 +32,7 @@
    -
    +

    UPnP

    For UPnP compatible routers, make sure: @@ -42,12 +42,12 @@

  3. The port has not already been forwarded manually. -
    +

    AirPort

    If you have an Apple AirPort, make sure NAT-PMP is enabled. -

    +
    1. Open AirPort Utility (located in /Applications/Utilities)
    2. Select your base station, and then choose Manual Setup from the Base Station menu. Enter the base station password if necessary.
      3. @@ -59,7 +59,7 @@
    -
    +

    Double NAT

    Another possible reason your port remains closed could be because your router is not the only device on the network which needs to be configured. diff --git a/macosx/TransmissionHelp/html/usingt.html b/macosx/TransmissionHelp/html/usingt.html index eb8d374af..57df9c3ba 100644 --- a/macosx/TransmissionHelp/html/usingt.html +++ b/macosx/TransmissionHelp/html/usingt.html @@ -16,7 +16,7 @@ Index

    4. -
    +

    Managing your transfers

      diff --git a/macosx/TransmissionHelp/styles/TransBody.css b/macosx/TransmissionHelp/styles/TransBody.css index 0516cea43..0e762d8d9 100644 --- a/macosx/TransmissionHelp/styles/TransBody.css +++ b/macosx/TransmissionHelp/styles/TransBody.css @@ -1 +1,218 @@ - /* */ body { margin: 2px 12px 12px } h1 { font-size: 11pt; font-family: "Lucida Grande", Arial, sans-serif; margin-bottom: 0 } h2 { font-size: 9pt; font-family: "Lucida Grande", Arial, sans-serif; margin-top: 0; margin-bottom: -10px } h3 { font-size: 9pt; font-family: "Lucida Grande", Arial, sans-serif; font-weight: bold; margin-top: -4px; margin-bottom: -4px } p { font-size: 9pt; font-family: "Lucida Grande", Arial, sans-serif; line-height: 12pt; text-decoration: none } ol { font-size: 9pt; font-family: "Lucida Grande", Arial, sans-serif; line-height: 12pt; list-style-position: outside; margin-top: 12px; margin-bottom: 12px; margin-left: -18px; padding-left: 40px } ol li { margin-top: 6px; margin-bottom: 6px } ol p { margin-top: 6px; margin-bottom: 6px } ul { font-size: 9pt; font-family: "Lucida Grande", Arial, sans-serif; line-height: 12pt; list-style-type: round; list-style-position: outside; margin-top: 12px; margin-bottom: 12px; margin-left: -24px; padding-left: 40px } ul li { margin-top: 6px; margin-bottom: 6px } ul p { margin-top: 6px; margin-bottom: 6px } a { color: #00f; font-size: 9pt; font-family: "Lucida Grande", Arial, sans-serif; line-height: 12pt; text-decoration: none } a:hover { color: #00f; font-family: "Lucida Grande", Arial, sans-serif; text-decoration: underline } hr { text-decoration: none; border: solid 1px #bfbfbf } td { padding: 6px } #banner { background-color: #f2f2f2; background-repeat: no-repeat; padding: -2px 6px 0; position: fixed; top: 0; left: 0; width: 100%; height: 1.2em; float: left; border-bottom: 1px solid #bfbfbf } #caticon { margin-bottom: -3px; float: left } #pagetitle { margin-top: 12px; margin-bottom: -3px; width: 88%; border: solid 1px #fff } #mainbox { margin-top: 9px; padding-right: 6px } #taskbox { background-color: #e6edff; list-style-type: decimal; list-style-position: outside; margin: 12px 0; padding: 2px 12px; border: solid 1px #bfbfbf } #taskbox h2 { margin-top: 8px; margin-bottom: -4px } #machelp { position: absolute; top: 2px; left: 10px } #index { background-color: #f2f2f2; padding-top: 2px; padding-right: 25px; top: 2px; right: 12px; width: auto; float: right } #next { position: absolute; top: 49px; left: 88% } #asindent { margin-left: 22px; font-size: 9pt; font-family: Verdana, Courier, sans-serif; } .bread { color: #00f; font-size: 8pt; margin: -9px 0 -6px } .leftborder { color: #00f; font-size: 8pt; margin: -9px 0 -6px; padding-top: 24px; padding-bottom: 3px; padding-left: 8px; border-left: 1px solid #bfbfbf } .mult { margin-top: -8px } .blue { background-color: #e6edff; margin-top: -3px; margin-bottom: -3px; padding-top: -3px; padding-bottom: -3px } .rules { border-bottom: 1px dotted #ccc } .dots { border: dotted 1px #ccc } .seealso { margin-top: 4px; margin-bottom: 4px } code { color: black; font-size: 9pt; font-family: Verdana, Courier, sans-serif; } \ No newline at end of file +/* */ + +body { + margin: 2px 12px 12px +} + +h1 { + font-size: 11pt; + font-family: "Lucida Grande", Arial, sans-serif; + margin-bottom: 0 +} + +h2 { + font-size: 9pt; + font-family: "Lucida Grande", Arial, sans-serif; + margin-top: 0; + margin-bottom: -10px +} + +h3 { + font-size: 9pt; + font-family: "Lucida Grande", Arial, sans-serif; + font-weight: bold; + margin-top: -4px; + margin-bottom: -4px +} + +p { + font-size: 9pt; + font-family: "Lucida Grande", Arial, sans-serif; + line-height: 12pt; + text-decoration: none +} + +ol { + font-size: 9pt; + font-family: "Lucida Grande", Arial, sans-serif; + line-height: 12pt; + list-style-position: outside; + margin-top: 12px; + margin-bottom: 12px; + margin-left: -18px; + padding-left: 40px +} + +ol li { + margin-top: 6px; + margin-bottom: 6px +} + +ol p { + margin-top: 6px; + margin-bottom: 6px +} + +ul { + font-size: 9pt; + font-family: "Lucida Grande", Arial, sans-serif; + line-height: 12pt; + list-style-type: round; + list-style-position: outside; + margin-top: 12px; + margin-bottom: 12px; + margin-left: -24px; + padding-left: 40px +} + +ul li { + margin-top: 6px; + margin-bottom: 6px +} + +ul p { + margin-top: 6px; + margin-bottom: 6px +} + +a { + color: #00f; + font-size: 9pt; + font-family: "Lucida Grande", Arial, sans-serif; + line-height: 12pt; + text-decoration: none +} + +a:hover { + color: #00f; + font-family: "Lucida Grande", Arial, sans-serif; + text-decoration: underline +} + +hr { + text-decoration: none; + border: solid 1px #bfbfbf +} + +td { + padding: 6px +} + +#banner { + background-color: #f2f2f2; + background-repeat: no-repeat; + padding: -2px 6px 0; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 1.2em; + float: left; + border-bottom: 1px solid #bfbfbf +} + +#caticon { + margin-bottom: -3px; + float: left +} + +.pagetitle { + margin-top: 12px; + margin-bottom: -3px; + width: 88%; + border: solid 1px #fff +} + +#mainbox { + margin-top: 9px; + padding-right: 6px +} + +.taskbox { + background-color: #e6edff; + list-style-type: decimal; + list-style-position: outside; + margin: 12px 0; + padding: 2px 12px; + border: solid 1px #bfbfbf +} + +#taskbox h2 { + margin-top: 8px; + margin-bottom: -4px +} + +#machelp { + position: absolute; + top: 2px; + left: 10px +} + +#index { + background-color: #f2f2f2; + padding-top: 2px; + padding-right: 25px; + top: 2px; + right: 12px; + width: auto; + float: right +} + +#next { + position: absolute; + top: 49px; + left: 88% +} + +#asindent { + margin-left: 22px; + font-size: 9pt; + font-family: Verdana, Courier, sans-serif; +} + +.bread { + color: #00f; + font-size: 8pt; + margin: -9px 0 -6px +} + +.leftborder { + color: #00f; + font-size: 8pt; + margin: -9px 0 -6px; + padding-top: 24px; + padding-bottom: 3px; + padding-left: 8px; + border-left: 1px solid #bfbfbf +} + +.mult { + margin-top: -8px +} + +.blue { + background-color: #e6edff; + margin-top: -3px; + margin-bottom: -3px; + padding-top: -3px; + padding-bottom: -3px +} + +.rules { + border-bottom: 1px dotted #ccc +} + +.dots { + border: dotted 1px #ccc +} + +.seealso { + margin-top: 4px; + margin-bottom: 4px +} + +code { + color: black; + font-size: 9pt; + font-family: Verdana, Courier, sans-serif; +} diff --git a/web/index.html b/web/index.html index 58d1369ff..56feaa98a 100755 --- a/web/index.html +++ b/web/index.html @@ -42,10 +42,10 @@
      -
      +
      -
      +
      diff --git a/web/style/transmission/common.css b/web/style/transmission/common.css index 10a3a5484..dd23ddd89 100644 --- a/web/style/transmission/common.css +++ b/web/style/transmission/common.css @@ -6,7 +6,8 @@ html { margin: 0; padding: 0; - height: 100%; } + height: 100%; +} body { font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; @@ -16,11 +17,14 @@ body { background: #FFF; text-align: center; margin: 0 0 30px; - overflow: hidden; } - body img { - border: none; } - body a { - outline: 0; } + overflow: hidden; +} +body img { + border: none; +} +body a { + outline: 0; +} /*** **** @@ -28,15 +32,18 @@ body { **** ***/ #about-dialog > * { - text-align: center; } + text-align: center; +} #about-dialog > #about-logo { background: transparent url("images/logo.png") top left no-repeat; width: 64px; height: 64px; - margin-left: 100px; } + margin-left: 100px; +} #about-dialog > #about-title { font-size: 1.3em; - font-weight: bold; } + font-weight: bold; +} /*** **** @@ -45,9 +52,11 @@ body { ***/ #hotkeys-dialog table { width: 100%; - border-collapse: collapse; } - #hotkeys-dialog table th, #hotkeys-dialog table td { - border: 1px solid #AAA; } + border-collapse: collapse; +} +#hotkeys-dialog table th, #hotkeys-dialog table td { + border: 1px solid #AAA; +} /*** **** @@ -66,47 +75,58 @@ div#toolbar { background-image: -moz-linear-gradient(top, #ddd, #bbb); background-image: -ms-linear-gradient(top, #ddd, #bbb); background-image: -o-linear-gradient(top, #ddd, #bbb); - background-image: linear-gradient(top, #ddd, #bbb); } - 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; - width: 34px; - height: 34px; - float: left; - border: none; - padding: 0px 3px; - background-position: center center; - background-repeat: no-repeat; } - div#toolbar > div#toolbar-separator { - height: 25px; - margin-top: 8px; - margin-bottom: 5px; - border-left: 1px solid #aaa; - width: 3px; } - div#toolbar > div#toolbar-open { - background-image: url("images/toolbar-folder.png"); } - div#toolbar > div#toolbar-remove { - background-image: url("images/toolbar-close.png"); } - div#toolbar > div#toolbar-start { - background-image: url("images/toolbar-start.png"); } - div#toolbar > div#toolbar-pause { - background-image: url("images/toolbar-pause.png"); } - div#toolbar > div#toolbar-start-all { - background-image: url("images/toolbar-start-all.png"); } - div#toolbar > div#toolbar-pause-all { - background-image: url("images/toolbar-pause-all.png"); } - div#toolbar > div#toolbar-inspector { - background-image: url("images/toolbar-info.png"); - float: right; - margin-right: 4px; } - div#toolbar > *.disabled { - opacity: 0.25; } + background-image: linear-gradient(top, #ddd, #bbb); +} +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; + width: 34px; + height: 34px; + float: left; + border: none; + padding: 0px 3px; + background-position: center center; + background-repeat: no-repeat; +} +div#toolbar > div.toolbar-separator { + height: 25px; + margin-top: 8px; + margin-bottom: 5px; + border-left: 1px solid #aaa; + width: 3px; +} +div#toolbar > div#toolbar-open { + background-image: url("images/toolbar-folder.png"); +} +div#toolbar > div#toolbar-remove { + background-image: url("images/toolbar-close.png"); +} +div#toolbar > div#toolbar-start { + background-image: url("images/toolbar-start.png"); +} +div#toolbar > div#toolbar-pause { + background-image: url("images/toolbar-pause.png"); +} +div#toolbar > div#toolbar-start-all { + background-image: url("images/toolbar-start-all.png"); +} +div#toolbar > div#toolbar-pause-all { + background-image: url("images/toolbar-pause-all.png"); +} +div#toolbar > div#toolbar-inspector { + background-image: url("images/toolbar-info.png"); + float: right; + margin-right: 4px; +} +div#toolbar > *.disabled { + opacity: 0.25; +} /*** **** @@ -125,35 +145,45 @@ div#toolbar { background-image: -moz-linear-gradient(top, #ddd, #bbb); background-image: -ms-linear-gradient(top, #ddd, #bbb); background-image: -o-linear-gradient(top, #ddd, #bbb); - background-image: linear-gradient(top, #ddd, #bbb); } - #statusbar #filter { - float: left; - margin-left: 5px; } - #statusbar #filter input#torrent_search { - height: 18px; - width: 100px; - border-radius: 6px; } - #statusbar #filter input#torrent_search.blur { - color: #999; } - #statusbar #filter #filter-count { - margin-left: 8px; } - #statusbar #speed-info { - float: right; - margin-top: 5px; - margin-right: 10px; } - #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, #statusbar #speed-info #speed-dn-container { - display: inline; } + background-image: linear-gradient(top, #ddd, #bbb); +} +#statusbar #filter { + float: left; + margin-left: 5px; +} +#statusbar #filter input#torrent_search { + height: 18px; + width: 100px; + border-radius: 6px; +} +#statusbar #filter input#torrent_search.blur { + color: #999; +} +#statusbar #filter #filter-count { + margin-left: 8px; +} +#statusbar #speed-info { + float: right; + margin-top: 5px; + margin-right: 10px; +} +#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, #statusbar #speed-info #speed-dn-container { + display: inline; +} /*** **** @@ -169,7 +199,8 @@ div#torrent_container { padding: 0px; margin: 0px; overflow: auto; - -webkit-overflow-scrolling: touch; } + -webkit-overflow-scrolling: touch; +} ul.torrent_list { width: 100%; @@ -191,134 +222,173 @@ ul.torrent_list { * * 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: #cdcdff; } - 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 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: #cdcdff; +} +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: 1em; + 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; +} /*** **** @@ -328,40 +398,53 @@ ul.torrent_list { #prefs-dialog.ui-tabs .ui-tabs-panel { padding: 0px; -moz-user-select: none; - -webkit-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; - 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; } - .prefs-section #alternative-speed-limits-desc { - font-size: smaller; - padding-bottom: 4px; } - .prefs-section #blocklist-info { - font-size: smaller; - margin-top: 3px; } + 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; +} +.prefs-section #alternative-speed-limits-desc { + font-size: smaller; + padding-bottom: 4px; +} +.prefs-section #blocklist-info { + font-size: smaller; + margin-top: 3px; +} /*** **** @@ -380,241 +463,274 @@ div#torrent_inspector { 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - 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: #e6e6ff; - background-image: url("images/inspector-info.png"); - /* fallback */ - background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - 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: #e6e6ff; - background-image: url("images/inspector-peers.png"); - /* fallback */ - background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - 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: #e6e6ff; - background-image: url("images/inspector-trackers.png"); - /* fallback */ - background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - 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: #e6e6ff; - background-image: url("images/inspector-files.png"); - /* fallback */ - background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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 { - 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 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 { - cursor: default; } + /* 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + 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: #e6e6ff; + background-image: url("images/inspector-info.png"); + /* fallback */ + background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + 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: #e6e6ff; + background-image: url("images/inspector-peers.png"); + /* fallback */ + background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + 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: #e6e6ff; + background-image: url("images/inspector-trackers.png"); + /* fallback */ + background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + 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: #e6e6ff; + background-image: url("images/inspector-files.png"); + /* fallback */ + background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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 { + 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 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 { + cursor: default; +} /* Peers Inspector Tab */ #inspector_peers_list { @@ -622,10 +738,12 @@ div#torrent_inspector { margin: 0 0 0 0; text-align: left; cursor: default; - overflow: hidden; } - #inspector_peers_list > div.inspector_group { - padding-bottom: 0; - margin-bottom: 0; } + overflow: hidden; +} +#inspector_peers_list > div.inspector_group { + padding-bottom: 0; + margin-bottom: 0; +} table.peer_list { width: 100%; @@ -633,33 +751,43 @@ table.peer_list { 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-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; } + background: transparent url("images/lock_icon.png") no-repeat; +} tr.inspector_peer_entry.odd { - background-color: #EEEEEE; } + background-color: #EEEEEE; +} /*** **** File Priority Buttons @@ -668,124 +796,132 @@ 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: #dddddd; - 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(#c9c9c9)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); - /* FF3.6+ */ - background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); - /* IE10 */ - background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Opera 11.10+ */ - 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: #e6e6ff; - 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(#d7d7ff), to(#f5f5ff)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); - /* FF3.6+ */ - background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); - /* IE10 */ - background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.file-priority-radiobox > div.normal { - background-color: #dddddd; - 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(#c9c9c9)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); - /* FF3.6+ */ - background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); - /* IE10 */ - background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected { - background-color: #e6e6ff; - 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(#d7d7ff), to(#f5f5ff)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); - /* FF3.6+ */ - background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); - /* IE10 */ - background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Opera 11.10+ */ - 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: #dddddd; - 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(#c9c9c9)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); - /* FF3.6+ */ - background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); - /* IE10 */ - background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Opera 11.10+ */ - 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: #e6e6ff; - 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(#d7d7ff), to(#f5f5ff)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); - /* FF3.6+ */ - background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); - /* IE10 */ - background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } + 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: #dddddd; + 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(#c9c9c9)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); + /* FF3.6+ */ + background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); + /* IE10 */ + background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Opera 11.10+ */ + 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: #e6e6ff; + 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(#d7d7ff), to(#f5f5ff)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); + /* FF3.6+ */ + background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); + /* IE10 */ + background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.file-priority-radiobox > div.normal { + background-color: #dddddd; + 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(#c9c9c9)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); + /* FF3.6+ */ + background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); + /* IE10 */ + background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected { + background-color: #e6e6ff; + 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(#d7d7ff), to(#f5f5ff)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); + /* FF3.6+ */ + background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); + /* IE10 */ + background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Opera 11.10+ */ + 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: #dddddd; + 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(#c9c9c9)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); + /* FF3.6+ */ + background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); + /* IE10 */ + background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Opera 11.10+ */ + 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: #e6e6ff; + 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(#d7d7ff), to(#f5f5ff)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); + /* FF3.6+ */ + background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); + /* IE10 */ + background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} /**** ***** @@ -805,174 +941,186 @@ div.torrent_footer { background-image: -moz-linear-gradient(top, #ddd, #bbb); background-image: -ms-linear-gradient(top, #ddd, #bbb); background-image: -o-linear-gradient(top, #ddd, #bbb); - background-image: linear-gradient(top, #ddd, #bbb); } - div.torrent_footer > div { - 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 #settings_menu { - -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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/settings.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected { - background-color: #e6e6ff; - background-image: url("images/settings.png"); - /* fallback */ - background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/settings.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/settings.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/settings.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/settings.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected { - background-color: #e6e6ff; - background-image: url("images/wrench.png"); - /* fallback */ - background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/wrench.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/wrench.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { - background-color: #e6e6ff; - background-image: url("images/turtle.png"); - /* fallback */ - background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/turtle.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/turtle.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { - background-color: #e6e6ff; - background-image: url("images/blue-turtle.png"); - /* fallback */ - background-image: url("images/blue-turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/blue-turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/blue-turtle.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/blue-turtle.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/blue-turtle.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/compact.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected { - background-color: #e6e6ff; - background-image: url("images/compact.png"); - /* fallback */ - background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/compact.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/compact.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/compact.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.torrent_footer #freespace-info { - float: right; - text-align: right; - border: 0px; - width: 100px; } + background-image: linear-gradient(top, #ddd, #bbb); +} +div.torrent_footer > div { + 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 #settings_menu { + -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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/settings.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected { + background-color: #e6e6ff; + background-image: url("images/settings.png"); + /* fallback */ + background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/settings.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/settings.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/settings.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/settings.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected { + background-color: #e6e6ff; + background-image: url("images/wrench.png"); + /* fallback */ + background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/wrench.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/wrench.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { + background-color: #e6e6ff; + background-image: url("images/turtle.png"); + /* fallback */ + background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/turtle.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/turtle.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { + background-color: #e6e6ff; + background-image: url("images/blue-turtle.png"); + /* fallback */ + background-image: url("images/blue-turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/blue-turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/blue-turtle.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/blue-turtle.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/blue-turtle.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/compact.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected { + background-color: #e6e6ff; + background-image: url("images/compact.png"); + /* fallback */ + background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/compact.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/compact.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/compact.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.torrent_footer #freespace-info { + float: right; + text-align: right; + border: 0px; + width: 100px; +} /**** ***** @@ -988,12 +1136,13 @@ div.dialog_container { height: 100%; text-align: center; color: black; - font-size: 1.1em; } + font-size: 1.1em; +} div.dialog_container div.dialog_window { background-color: #eee; margin: 0 auto; - opacity: .95; + opacity: 0.95; border-top: none; text-align: left; width: 420px; @@ -1001,18 +1150,22 @@ div.dialog_container div.dialog_window { overflow: hidden; position: relative; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); - top: 80px; } + top: 80px; +} @media screen and (-webkit-min-device-pixel-ratio: 0) { div.dialog_container div.dialog_window { top: 0; - margin-top: 71px; } } + 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; } + background: transparent url("images/logo.png") top left no-repeat; +} div.dialog_container div.dialog_window h2.dialog_heading { display: block; @@ -1020,14 +1173,16 @@ div.dialog_container div.dialog_window h2.dialog_heading { width: 305px; font-size: 1.2em; color: black; - margin-top: 20px; } + margin-top: 20px; +} div.dialog_container div.dialog_window div.dialog_message { float: left; padding-left: 3px; margin-left: -3px; width: 305px; - overflow: hidden; } + overflow: hidden; +} div.dialog_container div.dialog_window a { display: block; @@ -1044,40 +1199,49 @@ div.dialog_container div.dialog_window a { color: #323232; -webkit-appearance: button; font: -webkit-control; - cursor: default; } + 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; } + 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; } + display: block; +} div#upload_container div.dialog_window div.dialog_message input { width: 249px; margin: 3px 0 0 0; - display: block; } + display: block; +} div#upload_container div.dialog_window div.dialog_message input[type=text] { width: 245px; - padding: 2px; } + padding: 2px; +} div#upload_container div.dialog_window div.dialog_message input[type=checkbox] { margin: 15px 3px 0 0; display: inline; - width: auto; } + width: auto; +} div#upload_container div.dialog_window div.dialog_message #auto_start_label { - display: inline; } + display: inline; +} div.dialog_container div.dialog_window form { margin: 0; - padding: 0px; } + padding: 0px; +} div#move_container input#torrent_path { width: 286px; - padding: 2px; } + padding: 2px; +} iframe#torrent_upload_frame { display: block; @@ -1089,7 +1253,8 @@ iframe#torrent_upload_frame { height: 0px; border: none; padding: 0; - margin: 0; } + margin: 0; +} /**** ***** @@ -1098,9 +1263,13 @@ iframe#torrent_upload_frame { ****/ .ui-menu-item { text-align: left; - white-space: nowrap; } + white-space: nowrap; +} #torrent_context_menu, #footer_super_menu { font-size: 1em; - z-index: 3; } + z-index: 3; +} + +/*# sourceMappingURL=common.css.map */ diff --git a/web/style/transmission/common.scss b/web/style/transmission/common.scss index eed5b2d88..8d492643d 100644 --- a/web/style/transmission/common.scss +++ b/web/style/transmission/common.scss @@ -165,7 +165,7 @@ div#toolbar background-repeat: no-repeat; } - >div#toolbar-separator { + >div.toolbar-separator { height: 25px; margin-top: 8px; margin-bottom: 5px; diff --git a/web/style/transmission/mobile.css b/web/style/transmission/mobile.css index 67c81c74c..a80d119df 100644 --- a/web/style/transmission/mobile.css +++ b/web/style/transmission/mobile.css @@ -5,7 +5,8 @@ *--------------------------------------*/ html { margin: 0; - padding: 0; } + padding: 0; +} body { font: 11px Helvetica, Arial, sans-serif; @@ -15,27 +16,36 @@ body { 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; } + -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; } + display: none !important; +} /*** **** @@ -54,47 +64,58 @@ div#toolbar { background-image: -moz-linear-gradient(top, #ddd, #bbb); background-image: -ms-linear-gradient(top, #ddd, #bbb); background-image: -o-linear-gradient(top, #ddd, #bbb); - background-image: linear-gradient(top, #ddd, #bbb); } - 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: 34px; - height: 34px; - float: left; - border: none; - padding: 0px 3px; - background-position: center center; - background-repeat: no-repeat; } - div#toolbar > div#toolbar-separator { - height: 25px; - margin-top: 8px; - margin-bottom: 8px; - border-left: 1px solid #aaa; - width: 3px; } - div#toolbar > div#toolbar-open { - background-image: url("images/toolbar-folder.png"); } - div#toolbar > div#toolbar-remove { - background-image: url("images/toolbar-close.png"); } - div#toolbar > div#toolbar-start { - background-image: url("images/toolbar-start.png"); } - div#toolbar > div#toolbar-pause { - background-image: url("images/toolbar-pause.png"); } - div#toolbar > div#toolbar-start-all { - background-image: url("images/toolbar-start-all.png"); } - div#toolbar > div#toolbar-pause-all { - background-image: url("images/toolbar-pause-all.png"); } - div#toolbar > div#toolbar-inspector { - background-image: url("images/toolbar-info.png"); - float: right; } - div#toolbar > *.disabled { - opacity: 0.25; } + background-image: linear-gradient(top, #ddd, #bbb); +} +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: 34px; + height: 34px; + float: left; + border: none; + padding: 0px 3px; + background-position: center center; + background-repeat: no-repeat; +} +div#toolbar > div.toolbar-separator { + height: 25px; + margin-top: 8px; + margin-bottom: 8px; + border-left: 1px solid #aaa; + width: 3px; +} +div#toolbar > div#toolbar-open { + background-image: url("images/toolbar-folder.png"); +} +div#toolbar > div#toolbar-remove { + background-image: url("images/toolbar-close.png"); +} +div#toolbar > div#toolbar-start { + background-image: url("images/toolbar-start.png"); +} +div#toolbar > div#toolbar-pause { + background-image: url("images/toolbar-pause.png"); +} +div#toolbar > div#toolbar-start-all { + background-image: url("images/toolbar-start-all.png"); +} +div#toolbar > div#toolbar-pause-all { + background-image: url("images/toolbar-pause-all.png"); +} +div#toolbar > div#toolbar-inspector { + background-image: url("images/toolbar-info.png"); + float: right; +} +div#toolbar > *.disabled { + opacity: 0.25; +} /*** **** @@ -113,31 +134,40 @@ div#toolbar { background-image: -moz-linear-gradient(top, #ddd, #bbb); background-image: -ms-linear-gradient(top, #ddd, #bbb); background-image: -o-linear-gradient(top, #ddd, #bbb); - background-image: linear-gradient(top, #ddd, #bbb); } - #statusbar #filter { - float: left; - margin-left: 5px; } - #statusbar #filter input#torrent_search { - display: none; } - #statusbar #filter #filter-count { - margin-left: 8px; } - #statusbar #speed-info { - float: right; - margin-top: 5px; - margin-right: 10px; } - #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, #statusbar #speed-info #speed-dn-container { - display: inline; } + background-image: linear-gradient(top, #ddd, #bbb); +} +#statusbar #filter { + float: left; + margin-left: 5px; +} +#statusbar #filter input#torrent_search { + display: none; +} +#statusbar #filter #filter-count { + margin-left: 8px; +} +#statusbar #speed-info { + float: right; + margin-top: 5px; + margin-right: 10px; +} +#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, #statusbar #speed-info #speed-dn-container { + display: inline; +} /*** **** @@ -163,112 +193,143 @@ ul.torrent_list { * * 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: #cdcdff; } - 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 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: #cdcdff; +} +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: 1em; + 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; +} /*** **** @@ -278,34 +339,45 @@ ul.torrent_list { #prefs-dialog.ui-tabs .ui-tabs-panel { padding: 0px; -moz-user-select: none; - -webkit-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; - 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; } + 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; +} /*** **** @@ -320,240 +392,272 @@ div#torrent_inspector { 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - 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: #e6e6ff; - background-image: url("images/inspector-info.png"); - /* fallback */ - background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - 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: #e6e6ff; - background-image: url("images/inspector-peers.png"); - /* fallback */ - background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - 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: #e6e6ff; - background-image: url("images/inspector-trackers.png"); - /* fallback */ - background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - 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: #e6e6ff; - background-image: url("images/inspector-files.png"); - /* fallback */ - background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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 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 { - cursor: default; } + /* 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + 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: #e6e6ff; + background-image: url("images/inspector-info.png"); + /* fallback */ + background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + 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: #e6e6ff; + background-image: url("images/inspector-peers.png"); + /* fallback */ + background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + 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: #e6e6ff; + background-image: url("images/inspector-trackers.png"); + /* fallback */ + background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + 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: #e6e6ff; + background-image: url("images/inspector-files.png"); + /* fallback */ + background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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 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 { + cursor: default; +} /* Peers Inspector Tab */ #inspector_peers_list { @@ -561,10 +665,12 @@ div#torrent_inspector { margin: 0 0 0 0; text-align: left; cursor: default; - overflow: hidden; } - #inspector_peers_list > div.inspector_group { - padding-bottom: 0; - margin-bottom: 0; } + overflow: hidden; +} +#inspector_peers_list > div.inspector_group { + padding-bottom: 0; + margin-bottom: 0; +} table.peer_list { width: 100%; @@ -572,33 +678,43 @@ table.peer_list { 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-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; } + background: transparent url("images/lock_icon.png") no-repeat; +} tr.inspector_peer_entry.odd { - background-color: #EEEEEE; } + background-color: #EEEEEE; +} /*** **** File Priority Buttons @@ -607,124 +723,132 @@ 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: #dddddd; - 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(#c9c9c9)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); - /* FF3.6+ */ - background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); - /* IE10 */ - background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Opera 11.10+ */ - 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: #e6e6ff; - 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(#d7d7ff), to(#f5f5ff)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); - /* FF3.6+ */ - background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); - /* IE10 */ - background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.file-priority-radiobox > div.normal { - background-color: #dddddd; - 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(#c9c9c9)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); - /* FF3.6+ */ - background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); - /* IE10 */ - background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected { - background-color: #e6e6ff; - 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(#d7d7ff), to(#f5f5ff)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); - /* FF3.6+ */ - background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); - /* IE10 */ - background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Opera 11.10+ */ - 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: #dddddd; - 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(#c9c9c9)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); - /* FF3.6+ */ - background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); - /* IE10 */ - background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); - /* Opera 11.10+ */ - 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: #e6e6ff; - 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(#d7d7ff), to(#f5f5ff)); - /* Saf4+, Chrome */ - background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); - /* FF3.6+ */ - background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); - /* IE10 */ - background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } + 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: #dddddd; + 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(#c9c9c9)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); + /* FF3.6+ */ + background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); + /* IE10 */ + background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Opera 11.10+ */ + 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: #e6e6ff; + 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(#d7d7ff), to(#f5f5ff)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); + /* FF3.6+ */ + background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); + /* IE10 */ + background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.file-priority-radiobox > div.normal { + background-color: #dddddd; + 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(#c9c9c9)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); + /* FF3.6+ */ + background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); + /* IE10 */ + background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected { + background-color: #e6e6ff; + 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(#d7d7ff), to(#f5f5ff)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); + /* FF3.6+ */ + background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); + /* IE10 */ + background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Opera 11.10+ */ + 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: #dddddd; + 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(#c9c9c9)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c9c9c9); + /* FF3.6+ */ + background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c9c9c9); + /* IE10 */ + background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c9c9c9); + /* Opera 11.10+ */ + 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: #e6e6ff; + 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(#d7d7ff), to(#f5f5ff)); + /* Saf4+, Chrome */ + background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); + /* FF3.6+ */ + background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); + /* IE10 */ + background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} /**** ***** @@ -743,138 +867,148 @@ div.torrent_footer { background-image: -moz-linear-gradient(top, #ddd, #bbb); background-image: -ms-linear-gradient(top, #ddd, #bbb); background-image: -o-linear-gradient(top, #ddd, #bbb); - background-image: linear-gradient(top, #ddd, #bbb); } - div.torrent_footer > div { - 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 #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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected { - background-color: #e6e6ff; - background-image: url("images/wrench.png"); - /* fallback */ - background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/wrench.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/wrench.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { - background-color: #e6e6ff; - background-image: url("images/turtle.png"); - /* fallback */ - background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/turtle.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/turtle.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { - background-color: #e6e6ff; - background-image: url("images/blue-turtle.png"); - /* fallback */ - background-image: url("images/blue-turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/blue-turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/blue-turtle.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/blue-turtle.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/blue-turtle.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - 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(#BBB)); - /* Saf4+, Chrome */ - background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #BBB); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #BBB); - /* FF3.6+ */ - background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #BBB); - /* IE10 */ - background-image: url("images/compact.png"), -o-linear-gradient(top, white, #BBB); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } - div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected { - background-color: #e6e6ff; - background-image: url("images/compact.png"); - /* fallback */ - background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); - /* Saf4+, Chrome */ - background-image: url("images/compact.png"), -webkit-linear-gradient(top, #cdcdff, white); - /* Chrome 10+, Saf5.1+ */ - background-image: url("images/compact.png"), -moz-linear-gradient(top, #cdcdff, white); - /* FF3.6+ */ - background-image: url("images/compact.png"), -ms-linear-gradient(top, #cdcdff, white); - /* IE10 */ - background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white); - /* Opera 11.10+ */ - background-position: center; - background-repeat: no-repeat; } + background-image: linear-gradient(top, #ddd, #bbb); +} +div.torrent_footer > div { + 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 #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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected { + background-color: #e6e6ff; + background-image: url("images/wrench.png"); + /* fallback */ + background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/wrench.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/wrench.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { + background-color: #e6e6ff; + background-image: url("images/turtle.png"); + /* fallback */ + background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/turtle.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/turtle.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { + background-color: #e6e6ff; + background-image: url("images/blue-turtle.png"); + /* fallback */ + background-image: url("images/blue-turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/blue-turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/blue-turtle.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/blue-turtle.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/blue-turtle.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + 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(#BBB)); + /* Saf4+, Chrome */ + background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #BBB); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #BBB); + /* FF3.6+ */ + background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #BBB); + /* IE10 */ + background-image: url("images/compact.png"), -o-linear-gradient(top, white, #BBB); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} +div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected { + background-color: #e6e6ff; + background-image: url("images/compact.png"); + /* fallback */ + background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); + /* Saf4+, Chrome */ + background-image: url("images/compact.png"), -webkit-linear-gradient(top, #cdcdff, white); + /* Chrome 10+, Saf5.1+ */ + background-image: url("images/compact.png"), -moz-linear-gradient(top, #cdcdff, white); + /* FF3.6+ */ + background-image: url("images/compact.png"), -ms-linear-gradient(top, #cdcdff, white); + /* IE10 */ + background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white); + /* Opera 11.10+ */ + background-position: center; + background-repeat: no-repeat; +} /**** ***** @@ -888,26 +1022,32 @@ div#dialog_message.dialog_message { line-height: 14px; word-wrap: break-word; overflow: hidden; - padding-bottom: 0; } + padding-bottom: 0; +} div#upload_container div.dialog_window div.dialog_message label { margin-top: 15px; - display: block; } + display: block; +} div#upload_container div.dialog_window div.dialog_message input { margin: 3px auto; - display: block; } + display: block; +} div#upload_container div.dialog_window div.dialog_message input[type=checkbox] { margin: 15px 3px 0 0; display: inline; - width: auto; } + width: auto; +} div#upload_container div.dialog_window div.dialog_message #auto_start_label { - display: inline; } + display: inline; +} h2.dialog_heading { text-align: center; width: 300px; margin: 0 auto; - font-size: 17px; } + font-size: 17px; +} div.dialog_container a { color: white; @@ -921,34 +1061,43 @@ div.dialog_container a { display: inline-block; width: 90px; font-size: 12px; - text-align: center; } + text-align: center; +} #dialog_container div.dialog_window img { - margin: 5px auto 12px; } + margin: 5px auto 12px; +} .landscape div.dialog_container a#dialog_cancel_button { - left: 155px; } + left: 155px; +} .landscape div.dialog_container a#dialog_confirm_button { - right: 110px; } + right: 110px; +} .landscape div.dialog_container img { float: left !important; - margin: 0 0 0 50px; } + margin: 0 0 0 50px; +} .landscape h2#dialog_heading.dialog_heading { margin: 5px auto 0; margin-left: 150px; - text-align: left; } + text-align: left; +} .landscape div#dialog_message.dialog_message { width: 300px; margin: 10px 0 20px 150px; - text-align: left; } + text-align: left; +} .ui-menu-item { text-align: left; - white-space: nowrap; } + white-space: nowrap; +} #torrent_context_menu { font-size: 1em; - z-index: 3; } + z-index: 3; +} iframe#torrent_upload_frame { display: block; @@ -960,4 +1109,7 @@ iframe#torrent_upload_frame { height: 0px; border: none; padding: 0; - margin: 0; } + margin: 0; +} + +/*# sourceMappingURL=mobile.css.map */ diff --git a/web/style/transmission/mobile.scss b/web/style/transmission/mobile.scss index 6ebde89db..944e205f5 100644 --- a/web/style/transmission/mobile.scss +++ b/web/style/transmission/mobile.scss @@ -141,7 +141,7 @@ div#toolbar background-repeat: no-repeat; } - >div#toolbar-separator { + >div.toolbar-separator { height: 25px; margin-top: 8px; margin-bottom: 8px;