mirror
/
transmission
mirror of https://github.com/transmission/transmission
1
0
Fork 0
Code Issues Releases Wiki Activity

(trunk web) tweak the filter bar and footer bar's gradient again

This commit is contained in:
Jordan Lee 2011-10-27 03:57:39 +00:00
parent 430eddbc4e
commit b5149fa472
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/style/transmission/common.css
View File

@ -44,7 +44,7 @@ div#toolbar > *.disabled { opacity: 0.25; }
**** STATUSBAR
****
***/
#statusbar { height: 24px; width: 100%; border-bottom: 1px solid #AAA; overflow: hidden; position: relative; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(white)); background-image: -webkit-linear-gradient(top, #dddddd, white); background-image: -moz-linear-gradient(top, #dddddd, white); background-image: -ms-linear-gradient(top, #dddddd, white); background-image: -o-linear-gradient(top, #dddddd, white); background-image: linear-gradient(top, #dddddd, white); }
#statusbar { height: 24px; width: 100%; border-bottom: 1px solid #AAA; overflow: hidden; position: relative; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); }
#statusbar #speed-info { margin-top: 5px; margin-left: 45%; text-align: left; }
#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; }
@ -228,7 +228,7 @@ div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.h
***** MAIN WINDOW FOOTER
*****
****/
div.torrent_footer { height: 22px; border-top: 1px solid #555; bottom: 0; position: fixed; width: 100%; z-index: 3; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(white)); background-image: -webkit-linear-gradient(top, #dddddd, white); background-image: -moz-linear-gradient(top, #dddddd, white); background-image: -ms-linear-gradient(top, #dddddd, white); background-image: -o-linear-gradient(top, #dddddd, white); background-image: linear-gradient(top, #dddddd, white); }
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; }
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-image: url("images/settings.png"), linear-gradient(top, white, #bbbbbb); /* W3C */ background-position: center; background-repeat: no-repeat; }
div.torrent_footer div.main_container:active, div.torrent_footer div.main_container:hover, div.torrent_footer div.main_container.selected { background-color: #7dc9f2; background-image: url("images/settings.png"); /* fallback */ background-image: url("images/settings.png"), -webkit-gradient(linear, left top, left bottom, from(#68abe6), to(#93e8ff)); /* Saf4+, Chrome */ background-image: url("images/settings.png"), -webkit-linear-gradient(top, #68abe6, #93e8ff); /* Chrome 10+, Saf5.1+ */ background-image: url("images/settings.png"), -moz-linear-gradient(top, #68abe6, #93e8ff); /* FF3.6+ */ background-image: url("images/settings.png"), -ms-linear-gradient(top, #68abe6, #93e8ff); /* IE10 */ background-image: url("images/settings.png"), -o-linear-gradient(top, #68abe6, #93e8ff); /* Opera 11.10+ */ background-image: url("images/settings.png"), linear-gradient(top, #68abe6, #93e8ff); /* W3C */ background-position: center; background-repeat: no-repeat; }

2
web/style/transmission/common.scss
View File

@ -200,7 +200,7 @@ div#toolbar
***/
$statusbar-gradient-top: #ddd;
$statusbar-gradient-bottom: #fff;
$statusbar-gradient-bottom: #bbb;
#statusbar
{

4
web/style/transmission/mobile.css
View File

@ -38,7 +38,7 @@ div#toolbar > *.disabled { opacity: 0.25; }
**** STATUSBAR
****
***/
#statusbar { height: 24px; width: 100%; border-bottom: 1px solid #AAA; overflow: hidden; position: relative; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(white)); background-image: -webkit-linear-gradient(top, #dddddd, white); background-image: -moz-linear-gradient(top, #dddddd, white); background-image: -ms-linear-gradient(top, #dddddd, white); background-image: -o-linear-gradient(top, #dddddd, white); background-image: linear-gradient(top, #dddddd, white); }
#statusbar { height: 24px; width: 100%; border-bottom: 1px solid #AAA; overflow: hidden; position: relative; background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); }
#statusbar #speed-info { margin-top: 5px; margin-left: 45%; text-align: left; }
#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; }
@ -204,7 +204,7 @@ div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.h
***** MAIN WINDOW FOOTER
*****
****/
div.torrent_footer { height: 22px; border-top: 1px solid #555; position: relative; width: 100%; z-index: 3; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(white)); background-image: -webkit-linear-gradient(top, #dddddd, white); background-image: -moz-linear-gradient(top, #dddddd, white); background-image: -ms-linear-gradient(top, #dddddd, white); background-image: -o-linear-gradient(top, #dddddd, white); background-image: linear-gradient(top, #dddddd, white); }
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; }
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; }

2
web/style/transmission/mobile.scss
View File

@ -183,7 +183,7 @@ div#toolbar
***/
$statusbar-gradient-top: #ddd;
$statusbar-gradient-bottom: #fff;
$statusbar-gradient-bottom: #bbb;
#statusbar
{