better CSS for date

content/css/gen.css

@@ -530,7 +530,7 @@ h1 > .date
   text-align: center
   font-size: .7em
   color: #bbb
-  width: 4em
+  width: 4.1em
   border: 1px solid #888
   line-height: 1.5em
   display: inline-block
@@ -541,15 +541,20 @@ h1 > .date
   float: left
   width: 1.7em
 .date .month 
+  border-left: solid #888 .1em
   background-color: #000
-  color: #ccc
+  color: #fff
   float: right
   width: 2.3em
 .date .year
+  border-top: solid #888 1px
+  border-bottom: solid #888 1px
+  line-height: 3ex
   clear: both
   background-color: #bbb
-  color: #333
+  color: #000
 .date
+  border: solid #000 1px
   position: relative
   top: .7em
   left: -2em

content/css/gen_mozilla.css

@@ -163,7 +163,7 @@ table.description tr td,
 /* Shadows */
 .corps, #bottom, #sousliens 
   -moz-box-shadow: 0px 2px 5px #333
-#titre, #entete
+#titre, #entete, .date
   -moz-box-shadow: 0px 0px 5px #000
 
 =white
@@ -171,3 +171,17 @@ table.description tr td,
 #entete, #sousliens, .corps
   +white
 
+.date
+  :-moz-border-radius
+    :topleft = 1px
+    :topright = !tiny_radius
+    :bottomleft = !tiny_radius
+    :bottomright = !tiny_radius
+.month
+  :-moz-border-radius
+    :topright = !tiny_radius
+.year
+  :-moz-border-radius
+    :topright = 1px
+    :bottomleft = !tiny_radius
+    :bottomright = !tiny_radius

content/css/gen_webkit.css

@@ -147,10 +147,25 @@ table.description tr td,
 /* Shadows */
 .corps, #bottom, #sousliens
   -webkit-box-shadow: 0px 2px 5px #333
-#titre, #entete
+#titre, #entete, .date
   -webkit-box-shadow: 0px 0px 5px #000
 
 =white
   background-image: -webkit-gradient(radial, 30% 150, 0, 30% 150, 300, from(#fff), to(#ddd) )
 #entete, #sousliens, .corps
   +white
+
+.date
+  :-webkit-border
+    :top-left-radius = 1px
+    :top-right-radius = !tiny_radius
+    :bottom-left-radius = !tiny_radius
+    :bottom-right-radius = !tiny_radius
+.month
+  :-webkit-border
+    :top-right-radius = !tiny_radius
+.year
+  :-webkit-border
+    :top-right-radius = 1px
+    :bottom-left-radius = !tiny_radius
+    :bottom-right-radius = !tiny_radius

content/css/layout.css

@@ -488,7 +488,7 @@ table.impact tr td
   float: left
   margin-left: 1em
   width: 45%
-  text-align: left
+  left-align: left
 #next_articles
   float: right
   width: 45%

output/Scratch/css/shadows.css

@@ -2,7 +2,7 @@
     text-shadow: 0 0 3px #aaa; }
 #titre, h1 { 
     text-shadow: 0px 0px 3px #333; }
-.corps, #bottom, #sousliens { 
+.corps, #bottom, #sousliens, .date{ 
     box-shadow: 0px 2px 5px #333; }
 #titre, #entete { 
     box-shadow: 0px 0px 5px #000; }