The rounded boxes are rounded again, thanks to CSS3. It even works

on Internet Exploder thanks to CSS3PIE.

diff --git a/webcit/static/styles/box.css b/webcit/static/styles/box.css
index 908278158a1059b208b3f38d18f86141ee68fe41..d76793a0428c23ec20e15429a8f9c51a1e19e4dc 100644 (file)
--- a/webcit/static/styles/box.css
+++ b/webcit/static/styles/box.css
@@ -21,6 +21,10 @@
        font-weight: 700;
        text-align: center;
        padding: 0;
+       border-radius: 8px 8px 0 0;
+       -webkit-border-radius: 8px 8px 0 0;
+       -moz-border-radius: 8px 8px 0 0;
+       behavior: url(/static/styles/PIE.htc);
 }
 
 .boxcontent {
@@ -28,5 +32,9 @@
        padding: 5px;
        background-color: #FFF;
        color: #000;
+       border-radius: 0 0 8px 8px;
+       -webkit-border-radius: 0 0 8px 8px;
+       -moz-border-radius: 0 0 8px 8px; 
+       behavior: url(/static/styles/PIE.htc);
 }