From patchwork Tue Nov 29 09:37:15 2011 Content-Type: text/plain; charset="utf-8" MIME-Version: 1.0 Content-Transfer-Encoding: 7bit X-Patchwork-Submitter: Zygmunt Krynicki X-Patchwork-Id: 5344 Return-Path: X-Original-To: patchwork@peony.canonical.com Delivered-To: patchwork@peony.canonical.com Received: from fiordland.canonical.com (fiordland.canonical.com [91.189.94.145]) by peony.canonical.com (Postfix) with ESMTP id E68D223E17 for ; Tue, 29 Nov 2011 09:37:23 +0000 (UTC) Received: from mail-lpp01m010-f52.google.com (mail-lpp01m010-f52.google.com [209.85.215.52]) by fiordland.canonical.com (Postfix) with ESMTP id C0E69A18072 for ; Tue, 29 Nov 2011 09:37:23 +0000 (UTC) Received: by laah2 with SMTP id h2so1233385laa.11 for ; Tue, 29 Nov 2011 01:37:23 -0800 (PST) Received: by 10.152.162.10 with SMTP id xw10mr30690848lab.12.1322559443365; Tue, 29 Nov 2011 01:37:23 -0800 (PST) X-Forwarded-To: linaro-patchwork@canonical.com X-Forwarded-For: patch@linaro.org linaro-patchwork@canonical.com Delivered-To: patches@linaro.org Received: by 10.152.41.198 with SMTP id h6cs32662lal; Tue, 29 Nov 2011 01:37:23 -0800 (PST) Received: by 10.180.20.134 with SMTP id n6mr47807672wie.49.1322559435456; Tue, 29 Nov 2011 01:37:15 -0800 (PST) Received: from indium.canonical.com (indium.canonical.com. [91.189.90.7]) by mx.google.com with ESMTPS id fj5si17893426wbb.91.2011.11.29.01.37.15 (version=TLSv1/SSLv3 cipher=OTHER); Tue, 29 Nov 2011 01:37:15 -0800 (PST) Received-SPF: pass (google.com: best guess record for domain of bounces@canonical.com designates 91.189.90.7 as permitted sender) client-ip=91.189.90.7; Authentication-Results: mx.google.com; spf=pass (google.com: best guess record for domain of bounces@canonical.com designates 91.189.90.7 as permitted sender) smtp.mail=bounces@canonical.com Received: from ackee.canonical.com ([91.189.89.26]) by indium.canonical.com with esmtp (Exim 4.71 #1 (Debian)) id 1RVK7n-0007Em-4v for ; Tue, 29 Nov 2011 09:37:15 +0000 Received: from ackee.canonical.com (localhost [127.0.0.1]) by ackee.canonical.com (Postfix) with ESMTP id 20845E0435 for ; Tue, 29 Nov 2011 09:37:15 +0000 (UTC) MIME-Version: 1.0 X-Launchpad-Project: lava-server X-Launchpad-Branch: ~linaro-validation/lava-server/trunk X-Launchpad-Message-Rationale: Subscriber X-Launchpad-Branch-Revision-Number: 296 X-Launchpad-Notification-Type: branch-revision To: Linaro Patch Tracker From: noreply@launchpad.net Subject: [Branch ~linaro-validation/lava-server/trunk] Rev 296: Re-theme the panel. Message-Id: <20111129093715.13982.43584.launchpad@ackee.canonical.com> Date: Tue, 29 Nov 2011 09:37:15 -0000 Reply-To: noreply@launchpad.net Sender: bounces@canonical.com Errors-To: bounces@canonical.com Precedence: bulk X-Generated-By: Launchpad (canonical.com); Revision="14399"; Instance="launchpad-lazr.conf" X-Launchpad-Hash: 2938de3b17facb2275a3a0c45d6dea518557bdcc ------------------------------------------------------------ revno: 296 committer: Zygmunt Krynicki branch nick: lava-server timestamp: Fri 2011-11-18 16:37:05 +0100 message: Re-theme the panel. The panel now looks much cleaner and is much more readable. The pop-up menu looks more like it does on the linaro website (the gray color for both inactive and :hover states match). The heavy green gradient has been replaced by the uniform white gradient that indicates the "menu should open" state of the entire panel. This is additionally highlighted by the border color change. modified: lava_server/htdocs/css/default.css --- lp:lava-server https://code.launchpad.net/~linaro-validation/lava-server/trunk You are subscribed to branch lp:lava-server. To unsubscribe from this branch go to https://code.launchpad.net/~linaro-validation/lava-server/trunk/+edit-subscription === modified file 'lava_server/htdocs/css/default.css' --- lava_server/htdocs/css/default.css 2011-11-18 15:36:54 +0000 +++ lava_server/htdocs/css/default.css 2011-11-18 15:37:05 +0000 @@ -72,6 +72,23 @@ display: -webkit-box; } +#lava-panel.active { + border-color: white; + text-shadow: 0 0 2pt black; + background-image: linear-gradient(bottom, rgb(158,158,158) 0%, rgb(0,0,0) 20%); + background-image: -o-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(0,0,0) 20%); + background-image: -moz-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(0,0,0) 20%); + background-image: -webkit-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(0,0,0) 20%); + background-image: -ms-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(0,0,0) 20%); + background-image: -webkit-gradient( + linear, + left bottom, + left top, + color-stop(0, rgb(158,158,158)), + color-stop(0.2, rgb(0,0,0)) + ); +} + #lava-panel .lava-panel-element { } @@ -79,7 +96,8 @@ display: table-cell; vertical-align: middle; padding: 1ex; - height: 50px; + height: 40px; + max-height: 50px; } #lava-panel .lava-panel-element:hover { @@ -97,18 +115,6 @@ } #lava-panel .lava-panel-element.active { - background-image: linear-gradient(bottom, rgb(161,205,65) 0%, rgb(0,0,0) 20%); - background-image: -o-linear-gradient(bottom, rgb(161,205,65) 0%, rgb(0,0,0) 20%); - background-image: -moz-linear-gradient(bottom, rgb(161,205,65) 0%, rgb(0,0,0) 20%); - background-image: -webkit-linear-gradient(bottom, rgb(161,205,65) 0%, rgb(0,0,0) 20%); - background-image: -ms-linear-gradient(bottom, rgb(161,205,65) 0%, rgb(0,0,0) 20%); - background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0, rgb(161,205,65)), - color-stop(0.2, rgb(0,0,0)) - ); color: white; } @@ -134,20 +140,20 @@ left: 0; top: 50px; - background: black; - border: 2px solid #a1cd41; - /* border-top: none; */ + background: #9e9e9e; + color: white; + border: 2px solid white; + border-top: none; margin: 0; padding: 0; display: none; + box-shadow: 2pt 2pt 2pt rgba(0, 0, 0, 0.4); } #lava-panel ul.lava-panel-menu li { margin: 0; padding: 0; - text-align: center; - font-size: 9pt; font-weight: normal; } @@ -158,8 +164,8 @@ } #lava-panel ul.lava-panel-menu li a:hover { - background-color: #a1cd41; - color: #000; + background-color: #757575; + color: white; } /* User indicator */ @@ -280,7 +286,6 @@ #lava-content { padding: 10px 15px; vertical-align: top; - display: table-cell; } /* Footer */