[extensions-web] css: Add the Beta banner for non-Mozilla browsers
- From: Jasper St. Pierre <jstpierre src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [extensions-web] css: Add the Beta banner for non-Mozilla browsers
- Date: Sun, 3 Jun 2012 07:47:05 +0000 (UTC)
commit b9e1c24c571d46f36e8009a1016cf06c33d3aa0c
Author: Jasper St. Pierre <jstpierre mecheye net>
Date: Sun Jun 3 03:46:42 2012 -0400
css: Add the Beta banner for non-Mozilla browsers
sweettooth/static/css/sweettooth.css | 8 ++++++++
1 files changed, 8 insertions(+), 0 deletions(-)
---
diff --git a/sweettooth/static/css/sweettooth.css b/sweettooth/static/css/sweettooth.css
index 259676a..7172c04 100644
--- a/sweettooth/static/css/sweettooth.css
+++ b/sweettooth/static/css/sweettooth.css
@@ -75,7 +75,11 @@
}
.beta-banner {
+ -webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
+ -ms-transform: rotate(-35deg);
+ -o-transform: rotate(-35deg);
+ transform: rotate(-35deg);
z-index: -1;
display: block;
text-align: center;
@@ -91,7 +95,11 @@
.beta-banner span {
display: block;
+ background-image: linear-gradient(#4e9a06, #73d216);
+ background-image: -o-linear-gradient(#4e9a06, #73d216);
+ background-image: -ms-linear-gradient(#4e9a06, #73d216);
background-image: -moz-linear-gradient(#4e9a06, #73d216);
+ background-image: -webkit-linear-gradient(#4e9a06, #73d216);
background-color: #73d216;
color: white;
text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.4);
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]