[planet-web] Redo the bubble using CSS3

[Andreas Nilsson <andreasn src gnome org>]

commit 3325b31f63e4761330466aa6dff6a2507b9fac44
Author: Adnane Belmadiaf <adnane002 gmail com>
Date:   Fri Dec 20 15:32:49 2013 +0000

    Redo the bubble using CSS3
    
    Signed-off-by: Andreas Nilsson <anilsson redhat com>

 themes/gnome/index-2.0.html.tmpl     |    3 ---
 themes/gnome/index-regular.html.tmpl |    3 ---
 themes/gnome/index.html.tmpl         |    3 ---
 themes/gnome/mobile.html.tmpl        |    3 ---
 web/img/bubble/post_bottombg.jpg     |  Bin 0 -> 762 bytes
 web/img/bubble/post_topbg.jpg        |  Bin 0 -> 771 bytes
 web/planet.css                       |   16 +++++++++++++++-
 7 files changed, 15 insertions(+), 13 deletions(-)
---
diff --git a/themes/gnome/index-2.0.html.tmpl b/themes/gnome/index-2.0.html.tmpl
index b370e6c..a239f0c 100644
--- a/themes/gnome/index-2.0.html.tmpl
+++ b/themes/gnome/index-2.0.html.tmpl
@@ -92,9 +92,6 @@
 <p><a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_VAR date></a></p>
 </div> <!-- /post-footer -->
 
-<b class="vt lt"></b><b class="vt rt"></b><b class="hz to"></b><b class="hz bo"></b>
-<b class="cr tl"></b><b class="cr tr"></b><b class="cr bl"></b><b class="cr br"></b>
-
 </div> <!-- /post -->
 
 </div> <!-- /entry -->
diff --git a/themes/gnome/index-regular.html.tmpl b/themes/gnome/index-regular.html.tmpl
index b3636c1..dc9c0a1 100644
--- a/themes/gnome/index-regular.html.tmpl
+++ b/themes/gnome/index-regular.html.tmpl
@@ -199,9 +199,6 @@
                                <div class="post-footer">
                                        <p><a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_VAR date></a></p>
                                </div> <!-- /post-footer -->
-
-                               <b class="vt lt"></b><b class="vt rt"></b><b class="hz to"></b><b class="hz 
bo"></b>
-                               <b class="cr tl"></b><b class="cr tr"></b><b class="cr bl"></b><b class="cr 
br"></b>
                        </div> <!-- /post -->
        </div> <!-- /entry -->
 
diff --git a/themes/gnome/index.html.tmpl b/themes/gnome/index.html.tmpl
index 57ed33a..f7a8f3d 100644
--- a/themes/gnome/index.html.tmpl
+++ b/themes/gnome/index.html.tmpl
@@ -196,9 +196,6 @@
                                <div class="post-footer">
                                        <p><a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_VAR date></a></p>
                                </div> <!-- /post-footer -->
-
-                               <b class="vt lt"></b><b class="vt rt"></b><b class="hz to"></b><b class="hz 
bo"></b>
-                               <b class="cr tl"></b><b class="cr tr"></b><b class="cr bl"></b><b class="cr 
br"></b>
                        </div> <!-- /post -->
        </div> <!-- /entry -->
 
diff --git a/themes/gnome/mobile.html.tmpl b/themes/gnome/mobile.html.tmpl
index b66f2db..5e805f0 100644
--- a/themes/gnome/mobile.html.tmpl
+++ b/themes/gnome/mobile.html.tmpl
@@ -201,9 +201,6 @@
                                <div class="post-footer">
                                        <p><a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_VAR date></a></p>
                                </div> <!-- /post-footer -->
-
-                               <b class="vt lt"></b><b class="vt rt"></b><b class="hz to"></b><b class="hz 
bo"></b>
-                               <b class="cr tl"></b><b class="cr tr"></b><b class="cr bl"></b><b class="cr 
br"></b>
                        </div> <!-- /post -->
        </div> <!-- /entry -->
 
diff --git a/web/img/bubble/post_bottombg.jpg b/web/img/bubble/post_bottombg.jpg
new file mode 100644
index 0000000..abef98b
Binary files /dev/null and b/web/img/bubble/post_bottombg.jpg differ
diff --git a/web/img/bubble/post_topbg.jpg b/web/img/bubble/post_topbg.jpg
new file mode 100644
index 0000000..454ac63
Binary files /dev/null and b/web/img/bubble/post_topbg.jpg differ
diff --git a/web/planet.css b/web/planet.css
index 421555f..c48cbc8 100644
--- a/web/planet.css
+++ b/web/planet.css
@@ -18,7 +18,6 @@ div.person-info {
        padding: 0 1.5em 0 1em;
        left: 4px;
        width: 8.5em;
-       background: url(img/bubble/nipple.png) top right no-repeat;
        text-align: center;
 }
 
@@ -39,6 +38,21 @@ div.post {
        position: relative;
        margin-left: 10em;
        padding: 2em;
+       background: url(https://planet.gnome.org/img/bubble/post_topbg.jpg) center top repeat-x, 
url(https://planet.gnome.org/img/bubble/post_bottombg.jpg) center bottom repeat-x;
+       box-shadow: 0 0 4px rgba(50, 50, 50, 0.25);
+       border: 1px solid rgb(192, 192, 192);
+       border-radius: 10px;
+}
+
+div.post:before {
+       position: absolute;
+       content: "";
+       top: 25px;
+       width: 150px;
+       height: 150px;
+       left: -150px;
+       display: block;
+       background: transparent url(https://planet.gnome.org/img/bubble/nipple.png) top right no-repeat;
 }
 
 b.cr {