From 64aba8bb5f56df136f87933d155bb28ce3aea6b4 Mon Sep 17 00:00:00 2001 From: Elmar Kouwenhoven Date: Tue, 8 May 2012 13:06:03 +0200 Subject: [PATCH] Fixed some minor issues - Fixed toTop button when scrolling down - Fixed Updatebar. Shown like other feedback messages --- data/interfaces/lossless/base.html | 12 ++-- data/interfaces/lossless/css/style.css | 84 ++++++++++++++++++++----- data/interfaces/lossless/css/style.less | 16 ++--- 3 files changed, 80 insertions(+), 32 deletions(-) diff --git a/data/interfaces/lossless/base.html b/data/interfaces/lossless/base.html index 02a3e297..e958dca2 100644 --- a/data/interfaces/lossless/base.html +++ b/data/interfaces/lossless/base.html @@ -29,16 +29,18 @@
-
- % if not headphones.CURRENT_VERSION: + % if not headphones.CURRENT_VERSION:
- You're running an unknown version of Headphones. Click here to update + You're running an unknown version of Headphones. Update or + Close
% elif headphones.CURRENT_VERSION != headphones.LATEST_VERSION and headphones.INSTALL_TYPE != 'win':
- A newer version is available. You're ${headphones.COMMITS_BEHIND} commits behind. Click here to update + A newer version is available. You're ${headphones.COMMITS_BEHIND} commits behind. Update or Close
% endif + +
- Back to top + Back to top
diff --git a/data/interfaces/lossless/css/style.css b/data/interfaces/lossless/css/style.css index 9927b171..d046c750 100644 --- a/data/interfaces/lossless/css/style.css +++ b/data/interfaces/lossless/css/style.css @@ -481,7 +481,11 @@ footer { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; - background-color: #fff6a9; + background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: -webkit-linear-gradient(#fcf5c2, #fff6a9) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; display: inline-block; padding: 5px 10px; margin-top: 10px; @@ -555,22 +559,72 @@ footer { margin-right: 3px; } #updatebar { - -moz-border-radius-bottomleft: 10px; - -moz-border-radius-bottomright: 10px; - -webkit-border-bottom-right-radius: 10px; - -webkit-border-bottom-left-radius: 10px; - border-bottom-left-radius: 10px; - border-bottom-right-radius: 10px; - background-color: #fff6a9; border: 1px solid #cccccc; - font-size: 11px; - left: 35%; - margin: 0 auto; - padding: 1px 10px; - position: absolute; + background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important; + background-image: linear-gradient(#ffffff, #eeeeee) !important; + background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + display: none; + font-size: 14px; + right: 10px; + -moz-box-shadow: 0px 0px 2px #aaaaaa; + -webkit-box-shadow: 0px 0px 2px #aaaaaa; + box-shadow: 0px 0px 2px #aaaaaa; + padding: 7px 10px; + position: fixed; text-align: center; - text-transform: lowercase; - top: 0; + bottom: 10px; + min-height: 22px; + width: 250px; + z-index: 9999; + filter: alpha(opacity=85); + -moz-opacity: 0.8 !important; + -khtml-opacity: 0.8 !important; + opacity: 0.8 !important; + display: block; + background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: linear-gradient(#fcf5c2, #fff6a9) !important; + background-image: -webkit-linear-gradient(#fcf5c2, #fff6a9) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; +} +#updatebar .msg { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + line-height: normal; + padding-left: 20px; +} +#updatebar .loader { + position: relative; + top: 2px; +} +#updatebar.success { + background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: linear-gradient(#d3ffd7, #c2edc6) !important; + background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + padding: 15px 10px; + text-align: left; +} +#updatebar.error { + background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: linear-gradient(#ffd3d3, #edc4c4) !important; + background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important; + padding: 15px 10px; + text-align: left; +} +#updatebar .ui-icon { + display: inline-block; + margin-left: -20px; + top: 2px; + position: relative; + margin-right: 3px; } #subhead .back { float: left; diff --git a/data/interfaces/lossless/css/style.less b/data/interfaces/lossless/css/style.less index 031a9f23..bf2a5e62 100644 --- a/data/interfaces/lossless/css/style.less +++ b/data/interfaces/lossless/css/style.less @@ -345,7 +345,7 @@ footer { // Messages .message { .rounded(10px); - background-color: @msg-bg; + .gradient(#FCF5C2,@msg-bg); display: inline-block; padding: 5px 10px; margin-top: 10px; @@ -401,17 +401,9 @@ footer { } #updatebar { - .roundedBottom(10px); - background-color: @msg-bg; - border: 1px solid @border-color; - font-size: 11px; - left: 35%; - margin: 0 auto; - padding: 1px 10px; - position: absolute; - text-align: center; - text-transform: lowercase; - top: 0; + #ajaxMsg; + display: block; + .gradient(#FCF5C2,@msg-bg); } // Subheader