diff --git a/web/style/transmission/common.css b/web/style/transmission/common.css index d54a08367..31e930ef8 100644 --- a/web/style/transmission/common.css +++ b/web/style/transmission/common.css @@ -148,8 +148,12 @@ li.torrent a:hover div.torrent_resume { background-position: center center; } .prefs-section .checkbox-row > label { margin-left: 5px; } .prefs-section #alternative-speed-limits-title { padding-left: 18px; background: transparent url("images/blue-turtle.png") no-repeat; } -/*-------------------------------------- T O R R E N T I N S P E C T O R --------------------------------------*/ -div#torrent_inspector { padding: 15px; position: fixed; top: 65px; bottom: 22px; right: 0px; width: 570px; background-color: #eeeeee; border-left: 1px solid #888; z-index: 5; overflow: auto; text-align: left; /* Files Inspector Tab */ } +/*** +**** +**** TORRENT INSPECTOR +**** +***/ +div#torrent_inspector { padding: 15px; position: fixed; top: 65px; bottom: 22px; right: 0px; width: 570px; border-left: 1px solid #888; z-index: 5; overflow: auto; text-align: left; /* Files Inspector Tab */ } div#torrent_inspector #inspector-close { display: none; } div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { display: inline-block; } @@ -186,7 +190,7 @@ div#torrent_inspector #inspector_file_list { padding: 0 0 0 0; margin: 0 0 0 0; div#torrent_inspector #inspector_file_list { border-top: 1px solid #888; width: 100%; margin: 6px 0 0 0; padding-top: 6px; padding-bottom: 10px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; } div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; } div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; } -div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #EEEEEE; } +div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; } div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; } div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; } div#torrent_inspector div.inspector_torrent_file_list_entry_progress { color: #999; margin-left: 20px; } @@ -215,12 +219,12 @@ tr.inspector_peer_entry.odd { background-color: #EEEEEE; } ***/ div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; } div.file-priority-radiobox > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 20px; height: 12px; } -div.file-priority-radiobox > div.low { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#d6d6d6)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3e3e3, #d6d6d6); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3e3e3, #d6d6d6); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3e3e3, #d6d6d6); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3e3e3, #d6d6d6); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3e3e3, #d6d6d6); /* W3C */ background-position: center; background-repeat: no-repeat; border-right-width: 0px; } -div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low:hover, div.file-priority-radiobox > div.low.selected { background-color: #eddcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#ead6d6), to(#f1e3e3)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #ead6d6, #f1e3e3); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #ead6d6, #f1e3e3); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #ead6d6, #f1e3e3); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #ead6d6, #f1e3e3); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #ead6d6, #f1e3e3); /* W3C */ background-position: center; background-repeat: no-repeat; } -div.file-priority-radiobox > div.normal { background-color: #dcdcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#d6d6d6)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3e3e3, #d6d6d6); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3e3e3, #d6d6d6); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3e3e3, #d6d6d6); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3e3e3, #d6d6d6); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3e3e3, #d6d6d6); /* W3C */ background-position: center; background-repeat: no-repeat; } -div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal:hover, div.file-priority-radiobox > div.normal.selected { background-color: #eddcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#ead6d6), to(#f1e3e3)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #ead6d6, #f1e3e3); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #ead6d6, #f1e3e3); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #ead6d6, #f1e3e3); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #ead6d6, #f1e3e3); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #ead6d6, #f1e3e3); /* W3C */ background-position: center; background-repeat: no-repeat; } -div.file-priority-radiobox > div.high { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#d6d6d6)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3e3e3, #d6d6d6); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3e3e3, #d6d6d6); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3e3e3, #d6d6d6); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3e3e3, #d6d6d6); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3e3e3, #d6d6d6); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 0px; } -div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high:hover, div.file-priority-radiobox > div.high.selected { background-color: #eddcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#ead6d6), to(#f1e3e3)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #ead6d6, #f1e3e3); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #ead6d6, #f1e3e3); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #ead6d6, #f1e3e3); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #ead6d6, #f1e3e3); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #ead6d6, #f1e3e3); /* W3C */ background-position: center; background-repeat: no-repeat; } +div.file-priority-radiobox > div.low { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-right-width: 0px; } +div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low:hover, div.file-priority-radiobox > div.low.selected { background-color: #eddcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } +div.file-priority-radiobox > div.normal { background-color: #dcdcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; } +div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal:hover, div.file-priority-radiobox > div.normal.selected { background-color: #eddcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } +div.file-priority-radiobox > div.high { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 0px; } +div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high:hover, div.file-priority-radiobox > div.high.selected { background-color: #eddcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } /**** ***** diff --git a/web/style/transmission/common.scss b/web/style/transmission/common.scss index 25a49b618..0f2e33119 100644 --- a/web/style/transmission/common.scss +++ b/web/style/transmission/common.scss @@ -255,8 +255,7 @@ $statusbar-gradient-bottom: #bbb; #filter-button .filter-selection { text-decoration: underline; } } - input#torrent_search - { + input#torrent_search { float: right; height: 15px; width: 100px; @@ -561,14 +560,13 @@ li.torrent a } } -/*-------------------------------------- - * - * T O R R E N T I N S P E C T O R - * - *--------------------------------------*/ +/*** +**** +**** TORRENT INSPECTOR +**** +***/ $inspector-width: 570px; -$inspector-background: #eee; div#torrent_inspector { @@ -578,7 +576,6 @@ div#torrent_inspector bottom: 22px; right: 0px; width: $inspector-width; - background-color: $inspector-background; border-left: 1px solid #888; z-index: 5; overflow: auto; @@ -768,7 +765,7 @@ div#torrent_inspector padding: 3px 0 3px 2px; display: block; &.skip { color: #666; } - &.even { background-color: #EEEEEE; } + &.even { background-color: #F7F7F7; } } div.inspector_torrent_file_list_entry_name { @@ -867,10 +864,10 @@ div.file-priority-radiobox // We have row after row of these buttons, so the flashy colors used in the inspector tabs look harsh here. // Keep the same basic color theme, but look less harsh, by cutting the gradient's color range. - $idle-color-top: mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 60% ); - $idle-color-bottom: mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 40% ); - $active-color-top: mix( $selected-gradient-top, $selected-gradient-bottom, 60% ); - $active-color-bottom: mix( $selected-gradient-top, $selected-gradient-bottom, 40% ); + $idle-color-top: mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 80% ); + $idle-color-bottom: mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 20% ); + $active-color-top: mix( $selected-gradient-top, $selected-gradient-bottom, 80% ); + $active-color-bottom: mix( $selected-gradient-top, $selected-gradient-bottom, 20% ); > div.low { @include leftRoundedBox($border-radius); diff --git a/web/style/transmission/mobile.css b/web/style/transmission/mobile.css index 60ee0a7dd..9c4ef19e3 100644 --- a/web/style/transmission/mobile.css +++ b/web/style/transmission/mobile.css @@ -50,7 +50,7 @@ div#toolbar > *.disabled { opacity: 0.25; } #statusbar #filter-button { float: left; text-shadow: 0 1px 0 #ccc; margin: 5px 8px; -moz-user-select: none; -webkit-user-select: none; } #statusbar #filter-button:hover { cursor: pointer; } #statusbar #filter-button #filter-button .filter-selection { text-decoration: underline; } -#statusbar #torrent_search { display: none; } +#statusbar input#torrent_search { display: none; } /*** **** @@ -58,12 +58,13 @@ div#toolbar > *.disabled { opacity: 0.25; } **** ***/ #filter-popup { color: #222; /* !important; */ background: #FFF; z-index: 100; } -#filter-popup .row { text-align: left; cursor: pointer; margin: 15px 2px; position: relative; height: 18px; -moz-user-select: none; -webkit-user-select: none; } +#filter-popup li { text-align: left; } +#filter-popup .count { padding-left: 3px; } +#filter-popup .row { text-align: left; cursor: pointer; margin: 8px 2px; position: relative; height: 18px; -moz-user-select: none; -webkit-user-select: none; } #filter-popup .row .filter-img { border: none; width: 16px; height: 16px; position: absolute; left: 0px; } #filter-popup .row .filter-name { position: absolute; left: 20px; } #filter-popup .row .count { float: right; color: #aaa; } #filter-popup .row:hover, #filter-popup .row.selected { font-weight: bold; } -#filter-popup li { text-align: left; } #filter-popup #filter-by-state { float: left; width: 120px; overflow: hidden; text-overflow: ellipsis; } #filter-popup #filter-by-state .row .filter-img { display: none; } #filter-popup #filter-by-state .row .filter-name { left: 0px; } @@ -74,17 +75,16 @@ div#toolbar > *.disabled { opacity: 0.25; } **** TORRENT CONTAINER **** ***/ -ul.torrent_list { margin: 0; padding: 0; text-align: left; } -ul.torrent_list li { list-style-type: none; list-style-image: none; clear: both; display: block; padding: 0; margin: 0; vertical-align: middle; } -ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 10px; color: #666; font-size: 11px; margin: 0 !important; background: white; } +ul.torrent_list { width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; } +ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 10px; color: #666; background-color: white; } ul.torrent_list li.torrent.compact { padding: 4px; } ul.torrent_list li.torrent.even { background-color: #F7F7F7; } ul.torrent_list li.torrent.selected { background-color: #FDD; } ul.torrent_list li.torrent.compact div.torrent_name { color: black; } -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-bottom: 2px; } +ul.torrent_list li.torrent div.torrent_name { font-size: 1.3em; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222; margin-top: 2px; margin-bottom: 2px; } ul.torrent_list li.torrent div.torrent_name.compact { font-size: 1.0em; font-weight: normal; } ul.torrent_list li.torrent div.torrent_name.paused { font-weight: normal; color: #777; } -ul.torrent_list li.torrent div.torrent_progress_details, ul.torrent_list li.torrent div.torrent_peer_details { clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +ul.torrent_list li.torrent div.torrent_progress_details, ul.torrent_list li.torrent div.torrent_peer_details { clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ul.torrent_list li.torrent div.torrent_progress_details.error, ul.torrent_list li.torrent div.torrent_peer_details.error { color: #F00; } ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { color: #FFF; } @@ -126,8 +126,12 @@ ul.torrent_list div.torrent_progress_bar.incomplete.seeding { background-positio .prefs-section .checkbox-row > label { margin-left: 5px; } .prefs-section #alternative-speed-limits-title { padding-left: 18px; background: transparent url("images/blue-turtle.png") no-repeat; } -/*-------------------------------------- T O R R E N T I N S P E C T O R --------------------------------------*/ -div#torrent_inspector { top: 0 !important; position: relative; right: 0px; width: 100%; background-color: #ddd; z-index: 2; text-align: left; overflow: auto; /* Files Inspector Tab */ } +/*** +**** +**** TORRENT INSPECTOR +**** +***/ +div#torrent_inspector { top: 0 !important; position: relative; right: 0px; width: 100%; z-index: 2; overflow: auto; text-align: left; /* Files Inspector Tab */ } div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { display: inline-block; } div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 30px; height: 20px; } @@ -147,10 +151,10 @@ div#torrent_inspector .inspector_group { display: table; width: 100%; border-top div#torrent_inspector .inspector_group .inspector_group_label { display: table-header-group; font-weight: bold; } div#torrent_inspector .inspector_group .inspector_row { display: table-row; } div#torrent_inspector .inspector_group .inspector_row > .inspector_label { display: table-cell; width: 100px; /* this + the next 230 == inspector_container_with */ } -div#torrent_inspector .inspector_group .inspector_row > div { display: table-cell; padding-top: 10px; width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */ } +div#torrent_inspector .inspector_group .inspector_row > div { padding-top: 10px; width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */ } div#torrent_inspector .inspector_group #inspector_trackers_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; } div#torrent_inspector .inspector_group #inspector_trackers_list > div.inspector_group { padding-bottom: 0; margin-bottom: 0; } -div#torrent_inspector ul.tier_list { margin: 10px 0 0 0; width: 100%; padding-left: 0px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; } +div#torrent_inspector ul.tier_list { margin: 2px 0 8px 0; width: 100%; padding-left: 0px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; } div#torrent_inspector ul.tier_list li { overflow: hidden; } div#torrent_inspector ul.tier_list .tracker_activity { float: left; color: #666; width: 200px; display: table; margin-top: 1px; } div#torrent_inspector ul.tier_list .tracker_activity div { padding: 2px; } @@ -160,10 +164,10 @@ div#torrent_inspector li.inspector_tracker_entry { padding: 3px 0 3px 2px; displ div#torrent_inspector li.inspector_tracker_entry.odd { background-color: #EEEEEE; } div#torrent_inspector div.tracker_host { font-size: 1.2em; font-weight: bold; color: #222; } div#torrent_inspector #inspector_file_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; } -div#torrent_inspector ul.inspector_torrent_file_list { width: 100%; margin: 0 0 0 0; padding-bottom: 10px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; } +div#torrent_inspector #inspector_file_list { border-top: 1px solid #888; width: 100%; margin: 6px 0 0 0; padding-top: 6px; padding-bottom: 10px; text-align: left; display: block; cursor: default; list-style-type: none; list-style: none; list-style-image: none; clear: both; } div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; } div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; } -div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #EEEEEE; } +div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; } div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; } div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; } div#torrent_inspector div.inspector_torrent_file_list_entry_progress { color: #999; margin-left: 20px; } @@ -191,13 +195,13 @@ tr.inspector_peer_entry.odd { background-color: #EEEEEE; } **** File Priority Buttons ***/ div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; } -div.file-priority-radiobox > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 30px; height: 12px; border: 1px solid #888; } -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(#e3e3e3), to(#d6d6d6)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3e3e3, #d6d6d6); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3e3e3, #d6d6d6); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3e3e3, #d6d6d6); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3e3e3, #d6d6d6); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3e3e3, #d6d6d6); /* W3C */ background-position: center; background-repeat: no-repeat; border-right-width: 0px; } -div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected { background-color: #eddcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#ead6d6), to(#f1e3e3)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #ead6d6, #f1e3e3); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #ead6d6, #f1e3e3); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #ead6d6, #f1e3e3); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #ead6d6, #f1e3e3); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #ead6d6, #f1e3e3); /* W3C */ background-position: center; background-repeat: no-repeat; } -div.file-priority-radiobox > div.normal { background-color: #dcdcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#d6d6d6)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3e3e3, #d6d6d6); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3e3e3, #d6d6d6); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3e3e3, #d6d6d6); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3e3e3, #d6d6d6); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3e3e3, #d6d6d6); /* W3C */ background-position: center; background-repeat: no-repeat; } -div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected { background-color: #eddcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#ead6d6), to(#f1e3e3)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #ead6d6, #f1e3e3); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #ead6d6, #f1e3e3); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #ead6d6, #f1e3e3); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #ead6d6, #f1e3e3); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #ead6d6, #f1e3e3); /* W3C */ background-position: center; background-repeat: no-repeat; } -div.file-priority-radiobox > div.high { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#d6d6d6)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3e3e3, #d6d6d6); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3e3e3, #d6d6d6); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3e3e3, #d6d6d6); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3e3e3, #d6d6d6); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3e3e3, #d6d6d6); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 0px; } -div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected { background-color: #eddcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#ead6d6), to(#f1e3e3)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #ead6d6, #f1e3e3); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #ead6d6, #f1e3e3); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #ead6d6, #f1e3e3); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #ead6d6, #f1e3e3); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #ead6d6, #f1e3e3); /* W3C */ background-position: center; background-repeat: no-repeat; } +div.file-priority-radiobox > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; width: 20px; height: 12px; } +div.file-priority-radiobox > div.low { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-right-width: 0px; } +div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected { background-color: #eddcdc; background-image: url("images/file-priority-low.png"); /* fallback */ background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-low.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } +div.file-priority-radiobox > div.normal { background-color: #dcdcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; } +div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected { background-color: #eddcdc; background-image: url("images/file-priority-normal.png"); /* fallback */ background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-normal.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } +div.file-priority-radiobox > div.high { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #dcdcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c8c8c8)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #f1f1f1, #c8c8c8); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #f1f1f1, #c8c8c8); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #f1f1f1, #c8c8c8); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #f1f1f1, #c8c8c8); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #f1f1f1, #c8c8c8); /* W3C */ background-position: center; background-repeat: no-repeat; border-left-width: 0px; } +div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected { background-color: #eddcdc; background-image: url("images/file-priority-high.png"); /* fallback */ background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#e3c8c8), to(#f8f1f1)); /* Saf4+, Chrome */ background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #e3c8c8, #f8f1f1); /* Chrome 10+, Saf5.1+ */ background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #e3c8c8, #f8f1f1); /* FF3.6+ */ background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #e3c8c8, #f8f1f1); /* IE10 */ background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #e3c8c8, #f8f1f1); /* Opera 11.10+ */ background-image: url("images/file-priority-high.png"), linear-gradient(top, #e3c8c8, #f8f1f1); /* W3C */ background-position: center; background-repeat: no-repeat; } /**** ***** @@ -205,7 +209,7 @@ div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.h ***** ****/ div.torrent_footer { height: 22px; border-top: 1px solid #555; position: relative; width: 100%; z-index: 3; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); } -div.torrent_footer > * { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; display: inline-block; border-style: solid; border-color: #aaa; border-width: 1px; padding: 3px; position: relative; float: left; margin: 2px 4px; width: 18px; height: 12px; padding: 2px 8px; float: left; border: 1px solid #888; -moz-user-select: none; -webkit-user-select: none; } +div.torrent_footer > * { position: relative; float: left; margin: 2px 4px; width: 18px; height: 12px; padding: 2px 8px; float: left; border: 1px solid #888; -moz-user-select: none; -webkit-user-select: none; } div.torrent_footer div.main_container, div.torrent_footer ul#settings_menu { display: none; } div.torrent_footer #prefs-button { -moz-border-radius: 5px; border-radius: 5px; background-color: #dddddd; background-image: url("images/toolbar-wrench.png"); /* fallback */ background-image: url("images/toolbar-wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); /* Saf4+, Chrome */ background-image: url("images/toolbar-wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-wrench.png"), -moz-linear-gradient(top, white, #bbbbbb); /* FF3.6+ */ background-image: url("images/toolbar-wrench.png"), -ms-linear-gradient(top, white, #bbbbbb); /* IE10 */ background-image: url("images/toolbar-wrench.png"), -o-linear-gradient(top, white, #bbbbbb); /* Opera 11.10+ */ background-image: url("images/toolbar-wrench.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; float: right; } div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected { background-color: #eedddd; background-image: url("images/toolbar-wrench.png"); /* fallback */ background-image: url("images/toolbar-wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#ddbbbb), to(white)); /* Saf4+, Chrome */ background-image: url("images/toolbar-wrench.png"), -webkit-linear-gradient(top, #ddbbbb, white); /* Chrome 10+, Saf5.1+ */ background-image: url("images/toolbar-wrench.png"), -moz-linear-gradient(top, #ddbbbb, white); /* FF3.6+ */ background-image: url("images/toolbar-wrench.png"), -ms-linear-gradient(top, #ddbbbb, white); /* IE10 */ background-image: url("images/toolbar-wrench.png"), -o-linear-gradient(top, #ddbbbb, white); /* Opera 11.10+ */ background-image: url("images/toolbar-wrench.png"), linear-gradient(top, #ddbbbb, white); /* W3C */ background-position: center; background-repeat: no-repeat; } diff --git a/web/style/transmission/mobile.scss b/web/style/transmission/mobile.scss index 1c8d160e0..847c93fe4 100644 --- a/web/style/transmission/mobile.scss +++ b/web/style/transmission/mobile.scss @@ -238,7 +238,7 @@ $statusbar-gradient-bottom: #bbb; #filter-button .filter-selection { text-decoration: underline; } } - #torrent_search { + input#torrent_search { display: none; } } @@ -255,10 +255,16 @@ $statusbar-gradient-bottom: #bbb; background: #FFF; z-index: 100; + li { text-align: left } + + .count { + padding-left: 3px; + } + .row { text-align: left; cursor: pointer; - margin: 15px 2px; + margin: 8px 2px; position: relative; height: 18px; -moz-user-select: none; @@ -283,9 +289,6 @@ $statusbar-gradient-bottom: #bbb; font-weight: bold; } } - li { - text-align: left - } #filter-by-state { float: left; @@ -312,28 +315,19 @@ $statusbar-gradient-bottom: #bbb; ul.torrent_list { + width: 100%; margin: 0; padding: 0; text-align: left; - - li { - list-style-type: none; - list-style-image: none; - clear: both; - display: block; - padding: 0; - margin: 0; - vertical-align: middle; - } + cursor: pointer; li.torrent { border-bottom: 1px solid #ccc; padding: 4px 10px; color: #666; - font-size: 11px; - margin: 0 !important; - background: white; + background-color: white; + &.compact { padding: 4px; } &.even { background-color: #F7F7F7; } &.selected { background-color: #FDD; } @@ -347,6 +341,7 @@ ul.torrent_list text-overflow: ellipsis; white-space: nowrap; color: #222; + margin-top: 2px; margin-bottom: 2px; &.compact { font-size: 1.0em; font-weight: normal; } @@ -355,7 +350,7 @@ ul.torrent_list div.torrent_progress_details, div.torrent_peer_details { - clear: both; + clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -491,11 +486,11 @@ ul.torrent_list } } -/*-------------------------------------- - * - * T O R R E N T I N S P E C T O R - * - *--------------------------------------*/ +/*** +**** +**** TORRENT INSPECTOR +**** +***/ div#torrent_inspector { @@ -503,10 +498,10 @@ div#torrent_inspector position: relative; right: 0px; width: 100%; - background-color: #ddd; z-index: 2; - text-align: left; overflow: auto; + text-align: left; + #inspector-tabs-wrapper { @@ -590,7 +585,6 @@ div#torrent_inspector } > div { - display: table-cell; padding-top: 10px; width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */ } @@ -614,7 +608,7 @@ div#torrent_inspector ul.tier_list { - margin: 10px 0 0 0; + margin: 2px 0 8px 0; width: 100%; padding-left: 0px; text-align: left; @@ -670,9 +664,11 @@ div#torrent_inspector cursor: default; overflow: hidden; } - ul.inspector_torrent_file_list { + #inspector_file_list { + border-top: 1px solid #888; width: 100%; - margin: 0 0 0 0; + margin: 6px 0 0 0; + padding-top: 6px; padding-bottom: 10px; text-align: left; display: block; @@ -686,7 +682,7 @@ div#torrent_inspector padding: 3px 0 3px 2px; display: block; &.skip { color: #666; } - &.even { background-color: #EEEEEE; } + &.even { background-color: #F7F7F7; } } div.inspector_torrent_file_list_entry_name { @@ -779,17 +775,16 @@ div.file-priority-radiobox > * { @include button; - width: 30px; + width: 20px; height: 12px; - border: 1px solid #888; } // We have row after row of these buttons, so the flashy colors used in the inspector tabs look harsh here. // Keep the same basic color theme, but look less harsh, by cutting the gradient's color range. - $idle-color-top: mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 60% ); - $idle-color-bottom: mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 40% ); - $active-color-top: mix( $selected-gradient-top, $selected-gradient-bottom, 60% ); - $active-color-bottom: mix( $selected-gradient-top, $selected-gradient-bottom, 40% ); + $idle-color-top: mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 80% ); + $idle-color-bottom: mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 20% ); + $active-color-top: mix( $selected-gradient-top, $selected-gradient-bottom, 80% ); + $active-color-bottom: mix( $selected-gradient-top, $selected-gradient-bottom, 20% ); > div.low { @include leftRoundedBox($border-radius); @@ -826,7 +821,6 @@ div.torrent_footer @include verticalGradient($statusbar-gradient-top, $statusbar-gradient-bottom); > * { - @include button; position: relative; float: left; margin: 2px 4px;