-
+
-
+
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;