Add user photo to the "minifiche".

[platal.git] / htdocs / css / keynote.css

diff --git a/htdocs/css/keynote.css b/htdocs/css/keynote.css
index a9d35bb..7461091 100644 (file)
--- a/htdocs/css/keynote.css
+++ b/htdocs/css/keynote.css
@@ -263,27 +263,44 @@ div.contact-list {
 }
 div.contact-list div.contact {
     border-top: 1px solid #fff;
-    background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed;
+    background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed;
     color: #000;
 }
 
-div.grayed {
+div.contact-list div.grayed {
     font-style: italic;
-}
-div.grayed div.contact {
     color: #444;
+    background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed;
+}
+
+div.contact-list div.contact:hover {
     background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed;
 }
 
+.contact .photo {
+    float: left;
+}
+
+.contact .photo img {
+    width: 40px;
+    margin-right: 4px;
+}
+
+.contact .profile_content {
+    float: left;
+}
+
+div.contact div.identity {
+    float: left;
+    width: 70%;
+}
+
 div.contact div.nom {
     font-weight: bold;
-    width: 35%;
-    float: left;
     padding-left: 2px;
 }
 
 div.contact div.appli {
-    float: left;
 }
 
 div.contact div.bits {
@@ -300,8 +317,8 @@ div.contact div.long {
 }
 
 div.long table { width: 100%; }
-div.long td.lt { width: 35%; }
-div.long td.rt { width: 65%; }
+div.long td.lt { width: 25%; font-style: italic; }
+div.long td.rt { width: 75%; }
 
 /*******************************************************************************
     6   Profil