From d453f81f4e4a6399997cf78975f4f72e11ae41c7 Mon Sep 17 00:00:00 2001 From: Kaldari Date: Mon, 5 Nov 2012 17:08:34 -0800 Subject: [PATCH] Tweaking CSS of badge display per Vibha'a design Change-Id: I81bc2fdaf41de4f0fe864693b7217fe380e2aca6 --- resources/jquery/jquery.badge.css | 24 +++++++++--------------- 1 file changed, 9 insertions(+), 15 deletions(-) diff --git a/resources/jquery/jquery.badge.css b/resources/jquery/jquery.badge.css index 92e72555b6..b8bec8c329 100644 --- a/resources/jquery/jquery.badge.css +++ b/resources/jquery/jquery.badge.css @@ -1,29 +1,23 @@ .mw-badge { - min-width: 8px; - height: 14px; - border: 1px solid white; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - border-radius: 8px; + min-width: 7px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; -moz-box-shadow: 0px 1px 4px #ccc; -webkit-box-shadow: 0px 1px 4px #ccc; box-shadow: 0px 1px 4px #ccc; - background-color: #b60a00; - background-image: -o-linear-gradient(bottom, #a70802 0%, #cf0e00 100%); - background-image: -moz-linear-gradient(bottom, #a70802 0%, #cf0e00 100%); - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a70802), color-stop(1, #cf0e00)); - background-image: -webkit-linear-gradient(bottom, #a70802 0%, #cf0e00 100%); - background-image: -ms-linear-gradient(bottom, #a70802 0%, #cf0e00 100%); - background-image: linear-gradient(bottom, #a70802 0%, #cf0e00 100%); + background-color: #cc0000; padding: 0 3px; text-align: center; } .mw-badge-content { font-size: 12px; - line-height: 14px; + font-weight: bold; + line-height: 12px; color: white; - vertical-align: top; + vertical-align: baseline; + text-shadow: 0 1px rgba(0, 0, 0, 0.4); } .mw-badge-inline { -- 2.20.1