Changeset 13083
- Timestamp:
- Nov 11, 2011, 5:58:51 AM (11 years ago)
- Location:
- trunk/web/style/transmission
- Files:
-
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/web/style/transmission/common.css
r13081 r13083 88 88 margin-left: 4px; } 89 89 div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open:hover, div#toolbar div#toolbar-open.selected { 90 background-color: #e edddd;90 background-color: #e6e6ff; 91 91 background-image: url("images/toolbar-folder.png"); 92 92 /* fallback */ 93 background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));93 background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 94 94 /* Saf4+, Chrome */ 95 background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, # ddbbbb, white);95 background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #cdcdff, white); 96 96 /* Chrome 10+, Saf5.1+ */ 97 background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, # ddbbbb, white);97 background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #cdcdff, white); 98 98 /* FF3.6+ */ 99 background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, # ddbbbb, white);99 background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #cdcdff, white); 100 100 /* IE10 */ 101 background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, # ddbbbb, white);101 background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #cdcdff, white); 102 102 /* Opera 11.10+ */ 103 103 background-position: center; … … 124 124 background-repeat: no-repeat; } 125 125 div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove:hover, div#toolbar > div#toolbar-remove.selected { 126 background-color: #e edddd;126 background-color: #e6e6ff; 127 127 background-image: url("images/toolbar-close.png"); 128 128 /* fallback */ 129 background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));129 background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 130 130 /* Saf4+, Chrome */ 131 background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, # ddbbbb, white);131 background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #cdcdff, white); 132 132 /* Chrome 10+, Saf5.1+ */ 133 background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, # ddbbbb, white);133 background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #cdcdff, white); 134 134 /* FF3.6+ */ 135 background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, # ddbbbb, white);135 background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #cdcdff, white); 136 136 /* IE10 */ 137 background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, # ddbbbb, white);137 background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #cdcdff, white); 138 138 /* Opera 11.10+ */ 139 139 background-position: center; … … 161 161 margin-left: 20px; } 162 162 div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start:hover, div#toolbar > div#toolbar-start.selected { 163 background-color: #e edddd;163 background-color: #e6e6ff; 164 164 background-image: url("images/toolbar-start.png"); 165 165 /* fallback */ 166 background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));166 background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 167 167 /* Saf4+, Chrome */ 168 background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, # ddbbbb, white);168 background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #cdcdff, white); 169 169 /* Chrome 10+, Saf5.1+ */ 170 background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, # ddbbbb, white);170 background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #cdcdff, white); 171 171 /* FF3.6+ */ 172 background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, # ddbbbb, white);172 background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #cdcdff, white); 173 173 /* IE10 */ 174 background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, # ddbbbb, white);174 background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #cdcdff, white); 175 175 /* Opera 11.10+ */ 176 176 background-position: center; … … 197 197 background-repeat: no-repeat; } 198 198 div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause:hover, div#toolbar > div#toolbar-pause.selected { 199 background-color: #e edddd;199 background-color: #e6e6ff; 200 200 background-image: url("images/toolbar-pause.png"); 201 201 /* fallback */ 202 background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));202 background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 203 203 /* Saf4+, Chrome */ 204 background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, # ddbbbb, white);204 background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #cdcdff, white); 205 205 /* Chrome 10+, Saf5.1+ */ 206 background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, # ddbbbb, white);206 background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #cdcdff, white); 207 207 /* FF3.6+ */ 208 background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, # ddbbbb, white);208 background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #cdcdff, white); 209 209 /* IE10 */ 210 background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, # ddbbbb, white);210 background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #cdcdff, white); 211 211 /* Opera 11.10+ */ 212 212 background-position: center; … … 232 232 margin-left: 20px; } 233 233 div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select:hover, div#toolbar > div#toolbar-select.selected { 234 background-color: #e edddd;234 background-color: #e6e6ff; 235 235 background-image: url("images/toolbar-pointer.png"); 236 236 /* fallback */ 237 background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));237 background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 238 238 /* Saf4+, Chrome */ 239 background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, # ddbbbb, white);239 background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #cdcdff, white); 240 240 /* Chrome 10+, Saf5.1+ */ 241 background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, # ddbbbb, white);241 background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #cdcdff, white); 242 242 /* FF3.6+ */ 243 background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, # ddbbbb, white);243 background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #cdcdff, white); 244 244 /* IE10 */ 245 background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, # ddbbbb, white);245 background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #cdcdff, white); 246 246 /* Opera 11.10+ */ 247 247 background-position: center; … … 268 268 margin-right: 8px; } 269 269 div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector:hover, div#toolbar > div#toolbar-inspector.selected { 270 background-color: #e edddd;270 background-color: #e6e6ff; 271 271 background-image: url("images/toolbar-info.png"); 272 272 /* fallback */ 273 background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));273 background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 274 274 /* Saf4+, Chrome */ 275 background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, # ddbbbb, white);275 background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #cdcdff, white); 276 276 /* Chrome 10+, Saf5.1+ */ 277 background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, # ddbbbb, white);277 background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #cdcdff, white); 278 278 /* FF3.6+ */ 279 background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, # ddbbbb, white);279 background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #cdcdff, white); 280 280 /* IE10 */ 281 background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, # ddbbbb, white);281 background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #cdcdff, white); 282 282 /* Opera 11.10+ */ 283 283 background-position: center; … … 444 444 background-color: #F7F7F7; } 445 445 ul.torrent_list li.torrent.selected { 446 background-color: # ffe4e1; }446 background-color: #cdcdff; } 447 447 ul.torrent_list li.torrent.compact div.torrent_name { 448 448 color: black; } … … 657 657 border-left-width: 1px; } 658 658 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected { 659 background-color: #e edddd;659 background-color: #e6e6ff; 660 660 background-image: url("images/inspector-info.png"); 661 661 /* fallback */ 662 background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));662 background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 663 663 /* Saf4+, Chrome */ 664 background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, # ddbbbb, white);664 background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #cdcdff, white); 665 665 /* Chrome 10+, Saf5.1+ */ 666 background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, # ddbbbb, white);666 background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #cdcdff, white); 667 667 /* FF3.6+ */ 668 background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, # ddbbbb, white);668 background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #cdcdff, white); 669 669 /* IE10 */ 670 background-image: url("images/inspector-info.png"), -o-linear-gradient(top, # ddbbbb, white);670 background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white); 671 671 /* Opera 11.10+ */ 672 672 background-position: center; … … 689 689 background-repeat: no-repeat; } 690 690 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected { 691 background-color: #e edddd;691 background-color: #e6e6ff; 692 692 background-image: url("images/inspector-peers.png"); 693 693 /* fallback */ 694 background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));694 background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 695 695 /* Saf4+, Chrome */ 696 background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, # ddbbbb, white);696 background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #cdcdff, white); 697 697 /* Chrome 10+, Saf5.1+ */ 698 background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, # ddbbbb, white);698 background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #cdcdff, white); 699 699 /* FF3.6+ */ 700 background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, # ddbbbb, white);700 background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #cdcdff, white); 701 701 /* IE10 */ 702 background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, # ddbbbb, white);702 background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white); 703 703 /* Opera 11.10+ */ 704 704 background-position: center; … … 721 721 background-repeat: no-repeat; } 722 722 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected { 723 background-color: #e edddd;723 background-color: #e6e6ff; 724 724 background-image: url("images/inspector-trackers.png"); 725 725 /* fallback */ 726 background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));726 background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 727 727 /* Saf4+, Chrome */ 728 background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, # ddbbbb, white);728 background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #cdcdff, white); 729 729 /* Chrome 10+, Saf5.1+ */ 730 background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, # ddbbbb, white);730 background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #cdcdff, white); 731 731 /* FF3.6+ */ 732 background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, # ddbbbb, white);732 background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #cdcdff, white); 733 733 /* IE10 */ 734 background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, # ddbbbb, white);734 background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white); 735 735 /* Opera 11.10+ */ 736 736 background-position: center; … … 757 757 background-repeat: no-repeat; } 758 758 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:hover, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected { 759 background-color: #e edddd;759 background-color: #e6e6ff; 760 760 background-image: url("images/inspector-files.png"); 761 761 /* fallback */ 762 background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));762 background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 763 763 /* Saf4+, Chrome */ 764 background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, # ddbbbb, white);764 background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #cdcdff, white); 765 765 /* Chrome 10+, Saf5.1+ */ 766 background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, # ddbbbb, white);766 background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #cdcdff, white); 767 767 /* FF3.6+ */ 768 background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, # ddbbbb, white);768 background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #cdcdff, white); 769 769 /* IE10 */ 770 background-image: url("images/inspector-files.png"), -o-linear-gradient(top, # ddbbbb, white);770 background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white); 771 771 /* Opera 11.10+ */ 772 772 background-position: center; … … 943 943 border-right-width: 0px; } 944 944 div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low:hover, div.file-priority-radiobox > div.low.selected { 945 background-color: #e ddcdc;945 background-color: #e6e6ff; 946 946 background-image: url("images/file-priority-low.png"); 947 947 /* fallback */ 948 background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(# e3c8c8), to(#f8f1f1));948 background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff)); 949 949 /* Saf4+, Chrome */ 950 background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, # e3c8c8, #f8f1f1);950 background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); 951 951 /* Chrome 10+, Saf5.1+ */ 952 background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, # e3c8c8, #f8f1f1);952 background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); 953 953 /* FF3.6+ */ 954 background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, # e3c8c8, #f8f1f1);954 background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); 955 955 /* IE10 */ 956 background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, # e3c8c8, #f8f1f1);956 background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); 957 957 /* Opera 11.10+ */ 958 958 background-position: center; … … 975 975 background-repeat: no-repeat; } 976 976 div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal:hover, div.file-priority-radiobox > div.normal.selected { 977 background-color: #e ddcdc;977 background-color: #e6e6ff; 978 978 background-image: url("images/file-priority-normal.png"); 979 979 /* fallback */ 980 background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(# e3c8c8), to(#f8f1f1));980 background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff)); 981 981 /* Saf4+, Chrome */ 982 background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, # e3c8c8, #f8f1f1);982 background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); 983 983 /* Chrome 10+, Saf5.1+ */ 984 background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, # e3c8c8, #f8f1f1);984 background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); 985 985 /* FF3.6+ */ 986 background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, # e3c8c8, #f8f1f1);986 background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); 987 987 /* IE10 */ 988 background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, # e3c8c8, #f8f1f1);988 background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); 989 989 /* Opera 11.10+ */ 990 990 background-position: center; … … 1012 1012 border-left-width: 0px; } 1013 1013 div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high:hover, div.file-priority-radiobox > div.high.selected { 1014 background-color: #e ddcdc;1014 background-color: #e6e6ff; 1015 1015 background-image: url("images/file-priority-high.png"); 1016 1016 /* fallback */ 1017 background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(# e3c8c8), to(#f8f1f1));1017 background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff)); 1018 1018 /* Saf4+, Chrome */ 1019 background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, # e3c8c8, #f8f1f1);1019 background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); 1020 1020 /* Chrome 10+, Saf5.1+ */ 1021 background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, # e3c8c8, #f8f1f1);1021 background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); 1022 1022 /* FF3.6+ */ 1023 background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, # e3c8c8, #f8f1f1);1023 background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); 1024 1024 /* IE10 */ 1025 background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, # e3c8c8, #f8f1f1);1025 background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); 1026 1026 /* Opera 11.10+ */ 1027 1027 background-position: center; … … 1076 1076 background-repeat: no-repeat; } 1077 1077 div.torrent_footer div.main_container:active, div.torrent_footer div.main_container:hover, div.torrent_footer div.main_container.selected { 1078 background-color: #e edddd;1078 background-color: #e6e6ff; 1079 1079 background-image: url("images/settings.png"); 1080 1080 /* fallback */ 1081 background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));1081 background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 1082 1082 /* Saf4+, Chrome */ 1083 background-image: url("images/settings.png"), -webkit-linear-gradient(top, # ddbbbb, white);1083 background-image: url("images/settings.png"), -webkit-linear-gradient(top, #cdcdff, white); 1084 1084 /* Chrome 10+, Saf5.1+ */ 1085 background-image: url("images/settings.png"), -moz-linear-gradient(top, # ddbbbb, white);1085 background-image: url("images/settings.png"), -moz-linear-gradient(top, #cdcdff, white); 1086 1086 /* FF3.6+ */ 1087 background-image: url("images/settings.png"), -ms-linear-gradient(top, # ddbbbb, white);1087 background-image: url("images/settings.png"), -ms-linear-gradient(top, #cdcdff, white); 1088 1088 /* IE10 */ 1089 background-image: url("images/settings.png"), -o-linear-gradient(top, # ddbbbb, white);1089 background-image: url("images/settings.png"), -o-linear-gradient(top, #cdcdff, white); 1090 1090 /* Opera 11.10+ */ 1091 1091 background-position: center; … … 1110 1110 background-repeat: no-repeat; } 1111 1111 div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button:hover, div.torrent_footer #prefs-button.selected { 1112 background-color: #e edddd;1112 background-color: #e6e6ff; 1113 1113 background-image: url("images/wrench.png"); 1114 1114 /* fallback */ 1115 background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));1115 background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 1116 1116 /* Saf4+, Chrome */ 1117 background-image: url("images/wrench.png"), -webkit-linear-gradient(top, # ddbbbb, white);1117 background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #cdcdff, white); 1118 1118 /* Chrome 10+, Saf5.1+ */ 1119 background-image: url("images/wrench.png"), -moz-linear-gradient(top, # ddbbbb, white);1119 background-image: url("images/wrench.png"), -moz-linear-gradient(top, #cdcdff, white); 1120 1120 /* FF3.6+ */ 1121 background-image: url("images/wrench.png"), -ms-linear-gradient(top, # ddbbbb, white);1121 background-image: url("images/wrench.png"), -ms-linear-gradient(top, #cdcdff, white); 1122 1122 /* IE10 */ 1123 background-image: url("images/wrench.png"), -o-linear-gradient(top, # ddbbbb, white);1123 background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white); 1124 1124 /* Opera 11.10+ */ 1125 1125 background-position: center; … … 1144 1144 background-repeat: no-repeat; } 1145 1145 div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button:hover, div.torrent_footer #turtle-button.selected { 1146 background-color: #e edddd;1146 background-color: #e6e6ff; 1147 1147 background-image: url("images/turtle.png"); 1148 1148 /* fallback */ 1149 background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));1149 background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 1150 1150 /* Saf4+, Chrome */ 1151 background-image: url("images/turtle.png"), -webkit-linear-gradient(top, # ddbbbb, white);1151 background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); 1152 1152 /* Chrome 10+, Saf5.1+ */ 1153 background-image: url("images/turtle.png"), -moz-linear-gradient(top, # ddbbbb, white);1153 background-image: url("images/turtle.png"), -moz-linear-gradient(top, #cdcdff, white); 1154 1154 /* FF3.6+ */ 1155 background-image: url("images/turtle.png"), -ms-linear-gradient(top, # ddbbbb, white);1155 background-image: url("images/turtle.png"), -ms-linear-gradient(top, #cdcdff, white); 1156 1156 /* IE10 */ 1157 background-image: url("images/turtle.png"), -o-linear-gradient(top, # ddbbbb, white);1157 background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white); 1158 1158 /* Opera 11.10+ */ 1159 1159 background-position: center; … … 1178 1178 background-repeat: no-repeat; } 1179 1179 div.torrent_footer #compact-button:active, div.torrent_footer #compact-button:hover, div.torrent_footer #compact-button.selected { 1180 background-color: #e edddd;1180 background-color: #e6e6ff; 1181 1181 background-image: url("images/compact.png"); 1182 1182 /* fallback */ 1183 background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(# ddbbbb), to(white));1183 background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 1184 1184 /* Saf4+, Chrome */ 1185 background-image: url("images/compact.png"), -webkit-linear-gradient(top, # ddbbbb, white);1185 background-image: url("images/compact.png"), -webkit-linear-gradient(top, #cdcdff, white); 1186 1186 /* Chrome 10+, Saf5.1+ */ 1187 background-image: url("images/compact.png"), -moz-linear-gradient(top, # ddbbbb, white);1187 background-image: url("images/compact.png"), -moz-linear-gradient(top, #cdcdff, white); 1188 1188 /* FF3.6+ */ 1189 background-image: url("images/compact.png"), -ms-linear-gradient(top, # ddbbbb, white);1189 background-image: url("images/compact.png"), -ms-linear-gradient(top, #cdcdff, white); 1190 1190 /* IE10 */ 1191 background-image: url("images/compact.png"), -o-linear-gradient(top, # ddbbbb, white);1191 background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white); 1192 1192 /* Opera 11.10+ */ 1193 1193 background-position: center; -
trunk/web/style/transmission/common.scss
r13081 r13083 30 30 $nonselected-gradient-top: white; 31 31 $nonselected-gradient-bottom: #BBB; 32 $selected-gradient-top: #DBB; 32 $selection-color: #cdcdff; 33 $selected-gradient-top: $selection-color; 33 34 $selected-gradient-bottom: white; 34 35 … … 359 360 &.compact { padding: 4px; } 360 361 &.even { background-color: #F7F7F7; } 361 &.selected { background-color: #ffe4e1; }362 &.selected { background-color: $selection-color; } 362 363 &.compact { div.torrent_name { color: black; } } 363 364 -
trunk/web/style/transmission/mobile.css
r13074 r13083 1 /*-------------------------------------- G L O B A L --------------------------------------*/ 2 html { margin: 0; padding: 0; } 3 4 body { font: 11px Helvetica, Arial, sans-serif; background: #FFF; text-align: center; margin: 0; padding: 0; width: 100%; overflow-x: hidden; -webkit-text-size-adjust: none; } 5 body img { border: none; } 6 body a { outline: 0; } 7 body div#torrent_container { min-height: 328px; } 8 body div.dialog_container { min-height: 326px; } 9 body div#torrent_inspector { min-height: 329px; } 10 body.landscape div#torrent_container { min-height: 147px; } 11 body.landscape div#dialog_container, body.landscape div#torrent_inspector { min-height: 143px; } 12 13 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; } 1 /*-------------------------------------- 2 * 3 * G L O B A L 4 * 5 *--------------------------------------*/ 6 html { 7 margin: 0; 8 padding: 0; } 9 10 body { 11 font: 11px Helvetica, Arial, sans-serif; 12 background: #FFF; 13 text-align: center; 14 margin: 0; 15 padding: 0; 16 width: 100%; 17 overflow-x: hidden; 18 -webkit-text-size-adjust: none; } 19 body img { 20 border: none; } 21 body a { 22 outline: 0; } 23 body div#torrent_container { 24 min-height: 328px; } 25 body div.dialog_container { 26 min-height: 326px; } 27 body div#torrent_inspector { 28 min-height: 329px; } 29 body.landscape div#torrent_container { 30 min-height: 147px; } 31 body.landscape div#dialog_container, body.landscape div#torrent_inspector { 32 min-height: 143px; } 33 34 body.inspector_showing #torrent_filter_bar, body.inspector_showing #torrent_container, 35 body.dialog_showing #torrent_filter_bar, body.dialog_showing #torrent_container, body.dialog_showing #torrent_inspector, 36 body.prefs_showing #torrent_inspector, body.prefs_showing #torrent_filter_bar, body.prefs_showing #torrent_container, 37 body.open_showing #torrent_filter_bar, body.open_showing #torrent_container { 38 display: none !important; } 14 39 15 40 /*** … … 18 43 **** 19 44 ***/ 20 div#toolbar { width: 100%; height: 35px; margin: 0px; padding: 2px; border-bottom: 1px solid #AAA; background: url("images/red-texture.png") repeat; } 21 div#toolbar > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; margin-top: 5px; width: 18px; height: 18px; padding: 2px 8px; float: left; border: 1px solid #888; } 22 div#toolbar div#toolbar-open { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-folder.png"); /* fallback */ background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-folder.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 4px; } 23 div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open.selected { background-color: #eedddd; background-image: url("images/toolbar-folder.png"); /* fallback */ background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-folder.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 24 div#toolbar > div#toolbar-remove { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-close.png"); /* fallback */ background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-close.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 25 div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove.selected { background-color: #eedddd; background-image: url("images/toolbar-close.png"); /* fallback */ background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-close.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 26 div#toolbar > div#toolbar-start { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-start.png"); /* fallback */ background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-start.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 20px; } 27 div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start.selected { background-color: #eedddd; background-image: url("images/toolbar-start.png"); /* fallback */ background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-start.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 28 div#toolbar > div#toolbar-pause { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-pause.png"); /* fallback */ background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-pause.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 29 div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause.selected { background-color: #eedddd; background-image: url("images/toolbar-pause.png"); /* fallback */ background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-pause.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 30 div#toolbar > div#toolbar-select { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-pointer.png"); /* fallback */ background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-pointer.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; margin-left: 20px; } 31 div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select.selected { background-color: #eedddd; background-image: url("images/toolbar-pointer.png"); /* fallback */ background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 32 div#toolbar > div#toolbar-inspector { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-info.png"); /* fallback */ background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-info.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; float: right; margin-right: 8px; } 33 div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector.selected { background-color: #eedddd; background-image: url("images/toolbar-info.png"); /* fallback */ background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-info.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 34 div#toolbar > *.disabled { opacity: 0.25; } 45 div#toolbar { 46 width: 100%; 47 height: 35px; 48 margin: 0px; 49 padding: 2px; 50 border-bottom: 1px solid #AAA; 51 background: url("images/red-texture.png") repeat; } 52 div#toolbar > * { 53 cursor: pointer; 54 -moz-user-select: none; 55 -webkit-user-select: none; 56 display: inline-block; 57 border-style: solid; 58 border-color: #aaa; 59 border-width: 1px; 60 padding: 3px; 61 margin-top: 5px; 62 width: 18px; 63 height: 18px; 64 padding: 2px 8px; 65 float: left; 66 border: 1px solid #888; } 67 div#toolbar div#toolbar-open { 68 -moz-border-radius-topleft: 5px; 69 -moz-border-radius-bottomleft: 5px; 70 border-top-left-radius: 5px; 71 border-bottom-left-radius: 5px; 72 background-color: #dddddd; 73 background-image: url("images/toolbar-folder.png"); 74 /* fallback */ 75 background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 76 /* Saf4+, Chrome */ 77 background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, white, #bbbbbb); 78 /* Chrome 10+, Saf5.1+ */ 79 background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, white, #bbbbbb); 80 /* FF3.6+ */ 81 background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, white, #bbbbbb); 82 /* IE10 */ 83 background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, white, #bbbbbb); 84 /* Opera 11.10+ */ 85 background-image: url("images/toolbar-folder.png"), linear-gradient(top, white, #bbbbbb); 86 /* W3C */ 87 background-position: center; 88 background-repeat: no-repeat; 89 margin-left: 4px; } 90 div#toolbar div#toolbar-open:active, div#toolbar div#toolbar-open.selected { 91 background-color: #e6e6ff; 92 background-image: url("images/toolbar-folder.png"); 93 /* fallback */ 94 background-image: url("images/toolbar-folder.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 95 /* Saf4+, Chrome */ 96 background-image: url("images/toolbar-folder.png"), -webkit-linear-gradient(top, #cdcdff, white); 97 /* Chrome 10+, Saf5.1+ */ 98 background-image: url("images/toolbar-folder.png"), -moz-linear-gradient(top, #cdcdff, white); 99 /* FF3.6+ */ 100 background-image: url("images/toolbar-folder.png"), -ms-linear-gradient(top, #cdcdff, white); 101 /* IE10 */ 102 background-image: url("images/toolbar-folder.png"), -o-linear-gradient(top, #cdcdff, white); 103 /* Opera 11.10+ */ 104 background-image: url("images/toolbar-folder.png"), linear-gradient(top, #cdcdff, white); 105 /* W3C */ 106 background-position: center; 107 background-repeat: no-repeat; } 108 div#toolbar > div#toolbar-remove { 109 -moz-border-radius-topright: 5px; 110 -moz-border-radius-bottomright: 5px; 111 border-top-right-radius: 5px; 112 border-bottom-right-radius: 5px; 113 background-color: #dddddd; 114 background-image: url("images/toolbar-close.png"); 115 /* fallback */ 116 background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 117 /* Saf4+, Chrome */ 118 background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, white, #bbbbbb); 119 /* Chrome 10+, Saf5.1+ */ 120 background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, white, #bbbbbb); 121 /* FF3.6+ */ 122 background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, white, #bbbbbb); 123 /* IE10 */ 124 background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, white, #bbbbbb); 125 /* Opera 11.10+ */ 126 background-image: url("images/toolbar-close.png"), linear-gradient(top, white, #bbbbbb); 127 /* W3C */ 128 background-position: center; 129 background-repeat: no-repeat; } 130 div#toolbar > div#toolbar-remove:active, div#toolbar > div#toolbar-remove.selected { 131 background-color: #e6e6ff; 132 background-image: url("images/toolbar-close.png"); 133 /* fallback */ 134 background-image: url("images/toolbar-close.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 135 /* Saf4+, Chrome */ 136 background-image: url("images/toolbar-close.png"), -webkit-linear-gradient(top, #cdcdff, white); 137 /* Chrome 10+, Saf5.1+ */ 138 background-image: url("images/toolbar-close.png"), -moz-linear-gradient(top, #cdcdff, white); 139 /* FF3.6+ */ 140 background-image: url("images/toolbar-close.png"), -ms-linear-gradient(top, #cdcdff, white); 141 /* IE10 */ 142 background-image: url("images/toolbar-close.png"), -o-linear-gradient(top, #cdcdff, white); 143 /* Opera 11.10+ */ 144 background-image: url("images/toolbar-close.png"), linear-gradient(top, #cdcdff, white); 145 /* W3C */ 146 background-position: center; 147 background-repeat: no-repeat; } 148 div#toolbar > div#toolbar-start { 149 -moz-border-radius-topleft: 5px; 150 -moz-border-radius-bottomleft: 5px; 151 border-top-left-radius: 5px; 152 border-bottom-left-radius: 5px; 153 background-color: #dddddd; 154 background-image: url("images/toolbar-start.png"); 155 /* fallback */ 156 background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 157 /* Saf4+, Chrome */ 158 background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, white, #bbbbbb); 159 /* Chrome 10+, Saf5.1+ */ 160 background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, white, #bbbbbb); 161 /* FF3.6+ */ 162 background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, white, #bbbbbb); 163 /* IE10 */ 164 background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, white, #bbbbbb); 165 /* Opera 11.10+ */ 166 background-image: url("images/toolbar-start.png"), linear-gradient(top, white, #bbbbbb); 167 /* W3C */ 168 background-position: center; 169 background-repeat: no-repeat; 170 margin-left: 20px; } 171 div#toolbar > div#toolbar-start:active, div#toolbar > div#toolbar-start.selected { 172 background-color: #e6e6ff; 173 background-image: url("images/toolbar-start.png"); 174 /* fallback */ 175 background-image: url("images/toolbar-start.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 176 /* Saf4+, Chrome */ 177 background-image: url("images/toolbar-start.png"), -webkit-linear-gradient(top, #cdcdff, white); 178 /* Chrome 10+, Saf5.1+ */ 179 background-image: url("images/toolbar-start.png"), -moz-linear-gradient(top, #cdcdff, white); 180 /* FF3.6+ */ 181 background-image: url("images/toolbar-start.png"), -ms-linear-gradient(top, #cdcdff, white); 182 /* IE10 */ 183 background-image: url("images/toolbar-start.png"), -o-linear-gradient(top, #cdcdff, white); 184 /* Opera 11.10+ */ 185 background-image: url("images/toolbar-start.png"), linear-gradient(top, #cdcdff, white); 186 /* W3C */ 187 background-position: center; 188 background-repeat: no-repeat; } 189 div#toolbar > div#toolbar-pause { 190 -moz-border-radius-topright: 5px; 191 -moz-border-radius-bottomright: 5px; 192 border-top-right-radius: 5px; 193 border-bottom-right-radius: 5px; 194 background-color: #dddddd; 195 background-image: url("images/toolbar-pause.png"); 196 /* fallback */ 197 background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 198 /* Saf4+, Chrome */ 199 background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, white, #bbbbbb); 200 /* Chrome 10+, Saf5.1+ */ 201 background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, white, #bbbbbb); 202 /* FF3.6+ */ 203 background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, white, #bbbbbb); 204 /* IE10 */ 205 background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, white, #bbbbbb); 206 /* Opera 11.10+ */ 207 background-image: url("images/toolbar-pause.png"), linear-gradient(top, white, #bbbbbb); 208 /* W3C */ 209 background-position: center; 210 background-repeat: no-repeat; } 211 div#toolbar > div#toolbar-pause:active, div#toolbar > div#toolbar-pause.selected { 212 background-color: #e6e6ff; 213 background-image: url("images/toolbar-pause.png"); 214 /* fallback */ 215 background-image: url("images/toolbar-pause.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 216 /* Saf4+, Chrome */ 217 background-image: url("images/toolbar-pause.png"), -webkit-linear-gradient(top, #cdcdff, white); 218 /* Chrome 10+, Saf5.1+ */ 219 background-image: url("images/toolbar-pause.png"), -moz-linear-gradient(top, #cdcdff, white); 220 /* FF3.6+ */ 221 background-image: url("images/toolbar-pause.png"), -ms-linear-gradient(top, #cdcdff, white); 222 /* IE10 */ 223 background-image: url("images/toolbar-pause.png"), -o-linear-gradient(top, #cdcdff, white); 224 /* Opera 11.10+ */ 225 background-image: url("images/toolbar-pause.png"), linear-gradient(top, #cdcdff, white); 226 /* W3C */ 227 background-position: center; 228 background-repeat: no-repeat; } 229 div#toolbar > div#toolbar-select { 230 -moz-border-radius: 5px; 231 border-radius: 5px; 232 background-color: #dddddd; 233 background-image: url("images/toolbar-pointer.png"); 234 /* fallback */ 235 background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 236 /* Saf4+, Chrome */ 237 background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, white, #bbbbbb); 238 /* Chrome 10+, Saf5.1+ */ 239 background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, white, #bbbbbb); 240 /* FF3.6+ */ 241 background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, white, #bbbbbb); 242 /* IE10 */ 243 background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, white, #bbbbbb); 244 /* Opera 11.10+ */ 245 background-image: url("images/toolbar-pointer.png"), linear-gradient(top, white, #bbbbbb); 246 /* W3C */ 247 background-position: center; 248 background-repeat: no-repeat; 249 margin-left: 20px; } 250 div#toolbar > div#toolbar-select:active, div#toolbar > div#toolbar-select.selected { 251 background-color: #e6e6ff; 252 background-image: url("images/toolbar-pointer.png"); 253 /* fallback */ 254 background-image: url("images/toolbar-pointer.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 255 /* Saf4+, Chrome */ 256 background-image: url("images/toolbar-pointer.png"), -webkit-linear-gradient(top, #cdcdff, white); 257 /* Chrome 10+, Saf5.1+ */ 258 background-image: url("images/toolbar-pointer.png"), -moz-linear-gradient(top, #cdcdff, white); 259 /* FF3.6+ */ 260 background-image: url("images/toolbar-pointer.png"), -ms-linear-gradient(top, #cdcdff, white); 261 /* IE10 */ 262 background-image: url("images/toolbar-pointer.png"), -o-linear-gradient(top, #cdcdff, white); 263 /* Opera 11.10+ */ 264 background-image: url("images/toolbar-pointer.png"), linear-gradient(top, #cdcdff, white); 265 /* W3C */ 266 background-position: center; 267 background-repeat: no-repeat; } 268 div#toolbar > div#toolbar-inspector { 269 -moz-border-radius: 5px; 270 border-radius: 5px; 271 background-color: #dddddd; 272 background-image: url("images/toolbar-info.png"); 273 /* fallback */ 274 background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 275 /* Saf4+, Chrome */ 276 background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); 277 /* Chrome 10+, Saf5.1+ */ 278 background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, white, #bbbbbb); 279 /* FF3.6+ */ 280 background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, white, #bbbbbb); 281 /* IE10 */ 282 background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, white, #bbbbbb); 283 /* Opera 11.10+ */ 284 background-image: url("images/toolbar-info.png"), linear-gradient(top, white, #bbbbbb); 285 /* W3C */ 286 background-position: center; 287 background-repeat: no-repeat; 288 float: right; 289 margin-right: 8px; } 290 div#toolbar > div#toolbar-inspector:active, div#toolbar > div#toolbar-inspector.selected { 291 background-color: #e6e6ff; 292 background-image: url("images/toolbar-info.png"); 293 /* fallback */ 294 background-image: url("images/toolbar-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 295 /* Saf4+, Chrome */ 296 background-image: url("images/toolbar-info.png"), -webkit-linear-gradient(top, #cdcdff, white); 297 /* Chrome 10+, Saf5.1+ */ 298 background-image: url("images/toolbar-info.png"), -moz-linear-gradient(top, #cdcdff, white); 299 /* FF3.6+ */ 300 background-image: url("images/toolbar-info.png"), -ms-linear-gradient(top, #cdcdff, white); 301 /* IE10 */ 302 background-image: url("images/toolbar-info.png"), -o-linear-gradient(top, #cdcdff, white); 303 /* Opera 11.10+ */ 304 background-image: url("images/toolbar-info.png"), linear-gradient(top, #cdcdff, white); 305 /* W3C */ 306 background-position: center; 307 background-repeat: no-repeat; } 308 div#toolbar > *.disabled { 309 opacity: 0.25; } 35 310 36 311 /*** … … 39 314 **** 40 315 ***/ 41 #statusbar { height: 24px; width: 100%; border-bottom: 1px solid #AAA; overflow: hidden; position: relative; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); } 42 #statusbar #speed-info { margin-top: 5px; margin-left: 45%; text-align: left; } 43 #statusbar #speed-info * { display: inline-block; } 44 #statusbar #speed-info #speed-up-icon { margin-left: 8px; width: 8px; height: 8px; background: url("images/arrow-up.png") bottom no-repeat; } 45 #statusbar #speed-info #speed-dn-icon { width: 8px; height: 8px; background: url("images/arrow-down.png") bottom no-repeat; } 46 #statusbar #speed-info #speed-up-container { display: none; } 47 #statusbar #speed-info #speed-up-container.active { display: inline; } 48 #statusbar #speed-info #speed-dn-container { display: none; } 49 #statusbar #speed-info #speed-dn-container.active { display: inline; } 50 #statusbar #filter-button { float: left; text-shadow: 0 1px 0 #ccc; margin: 5px 8px; -moz-user-select: none; -webkit-user-select: none; } 51 #statusbar #filter-button:hover { cursor: pointer; } 52 #statusbar #filter-button #filter-button .filter-selection { text-decoration: underline; } 53 #statusbar input#torrent_search { display: none; } 316 #statusbar { 317 height: 24px; 318 width: 100%; 319 border-bottom: 1px solid #AAA; 320 overflow: hidden; 321 position: relative; 322 background-color: #cccccc; 323 background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); 324 background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); 325 background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); 326 background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); 327 background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); 328 background-image: linear-gradient(top, #dddddd, #bbbbbb); } 329 #statusbar #speed-info { 330 margin-top: 5px; 331 margin-left: 45%; 332 text-align: left; } 333 #statusbar #speed-info * { 334 display: inline-block; } 335 #statusbar #speed-info #speed-up-icon { 336 margin-left: 8px; 337 width: 8px; 338 height: 8px; 339 background: url("images/arrow-up.png") bottom no-repeat; } 340 #statusbar #speed-info #speed-dn-icon { 341 width: 8px; 342 height: 8px; 343 background: url("images/arrow-down.png") bottom no-repeat; } 344 #statusbar #speed-info #speed-up-container { 345 display: none; } 346 #statusbar #speed-info #speed-up-container.active { 347 display: inline; } 348 #statusbar #speed-info #speed-dn-container { 349 display: none; } 350 #statusbar #speed-info #speed-dn-container.active { 351 display: inline; } 352 #statusbar #filter-button { 353 float: left; 354 text-shadow: 0 1px 0 #ccc; 355 margin: 5px 8px; 356 -moz-user-select: none; 357 -webkit-user-select: none; } 358 #statusbar #filter-button:hover { 359 cursor: pointer; } 360 #statusbar #filter-button #filter-button .filter-selection { 361 text-decoration: underline; } 362 #statusbar input#torrent_search { 363 display: none; } 54 364 55 365 /*** … … 58 368 **** 59 369 ***/ 60 #filter-popup { color: #222; /* !important; */ background: #FFF; z-index: 100; } 61 #filter-popup li { text-align: left; } 62 #filter-popup .count { padding-left: 3px; } 63 #filter-popup .row { text-align: left; cursor: pointer; margin: 8px 2px; position: relative; height: 18px; -moz-user-select: none; -webkit-user-select: none; } 64 #filter-popup .row .filter-img { border: none; width: 16px; height: 16px; position: absolute; left: 0px; } 65 #filter-popup .row .filter-name { position: absolute; left: 20px; } 66 #filter-popup .row .count { float: right; color: #aaa; } 67 #filter-popup .row:hover, #filter-popup .row.selected { font-weight: bold; } 68 #filter-popup #filter-by-state { float: left; width: 120px; overflow: hidden; text-overflow: ellipsis; } 69 #filter-popup #filter-by-state .row .filter-img { display: none; } 70 #filter-popup #filter-by-state .row .filter-name { left: 0px; } 71 #filter-popup #filter-by-tracker { float: right; width: 130px; overflow: hidden; text-overflow: ellipsis; } 370 #filter-popup { 371 color: #222; 372 /* !important; */ 373 background: #FFF; 374 z-index: 100; } 375 #filter-popup li { 376 text-align: left; } 377 #filter-popup .count { 378 padding-left: 3px; } 379 #filter-popup .row { 380 text-align: left; 381 cursor: pointer; 382 margin: 8px 2px; 383 position: relative; 384 height: 18px; 385 -moz-user-select: none; 386 -webkit-user-select: none; } 387 #filter-popup .row .filter-img { 388 border: none; 389 width: 16px; 390 height: 16px; 391 position: absolute; 392 left: 0px; } 393 #filter-popup .row .filter-name { 394 position: absolute; 395 left: 20px; } 396 #filter-popup .row .count { 397 float: right; 398 color: #aaa; } 399 #filter-popup .row:hover, #filter-popup .row.selected { 400 font-weight: bold; } 401 #filter-popup #filter-by-state { 402 float: left; 403 width: 120px; 404 overflow: hidden; 405 text-overflow: ellipsis; } 406 #filter-popup #filter-by-state .row .filter-img { 407 display: none; } 408 #filter-popup #filter-by-state .row .filter-name { 409 left: 0px; } 410 #filter-popup #filter-by-tracker { 411 float: right; 412 width: 130px; 413 overflow: hidden; 414 text-overflow: ellipsis; } 72 415 73 416 /*** … … 76 419 **** 77 420 ***/ 78 ul.torrent_list { width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; /** Progressbar Each progressbar has three elemens: a parent container and two children, complete and incomplete. The only thing needed to set the progressbar percentage is to set the complete child's width as a percentage. This is because incomplete is pinned to the full width and height of the parent, and complete is pinned to the left side of the parent and has a higher z-index. The progressbar has different colors depending on its state, so there are five 'decorator' classNames: paused, queued, magnet, leeching, seeding. */ } 79 ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 30px 5px 0px; color: #666; background-color: white; } 80 ul.torrent_list li.torrent.compact { padding: 4px; } 81 ul.torrent_list li.torrent.even { background-color: #F7F7F7; } 82 ul.torrent_list li.torrent.selected { background-color: #ffe4e1; } 83 ul.torrent_list li.torrent.compact div.torrent_name { color: black; } 84 ul.torrent_list li.torrent a { display: none; } 85 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; } 86 ul.torrent_list li.torrent div.torrent_name.compact { font-size: 1.0em; font-weight: normal; } 87 ul.torrent_list li.torrent div.torrent_name.paused { font-weight: normal; color: #777; } 88 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; } 89 ul.torrent_list li.torrent div.torrent_progress_details.error, ul.torrent_list li.torrent div.torrent_peer_details.error { color: #F00; } 90 ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { color: #FFF; } 91 ul.torrent_list div.torrent_progress_bar_container { height: 10px; position: relative; } 92 ul.torrent_list div.torrent_progress_bar_container.compact { width: 50px; position: absolute; right: 10px; margin-top: 2px; /*float: right;*/ } 93 ul.torrent_list div.torrent_progress_bar_container.full { margin-top: 2px; margin-bottom: 5px; } 94 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 */ } 95 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; } 96 ul.torrent_list div.torrent_progress_bar.complete { z-index: 2; } 97 ul.torrent_list div.torrent_progress_bar.complete.paused { background-position: left -30px; border-color: #989898; } 98 ul.torrent_list div.torrent_progress_bar.complete.magnet { background-position: left -20px; border-color: #CFCFCF; } 99 ul.torrent_list div.torrent_progress_bar.complete.leeching { background-position: left 0px; border-color: #3D9DEA; } 100 ul.torrent_list div.torrent_progress_bar.complete.leeching.queued { background-position: left -70px; border-color: #889CA5; } 101 ul.torrent_list div.torrent_progress_bar.complete.seeding { background-position: left -40px; border-color: #269E30; } 102 ul.torrent_list div.torrent_progress_bar.complete.seeding.queued { background-position: left -60px; border-color: #8A998D; } 103 ul.torrent_list div.torrent_progress_bar.incomplete { z-index: 1; width: 100%; } 104 ul.torrent_list div.torrent_progress_bar.incomplete.paused { background-position: left -20px; border-color: #CFCFCF; } 105 ul.torrent_list div.torrent_progress_bar.incomplete.magnet { background-position: left -50px; border-color: #D47778; } 106 ul.torrent_list div.torrent_progress_bar.incomplete.leeching { background-position: left -20px; border-color: #CFCFCF; } 107 ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued { background-position: left -80px; border-color: #C4C4C4; } 108 ul.torrent_list div.torrent_progress_bar.incomplete.seeding { background-position: left -10px; border-color: #29AD35; } 421 ul.torrent_list { 422 width: 100%; 423 margin: 0; 424 padding: 0; 425 text-align: left; 426 cursor: pointer; 427 /** 428 * Progressbar 429 * 430 * Each progressbar has three elemens: a parent container and two children, 431 * complete and incomplete. 432 * 433 * The only thing needed to set the progressbar percentage is to set 434 * the complete child's width as a percentage. This is because incomplete 435 * is pinned to the full width and height of the parent, and complete 436 * is pinned to the left side of the parent and has a higher z-index. 437 * 438 * The progressbar has different colors depending on its state, so there 439 * are five 'decorator' classNames: paused, queued, magnet, leeching, seeding. 440 */ } 441 ul.torrent_list li.torrent { 442 border-bottom: 1px solid #ccc; 443 padding: 4px 30px 5px 0px; 444 color: #666; 445 background-color: white; } 446 ul.torrent_list li.torrent.compact { 447 padding: 4px; } 448 ul.torrent_list li.torrent.even { 449 background-color: #F7F7F7; } 450 ul.torrent_list li.torrent.selected { 451 background-color: #cdcdff; } 452 ul.torrent_list li.torrent.compact div.torrent_name { 453 color: black; } 454 ul.torrent_list li.torrent a { 455 display: none; } 456 ul.torrent_list li.torrent div.torrent_name { 457 font-size: 1.3em; 458 font-weight: bold; 459 overflow: hidden; 460 text-overflow: ellipsis; 461 white-space: nowrap; 462 color: #222; 463 margin-top: 2px; 464 margin-bottom: 2px; } 465 ul.torrent_list li.torrent div.torrent_name.compact { 466 font-size: 1.0em; 467 font-weight: normal; } 468 ul.torrent_list li.torrent div.torrent_name.paused { 469 font-weight: normal; 470 color: #777; } 471 ul.torrent_list li.torrent div.torrent_progress_details, 472 ul.torrent_list li.torrent div.torrent_peer_details { 473 clear: left; 474 overflow: hidden; 475 text-overflow: ellipsis; 476 white-space: nowrap; } 477 ul.torrent_list li.torrent div.torrent_progress_details.error, 478 ul.torrent_list li.torrent div.torrent_peer_details.error { 479 color: #F00; } 480 ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { 481 color: #FFF; } 482 ul.torrent_list div.torrent_progress_bar_container { 483 height: 10px; 484 position: relative; } 485 ul.torrent_list div.torrent_progress_bar_container.compact { 486 width: 50px; 487 position: absolute; 488 right: 10px; 489 margin-top: 2px; 490 /*float: right;*/ } 491 ul.torrent_list div.torrent_progress_bar_container.full { 492 margin-top: 2px; 493 margin-bottom: 5px; } 494 ul.torrent_list div.torrent_peer_details.compact { 495 margin-top: 2px; 496 margin-right: 65px; 497 /* leave room on the right for the progressbar */ 498 float: right; 499 /* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ } 500 ul.torrent_list div.torrent_progress_bar { 501 height: 100%; 502 position: absolute; 503 top: 0px; 504 left: 0px; 505 background-image: url("images/progress.png"); 506 background-repeat: repeat-x; 507 border: 1px solid #888; } 508 ul.torrent_list div.torrent_progress_bar.complete { 509 z-index: 2; } 510 ul.torrent_list div.torrent_progress_bar.complete.paused { 511 background-position: left -30px; 512 border-color: #989898; } 513 ul.torrent_list div.torrent_progress_bar.complete.magnet { 514 background-position: left -20px; 515 border-color: #CFCFCF; } 516 ul.torrent_list div.torrent_progress_bar.complete.leeching { 517 background-position: left 0px; 518 border-color: #3D9DEA; } 519 ul.torrent_list div.torrent_progress_bar.complete.leeching.queued { 520 background-position: left -70px; 521 border-color: #889CA5; } 522 ul.torrent_list div.torrent_progress_bar.complete.seeding { 523 background-position: left -40px; 524 border-color: #269E30; } 525 ul.torrent_list div.torrent_progress_bar.complete.seeding.queued { 526 background-position: left -60px; 527 border-color: #8A998D; } 528 ul.torrent_list div.torrent_progress_bar.incomplete { 529 z-index: 1; 530 width: 100%; } 531 ul.torrent_list div.torrent_progress_bar.incomplete.paused { 532 background-position: left -20px; 533 border-color: #CFCFCF; } 534 ul.torrent_list div.torrent_progress_bar.incomplete.magnet { 535 background-position: left -50px; 536 border-color: #D47778; } 537 ul.torrent_list div.torrent_progress_bar.incomplete.leeching { 538 background-position: left -20px; 539 border-color: #CFCFCF; } 540 ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued { 541 background-position: left -80px; 542 border-color: #C4C4C4; } 543 ul.torrent_list div.torrent_progress_bar.incomplete.seeding { 544 background-position: left -10px; 545 border-color: #29AD35; } 109 546 110 547 /*** … … 113 550 **** 114 551 ***/ 115 #prefs-dialog.ui-tabs .ui-tabs-panel { padding: 0px; -moz-user-select: none; -webkit-user-select: none; } 116 117 .prefs-section { margin: 10px; text-align: left; } 118 .prefs-section > * { padding-top: 8px; padding-left: 8px; } 119 .prefs-section .title { font-weight: bold; font-size: larger; padding-left: 0px; } 120 .prefs-section .row .key { float: left; padding-top: 3px; } 121 .prefs-section .row .key > * { margin-left: 0px; } 122 .prefs-section .row .value { margin-left: 150px; } 123 .prefs-section .row .value > * { width: 100%; } 124 .prefs-section .checkbox-row > input { margin: 0px; } 125 .prefs-section .checkbox-row > label { margin-left: 5px; } 126 .prefs-section #alternative-speed-limits-title { padding-left: 18px; background: transparent url("images/blue-turtle.png") no-repeat; } 552 #prefs-dialog.ui-tabs .ui-tabs-panel { 553 padding: 0px; 554 -moz-user-select: none; 555 -webkit-user-select: none; } 556 557 .prefs-section { 558 margin: 10px; 559 text-align: left; } 560 .prefs-section > * { 561 padding-top: 8px; 562 padding-left: 8px; } 563 .prefs-section .title { 564 font-weight: bold; 565 font-size: larger; 566 padding-left: 0px; } 567 .prefs-section .row .key { 568 float: left; 569 padding-top: 3px; } 570 .prefs-section .row .key > * { 571 margin-left: 0px; } 572 .prefs-section .row .value { 573 margin-left: 150px; } 574 .prefs-section .row .value > * { 575 width: 100%; } 576 .prefs-section .checkbox-row > input { 577 margin: 0px; } 578 .prefs-section .checkbox-row > label { 579 margin-left: 5px; } 580 .prefs-section #alternative-speed-limits-title { 581 padding-left: 18px; 582 background: transparent url("images/blue-turtle.png") no-repeat; } 127 583 128 584 /*** … … 131 587 **** 132 588 ***/ 133 div#torrent_inspector { overflow: auto; text-align: left; padding: 15px; top: 0; position: relative; width: 100%; z-index: 2; /* Files Inspector Tab */ } 134 div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; } 135 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { display: inline-block; } 136 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; } 137 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 1px; } 138 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected { background-color: #eedddd; background-image: url("images/inspector-info.png"); /* fallback */ background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-info.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 139 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers { background-color: #dddddd; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 140 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected { background-color: #eedddd; background-image: url("images/inspector-peers.png"); /* fallback */ background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-peers.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 141 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers { background-color: #dddddd; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 142 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected { background-color: #eedddd; background-image: url("images/inspector-trackers.png"); /* fallback */ background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-trackers.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 143 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dddddd; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 144 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected { background-color: #eedddd; background-image: url("images/inspector-files.png"); /* fallback */ background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/inspector-files.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 145 div#torrent_inspector #inspector_header { margin-top: 8px; } 146 div#torrent_inspector #inspector_header #torrent_inspector_name { font-weight: bold; font-size: large; } 147 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; } 148 div#torrent_inspector ul.tier_list li { overflow: hidden; } 149 div#torrent_inspector ul.tier_list .tracker_activity { float: left; color: #666; width: 200px; display: table; margin-top: 1px; } 150 div#torrent_inspector ul.tier_list .tracker_activity div { padding: 2px; } 151 div#torrent_inspector ul.tier_list table { float: right; color: #666; } 152 div#torrent_inspector ul.tier_list th { text-align: right; } 153 div#torrent_inspector li.inspector_tracker_entry { padding: 3px 0 3px 2px; display: block; } 154 div#torrent_inspector li.inspector_tracker_entry.odd { background-color: #EEEEEE; } 155 div#torrent_inspector div.tracker_host { font-size: 1.2em; font-weight: bold; color: #222; } 156 div#torrent_inspector #inspector_file_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; } 157 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; } 158 div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; } 159 div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; } 160 div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; } 161 div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; } 162 div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; } 163 div#torrent_inspector div.inspector_torrent_file_list_entry_progress { color: #999; margin-left: 20px; } 164 div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control { background-position: left top; } 165 div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -19px; } 166 div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control, div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { background-position: left -38px; cursor: default; } 589 div#torrent_inspector { 590 overflow: auto; 591 text-align: left; 592 padding: 15px; 593 top: 0; 594 position: relative; 595 width: 100%; 596 z-index: 2; 597 /* Files Inspector Tab */ } 598 div#torrent_inspector #inspector-tabs-wrapper { 599 width: 100%; 600 overflow: hidden; 601 text-align: center; } 602 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { 603 display: inline-block; } 604 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * { 605 cursor: pointer; 606 -moz-user-select: none; 607 -webkit-user-select: none; 608 display: inline-block; 609 border-style: solid; 610 border-color: #aaa; 611 border-width: 1px; 612 padding: 3px; 613 width: 30px; 614 height: 20px; } 615 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info { 616 -moz-border-radius-topleft: 5px; 617 -moz-border-radius-bottomleft: 5px; 618 border-top-left-radius: 5px; 619 border-bottom-left-radius: 5px; 620 background-color: #dddddd; 621 background-image: url("images/inspector-info.png"); 622 /* fallback */ 623 background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 624 /* Saf4+, Chrome */ 625 background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb); 626 /* Chrome 10+, Saf5.1+ */ 627 background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb); 628 /* FF3.6+ */ 629 background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb); 630 /* IE10 */ 631 background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb); 632 /* Opera 11.10+ */ 633 background-image: url("images/inspector-info.png"), linear-gradient(top, white, #bbbbbb); 634 /* W3C */ 635 background-position: center; 636 background-repeat: no-repeat; 637 border-left-width: 1px; } 638 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected { 639 background-color: #e6e6ff; 640 background-image: url("images/inspector-info.png"); 641 /* fallback */ 642 background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 643 /* Saf4+, Chrome */ 644 background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #cdcdff, white); 645 /* Chrome 10+, Saf5.1+ */ 646 background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #cdcdff, white); 647 /* FF3.6+ */ 648 background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #cdcdff, white); 649 /* IE10 */ 650 background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white); 651 /* Opera 11.10+ */ 652 background-image: url("images/inspector-info.png"), linear-gradient(top, #cdcdff, white); 653 /* W3C */ 654 background-position: center; 655 background-repeat: no-repeat; } 656 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers { 657 background-color: #dddddd; 658 background-image: url("images/inspector-peers.png"); 659 /* fallback */ 660 background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 661 /* Saf4+, Chrome */ 662 background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb); 663 /* Chrome 10+, Saf5.1+ */ 664 background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb); 665 /* FF3.6+ */ 666 background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb); 667 /* IE10 */ 668 background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb); 669 /* Opera 11.10+ */ 670 background-image: url("images/inspector-peers.png"), linear-gradient(top, white, #bbbbbb); 671 /* W3C */ 672 background-position: center; 673 background-repeat: no-repeat; } 674 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected { 675 background-color: #e6e6ff; 676 background-image: url("images/inspector-peers.png"); 677 /* fallback */ 678 background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 679 /* Saf4+, Chrome */ 680 background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #cdcdff, white); 681 /* Chrome 10+, Saf5.1+ */ 682 background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #cdcdff, white); 683 /* FF3.6+ */ 684 background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #cdcdff, white); 685 /* IE10 */ 686 background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white); 687 /* Opera 11.10+ */ 688 background-image: url("images/inspector-peers.png"), linear-gradient(top, #cdcdff, white); 689 /* W3C */ 690 background-position: center; 691 background-repeat: no-repeat; } 692 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers { 693 background-color: #dddddd; 694 background-image: url("images/inspector-trackers.png"); 695 /* fallback */ 696 background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 697 /* Saf4+, Chrome */ 698 background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb); 699 /* Chrome 10+, Saf5.1+ */ 700 background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb); 701 /* FF3.6+ */ 702 background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb); 703 /* IE10 */ 704 background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb); 705 /* Opera 11.10+ */ 706 background-image: url("images/inspector-trackers.png"), linear-gradient(top, white, #bbbbbb); 707 /* W3C */ 708 background-position: center; 709 background-repeat: no-repeat; } 710 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected { 711 background-color: #e6e6ff; 712 background-image: url("images/inspector-trackers.png"); 713 /* fallback */ 714 background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 715 /* Saf4+, Chrome */ 716 background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #cdcdff, white); 717 /* Chrome 10+, Saf5.1+ */ 718 background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #cdcdff, white); 719 /* FF3.6+ */ 720 background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #cdcdff, white); 721 /* IE10 */ 722 background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white); 723 /* Opera 11.10+ */ 724 background-image: url("images/inspector-trackers.png"), linear-gradient(top, #cdcdff, white); 725 /* W3C */ 726 background-position: center; 727 background-repeat: no-repeat; } 728 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files { 729 -moz-border-radius-topright: 5px; 730 -moz-border-radius-bottomright: 5px; 731 border-top-right-radius: 5px; 732 border-bottom-right-radius: 5px; 733 background-color: #dddddd; 734 background-image: url("images/inspector-files.png"); 735 /* fallback */ 736 background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 737 /* Saf4+, Chrome */ 738 background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb); 739 /* Chrome 10+, Saf5.1+ */ 740 background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb); 741 /* FF3.6+ */ 742 background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb); 743 /* IE10 */ 744 background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb); 745 /* Opera 11.10+ */ 746 background-image: url("images/inspector-files.png"), linear-gradient(top, white, #bbbbbb); 747 /* W3C */ 748 background-position: center; 749 background-repeat: no-repeat; } 750 div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected { 751 background-color: #e6e6ff; 752 background-image: url("images/inspector-files.png"); 753 /* fallback */ 754 background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 755 /* Saf4+, Chrome */ 756 background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #cdcdff, white); 757 /* Chrome 10+, Saf5.1+ */ 758 background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #cdcdff, white); 759 /* FF3.6+ */ 760 background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #cdcdff, white); 761 /* IE10 */ 762 background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white); 763 /* Opera 11.10+ */ 764 background-image: url("images/inspector-files.png"), linear-gradient(top, #cdcdff, white); 765 /* W3C */ 766 background-position: center; 767 background-repeat: no-repeat; } 768 div#torrent_inspector #inspector_header { 769 margin-top: 8px; } 770 div#torrent_inspector #inspector_header #torrent_inspector_name { 771 font-weight: bold; 772 font-size: large; } 773 div#torrent_inspector ul.tier_list { 774 margin: 2px 0 8px 0; 775 width: 100%; 776 padding-left: 0px; 777 text-align: left; 778 display: block; 779 cursor: default; 780 list-style-type: none; 781 list-style: none; 782 list-style-image: none; 783 clear: both; } 784 div#torrent_inspector ul.tier_list li { 785 overflow: hidden; } 786 div#torrent_inspector ul.tier_list .tracker_activity { 787 float: left; 788 color: #666; 789 width: 200px; 790 display: table; 791 margin-top: 1px; } 792 div#torrent_inspector ul.tier_list .tracker_activity div { 793 padding: 2px; } 794 div#torrent_inspector ul.tier_list table { 795 float: right; 796 color: #666; } 797 div#torrent_inspector ul.tier_list th { 798 text-align: right; } 799 div#torrent_inspector li.inspector_tracker_entry { 800 padding: 3px 0 3px 2px; 801 display: block; } 802 div#torrent_inspector li.inspector_tracker_entry.odd { 803 background-color: #EEEEEE; } 804 div#torrent_inspector div.tracker_host { 805 font-size: 1.2em; 806 font-weight: bold; 807 color: #222; } 808 div#torrent_inspector #inspector_file_list { 809 padding: 0 0 0 0; 810 margin: 0 0 0 0; 811 text-align: left; 812 cursor: default; 813 overflow: hidden; } 814 div#torrent_inspector #inspector_file_list { 815 border-top: 1px solid #888; 816 width: 100%; 817 margin: 6px 0 0 0; 818 padding-top: 6px; 819 padding-bottom: 10px; 820 text-align: left; 821 display: block; 822 cursor: default; 823 list-style-type: none; 824 list-style: none; 825 list-style-image: none; 826 clear: both; } 827 div#torrent_inspector li.inspector_torrent_file_list_entry { 828 padding: 3px 0 3px 2px; 829 display: block; } 830 div#torrent_inspector li.inspector_torrent_file_list_entry.skip { 831 color: #666; } 832 div#torrent_inspector li.inspector_torrent_file_list_entry.even { 833 background-color: #F7F7F7; } 834 div#torrent_inspector div.inspector_torrent_file_list_entry_name { 835 font-size: 1.2em; 836 color: black; 837 display: inline; 838 margin-left: 0px; } 839 div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { 840 color: #999; } 841 div#torrent_inspector div.inspector_torrent_file_list_entry_progress { 842 color: #999; 843 margin-left: 20px; } 844 div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .file_wanted_control { 845 background-position: left top; } 846 div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { 847 background-position: left -19px; } 848 div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control, 849 div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control { 850 background-position: left -38px; 851 cursor: default; } 167 852 168 853 /* Peers Inspector Tab */ 169 #inspector_peers_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; } 170 #inspector_peers_list > div.inspector_group { padding-bottom: 0; margin-bottom: 0; } 171 172 table.peer_list { width: 100%; border-collapse: collapse; text-align: left; cursor: default; clear: both; table-layout: fixed; } 173 table.peer_list .encryptedCol { width: 16px; } 174 table.peer_list .upCol { width: 70px; } 175 table.peer_list .downCol { width: 70px; } 176 table.peer_list .percentCol { width: 30px; padding-right: 5px; text-align: right; } 177 table.peer_list .statusCol { width: 40px; padding-right: 5px; } 178 table.peer_list .addressCol { width: 180px; } 179 table.peer_list .clientCol { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 180 181 tr.inspector_peer_entry div.encrypted-peer-cell { width: 16px; height: 16px; background: transparent url("images/lock_icon.png") no-repeat; } 182 tr.inspector_peer_entry.odd { background-color: #EEEEEE; } 854 #inspector_peers_list { 855 padding: 0 0 0 0; 856 margin: 0 0 0 0; 857 text-align: left; 858 cursor: default; 859 overflow: hidden; } 860 #inspector_peers_list > div.inspector_group { 861 padding-bottom: 0; 862 margin-bottom: 0; } 863 864 table.peer_list { 865 width: 100%; 866 border-collapse: collapse; 867 text-align: left; 868 cursor: default; 869 clear: both; 870 table-layout: fixed; } 871 table.peer_list .encryptedCol { 872 width: 16px; } 873 table.peer_list .upCol { 874 width: 70px; } 875 table.peer_list .downCol { 876 width: 70px; } 877 table.peer_list .percentCol { 878 width: 30px; 879 padding-right: 5px; 880 text-align: right; } 881 table.peer_list .statusCol { 882 width: 40px; 883 padding-right: 5px; } 884 table.peer_list .addressCol { 885 width: 180px; } 886 table.peer_list .clientCol { 887 white-space: nowrap; 888 overflow: hidden; 889 text-overflow: ellipsis; } 890 891 tr.inspector_peer_entry div.encrypted-peer-cell { 892 width: 16px; 893 height: 16px; 894 background: transparent url("images/lock_icon.png") no-repeat; } 895 tr.inspector_peer_entry.odd { 896 background-color: #EEEEEE; } 183 897 184 898 /*** 185 899 **** File Priority Buttons 186 900 ***/ 187 div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; } 188 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; } 189 div.file-priority-radiobox > div.low { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-right-width: 0px; } 190 div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected { background-color: #eddcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } 191 div.file-priority-radiobox > div.normal { background-color: #dcdcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; } 192 div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected { background-color: #eddcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } 193 div.file-priority-radiobox > div.high { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 0px; } 194 div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected { background-color: #eddcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } 901 div.file-priority-radiobox { 902 display: inline; 903 float: right; 904 margin: 4px; 905 margin-top: 2px; } 906 div.file-priority-radiobox > * { 907 cursor: pointer; 908 -moz-user-select: none; 909 -webkit-user-select: none; 910 display: inline-block; 911 border-style: solid; 912 border-color: #aaa; 913 border-width: 1px; 914 padding: 3px; 915 width: 20px; 916 height: 12px; } 917 div.file-priority-radiobox > div.low { 918 -moz-border-radius-topleft: 5px; 919 -moz-border-radius-bottomleft: 5px; 920 border-top-left-radius: 5px; 921 border-bottom-left-radius: 5px; 922 background-color: #dcdcdc; 923 background-image: url("images/file-priority-low.png"); 924 /* fallback */ 925 background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); 926 /* Saf4+, Chrome */ 927 background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); 928 /* Chrome 10+, Saf5.1+ */ 929 background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); 930 /* FF3.6+ */ 931 background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); 932 /* IE10 */ 933 background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); 934 /* Opera 11.10+ */ 935 background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8); 936 /* W3C */ 937 background-position: center; 938 background-repeat: no-repeat; 939 border-right-width: 0px; } 940 div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected { 941 background-color: #e6e6ff; 942 background-image: url("images/file-priority-low.png"); 943 /* fallback */ 944 background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff)); 945 /* Saf4+, Chrome */ 946 background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); 947 /* Chrome 10+, Saf5.1+ */ 948 background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); 949 /* FF3.6+ */ 950 background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); 951 /* IE10 */ 952 background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); 953 /* Opera 11.10+ */ 954 background-image: url("images/file-priority-low.png"), linear-gradient(top, #d7d7ff, #f5f5ff); 955 /* W3C */ 956 background-position: center; 957 background-repeat: no-repeat; } 958 div.file-priority-radiobox > div.normal { 959 background-color: #dcdcdc; 960 background-image: url("images/file-priority-normal.png"); 961 /* fallback */ 962 background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); 963 /* Saf4+, Chrome */ 964 background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); 965 /* Chrome 10+, Saf5.1+ */ 966 background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); 967 /* FF3.6+ */ 968 background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); 969 /* IE10 */ 970 background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); 971 /* Opera 11.10+ */ 972 background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8); 973 /* W3C */ 974 background-position: center; 975 background-repeat: no-repeat; } 976 div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected { 977 background-color: #e6e6ff; 978 background-image: url("images/file-priority-normal.png"); 979 /* fallback */ 980 background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff)); 981 /* Saf4+, Chrome */ 982 background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); 983 /* Chrome 10+, Saf5.1+ */ 984 background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); 985 /* FF3.6+ */ 986 background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); 987 /* IE10 */ 988 background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); 989 /* Opera 11.10+ */ 990 background-image: url("images/file-priority-normal.png"), linear-gradient(top, #d7d7ff, #f5f5ff); 991 /* W3C */ 992 background-position: center; 993 background-repeat: no-repeat; } 994 div.file-priority-radiobox > div.high { 995 -moz-border-radius-topright: 5px; 996 -moz-border-radius-bottomright: 5px; 997 border-top-right-radius: 5px; 998 border-bottom-right-radius: 5px; 999 background-color: #dcdcdc; 1000 background-image: url("images/file-priority-high.png"); 1001 /* fallback */ 1002 background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); 1003 /* Saf4+, Chrome */ 1004 background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); 1005 /* Chrome 10+, Saf5.1+ */ 1006 background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); 1007 /* FF3.6+ */ 1008 background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); 1009 /* IE10 */ 1010 background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); 1011 /* Opera 11.10+ */ 1012 background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8); 1013 /* W3C */ 1014 background-position: center; 1015 background-repeat: no-repeat; 1016 border-left-width: 0px; } 1017 div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected { 1018 background-color: #e6e6ff; 1019 background-image: url("images/file-priority-high.png"); 1020 /* fallback */ 1021 background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff)); 1022 /* Saf4+, Chrome */ 1023 background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff); 1024 /* Chrome 10+, Saf5.1+ */ 1025 background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff); 1026 /* FF3.6+ */ 1027 background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff); 1028 /* IE10 */ 1029 background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff); 1030 /* Opera 11.10+ */ 1031 background-image: url("images/file-priority-high.png"), linear-gradient(top, #d7d7ff, #f5f5ff); 1032 /* W3C */ 1033 background-position: center; 1034 background-repeat: no-repeat; } 195 1035 196 1036 /**** … … 199 1039 ***** 200 1040 ****/ 201 div.torrent_footer { height: 22px; border-top: 1px solid #555; position: relative; width: 100%; z-index: 3; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); } 202 div.torrent_footer > * { position: relative; float: left; margin: 2px 4px; width: 18px; height: 12px; padding: 2px 8px; float: left; border: 1px solid #888; -moz-user-select: none; -webkit-user-select: none; } 203 div.torrent_footer div.main_container, div.torrent_footer ul#settings_menu { display: none; } 204 div.torrent_footer #prefs-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 205 div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected { background-color: #eedddd; background-image: url("images/wrench.png"); /* fallback */ background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/wrench.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/wrench.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/wrench.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/wrench.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 206 div.torrent_footer #turtle-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 207 div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { background-color: #eedddd; background-image: url("images/turtle.png"); /* fallback */ background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/turtle.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/turtle.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/turtle.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/turtle.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 208 div.torrent_footer #compact-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; } 209 div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected { background-color: #eedddd; background-image: url("images/compact.png"); /* fallback */ background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/compact.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/compact.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/compact.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/compact.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/compact.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } 1041 div.torrent_footer { 1042 height: 22px; 1043 border-top: 1px solid #555; 1044 position: relative; 1045 width: 100%; 1046 z-index: 3; 1047 background-color: #cccccc; 1048 background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); 1049 background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); 1050 background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); 1051 background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); 1052 background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); 1053 background-image: linear-gradient(top, #dddddd, #bbbbbb); } 1054 div.torrent_footer > * { 1055 position: relative; 1056 float: left; 1057 margin: 2px 4px; 1058 width: 18px; 1059 height: 12px; 1060 padding: 2px 8px; 1061 float: left; 1062 border: 1px solid #888; 1063 -moz-user-select: none; 1064 -webkit-user-select: none; } 1065 div.torrent_footer div.main_container, 1066 div.torrent_footer ul#settings_menu { 1067 display: none; } 1068 div.torrent_footer #prefs-button { 1069 -moz-border-radius: 5px; 1070 border-radius: 5px; 1071 background-color: #dddddd; 1072 background-image: url("images/wrench.png"); 1073 /* fallback */ 1074 background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 1075 /* Saf4+, Chrome */ 1076 background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb); 1077 /* Chrome 10+, Saf5.1+ */ 1078 background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb); 1079 /* FF3.6+ */ 1080 background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb); 1081 /* IE10 */ 1082 background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb); 1083 /* Opera 11.10+ */ 1084 background-image: url("images/wrench.png"), linear-gradient(top, white, #bbbbbb); 1085 /* W3C */ 1086 background-position: center; 1087 background-repeat: no-repeat; } 1088 div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected { 1089 background-color: #e6e6ff; 1090 background-image: url("images/wrench.png"); 1091 /* fallback */ 1092 background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 1093 /* Saf4+, Chrome */ 1094 background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #cdcdff, white); 1095 /* Chrome 10+, Saf5.1+ */ 1096 background-image: url("images/wrench.png"), -moz-linear-gradient(top, #cdcdff, white); 1097 /* FF3.6+ */ 1098 background-image: url("images/wrench.png"), -ms-linear-gradient(top, #cdcdff, white); 1099 /* IE10 */ 1100 background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white); 1101 /* Opera 11.10+ */ 1102 background-image: url("images/wrench.png"), linear-gradient(top, #cdcdff, white); 1103 /* W3C */ 1104 background-position: center; 1105 background-repeat: no-repeat; } 1106 div.torrent_footer #turtle-button { 1107 -moz-border-radius: 5px; 1108 border-radius: 5px; 1109 background-color: #dddddd; 1110 background-image: url("images/turtle.png"); 1111 /* fallback */ 1112 background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 1113 /* Saf4+, Chrome */ 1114 background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb); 1115 /* Chrome 10+, Saf5.1+ */ 1116 background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb); 1117 /* FF3.6+ */ 1118 background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb); 1119 /* IE10 */ 1120 background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb); 1121 /* Opera 11.10+ */ 1122 background-image: url("images/turtle.png"), linear-gradient(top, white, #bbbbbb); 1123 /* W3C */ 1124 background-position: center; 1125 background-repeat: no-repeat; } 1126 div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected { 1127 background-color: #e6e6ff; 1128 background-image: url("images/turtle.png"); 1129 /* fallback */ 1130 background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 1131 /* Saf4+, Chrome */ 1132 background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #cdcdff, white); 1133 /* Chrome 10+, Saf5.1+ */ 1134 background-image: url("images/turtle.png"), -moz-linear-gradient(top, #cdcdff, white); 1135 /* FF3.6+ */ 1136 background-image: url("images/turtle.png"), -ms-linear-gradient(top, #cdcdff, white); 1137 /* IE10 */ 1138 background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white); 1139 /* Opera 11.10+ */ 1140 background-image: url("images/turtle.png"), linear-gradient(top, #cdcdff, white); 1141 /* W3C */ 1142 background-position: center; 1143 background-repeat: no-repeat; } 1144 div.torrent_footer #compact-button { 1145 -moz-border-radius: 5px; 1146 border-radius: 5px; 1147 background-color: #dddddd; 1148 background-image: url("images/compact.png"); 1149 /* fallback */ 1150 background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); 1151 /* Saf4+, Chrome */ 1152 background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb); 1153 /* Chrome 10+, Saf5.1+ */ 1154 background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb); 1155 /* FF3.6+ */ 1156 background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb); 1157 /* IE10 */ 1158 background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb); 1159 /* Opera 11.10+ */ 1160 background-image: url("images/compact.png"), linear-gradient(top, white, #bbbbbb); 1161 /* W3C */ 1162 background-position: center; 1163 background-repeat: no-repeat; } 1164 div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected { 1165 background-color: #e6e6ff; 1166 background-image: url("images/compact.png"); 1167 /* fallback */ 1168 background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white)); 1169 /* Saf4+, Chrome */ 1170 background-image: url("images/compact.png"), -webkit-linear-gradient(top, #cdcdff, white); 1171 /* Chrome 10+, Saf5.1+ */ 1172 background-image: url("images/compact.png"), -moz-linear-gradient(top, #cdcdff, white); 1173 /* FF3.6+ */ 1174 background-image: url("images/compact.png"), -ms-linear-gradient(top, #cdcdff, white); 1175 /* IE10 */ 1176 background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white); 1177 /* Opera 11.10+ */ 1178 background-image: url("images/compact.png"), linear-gradient(top, #cdcdff, white); 1179 /* W3C */ 1180 background-position: center; 1181 background-repeat: no-repeat; } 210 1182 211 1183 /**** … … 214 1186 ***** 215 1187 ****/ 216 div#dialog_message.dialog_message { width: 280px; margin: 10px auto 25px; font-size: 13px; line-height: 14px; word-wrap: break-word; overflow: hidden; padding-bottom: 0; } 217 218 #torrent_upload_file, label[for="torrent_upload_file"] { display: none; } 219 220 h2.dialog_heading { text-align: center; width: 300px; margin: 0 auto; font-size: 17px; } 221 222 div.dialog_container a { color: white; padding: 7px 0; background: #222; text-decoration: none; border: 2px solid white; margin: 5px 5px 0; font-weight: bold; -webkit-border-radius: 16px; display: inline-block; width: 90px; font-size: 12px; text-align: center; } 223 224 #dialog_container div.dialog_window img { margin: 5px auto 12px; } 225 226 .landscape div.dialog_container a#dialog_cancel_button { left: 155px; } 227 .landscape div.dialog_container a#dialog_confirm_button { right: 110px; } 228 .landscape div.dialog_container img { float: left !important; margin: 0 0 0 50px; } 229 .landscape h2#dialog_heading.dialog_heading { margin: 5px auto 0; margin-left: 150px; text-align: left; } 230 .landscape div#dialog_message.dialog_message { width: 300px; margin: 10px 0 20px 150px; text-align: left; } 231 232 div#torrent_context_menu { display: none; } 233 234 iframe#torrent_upload_frame { display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */ position: absolute; top: -1000px; left: -1000px; width: 0px; height: 0px; border: none; padding: 0; margin: 0; } 1188 div#dialog_message.dialog_message { 1189 width: 280px; 1190 margin: 10px auto 25px; 1191 font-size: 13px; 1192 line-height: 14px; 1193 word-wrap: break-word; 1194 overflow: hidden; 1195 padding-bottom: 0; } 1196 1197 #torrent_upload_file, label[for="torrent_upload_file"] { 1198 display: none; } 1199 1200 h2.dialog_heading { 1201 text-align: center; 1202 width: 300px; 1203 margin: 0 auto; 1204 font-size: 17px; } 1205 1206 div.dialog_container a { 1207 color: white; 1208 padding: 7px 0; 1209 background: #222; 1210 text-decoration: none; 1211 border: 2px solid white; 1212 margin: 5px 5px 0; 1213 font-weight: bold; 1214 -webkit-border-radius: 16px; 1215 display: inline-block; 1216 width: 90px; 1217 font-size: 12px; 1218 text-align: center; } 1219 1220 #dialog_container div.dialog_window img { 1221 margin: 5px auto 12px; } 1222 1223 .landscape div.dialog_container a#dialog_cancel_button { 1224 left: 155px; } 1225 .landscape div.dialog_container a#dialog_confirm_button { 1226 right: 110px; } 1227 .landscape div.dialog_container img { 1228 float: left !important; 1229 margin: 0 0 0 50px; } 1230 .landscape h2#dialog_heading.dialog_heading { 1231 margin: 5px auto 0; 1232 margin-left: 150px; 1233 text-align: left; } 1234 .landscape div#dialog_message.dialog_message { 1235 width: 300px; 1236 margin: 10px 0 20px 150px; 1237 text-align: left; } 1238 1239 div#torrent_context_menu { 1240 display: none; } 1241 1242 iframe#torrent_upload_frame { 1243 display: block; 1244 /* Don't change this : safari forms won't target hidden frames (they open a new window) */ 1245 position: absolute; 1246 top: -1000px; 1247 left: -1000px; 1248 width: 0px; 1249 height: 0px; 1250 border: none; 1251 padding: 0; 1252 margin: 0; } -
trunk/web/style/transmission/mobile.scss
r13074 r13083 31 31 $nonselected-gradient-top: white; 32 32 $nonselected-gradient-bottom: #BBB; 33 $selected-gradient-top: #DBB; 33 $selection-color: #cdcdff; 34 $selected-gradient-top: $selection-color; 34 35 $selected-gradient-bottom: white; 35 36 … … 330 331 &.compact { padding: 4px; } 331 332 &.even { background-color: #F7F7F7; } 332 &.selected { background-color: #ffe4e1; }333 &.selected { background-color: $selection-color; } 333 334 &.compact { div.torrent_name { color: black; } } 334 335
Note: See TracChangeset
for help on using the changeset viewer.