X-Git-Url: http://git.polytechnique.org/?a=blobdiff_plain;f=htdocs%2Fcss%2Fkeynote.css;h=73721429fa6490b70af107b379b9f8d3556b7209;hb=c76545c351fae4e2298624ff9ee5bf854dc5a5b6;hp=7092ea09884ec60d1fbf9ce0000220e18fc5c329;hpb=7972436ae72911c7f2e8d5f3a26204a7ca0ee39d;p=platal.git

diff --git a/htdocs/css/keynote.css b/htdocs/css/keynote.css
index 7092ea0..7372142 100644
--- a/htdocs/css/keynote.css
+++ b/htdocs/css/keynote.css
@@ -1,5 +1,5 @@
 /***************************************************************************
- *  Copyright (C) 2003-2008 Polytechnique.org                              *
+ *  Copyright (C) 2003-2010 Polytechnique.org                              *
  *  http://opensource.polytechnique.org/                                   *
  *                                                                         *
  *  This program is free software; you can redistribute it and/or modify   *
@@ -52,6 +52,8 @@ fieldset {
     color: #000;
     margin: 1em 0 1em 0;
     text-align: justify;
+    -webkit-border-top-left-radius: 5px;
+    -moz-border-radius-topleft: 5px;
 }
 legend {
     border-bottom: 1px solid #666;
@@ -60,8 +62,11 @@ legend {
     border-left: 1px solid #fff;
     background: url('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed;
     color: #000;
+    font-weight: bold;
 
-    padding: 2px 4px;
+    padding: 2px 8px 2px 4px;
+    -webkit-border-top-left-radius: 5px;
+    -moz-border-radius-topleft: 5px;
 }
 
 .center  { text-align: center; }
@@ -247,6 +252,18 @@ th.grayed {
     font-style: italic;
 }
 
+div.titre {
+    color: #000000;
+    background: inherit;
+    font-weight: bold;
+}
+
+span.titre {
+    color: #000000;
+    background: inherit;
+    font-weight: bold;
+}
+
 /*******************************************************************************
     4   Tableau de choix de skins
         [ Styles pour les tableaux de types de ceux des skins ]
@@ -280,7 +297,7 @@ th.grayed {
 
 div.contact-list {
     width: 98%;
-    margin-left: 1%;
+    margin-left: 5px;
 }
 div.contact-list div.contact {
     border-top: 1px solid #fff;
@@ -288,6 +305,11 @@ div.contact-list div.contact {
     color: #000;
 }
 
+div.contact {
+    -webkit-border-top-left-radius: 10px;
+    -moz-border-radius-topleft: 10px;
+}
+
 div.contact-list div.grayed {
     font-style: italic;
     color: #444;
@@ -299,17 +321,21 @@ div.contact-list div.contact:hover {
 }
 
 .contact .photo {
+    -webkit-border-top-left-radius: 10px;
+    -moz-border-radius-topleft: 10px;
     float: left;
 }
 
 .contact .photo img {
     width: 40px;
     margin-right: 4px;
+    -webkit-border-top-left-radius: 10px;
+    -moz-border-radius-topleft: 10px;
 }
 
 div.contact div.identity {
     float: left;
-    width: 89%;
+    width: 85%;
 }
 
 div.contact div.nom {
@@ -328,6 +354,7 @@ div.contact div.edu {
 div.contact div.bits {
     text-align: right;
     float: right;
+    width: 14%;
 }
 
 div.contact div.long {
@@ -347,46 +374,59 @@ div.long td.rt { width: 85%; }
         [ onglets des profils ]
 *******************************************************************************/
 
-.wizard {
+.wizard, .ui-tabs-nav {
+    margin: 0;
+    padding: 0;
     margin-left: -16px;
+    clear: both;
 }
 
-.wizard .wiz_header {
+.wizard .wiz_header, .ui-tabs-nav {
     height: 32px;
     width: 100%;
     background: url('../images/skins/wiz_background.png') top right repeat-x;
     margin-bottom: 1em;
+    text-align: left;
 }
 
-.wizard .wiz_header .wiz_tab {
+.wizard .wiz_header .wiz_tab, .ui-tabs-nav li {
     background: url('../images/skins/wiz_normal.png') #aaa top left repeat-x;
     height: 100%;
     text-align: center;
     font-size: 75%;
     border-right: 1px solid #888;
+    float: left;
+    vertical-align: middle;
 }
 
-.wizard .wiz_header .wiz_tab:hover {
+.ui-tabs-nav li {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+
+.wizard .wiz_header .wiz_tab:hover, .ui-tabs-nav li:hover {
     background: url('../images/skins/wiz_hover.png') #777 top left repeat-x;
     color: #fff;
 }
 
-.wizard .wiz_header .active, .wizard .wiz_header .active:hover {
+.wizard .wiz_header .active, .wizard .wiz_header .active:hover, li.ui-tabs-selected {
     background: url('../images/skins/wiz_active.png') #444 top left repeat-x;
     color: #fff;
 }
 
-.wizard .wiz_header a {
+.wizard .wiz_header a, .ui-tabs-nav a {
     color: #000;
     text-decoration: none;
 }
 
-.wizard .wiz_header a.active {
+.wizard .wiz_header a.active, .ui-tabs-selected a {
     color: #fff;
 }
 
-.wizard .wiz_content {
+.wizard .wiz_content, .ui-tabs-panel {
     margin-left: 16px;
+    clear: both;
 }
 
 .flags .texte {