CSS3 rounded corners on tabs!

diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css
index 651f32b213e435bb1bcf789f5f49ac260a2b3419..022716545fb061ac529f4174bc5ea8c0bc935d0d 100644 (file)
--- a/webcit/static/styles/webcit.css
+++ b/webcit/static/styles/webcit.css
@@ -206,6 +206,10 @@ body {
        background-color: #FF7814;
        color: #FFF;
        font-weight: 700;
+       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);
 }
 
 .selectbox { background-color: #FF8000 }
@@ -213,6 +217,10 @@ body {
 .tab_cell, .tab_cell_edit {
        background-color: #CCC;
        font-weight: 700;
+       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);
 }
 
 .tabcontent {