[extensions-web] Add an alpha banner

[Jasper St. Pierre <jstpierre src gnome org>]

commit 04e5e6d79ac509b3fd5a695f13f5154b79ce62ef
Author: Jasper St. Pierre <jstpierre mecheye net>
Date:   Mon Oct 24 17:34:43 2011 -0400

    Add an alpha banner

 sweettooth/static/css/sweettooth.css |   19 +++++++++++++++++++
 sweettooth/templates/base.html       |    2 +-
 2 files changed, 20 insertions(+), 1 deletions(-)
---
diff --git a/sweettooth/static/css/sweettooth.css b/sweettooth/static/css/sweettooth.css
index c75717d..931ab89 100644
--- a/sweettooth/static/css/sweettooth.css
+++ b/sweettooth/static/css/sweettooth.css
@@ -99,6 +99,25 @@
     width: 40%;
 }
 
+.alpha-banner {
+    -webkit-transform: rotate(7deg);
+    -moz-transform: rotate(7deg);
+    -ms-transform: rotate(7deg);
+    -o-transform: rotate(7deg);
+    transform: rotate(7deg);
+    font-size: .6em;
+    background-color: #42B152;
+    background-color: rgba(66, 177, 82, 0.7);
+    color: white;
+    text-shadow: none;
+    padding: .4em;
+    position: absolute;
+    border-radius: 1em;
+    line-height: 1;
+    margin-left: -60px;
+    margin-top: -5px;
+}
+
 /* Separators */
 /* ==================================================================== */
 
diff --git a/sweettooth/templates/base.html b/sweettooth/templates/base.html
index 29bc088..9bea23a 100644
--- a/sweettooth/templates/base.html
+++ b/sweettooth/templates/base.html
@@ -49,7 +49,7 @@ window._SW = function() {
     <!-- header -->
     <div id="gnome_header">
       <div class="maxwidth">
-        <h1><a href="/"><img src="/static/images/foot.png" alt="GNOME" /> Shell Extensions</a></h1>
+        <h1><a href="/"><img src="/static/images/foot.png" alt="GNOME" />Shell Extensions</a><span class="alpha-banner">Alpha!</span></h1>
         
         <ul id="globalnav" class="{% block navclass %}{% endblock %}">
           <li class="main"><a href="{% url extensions-index %}">Extensions</a></li>