(trunk web) continue removing unnecessary diffs between common.scss and mobile.scss
This commit is contained in:
Jordan Lee
parent
14f1099aba
commit
3352edc5d0
|
|
@ -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; }
|
||||
|
||||
/****
|
||||
*****
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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; }
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue