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

(trunk web) make the filter bar and footer bar's gradients a little softer.

This commit is contained in:
Jordan Lee 2011-10-27 03:41:16 +00:00
parent 599898470d
commit c4a037189d
4 changed files with 8 additions and 8 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: #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, white, #bbbbbb); background-image: -moz-linear-gradient(top, white, #bbbbbb); background-image: -ms-linear-gradient(top, white, #bbbbbb); background-image: -o-linear-gradient(top, white, #bbbbbb); background-image: linear-gradient(top, white, #bbbbbb); }
#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(white), to(#dddddd)); background-image: -webkit-linear-gradient(top, white, #dddddd); background-image: -moz-linear-gradient(top, white, #dddddd); background-image: -ms-linear-gradient(top, white, #dddddd); background-image: -o-linear-gradient(top, white, #dddddd); background-image: linear-gradient(top, white, #dddddd); }
#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: #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, white, #bbbbbb); background-image: -moz-linear-gradient(top, white, #bbbbbb); background-image: -ms-linear-gradient(top, white, #bbbbbb); background-image: -o-linear-gradient(top, white, #bbbbbb); background-image: linear-gradient(top, white, #bbbbbb); }
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(white), to(#dddddd)); background-image: -webkit-linear-gradient(top, white, #dddddd); background-image: -moz-linear-gradient(top, white, #dddddd); background-image: -ms-linear-gradient(top, white, #dddddd); background-image: -o-linear-gradient(top, white, #dddddd); background-image: linear-gradient(top, white, #dddddd); }
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; }

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

@ -206,7 +206,7 @@ div#toolbar
border-bottom: 1px solid #AAA;
overflow: hidden;
position: relative;
@include verticalGradient($nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
@include verticalGradient($nonselected-gradient-color-top, mix($nonselected-gradient-color-top,$nonselected-gradient-color-bottom));
#speed-info
{
@ -909,7 +909,7 @@ div.torrent_footer
width: 100%;
z-index: 3;
@include verticalGradient($nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
@include verticalGradient($nonselected-gradient-color-top, mix($nonselected-gradient-color-top,$nonselected-gradient-color-bottom));
> * {
float: left;

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: #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, white, #bbbbbb); background-image: -moz-linear-gradient(top, white, #bbbbbb); background-image: -ms-linear-gradient(top, white, #bbbbbb); background-image: -o-linear-gradient(top, white, #bbbbbb); background-image: linear-gradient(top, white, #bbbbbb); }
#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(white), to(#dddddd)); background-image: -webkit-linear-gradient(top, white, #dddddd); background-image: -moz-linear-gradient(top, white, #dddddd); background-image: -ms-linear-gradient(top, white, #dddddd); background-image: -o-linear-gradient(top, white, #dddddd); background-image: linear-gradient(top, white, #dddddd); }
#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: #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#bbbbbb)); background-image: -webkit-linear-gradient(top, white, #bbbbbb); background-image: -moz-linear-gradient(top, white, #bbbbbb); background-image: -ms-linear-gradient(top, white, #bbbbbb); background-image: -o-linear-gradient(top, white, #bbbbbb); background-image: linear-gradient(top, white, #bbbbbb); }
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(white), to(#dddddd)); background-image: -webkit-linear-gradient(top, white, #dddddd); background-image: -moz-linear-gradient(top, white, #dddddd); background-image: -ms-linear-gradient(top, white, #dddddd); background-image: -o-linear-gradient(top, white, #dddddd); background-image: linear-gradient(top, white, #dddddd); }
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; }

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

@ -189,7 +189,7 @@ div#toolbar
border-bottom: 1px solid #AAA;
overflow: hidden;
position: relative;
@include verticalGradient($nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
@include verticalGradient($nonselected-gradient-color-top, mix($nonselected-gradient-color-top,$nonselected-gradient-color-bottom));
#speed-info
{
@ -823,7 +823,7 @@ div.torrent_footer
width: 100%;
z-index: 3;
@include verticalGradient($nonselected-gradient-color-top, $nonselected-gradient-color-bottom);
@include verticalGradient($nonselected-gradient-color-top, mix($nonselected-gradient-color-top,$nonselected-gradient-color-bottom));
> * {
@include button;