A little touch of coolness.

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

diff --git a/htdocs/css/keynote.css b/htdocs/css/keynote.css
index 3965dee..43c4434 100644 (file)
--- a/htdocs/css/keynote.css
+++ b/htdocs/css/keynote.css
@@ -1,5 +1,5 @@
 /***************************************************************************
- *  Copyright (C) 2003-2009 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;
@@ -62,6 +64,8 @@ legend {
     color: #000;
 
     padding: 2px 4px;
+    -webkit-border-top-left-radius: 5px;
+    -moz-border-radius-topleft: 5px;
 }
 
 .center  { text-align: center; }
@@ -247,6 +251,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 +296,7 @@ th.grayed {
 
 div.contact-list {
     width: 98%;
-    margin-left: 1%;
+    margin-left: 5px;
 }
 div.contact-list div.contact {
     border-top: 1px solid #fff;
@@ -322,7 +338,7 @@ div.contact div.nom a {
     font-size: 100%;
 }
 
-div.contact div.appli {
+div.contact div.edu {
 }
 
 div.contact div.bits {
@@ -348,46 +364,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 {