Changeset 13059


Ignore:
Timestamp:
Oct 27, 2011, 3:36:30 PM (10 years ago)
Author:
jordan
Message:

(trunk web) continue removing unnecessary diffs between common.scss and mobile.scss

Location:
trunk/web/style/transmission
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/web/style/transmission/common.css

    r13058 r13059  
    149149.prefs-section #alternative-speed-limits-title { padding-left: 18px; background: transparent url("images/blue-turtle.png") no-repeat; }
    150150
    151 /*--------------------------------------  T O R R E N T   I N S P E C T O R  --------------------------------------*/
    152 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 */ }
     151/***
     152****
     153****  TORRENT INSPECTOR
     154****
     155***/
     156div#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 */ }
    153157div#torrent_inspector #inspector-close { display: none; }
    154158div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; }
     
    187191div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; }
    188192div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; }
    189 div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #EEEEEE; }
     193div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; }
    190194div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; }
    191195div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; }
     
    216220div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; }
    217221div.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; }
    218 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; }
    219 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; }
    220 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; }
    221 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; }
    222 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; }
    223 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; }
     222div.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; }
     223div.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; }
     224div.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; }
     225div.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; }
     226div.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; }
     227div.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; }
    224228
    225229/****
  • trunk/web/style/transmission/common.scss

    r13058 r13059  
    256256        }
    257257
    258         input#torrent_search
    259         {
     258        input#torrent_search {
    260259                float: right;
    261260                height: 15px;
     
    562561}
    563562
    564 /*--------------------------------------
    565  *
    566  * T O R R E N T   I N S P E C T O R
    567  *
    568  *--------------------------------------*/
     563/***
     564****
     565****  TORRENT INSPECTOR
     566****
     567***/
    569568
    570569$inspector-width: 570px;
    571 $inspector-background: #eee;
    572570
    573571div#torrent_inspector
     
    579577        right: 0px;
    580578        width: $inspector-width;
    581         background-color: $inspector-background;
    582579        border-left: 1px solid #888;
    583580        z-index: 5;
     
    769766                display: block;
    770767                &.skip { color: #666; }
    771                 &.even { background-color: #EEEEEE; }
     768                &.even { background-color: #F7F7F7; }
    772769        }
    773770
     
    868865        // We have row after row of these buttons, so the flashy colors used in the inspector tabs look harsh here.
    869866        // Keep the same basic color theme, but look less harsh, by cutting the gradient's color range.
    870         $idle-color-top:      mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 60% );
    871         $idle-color-bottom:   mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 40% );
    872         $active-color-top:    mix( $selected-gradient-top,    $selected-gradient-bottom,    60% );
    873         $active-color-bottom: mix( $selected-gradient-top,    $selected-gradient-bottom,    40% );
     867        $idle-color-top:      mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 80% );
     868        $idle-color-bottom:   mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 20% );
     869        $active-color-top:    mix( $selected-gradient-top,    $selected-gradient-bottom,    80% );
     870        $active-color-bottom: mix( $selected-gradient-top,    $selected-gradient-bottom,    20% );
    874871
    875872        > div.low {
  • trunk/web/style/transmission/mobile.css

    r13058 r13059  
    5151#statusbar #filter-button:hover { cursor: pointer; }
    5252#statusbar #filter-button #filter-button .filter-selection { text-decoration: underline; }
    53 #statusbar #torrent_search { display: none; }
     53#statusbar input#torrent_search { display: none; }
    5454
    5555/***
     
    5959***/
    6060#filter-popup { color: #222; /* !important; */ background: #FFF; z-index: 100; }
    61 #filter-popup .row { text-align: left; cursor: pointer; margin: 15px 2px; position: relative; height: 18px; -moz-user-select: none; -webkit-user-select: none; }
     61#filter-popup li { text-align: left; }
     62#filter-popup .count { padding-left: 3px; }
     63#filter-popup .row { text-align: left; cursor: pointer; margin: 8px 2px; position: relative; height: 18px; -moz-user-select: none; -webkit-user-select: none; }
    6264#filter-popup .row .filter-img { border: none; width: 16px; height: 16px; position: absolute; left: 0px; }
    6365#filter-popup .row .filter-name { position: absolute; left: 20px; }
    6466#filter-popup .row .count { float: right; color: #aaa; }
    6567#filter-popup .row:hover, #filter-popup .row.selected { font-weight: bold; }
    66 #filter-popup li { text-align: left; }
    6768#filter-popup #filter-by-state { float: left; width: 120px; overflow: hidden; text-overflow: ellipsis; }
    6869#filter-popup #filter-by-state .row .filter-img { display: none; }
     
    7576****
    7677***/
    77 ul.torrent_list { margin: 0; padding: 0; text-align: left; }
    78 ul.torrent_list li { list-style-type: none; list-style-image: none; clear: both; display: block; padding: 0; margin: 0; vertical-align: middle; }
    79 ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 10px; color: #666; font-size: 11px; margin: 0 !important; background: white; }
     78ul.torrent_list { width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; }
     79ul.torrent_list li.torrent { border-bottom: 1px solid #ccc; padding: 4px 10px; color: #666; background-color: white; }
    8080ul.torrent_list li.torrent.compact { padding: 4px; }
    8181ul.torrent_list li.torrent.even { background-color: #F7F7F7; }
    8282ul.torrent_list li.torrent.selected { background-color: #FDD; }
    8383ul.torrent_list li.torrent.compact div.torrent_name { color: black; }
    84 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; }
     84ul.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; }
    8585ul.torrent_list li.torrent div.torrent_name.compact { font-size: 1.0em; font-weight: normal; }
    8686ul.torrent_list li.torrent div.torrent_name.paused { font-weight: normal; color: #777; }
    87 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; }
     87ul.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; }
    8888ul.torrent_list li.torrent div.torrent_progress_details.error, ul.torrent_list li.torrent div.torrent_peer_details.error { color: #F00; }
    8989ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error { color: #FFF; }
     
    127127.prefs-section #alternative-speed-limits-title { padding-left: 18px; background: transparent url("images/blue-turtle.png") no-repeat; }
    128128
    129 /*--------------------------------------  T O R R E N T   I N S P E C T O R  --------------------------------------*/
    130 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 */ }
     129/***
     130****
     131****  TORRENT INSPECTOR
     132****
     133***/
     134div#torrent_inspector { top: 0 !important; position: relative; right: 0px; width: 100%; z-index: 2; overflow: auto; text-align: left; /* Files Inspector Tab */ }
    131135div#torrent_inspector #inspector-tabs-wrapper { width: 100%; overflow: hidden; text-align: center; }
    132136div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs { display: inline-block; }
     
    148152div#torrent_inspector .inspector_group .inspector_row { display: table-row; }
    149153div#torrent_inspector .inspector_group .inspector_row > .inspector_label { display: table-cell; width: 100px; /* this + the next 230 == inspector_container_with */ }
    150 div#torrent_inspector .inspector_group .inspector_row > div { display: table-cell; padding-top: 10px; width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */ }
     154div#torrent_inspector .inspector_group .inspector_row > div { padding-top: 10px; width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */ }
    151155div#torrent_inspector .inspector_group #inspector_trackers_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; }
    152156div#torrent_inspector .inspector_group #inspector_trackers_list > div.inspector_group { padding-bottom: 0; margin-bottom: 0; }
    153 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; }
     157div#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; }
    154158div#torrent_inspector ul.tier_list li { overflow: hidden; }
    155159div#torrent_inspector ul.tier_list .tracker_activity { float: left; color: #666; width: 200px; display: table; margin-top: 1px; }
     
    161165div#torrent_inspector div.tracker_host { font-size: 1.2em; font-weight: bold; color: #222; }
    162166div#torrent_inspector #inspector_file_list { padding: 0 0 0 0; margin: 0 0 0 0; text-align: left; cursor: default; overflow: hidden; }
    163 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; }
     167div#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; }
    164168div#torrent_inspector li.inspector_torrent_file_list_entry { padding: 3px 0 3px 2px; display: block; }
    165169div#torrent_inspector li.inspector_torrent_file_list_entry.skip { color: #666; }
    166 div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #EEEEEE; }
     170div#torrent_inspector li.inspector_torrent_file_list_entry.even { background-color: #F7F7F7; }
    167171div#torrent_inspector div.inspector_torrent_file_list_entry_name { font-size: 1.2em; color: black; display: inline; margin-left: 0px; }
    168172div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name { color: #999; }
     
    192196***/
    193197div.file-priority-radiobox { display: inline; float: right; margin: 4px; margin-top: 2px; }
    194 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; }
    195 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; }
    196 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; }
    197 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; }
    198 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; }
    199 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; }
    200 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; }
     198div.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; }
     199div.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; }
     200div.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; }
     201div.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; }
     202div.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; }
     203div.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; }
     204div.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; }
    201205
    202206/****
     
    206210****/
    207211div.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); }
    208 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; }
     212div.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; }
    209213div.torrent_footer div.main_container, div.torrent_footer ul#settings_menu { display: none; }
    210214div.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; }
  • trunk/web/style/transmission/mobile.scss

    r13058 r13059  
    239239        }
    240240
    241         #torrent_search {
     241        input#torrent_search {
    242242                display: none;
    243243        }
     
    256256        z-index: 100;
    257257
     258        li { text-align: left }
     259
     260        .count {
     261                padding-left: 3px;
     262        }
     263
    258264        .row {
    259265                text-align: left;
    260266                cursor: pointer;
    261                 margin: 15px 2px;
     267                margin: 8px 2px;
    262268                position: relative;
    263269                height: 18px;
     
    283289                        font-weight: bold;
    284290                }
    285         }
    286         li {
    287                 text-align: left
    288291        }
    289292
     
    313316ul.torrent_list
    314317{
     318        width: 100%;
    315319        margin: 0;
    316320        padding: 0;
    317321        text-align: left;
    318 
    319         li {
    320                 list-style-type: none;
    321                 list-style-image: none;
    322                 clear: both;
    323                 display: block;
    324                 padding: 0;
    325                 margin: 0;
    326                 vertical-align: middle;
    327         }
     322        cursor: pointer;
    328323
    329324        li.torrent
     
    332327                padding: 4px 10px;
    333328                color: #666;
    334                 font-size: 11px;
    335                 margin: 0 !important;
    336                 background: white;
     329                background-color: white;
     330
    337331                &.compact { padding: 4px; }
    338332                &.even { background-color: #F7F7F7; }
     
    348342                        white-space: nowrap;
    349343                        color: #222;
     344                        margin-top: 2px;
    350345                        margin-bottom: 2px;
    351346
     
    356351                div.torrent_progress_details,
    357352                div.torrent_peer_details {
    358                         clear: both;
     353                        clear: left;
    359354                        overflow: hidden;
    360355                        text-overflow: ellipsis;
     
    492487}
    493488
    494 /*--------------------------------------
    495  *
    496  * T O R R E N T   I N S P E C T O R
    497  *
    498  *--------------------------------------*/
     489/***
     490****
     491****  TORRENT INSPECTOR
     492****
     493***/
    499494
    500495div#torrent_inspector
     
    504499        right: 0px;
    505500        width: 100%;
    506         background-color: #ddd;
    507501        z-index: 2;
     502        overflow: auto;
    508503        text-align: left;
    509         overflow: auto;
     504
    510505
    511506        #inspector-tabs-wrapper
     
    591586
    592587                        > div {
    593                                 display: table-cell;
    594588                                padding-top: 10px;
    595589                                width: 230px; /* inspector_container_width==330 - inspector_label_width==100 */
     
    615609        ul.tier_list
    616610        {
    617                 margin: 10px 0 0 0;
     611                margin: 2px 0 8px 0;
    618612                width: 100%;
    619613                padding-left: 0px;
     
    671665                overflow: hidden;
    672666        }
    673         ul.inspector_torrent_file_list {
     667        #inspector_file_list {
     668                border-top: 1px solid #888;
    674669                width: 100%;
    675                 margin: 0  0 0 0;
     670                margin: 6px 0 0 0;
     671                padding-top: 6px;
    676672                padding-bottom: 10px;
    677673                text-align: left;
     
    687683                display: block;
    688684                &.skip { color: #666; }
    689                 &.even { background-color: #EEEEEE; }
     685                &.even { background-color: #F7F7F7; }
    690686        }
    691687
     
    780776        > * {
    781777                @include button;
    782                 width: 30px;
     778                width: 20px;
    783779                height: 12px;
    784                 border: 1px solid #888;
    785780        }
    786781
    787782        // We have row after row of these buttons, so the flashy colors used in the inspector tabs look harsh here.
    788783        // Keep the same basic color theme, but look less harsh, by cutting the gradient's color range.
    789         $idle-color-top:      mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 60% );
    790         $idle-color-bottom:   mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 40% );
    791         $active-color-top:    mix( $selected-gradient-top,    $selected-gradient-bottom,    60% );
    792         $active-color-bottom: mix( $selected-gradient-top,    $selected-gradient-bottom,    40% );
     784        $idle-color-top:      mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 80% );
     785        $idle-color-bottom:   mix( $nonselected-gradient-top, $nonselected-gradient-bottom, 20% );
     786        $active-color-top:    mix( $selected-gradient-top,    $selected-gradient-bottom,    80% );
     787        $active-color-bottom: mix( $selected-gradient-top,    $selected-gradient-bottom,    20% );
    793788
    794789        > div.low {
     
    827822
    828823        > * {
    829                 @include button;
    830824                position: relative;
    831825                float: left;
Note: See TracChangeset for help on using the changeset viewer.