From 37acf2f1751e055aab6da9181d941f68ff7c4dca Mon Sep 17 00:00:00 2001
From: "Yann Esposito (Yogsototh)" <Yann.Esposito@gmail.com>
Date: Sat, 8 May 2010 15:33:26 +0200
Subject: [PATCH] better CSS for date

---
 content/css/gen.css            | 11 ++++++++---
 content/css/gen_mozilla.css    | 16 +++++++++++++++-
 content/css/gen_webkit.css     | 17 ++++++++++++++++-
 content/css/layout.css         |  2 +-
 output/Scratch/css/shadows.css |  2 +-
 5 files changed, 41 insertions(+), 7 deletions(-)

diff --git a/content/css/gen.css b/content/css/gen.css
index 1bf09623a..6d3bb4333 100644
--- a/content/css/gen.css
+++ b/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
diff --git a/content/css/gen_mozilla.css b/content/css/gen_mozilla.css
index 4c0107d7a..942d8dcf7 100644
--- a/content/css/gen_mozilla.css
+++ b/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
diff --git a/content/css/gen_webkit.css b/content/css/gen_webkit.css
index ca32e9a9a..03c90cbf6 100644
--- a/content/css/gen_webkit.css
+++ b/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
diff --git a/content/css/layout.css b/content/css/layout.css
index 2b0d462bf..6c07b03b4 100644
--- a/content/css/layout.css
+++ b/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%
diff --git a/output/Scratch/css/shadows.css b/output/Scratch/css/shadows.css
index 9edd63948..5ab4789db 100644
--- a/output/Scratch/css/shadows.css
+++ b/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; }