Transmission/transmission
1
0
Fork 0
mirror of https://github.com/transmission/transmission.git synced 2026-05-08 09:39:08 +01:00
Code Issues Packages Projects Releases Wiki Activity
Files
892b01ecffc753addeebeee20cdafaf7f8805d60
transmission/web/style/transmission/common.css
T

1167 lines
43 KiB
CSS
Raw Blame History

/*--------------------------------------
*
* G L O B A L
*
*--------------------------------------*/
html {
margin: 0;
padding: 0;
height: 100%; }
body {
font: 62.5% "lucida grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
/* Resets 1em to 10px */
color: #222;
/* !important; */
background: #FFF;
text-align: center;
margin: 0 0 30px;
overflow: hidden; }
body img {
border: none; }
body a {
outline: 0; }
/***
****
**** ABOUT DIALOG
****
***/
#about-dialog > * {
text-align: center; }
#about-dialog > #about-logo {
background: transparent url("images/logo.png") top left no-repeat;
width: 64px;
height: 64px;
margin-left: 100px; }
#about-dialog > #about-title {
font-size: 1.3em;
font-weight: bold; }
/***
****
**** TOOLBAR
****
***/
div#toolbar {
width: 100%;
height: 36px;
margin: 0px;
padding: 2px;
border-bottom: 1px solid #AAA;
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#toolbar > * {
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
display: inline-block;
border-style: solid;
border-color: #aaa;
border-width: 1px;
padding: 3px;
width: 34px;
height: 34px;
float: left;
border: none;
padding: 0px 3px;
background-position: center center;
background-repeat: no-repeat; }
div#toolbar > div#toolbar-separator {
height: 25px;
margin-top: 8px;
margin-bottom: 5px;
border-left: 1px solid #aaa;
width: 3px; }
div#toolbar > div#toolbar-open {
background-image: url("images/toolbar-folder.png"); }
div#toolbar > div#toolbar-remove {
background-image: url("images/toolbar-close.png"); }
div#toolbar > div#toolbar-start {
background-image: url("images/toolbar-start.png"); }
div#toolbar > div#toolbar-pause {
background-image: url("images/toolbar-pause.png"); }
div#toolbar > div#toolbar-start-all {
background-image: url("images/toolbar-start-all.png"); }
div#toolbar > div#toolbar-pause-all {
background-image: url("images/toolbar-pause-all.png"); }
div#toolbar > div#toolbar-inspector {
background-image: url("images/toolbar-info.png");
float: right;
margin-right: 4px; }
div#toolbar > *.disabled {
opacity: 0.25; }
/***
****
**** STATUSBAR
****
***/
#statusbar {
height: 26px;
width: 100%;
border-bottom: 1px solid #AAA;
overflow: hidden;
position: relative;
background-color: #cccccc;
background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(top, #dddddd, #bbbbbb); }
#statusbar #filter {
float: left;
margin-left: 5px; }
#statusbar #filter input#torrent_search {
height: 18px;
width: 100px;
border-radius: 6px; }
#statusbar #filter input#torrent_search.blur {
color: #999; }
#statusbar #filter #filter-count {
margin-left: 8px; }
#statusbar #speed-info {
float: right;
margin-top: 5px;
margin-right: 10px; }
#statusbar #speed-info * {
display: inline-block; }
#statusbar #speed-info #speed-up-icon {
margin-left: 8px;
width: 8px;
height: 8px;
background: url("images/arrow-up.png") bottom no-repeat; }
#statusbar #speed-info #speed-dn-icon {
width: 8px;
height: 8px;
background: url("images/arrow-down.png") bottom no-repeat; }
#statusbar #speed-info #speed-up-container, #statusbar #speed-info #speed-dn-container {
display: inline; }
/***
****
**** TORRENT CONTAINER
****
***/
div#torrent_container {
position: fixed;
top: 68px;
bottom: 22px;
right: 0px;
left: 0px;
padding: 0px;
margin: 0px;
overflow: auto;
-webkit-overflow-scrolling: touch; }
ul.torrent_list {
width: 100%;
margin: 0;
padding: 0;
text-align: left;
cursor: pointer;
/**
* Progressbar
*
* Each progressbar has three elemens: a parent container and two children,
* complete and incomplete.
*
* The only thing needed to set the progressbar percentage is to set
* the complete child's width as a percentage. This is because incomplete
* is pinned to the full width and height of the parent, and complete
* is pinned to the left side of the parent and has a higher z-index.
*
* The progressbar has different colors depending on its state, so there
* are five 'decorator' classNames: paused, queued, magnet, leeching, seeding.
*/ }
ul.torrent_list li.torrent {
border-bottom: 1px solid #ccc;
padding: 4px 30px 5px 14px;
color: #666;
background-color: white; }
ul.torrent_list li.torrent.compact {
padding: 4px; }
ul.torrent_list li.torrent.even {
background-color: #F7F7F7; }
ul.torrent_list li.torrent.selected {
background-color: #cdcdff; }
ul.torrent_list li.torrent.compact div.torrent_name {
color: black; }
ul.torrent_list li.torrent a {
float: right;
position: relative;
right: -22px;
top: 1px; }
ul.torrent_list li.torrent a img {
position: relative;
right: -10px; }
ul.torrent_list li.torrent a div {
background: url("images/buttons/torrent_buttons.png");
height: 14px;
width: 14px; }
ul.torrent_list li.torrent a div.torrent_pause {
background-position: left top; }
ul.torrent_list li.torrent a div.torrent_resume {
background-position: center top; }
ul.torrent_list li.torrent a:active div.torrent_pause {
background-position: left bottom; }
ul.torrent_list li.torrent a:active div.torrent_resume {
background-position: center bottom; }
ul.torrent_list li.torrent a:hover div.torrent_pause {
background-position: left center; }
ul.torrent_list li.torrent a:hover div.torrent_resume {
background-position: center center; }
ul.torrent_list li.torrent div.torrent_name {
font-size: 1.3em;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #222;
margin-top: 2px;
margin-bottom: 2px; }
ul.torrent_list li.torrent div.torrent_name.compact {
font-size: 1.0em;
font-weight: normal; }
ul.torrent_list li.torrent div.torrent_name.paused {
font-weight: normal;
color: #777; }
ul.torrent_list li.torrent div.torrent_progress_details,
ul.torrent_list li.torrent div.torrent_peer_details {
clear: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
ul.torrent_list li.torrent div.torrent_progress_details.error,
ul.torrent_list li.torrent div.torrent_peer_details.error {
color: #F00; }
ul.torrent_list li.torrent.selected div.torrent_progress_details.error, ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
color: #FFF; }
ul.torrent_list div.torrent_progress_bar_container {
height: 10px;
position: relative; }
ul.torrent_list div.torrent_progress_bar_container.compact {
width: 50px;
position: absolute;
right: 10px;
margin-top: 2px;
/*float: right;*/ }
ul.torrent_list div.torrent_progress_bar_container.full {
margin-top: 2px;
margin-bottom: 5px; }
ul.torrent_list div.torrent_peer_details.compact {
margin-top: 2px;
margin-right: 65px;
/* leave room on the right for the progressbar */
float: right;
/* pins it next to progressbar & forces torrent_name to ellipsize when it bumps up against this div */ }
ul.torrent_list div.torrent_progress_bar {
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-image: url("images/progress.png");
background-repeat: repeat-x;
border: 1px solid #888; }
ul.torrent_list div.torrent_progress_bar.complete {
z-index: 2; }
ul.torrent_list div.torrent_progress_bar.complete.paused {
background-position: left -30px;
border-color: #989898; }
ul.torrent_list div.torrent_progress_bar.complete.magnet {
background-position: left -20px;
border-color: #CFCFCF; }
ul.torrent_list div.torrent_progress_bar.complete.leeching {
background-position: left 0px;
border-color: #3D9DEA; }
ul.torrent_list div.torrent_progress_bar.complete.leeching.queued {
background-position: left -70px;
border-color: #889CA5; }
ul.torrent_list div.torrent_progress_bar.complete.seeding {
background-position: left -40px;
border-color: #269E30; }
ul.torrent_list div.torrent_progress_bar.complete.seeding.queued {
background-position: left -60px;
border-color: #8A998D; }
ul.torrent_list div.torrent_progress_bar.incomplete {
z-index: 1;
width: 100%; }
ul.torrent_list div.torrent_progress_bar.incomplete.paused {
background-position: left -20px;
border-color: #CFCFCF; }
ul.torrent_list div.torrent_progress_bar.incomplete.magnet {
background-position: left -50px;
border-color: #D47778; }
ul.torrent_list div.torrent_progress_bar.incomplete.leeching {
background-position: left -20px;
border-color: #CFCFCF; }
ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued {
background-position: left -80px;
border-color: #C4C4C4; }
ul.torrent_list div.torrent_progress_bar.incomplete.seeding {
background-position: left -10px;
border-color: #29AD35; }
/***
****
**** PREFERENCES
****
***/
#prefs-dialog.ui-tabs .ui-tabs-panel {
padding: 0px;
-moz-user-select: none;
-webkit-user-select: none; }
.prefs-section {
margin: 10px;
text-align: left; }
.prefs-section > * {
padding-top: 8px;
padding-left: 8px; }
.prefs-section .title {
font-weight: bold;
font-size: larger;
padding-left: 0px; }
.prefs-section .row .key {
float: left;
padding-top: 3px; }
.prefs-section .row .key > * {
margin-left: 0px; }
.prefs-section .row .value {
margin-left: 150px; }
.prefs-section .row .value > * {
width: 100%; }
.prefs-section .checkbox-row > input {
margin: 0px; }
.prefs-section .checkbox-row > label {
margin-left: 5px; }
.prefs-section #alternative-speed-limits-title {
padding-left: 18px;
background: transparent url("images/blue-turtle.png") no-repeat; }
/***
****
**** TORRENT INSPECTOR
****
***/
div#torrent_inspector {
overflow: auto;
-webkit-overflow-scrolling: touch;
text-align: left;
padding: 15px;
top: 68px;
position: fixed;
width: 570px;
z-index: 5;
border-left: 1px solid #888;
bottom: 22px;
right: 0px;
/* Files Inspector Tab */ }
div#torrent_inspector #inspector-close {
display: none; }
div#torrent_inspector #inspector-tabs-wrapper {
width: 100%;
overflow: hidden;
text-align: center; }
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs {
display: inline-block; }
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
display: inline-block;
border-style: solid;
border-color: #aaa;
border-width: 1px;
padding: 3px;
width: 30px;
height: 20px; }
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: #dddddd;
background-image: url("images/inspector-info.png");
/* fallback */
background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
/* Saf4+, Chrome */
background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, white, #bbbbbb);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, white, #bbbbbb);
/* FF3.6+ */
background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, white, #bbbbbb);
/* IE10 */
background-image: url("images/inspector-info.png"), -o-linear-gradient(top, white, #bbbbbb);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat;
border-left-width: 1px; }
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {
background-color: #e6e6ff;
background-image: url("images/inspector-info.png");
/* fallback */
background-image: url("images/inspector-info.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
/* Saf4+, Chrome */
background-image: url("images/inspector-info.png"), -webkit-linear-gradient(top, #cdcdff, white);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/inspector-info.png"), -moz-linear-gradient(top, #cdcdff, white);
/* FF3.6+ */
background-image: url("images/inspector-info.png"), -ms-linear-gradient(top, #cdcdff, white);
/* IE10 */
background-image: url("images/inspector-info.png"), -o-linear-gradient(top, #cdcdff, white);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {
background-color: #dddddd;
background-image: url("images/inspector-peers.png");
/* fallback */
background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
/* Saf4+, Chrome */
background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, white, #bbbbbb);
/* FF3.6+ */
background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, white, #bbbbbb);
/* IE10 */
background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, white, #bbbbbb);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {
background-color: #e6e6ff;
background-image: url("images/inspector-peers.png");
/* fallback */
background-image: url("images/inspector-peers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
/* Saf4+, Chrome */
background-image: url("images/inspector-peers.png"), -webkit-linear-gradient(top, #cdcdff, white);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/inspector-peers.png"), -moz-linear-gradient(top, #cdcdff, white);
/* FF3.6+ */
background-image: url("images/inspector-peers.png"), -ms-linear-gradient(top, #cdcdff, white);
/* IE10 */
background-image: url("images/inspector-peers.png"), -o-linear-gradient(top, #cdcdff, white);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {
background-color: #dddddd;
background-image: url("images/inspector-trackers.png");
/* fallback */
background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
/* Saf4+, Chrome */
background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, white, #bbbbbb);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, white, #bbbbbb);
/* FF3.6+ */
background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, white, #bbbbbb);
/* IE10 */
background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, white, #bbbbbb);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {
background-color: #e6e6ff;
background-image: url("images/inspector-trackers.png");
/* fallback */
background-image: url("images/inspector-trackers.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
/* Saf4+, Chrome */
background-image: url("images/inspector-trackers.png"), -webkit-linear-gradient(top, #cdcdff, white);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/inspector-trackers.png"), -moz-linear-gradient(top, #cdcdff, white);
/* FF3.6+ */
background-image: url("images/inspector-trackers.png"), -ms-linear-gradient(top, #cdcdff, white);
/* IE10 */
background-image: url("images/inspector-trackers.png"), -o-linear-gradient(top, #cdcdff, white);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #dddddd;
background-image: url("images/inspector-files.png");
/* fallback */
background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
/* Saf4+, Chrome */
background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, white, #bbbbbb);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, white, #bbbbbb);
/* FF3.6+ */
background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, white, #bbbbbb);
/* IE10 */
background-image: url("images/inspector-files.png"), -o-linear-gradient(top, white, #bbbbbb);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {
background-color: #e6e6ff;
background-image: url("images/inspector-files.png");
/* fallback */
background-image: url("images/inspector-files.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
/* Saf4+, Chrome */
background-image: url("images/inspector-files.png"), -webkit-linear-gradient(top, #cdcdff, white);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/inspector-files.png"), -moz-linear-gradient(top, #cdcdff, white);
/* FF3.6+ */
background-image: url("images/inspector-files.png"), -ms-linear-gradient(top, #cdcdff, white);
/* IE10 */
background-image: url("images/inspector-files.png"), -o-linear-gradient(top, #cdcdff, white);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div#torrent_inspector #inspector_header {
margin-top: 8px; }
div#torrent_inspector #inspector_header #torrent_inspector_name {
font-weight: bold;
font-size: large; }
div#torrent_inspector ul.tier_list {
margin: 2px 0 8px 0;
width: 100%;
padding-left: 0px;
text-align: left;
display: block;
cursor: default;
list-style-type: none;
list-style: none;
list-style-image: none;
clear: both; }
div#torrent_inspector ul.tier_list li {
overflow: hidden; }
div#torrent_inspector ul.tier_list .tracker_activity {
float: left;
color: #666;
width: 330px;
display: table;
margin-top: 1px; }
div#torrent_inspector ul.tier_list .tracker_activity div {
padding: 2px; }
div#torrent_inspector ul.tier_list table {
float: right;
color: #666; }
div#torrent_inspector ul.tier_list th {
text-align: right; }
div#torrent_inspector li.inspector_tracker_entry {
padding: 3px 0 3px 2px;
display: block; }
div#torrent_inspector li.inspector_tracker_entry.odd {
background-color: #EEEEEE; }
div#torrent_inspector div.tracker_host {
font-size: 1.2em;
font-weight: bold;
color: #222; }
div#torrent_inspector #inspector_file_list {
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: left;
cursor: default;
overflow: hidden; }
div#torrent_inspector #inspector_file_list {
width: 100%;
margin: 6px 0 0 0;
padding-top: 6px;
padding-bottom: 10px;
text-align: left;
display: block;
cursor: default;
list-style-type: none;
list-style: none;
list-style-image: none;
clear: both; }
div#torrent_inspector li.inspector_torrent_file_list_entry {
padding: 3px 0 3px 2px;
display: block; }
div#torrent_inspector li.inspector_torrent_file_list_entry.skip {
color: #666; }
div#torrent_inspector li.inspector_torrent_file_list_entry.even {
background-color: #F7F7F7; }
div#torrent_inspector div.inspector_torrent_file_list_entry_name {
font-size: 1.2em;
color: black;
display: inline;
margin-left: 0px; }
div#torrent_inspector li.inspector_torrent_file_list_entry.skip > .inspector_torrent_file_list_entry_name {
color: #999; }
div#torrent_inspector div.inspector_torrent_file_list_entry_progress {
color: #999;
margin-left: 20px; }
div#torrent_inspector ul.single_file li.inspector_torrent_file_list_entry > .file_wanted_control,
div#torrent_inspector li.inspector_torrent_file_list_entry.complete > .file_wanted_control {
cursor: default; }
/* Peers Inspector Tab */
#inspector_peers_list {
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: left;
cursor: default;
overflow: hidden; }
#inspector_peers_list > div.inspector_group {
padding-bottom: 0;
margin-bottom: 0; }
table.peer_list {
width: 100%;
border-collapse: collapse;
text-align: left;
cursor: default;
clear: both;
table-layout: fixed; }
table.peer_list .encryptedCol {
width: 16px; }
table.peer_list .upCol {
width: 70px; }
table.peer_list .downCol {
width: 70px; }
table.peer_list .percentCol {
width: 30px;
padding-right: 5px;
text-align: right; }
table.peer_list .statusCol {
width: 40px;
padding-right: 5px; }
table.peer_list .addressCol {
width: 180px; }
table.peer_list .clientCol {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
tr.inspector_peer_entry div.encrypted-peer-cell {
width: 16px;
height: 16px;
background: transparent url("images/lock_icon.png") no-repeat; }
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: 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-position: center;
background-repeat: no-repeat;
border-right-width: 0px; }
div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected {
background-color: #e6e6ff;
background-image: url("images/file-priority-low.png");
/* fallback */
background-image: url("images/file-priority-low.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
/* Saf4+, Chrome */
background-image: url("images/file-priority-low.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/file-priority-low.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
/* FF3.6+ */
background-image: url("images/file-priority-low.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
/* IE10 */
background-image: url("images/file-priority-low.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.file-priority-radiobox > div.normal {
background-color: #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-position: center;
background-repeat: no-repeat; }
div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected {
background-color: #e6e6ff;
background-image: url("images/file-priority-normal.png");
/* fallback */
background-image: url("images/file-priority-normal.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
/* Saf4+, Chrome */
background-image: url("images/file-priority-normal.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/file-priority-normal.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
/* FF3.6+ */
background-image: url("images/file-priority-normal.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
/* IE10 */
background-image: url("images/file-priority-normal.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.file-priority-radiobox > div.high {
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #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-position: center;
background-repeat: no-repeat;
border-left-width: 0px; }
div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected {
background-color: #e6e6ff;
background-image: url("images/file-priority-high.png");
/* fallback */
background-image: url("images/file-priority-high.png"), -webkit-gradient(linear, left top, left bottom, from(#d7d7ff), to(#f5f5ff));
/* Saf4+, Chrome */
background-image: url("images/file-priority-high.png"), -webkit-linear-gradient(top, #d7d7ff, #f5f5ff);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/file-priority-high.png"), -moz-linear-gradient(top, #d7d7ff, #f5f5ff);
/* FF3.6+ */
background-image: url("images/file-priority-high.png"), -ms-linear-gradient(top, #d7d7ff, #f5f5ff);
/* IE10 */
background-image: url("images/file-priority-high.png"), -o-linear-gradient(top, #d7d7ff, #f5f5ff);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
/****
*****
***** MAIN WINDOW FOOTER
*****
****/
div.torrent_footer {
height: 22px;
border-top: 1px solid #555;
bottom: 0;
position: fixed;
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 > * {
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 {
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #dddddd;
background-image: url("images/settings.png");
/* fallback */
background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
/* Saf4+, Chrome */
background-image: url("images/settings.png"), -webkit-linear-gradient(top, white, #bbbbbb);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/settings.png"), -moz-linear-gradient(top, white, #bbbbbb);
/* FF3.6+ */
background-image: url("images/settings.png"), -ms-linear-gradient(top, white, #bbbbbb);
/* IE10 */
background-image: url("images/settings.png"), -o-linear-gradient(top, white, #bbbbbb);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer div.main_container:active, div.torrent_footer div.main_container.selected {
background-color: #e6e6ff;
background-image: url("images/settings.png");
/* fallback */
background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
/* Saf4+, Chrome */
background-image: url("images/settings.png"), -webkit-linear-gradient(top, #cdcdff, white);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/settings.png"), -moz-linear-gradient(top, #cdcdff, white);
/* FF3.6+ */
background-image: url("images/settings.png"), -ms-linear-gradient(top, #cdcdff, white);
/* IE10 */
background-image: url("images/settings.png"), -o-linear-gradient(top, #cdcdff, white);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer #prefs-button {
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #dddddd;
background-image: url("images/wrench.png");
/* fallback */
background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
/* Saf4+, Chrome */
background-image: url("images/wrench.png"), -webkit-linear-gradient(top, white, #bbbbbb);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/wrench.png"), -moz-linear-gradient(top, white, #bbbbbb);
/* FF3.6+ */
background-image: url("images/wrench.png"), -ms-linear-gradient(top, white, #bbbbbb);
/* IE10 */
background-image: url("images/wrench.png"), -o-linear-gradient(top, white, #bbbbbb);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected {
background-color: #e6e6ff;
background-image: url("images/wrench.png");
/* fallback */
background-image: url("images/wrench.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
/* Saf4+, Chrome */
background-image: url("images/wrench.png"), -webkit-linear-gradient(top, #cdcdff, white);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/wrench.png"), -moz-linear-gradient(top, #cdcdff, white);
/* FF3.6+ */
background-image: url("images/wrench.png"), -ms-linear-gradient(top, #cdcdff, white);
/* IE10 */
background-image: url("images/wrench.png"), -o-linear-gradient(top, #cdcdff, white);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer #turtle-button {
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #dddddd;
background-image: url("images/turtle.png");
/* fallback */
background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
/* Saf4+, Chrome */
background-image: url("images/turtle.png"), -webkit-linear-gradient(top, white, #bbbbbb);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/turtle.png"), -moz-linear-gradient(top, white, #bbbbbb);
/* FF3.6+ */
background-image: url("images/turtle.png"), -ms-linear-gradient(top, white, #bbbbbb);
/* IE10 */
background-image: url("images/turtle.png"), -o-linear-gradient(top, white, #bbbbbb);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {
background-color: #e6e6ff;
background-image: url("images/turtle.png");
/* fallback */
background-image: url("images/turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
/* Saf4+, Chrome */
background-image: url("images/turtle.png"), -webkit-linear-gradient(top, #cdcdff, white);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/turtle.png"), -moz-linear-gradient(top, #cdcdff, white);
/* FF3.6+ */
background-image: url("images/turtle.png"), -ms-linear-gradient(top, #cdcdff, white);
/* IE10 */
background-image: url("images/turtle.png"), -o-linear-gradient(top, #cdcdff, white);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {
background-color: #e6e6ff;
background-image: url("images/blue-turtle.png");
/* fallback */
background-image: url("images/blue-turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
/* Saf4+, Chrome */
background-image: url("images/blue-turtle.png"), -webkit-linear-gradient(top, #cdcdff, white);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/blue-turtle.png"), -moz-linear-gradient(top, #cdcdff, white);
/* FF3.6+ */
background-image: url("images/blue-turtle.png"), -ms-linear-gradient(top, #cdcdff, white);
/* IE10 */
background-image: url("images/blue-turtle.png"), -o-linear-gradient(top, #cdcdff, white);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer #compact-button {
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #dddddd;
background-image: url("images/compact.png");
/* fallback */
background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb));
/* Saf4+, Chrome */
background-image: url("images/compact.png"), -webkit-linear-gradient(top, white, #bbbbbb);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/compact.png"), -moz-linear-gradient(top, white, #bbbbbb);
/* FF3.6+ */
background-image: url("images/compact.png"), -ms-linear-gradient(top, white, #bbbbbb);
/* IE10 */
background-image: url("images/compact.png"), -o-linear-gradient(top, white, #bbbbbb);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected {
background-color: #e6e6ff;
background-image: url("images/compact.png");
/* fallback */
background-image: url("images/compact.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
/* Saf4+, Chrome */
background-image: url("images/compact.png"), -webkit-linear-gradient(top, #cdcdff, white);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/compact.png"), -moz-linear-gradient(top, #cdcdff, white);
/* FF3.6+ */
background-image: url("images/compact.png"), -ms-linear-gradient(top, #cdcdff, white);
/* IE10 */
background-image: url("images/compact.png"), -o-linear-gradient(top, #cdcdff, white);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
/****
*****
***** DIALOGS
*****
****/
div.dialog_container {
position: absolute;
top: 0;
left: 0px;
margin: 0px;
width: 100%;
height: 100%;
text-align: center;
color: black;
font-size: 1.1em; }
div.dialog_container div.dialog_window {
background-color: #eee;
margin: 0 auto;
opacity: .95;
border-top: none;
text-align: left;
width: 420px;
z-index: 10;
overflow: hidden;
position: relative;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
top: 80px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
div.dialog_container div.dialog_window {
top: 0;
margin-top: 71px; } }
div.dialog_container .dialog_logo {
width: 64px;
height: 64px;
margin: 20px 20px 0 20px;
float: left;
background: transparent url("images/logo.png") top left no-repeat; }
div.dialog_container div.dialog_window h2.dialog_heading {
display: block;
float: left;
width: 305px;
font-size: 1.2em;
color: black;
margin-top: 20px; }
div.dialog_container div.dialog_window div.dialog_message {
float: left;
padding-left: 3px;
margin-left: -3px;
width: 305px;
overflow: hidden; }
div.dialog_container div.dialog_window a {
display: block;
float: right;
margin: 10px 20px 10px -8px;
padding: 5px;
background-color: #EEE;
border: 1px solid #787878;
width: 50px;
height: 15px;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #323232;
-webkit-appearance: button;
font: -webkit-control;
cursor: default; }
div.dialog_container div.dialog_window a:hover,
div.dialog_container div.dialog_window a:active {
background: #c0c8d6 url("images/filter_bar.png") bottom repeat-x; }
div#upload_container div.dialog_window div.dialog_message label {
margin-top: 15px;
display: block; }
div#upload_container div.dialog_window div.dialog_message input {
width: 249px;
margin: 3px 0 0 0;
display: block; }
div#upload_container div.dialog_window div.dialog_message input[type=text] {
width: 245px;
padding: 2px; }
div#upload_container div.dialog_window div.dialog_message input[type=checkbox] {
margin: 15px 3px 0 0;
display: inline;
width: auto; }
div#upload_container div.dialog_window div.dialog_message #auto_start_label {
display: inline; }
div.dialog_container div.dialog_window form {
margin: 0;
padding: 0px; }
div#move_container input#torrent_path {
width: 286px;
padding: 2px; }
iframe#torrent_upload_frame {
display: block;
/* Don't change this : safari forms won't target hidden frames (they open a new window) */
position: absolute;
top: -1000px;
left: -1000px;
width: 0px;
height: 0px;
border: none;
padding: 0;
margin: 0; }
/****
*****
***** POPUP MENU
*****
****/
.trans_menu {
margin: 0;
padding: 0; }
.trans_menu,
.trans_menu ul {
list-style: none; }
.trans_menu ul {
/* place it right above the button */
position: relative;
bottom: 18px;
min-width: 210px;
background-color: white;
padding: 5px 0;
text-align: left;
list-style: none;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); }
.trans_menu ul ul {
min-width: 150px; }
.trans_menu ul ul#footer_sort_menu {
min-width: 175px; }
.trans_menu > * li {
margin: 0;
padding: 3px 10px 3px 20px !important;
color: #000;
cursor: default;
text-indent: auto !important;
width: inherit; }
.trans_menu li.separator,
.trans_menu li.separator.hover {
border-top: 1px solid #ddd;
margin: 5px 0;
padding: 0px;
background: transparent; }
.trans_menu li span.arrow {
float: right; }
.trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected {
color: white; }
.trans_menu span.selected {
margin: 0 3px 0 -15px;
color: #666;
float: left; }
.trans_menu div.outerbox {
display: none;
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px; }
.trans_menu div.inner {
left: 0;
margin: 0; }
.trans_menu li.main li {
z-index: 2;
min-width: 78px; }
.trans_menu a {
text-decoration: none;
cursor: default; }
/*--------------------------------------
*
* C O N T E X T M E N U
*
*--------------------------------------*/
div#jqContextMenu {
-webkit-border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
-moz-user-select: none;
-webkit-user-select: none; }
div#jqContextMenu ul {
filter: alpha(opacity=98);
-moz-opacity: .98;
opacity: .98;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px; }
div#jqContextMenu li.separator, div#jqContextMenu div#jqContextMenu li.separator:hover {
background: inherit !important;
border-top: 1px solid #ddd !important;
margin: 5px 0 !important;
padding: 0px; }
Reference in New Issue View Git Blame Copy Permalink