épuration drastique de la css, début d'écriture de qqs outils pour checker les css

diff --git a/htdocs/css/default.css b/htdocs/css/default.css
index 1b5a107..d42bce9 100644 (file)
--- a/htdocs/css/default.css
+++ b/htdocs/css/default.css
@@ -1,84 +1,112 @@
-/** DEFAULTS **/
+/*
+
+..:: CSS Minimale ::..
+
+I.   Styles par défauts.                balises sans attributs ou classes sans contexte
+II.  Styles <p>, <div>, <span> ...      <p>, <div>, <span>, <li>, ...
+III. Tableaux bicolores                 Tableaux à lignes alternées, en taille normale, ou tiny
+IV.  Tableau de u choix de skins
+
+..:: Appendices ::..
+Choix de la skin
+*/
+
+/**: I. :**/
 
 body {
-    background-color: #ffffff;
     font-family: "Arial", sans-serif;
     color: #000000;
+    background: #ffffff;
 }
 
-a:link, a:visited, a:active, a:hover {
-    background-color: inherit;
-    color: #003399;
-}
-
+a:link, a:visited, a:active, a:hover { color: #003399; background: inherit; }
 a img { border: 0px; }
+td    { vertical-align: top; }
+li    { padding-left: 3px; padding-right: 3px; }
+hr    { width: 90%; text-align: center }
+
+.center { text-align: center; }
 
-td { vertical-align: top; }
+/**: II. :**/
 
 p.normal {
-       margin-bottom: 0.5em;
-       text-align: justify;
+    margin-bottom: 0.5em;
+    text-align: justify;
 }
 
 p.error, span.error, p.erreur, span.erreur {
-       font-weight: bold;
-       background-color: inherit;
-       color: #ff0000;
+    font-weight: bold;
+    color: #ff0000;
+    background: inherit;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
 }
 
-.center { text-align: center; }
-       
 div.rubrique {
-       color: #555555;
-       background: url('/images/sk_default_titre.gif');
-       background-repeat: no-repeat;
-    
-       text-indent: 0.2em;
-       text-align: left;
-       font-family: "helvetica", sans-serif;
-       font-weight: bolder;
-       font-size: 120%;
-       
+    color: #555555;
+    background: url('/images/sk_default_titre.gif');
+    background-repeat: no-repeat;
+
+    text-indent: 0.2em;
+    text-align: left;
+    font-size: 120%;
+    font-family: "helvetica", sans-serif;
+    font-weight: bolder;
+
     margin-top: 1em;
-       margin-bottom: 1em;
-       padding-left: 0.5em;
+    margin-bottom: 1em;
+    padding-left: 0.5em;
 }
 
 div.ssrubrique {
-       padding-top: 0.5em;
-       font-weight: bold;
+    padding-top: 0.5em;
+    font-weight: bold;
 }
 
-/* style pour les docs */
-.explication {
+p.sstitre, div.sstitre {
+    margin-top: 1em;
+    font-weight: bold;
+}
+
+p.explication, div.explication {
     font-style: italic;
     padding: 0.25em;
+    text-align: justify;
 }
-.lien {
+p.question, div.question {
     font-weight: bold;
     padding: 0.25em;
 }
-div.warn {
+p.warn, div.warn {
     font-style : italic;
     padding-top: 1em;
     padding-bottom: 1em;
 }
 
+li.spaced {
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+    text-align: justify;
+}
+
+p.smaller, div.smaller {
+    font-size: smaller;
+    font-style: italic;
+}
+
+/**: III. :**/
 
-/*******************************************
-*     TABLEAUX BICOLORES                   *
-*******************************************/
 table.bicol {
-    background-color: #eeeeee;
     color: inherit;
+    background: #eeeeee;
     border: 1px solid #336699;
     border-collapse: collapse;
     width: 98%;
     margin-left: 1%;
 }
 table.tinybicol {
-    background-color: #eeeeee;
     color: inherit;
+    background: #eeeeee;
     border: 1px solid #336699;
     border-collapse: collapse;
     width: 70%;
@@ -86,29 +114,31 @@ table.tinybicol {
 }
 table.tinybicol tr.impair, table.bicol tr.impair {}
 table.tinybicol tr.pair, table.bicol tr.pair {
-    background-color: #eeeed0;
     color: inherit;
+    background: #eeeed0;
 }
 table.tinybicol th, table.bicol th {
-    background-color: #336699;
-    color: #FFFFFF;
+    color: #ffffff;
+    background: #336699;
     font-weight: bold;
     text-align: center;
     vertical-align: middle;
 }
 table.tinybicol td, table.bicol td {
     color: #000000;
-    background-color: inherit;
+    background: inherit;
 }
-table.tinybicol td.bicoltitre, table.bicol td.bicoltitre {
+table.tinybicol td.titre, table.bicol td.titre {
     color: #000000;
-    background-color: inherit;
+    background: inherit;
     font-weight: bold;
 }
+table.tinybicol td.info, table.bicol td.info {
+      padding: 0.5em;
+      width: 50%;
+}
 
-/*******************************************
-*             CHOIX SKINS                  *
-*******************************************/
+/**: IV. :**/
 
 #skin {
     border-bottom: 1px solid #003399;
@@ -117,12 +147,12 @@ table.tinybicol td.bicoltitre, table.bicol td.bicoltitre {
     margin-left: 1%;
 }
 #skin td {
-    border-bottom: 1px solid #003399;
-    border-top: 1px solid #003399;
+    border-bottom: 2px solid #003399;
+    border-top: 1px solid #003499;
     vertical-align: middle;
 }
 #skin td.skigauche {
-    background-color: #eeeeee;
+    background: #eeeeee;
     color: inherit;
     vertical-align: middle;
 }
@@ -132,78 +162,80 @@ table.tinybicol td.bicoltitre, table.bicol td.bicoltitre {
 }
 #skin td.skidroite { padding: 0; }
 
-/**************
-    LAYOUTS 
-***************/
-
-    #suid {
-        color: white;
-        background: red;
-        width: 100%;
-    }
-    
-    #body {
-        width: 740px;
-        margin-left: auto;
-        margin-right: auto;
-    }
-
-    #body-left {
-        width: 140px;
-        border-right: 1px solid gray;
-        text-align: center;
-        font-family: "MS Sans Serif", sans-serif;
-        padding-top: 4px;
-    }
-
-    #body-top {
-        border-bottom: 1px solid gray;
-        text-align: center;
-        font-size: 75%;
-        font-weight: bold;
-        padding: 4px;
-        padding-bottom: 16px;
-        font-family: "MS Sans Serif", sans-serif;
-    }
-
-    #body-top table { width: 100%; padding: 4px; }
-    #body-top .date-heure { text-align: left; }
-    #body-top .inscrits { text-align: right; }
-    
-    #body-bottom {
-        border-top: 1px solid gray;
-        text-align: center;
-        padding: 4px;
-        font-size: 75%;
-        font-family: "MS Sans Serif", sans-serif;
-    }
-
-    #menu {
-        width: 100%;
-        margin-top: 16px;
-        
-        font-size: 75%;
-        font-weight: bold;
-    }
-    
-    #menu .menu_item {
-        padding-left: 4px;
-        padding: 2px;
-        text-align: left;
-    }
-    
-    #menu .menu_title {
-        color: gray;
-        background: #eeeeee;
-        border-top: 1px solid gray;
-        border-bottom: 1px solid gray;
-        padding: 1px;
-        margin-top: 4px;
-        text-align: center;
-    }
-    
-    #content {
-        width: 600px;
-        padding: 4px 0px 4px 16px;
-        font-size: 95%;
-    }
+/*************************/
+/*  ..:: Apendices ::..  */
+/*************************/
+
+#suid {
+    color: white;
+    background: red;
+    width: 100%;
+}
+
+#body {
+    width: 740px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#body-left {
+    width: 140px;
+    border-right: 1px solid gray;
+    text-align: center;
+    font-family: "MS Sans Serif", sans-serif;
+    padding-top: 4px;
+}
+
+#body-top {
+    border-bottom: 1px solid gray;
+    text-align: center;
+    font-size: 75%;
+    font-weight: bold;
+    padding: 4px;
+    padding-bottom: 16px;
+    font-family: "MS Sans Serif", sans-serif;
+}
+
+#body-top table { width: 100%; padding: 4px; }
+#body-top .date-heure { text-align: left; }
+#body-top .inscrits { text-align: right; }
+
+#body-bottom {
+    border-top: 1px solid gray;
+    text-align: center;
+    padding: 4px;
+    font-size: 75%;
+    font-family: "MS Sans Serif", sans-serif;
+}
+
+#menu {
+    width: 100%;
+    margin-top: 16px;
+
+    font-size: 75%;
+    font-weight: bold;
+}
+
+#menu .menu_item {
+    padding-left: 4px;
+    padding: 2px;
+    text-align: left;
+}
+
+#menu .menu_title {
+    color: gray;
+    background: #eeeeee;
+    border-top: 1px solid gray;
+    border-bottom: 1px solid gray;
+    padding: 1px;
+    margin-top: 4px;
+    text-align: center;
+}
+
+#content {
+    width: 600px;
+    padding: 4px 0px 4px 16px;
+    font-size: 95%;
+}
+/* vim: set et ts=4 sts=4 sw=4: */
+/* $Id: default.css,v 1.11 2004-01-31 10:20:15 x2000habouzit Exp $ */

diff --git a/htdocs/docs/doc_gratuits.php b/htdocs/docs/doc_gratuits.php
index 809bbe9..f9eb2e9 100644 (file)
--- a/htdocs/docs/doc_gratuits.php
+++ b/htdocs/docs/doc_gratuits.php
@@ -1,5 +1,5 @@
 <?php
 require("auto.prepend.inc.php");
-new_skinned_page("docs/doc_gratuits.tpl",AUTH_PUBLIC,false,'docs/doc_gratuits.head.tpl');
+new_skinned_page("docs/doc_gratuits.tpl",AUTH_PUBLIC);
 $page->display();
 ?>

diff --git a/htdocs/docs/doc_nn.php b/htdocs/docs/doc_nn.php
index 5cbf061..09a77d5 100644 (file)
--- a/htdocs/docs/doc_nn.php
+++ b/htdocs/docs/doc_nn.php
@@ -1,5 +1,5 @@
 <?php
 require("auto.prepend.inc.php");
-new_skinned_page("docs/doc_nn.tpl",AUTH_PUBLIC, false, "docs/doc_nn.head.tpl");
+new_skinned_page("docs/doc_nn.tpl",AUTH_PUBLIC);
 $page->display(isset($_GET['doc']) ? $_GET['doc'] : "");
 ?>

diff --git a/htdocs/docs/doc_oe.php b/htdocs/docs/doc_oe.php
index 21a0bba..e6993c2 100644 (file)
--- a/htdocs/docs/doc_oe.php
+++ b/htdocs/docs/doc_oe.php
@@ -1,5 +1,5 @@
 <?php
 require("auto.prepend.inc.php");
-new_skinned_page("docs/doc_oe.tpl",AUTH_PUBLIC,false,"docs/doc_nn.head.tpl");
+new_skinned_page("docs/doc_oe.tpl",AUTH_PUBLIC);
 $page->display(isset($_GET['doc']) ? $_GET['doc'] : "");
 ?>

diff --git a/htdocs/docs/faq.php b/htdocs/docs/faq.php
index cef00ab..a7b4688 100644 (file)
--- a/htdocs/docs/faq.php
+++ b/htdocs/docs/faq.php
@@ -1,5 +1,5 @@
 <?php
 require("auto.prepend.inc.php");
-new_skinned_page('docs/faq.tpl',AUTH_PUBLIC,false,'docs/faq.head.tpl');
+new_skinned_page('docs/faq.tpl',AUTH_PUBLIC);
 $page->display();
 ?>

diff --git a/htdocs/docs/index.php b/htdocs/docs/index.php
index 16a40ce..a4db77c 100644 (file)
--- a/htdocs/docs/index.php
+++ b/htdocs/docs/index.php
@@ -1,5 +1,5 @@
 <?php
 require("auto.prepend.inc.php");
-new_skinned_page('docs/index.tpl',AUTH_PUBLIC,false,'docs/faq.head.tpl');
+new_skinned_page('docs/index.tpl',AUTH_PUBLIC);
 $page->display();
 ?>

diff --git a/htdocs/login.php b/htdocs/login.php
index 1085b6c..4dfe1a5 100644 (file)
--- a/htdocs/login.php
+++ b/htdocs/login.php
@@ -1,6 +1,6 @@
 <?php
 require("auto.prepend.inc.php");
-new_skinned_page('login.tpl', AUTH_COOKIE, true, 'login.head.tpl');
+new_skinned_page('login.tpl', AUTH_COOKIE, true);
 
 $param=mysql_query("SELECT date,naissance FROM auth_user_md5 WHERE user_id={$_SESSION['uid']};");
 list($date,$naissance) = mysql_fetch_row($param);

diff --git a/htdocs/preferences.php b/htdocs/preferences.php
index ce8d73e..5917f26 100644 (file)
--- a/htdocs/preferences.php
+++ b/htdocs/preferences.php
@@ -1,6 +1,6 @@
 <?php
 require("auto.prepend.inc.php");
-new_skinned_page('preferences.tpl', AUTH_COOKIE, false, 'preferences.head.tpl');
+new_skinned_page('preferences.tpl', AUTH_COOKIE);
 
 $has_cookie = (isset($_COOKIE['ORGaccess']) ? 'cookie' : '');
 $page->assign('has_cookie', $has_cookie);

diff --git a/scripts/xhtml/get_classes.pl b/scripts/xhtml/get_classes.pl
new file mode 100755 (executable)
index 0000000..85d6beb
--- /dev/null
+++ b/scripts/xhtml/get_classes.pl
@@ -0,0 +1,19 @@
+#! /usr/bin/perl -w
+
+use strict;
+my $dir = $ARGV[0];
+my %classes;
+
+open LINES,"grep -r 'class=[^ ]*' $dir |";
+while(<LINES>) {
+       my @sub = split /</,$_;
+       foreach my $tag (@sub) {
+               if($tag =~ /([a-zA-Z0-9]+)[^>]*class=['"]?([^ '">]*).*/) {
+                       my $index = lc("$1.$2");
+                       $classes{$index} = 1;
+               }
+       }
+}
+close LINES;
+
+print join "\n",sort(keys(%classes));

diff --git a/templates/docs/doc_gratuits.head.tpl b/templates/docs/doc_gratuits.head.tpl
deleted file mode 100644 (file)
index 5f0943b..0000000
--- a/templates/docs/doc_gratuits.head.tpl
+++ /dev/null
@@ -1,10 +0,0 @@
-{* $Id: doc_gratuits.head.tpl,v 1.1 2004-01-27 16:34:50 x2000habouzit Exp $ *}
-{literal}
-<style type="text/css" media="screen">
-  <!--
-  li.sstitre {margin-top: 1em; margin-bottom:0.4em;}
-  div.sstitre {font-weight: bold; margin-top: 2em;}
-  -->
-</style>
-{/literal}
-{* vim:set et sw=2 sts=2 sws=2: *}

diff --git a/templates/docs/doc_gratuits.tpl b/templates/docs/doc_gratuits.tpl
index 4208361..63b72df 100644 (file)
--- a/templates/docs/doc_gratuits.tpl
+++ b/templates/docs/doc_gratuits.tpl
@@ -1,4 +1,4 @@
-{* $Id: doc_gratuits.tpl,v 1.2 2004-01-29 16:21:54 x2000habouzit Exp $ *}
+{* $Id: doc_gratuits.tpl,v 1.3 2004-01-31 10:20:16 x2000habouzit Exp $ *}
 
 <div class="rubrique">
   Pourquoi et comment choisir un e-mail gratuit
@@ -6,7 +6,7 @@
 
 
 <ul>
-  <li class="sstitre">
+  <li class="spaced">
   <div class="ssrubrique">
     A quoi sert un e-mail gratuit ?
   </div>
@@ -56,7 +56,7 @@
     perdus... Nous allons voir comment on peut objectivement faire un choix.
   </p>
   </li>
-  <li class="sstitre">
+  <li class="spaced">
   <div class="ssrubrique">
     Lequel choisir?
   </div>

diff --git a/templates/docs/doc_nn.head.tpl b/templates/docs/doc_nn.head.tpl
deleted file mode 100644 (file)
index b1d409c..0000000
--- a/templates/docs/doc_nn.head.tpl
+++ /dev/null
@@ -1,13 +0,0 @@
-{* $Id: doc_nn.head.tpl,v 1.1 2004-01-27 16:34:50 x2000habouzit Exp $ *}
-{literal}
-<style type="text/css" media="screen">
-  <!--
-  div.mef {text-align: center; font-weight: bold; color: red;}
-  div.texte {width: 90%; text-align: center;}
-  p.mef {color: red;}
-  hr.mark {width: "90%"; text-align: center;}
-  table.etape {border-width: 0; padding: 1em 1em 1em 1em;}
-  -->
-</style>
-{/literal}
-{* vim:set et sw=2 sts=2 sws=2: *}

diff --git a/templates/docs/doc_nn.tpl b/templates/docs/doc_nn.tpl
index 4420f11..48f2dc9 100644 (file)
--- a/templates/docs/doc_nn.tpl
+++ b/templates/docs/doc_nn.tpl
@@ -1,4 +1,4 @@
-{* $Id: doc_nn.tpl,v 1.2 2004-01-29 16:21:54 x2000habouzit Exp $ *}
+{* $Id: doc_nn.tpl,v 1.3 2004-01-31 10:20:16 x2000habouzit Exp $ *}
 
 <p class="normal">
     [<a href="{"docs/doc_nn.php?doc=smtp"|url}">Configuration du smtp</a>]
@@ -45,8 +45,10 @@
     discussions de Polytechnique.org. Il s'agit de les consulter depuis un logiciel comme Netscape,
     ce qui est tout de même bien plus pratique que le WebForum.
 </p>
-<div class="mef">
-  Avant toute opération, <a href="{"acces_smtp.php"|url}">active ton compte SMTP/NNTP</a>.
+<div class="center">
+  <span class="erreur">
+    Avant toute opération, <a href="{"acces_smtp.php"|url}">active ton compte SMTP/NNTP</a>.
+  </span>
 </div>
 <br />
 {if $smarty.get.doc eq 'smtp' || $smarty.get.doc eq 'all'}
@@ -54,7 +56,7 @@
     Utiliser le SMTP sécurisé
 </div>
 
-<table class="etape" summary="Première étape" cellpadding="5" width="604">
+<table summary="Première étape" cellpadding="5" width="604">
 <tr> 
   <td colspan="3">
     <img src="{"images/docs_confnetscape0.png"|url}" width="604" height="476" alt=" [ CAPTURE D'ECRAN ] ">
@@ -76,9 +78,9 @@
 </tr>
 </table>
 
-<hr class="mark">
+<hr />
 
-<table class="etape" summary="Deuxième étape" cellpadding="5" width="604">
+<table summary="Deuxième étape" cellpadding="5" width="604">
 <tr>
   <td colspan="3">
     <img src="{"images/docs_confnetscape1.png"|url}" width="604" height="477" alt=" [ CAPTURE D'ECRAN ] ">
@@ -110,9 +112,9 @@
 </tr>
 </table>
 
-<hr class="mark">
+<hr />
 
-<table class="etape" summary="Troisème étape" cellpadding="5">
+<table summary="Troisème étape" cellpadding="5">
 <tr> 
  <td>
    <p class="normal">
@@ -127,7 +129,7 @@
 </tr>
 </table>
 
-<hr class="mark">
+<hr /> 
 
 Et maintenant quelques remarques :
 <ul>
@@ -153,7 +155,7 @@ Et maintenant quelques remarques :
     Utiliser le NNTP sécurisé
 </div>
 
-<table class="etape" summary="Première étape" cellpadding="5" width="603">
+<table summary="Première étape" cellpadding="5" width="603">
 <tr> 
   <td colspan="3">
     <img src="{"images/docs_nntp_nn1.png"|url}" width="603" height="475" alt=" [ CAPTURE D'ECRAN ] ">
@@ -177,9 +179,9 @@ Et maintenant quelques remarques :
 </tr>
 </table>
 
-<hr class="mark">
+<hr />
 
-<table class="etape" summary="Deuxième étape" cellpadding="5" width="604">
+<table summary="Deuxième étape" cellpadding="5" width="604">
 <tr>
   <td>
       1. Dans ton client apparait maintenant une nouvelle ligne de serveur de forums appellée
@@ -209,9 +211,9 @@ Et maintenant quelques remarques :
 </tr>
 </table>
 
-<hr class="mark">
+<hr />
 
-<table class="etape" summary="Troisième étape" cellpadding="5" width="668">
+<table summary="Troisième étape" cellpadding="5" width="668">
 <tr> 
   <td>
     <img src="{"images/docs_nntp_nn4.png"|url}" width="668" height="466" alt=" [ CAPTURE D'ECRAN ] ">

diff --git a/templates/docs/doc_oe.tpl b/templates/docs/doc_oe.tpl
index f32ab09..528af20 100644 (file)
--- a/templates/docs/doc_oe.tpl
+++ b/templates/docs/doc_oe.tpl
@@ -1,4 +1,4 @@
-{* $Id: doc_oe.tpl,v 1.2 2004-01-29 16:21:54 x2000habouzit Exp $ *}
+{* $Id: doc_oe.tpl,v 1.3 2004-01-31 10:20:16 x2000habouzit Exp $ *}
 
 <p class="normal">
   [<a href="{"docs/doc_oe.php?doc=smtp"|url}">Configuration du smtp</a>]
@@ -62,8 +62,10 @@
   ce qui est plus configurable que la page web du site depuis laquelle tu 
   peux également les voir.
 </p>
-<div class="mef">
-  Avant toute opération, <a href="{"acces_smtp.php"|url}">il faut avoir activé ton compte SMTP/NNTP</a>.
+<div class="center">
+  <span class="erreur">
+    Avant toute opération, <a href="{"acces_smtp.php"|url}">il faut avoir activé ton compte SMTP/NNTP</a>.
+  </span>
 </div>
 <br />
 
@@ -72,7 +74,7 @@
     La configuration pour utiliser le serveur SMTP de Polytechnique.org
 </div>
 
-<table class="etape" summary="Première étape" cellpadding="5" width="480">
+<table summary="Première étape" cellpadding="5" width="480">
 <tr> 
   <td colspan="2">
     <img src="{"images/docs_compte1.png"|url}" width="480" height="248" alt=" [ CAPTURE D'ECRAN ] ">
@@ -92,7 +94,7 @@
 
 <hr class="mark">
 
-<table class="etape" summary="Deuxième étape" cellpadding="5" width="640">
+<table summary="Deuxième étape" cellpadding="5" width="640">
 <tr> 
   <td>
     <img src="{"images/docs_compte2.png"|url}" width="640" height="308" alt=" [ CAPTURE D'ECRAN ] ">
@@ -114,7 +116,7 @@
 
 <hr class="mark">
 
-<table class="etape" summary="Troisième étape" cellpadding="5">
+<table summary="Troisième étape" cellpadding="5">
 <tr> 
   <td width="220">
     <p class="normal">
@@ -141,7 +143,7 @@
 
 <hr class="mark">
 
-<table class="etape" summary="Quatrième étape" cellpadding="5">
+<table summary="Quatrième étape" cellpadding="5">
 <tr> 
   <td style="verical-align: middle;" width="220">
     <p class="normal">
@@ -166,7 +168,7 @@
 </tr>
 </table>
 <hr class="mark">
-<table class="etape" summary="Cinquième étape" cellpadding="5">
+<table summary="Cinquième étape" cellpadding="5">
 <tr> 
   <td width="220">
     <p class="normal">
@@ -183,7 +185,7 @@
 </tr>
 </table>
 <hr class="mark">
-<table class="etape" summary="Sixième étape" cellpadding="5">
+<table summary="Sixième étape" cellpadding="5">
 <tr> 
   <td width="220">
     <p class="normal">
@@ -191,7 +193,7 @@
       pour le <strong>Courrier sortant (SMTP)</strong> et coche la case 
       <strong>&quot;Ce serveur utilise une connexion SSL&quot;</strong>.
     </p>
-    <p class="mef">
+    <p class="erreur">
       Cette dernière étape est indispensable, sinon ton mot de passe 
       risque de ne pas être chiffré lors de l'envoi de courriels.
     </p>
@@ -225,7 +227,7 @@ Et maintenant quelques remarques :
 </ul>
 
 <hr class="mark">
-<table class="etape" summary="Conclusion" cellpadding="5">
+<table summary="Conclusion" cellpadding="5">
 <tr> 
   <td>
     <p class="normal">
@@ -251,7 +253,7 @@ Et maintenant quelques remarques :
     <a name="nntp">La configuration pour utiliser le serveur NNTP de Polytechnique.org</a>
 </div>
 
-<table class="etape" summary="Première étape" cellpadding="5" width="480">
+<table summary="Première étape" cellpadding="5" width="480">
 <tr> 
   <td colspan="2">
     <img src="{"images/docs_compte1.png"|url}" width="480" height="248" alt=" [ CAPTURE D'ECRAN ] ">
@@ -269,7 +271,7 @@ Et maintenant quelques remarques :
 </tr>
 </table>
 <hr class="mark">
-<table class="etape" summary="Deuxième étape" cellpadding="5">
+<table summary="Deuxième étape" cellpadding="5">
 <tr> 
   <td colspan="2">
     <img src="{"images/docs_news1.png"|url}" width="634" height="308" alt=" [ CAPTURE D'ECRAN ] ">
@@ -290,7 +292,7 @@ Et maintenant quelques remarques :
 
 <hr class="mark">
 
-<table class="etape" summary="Troisième étape" cellpadding="5" width="503">
+<table summary="Troisième étape" cellpadding="5" width="503">
 <tr> 
   <td colspan="2">
     <img src="{"images/docs_news2.png"|url}" width="503" height="385" alt=" [ CAPTURE D'ECRAN ] ">
@@ -309,7 +311,7 @@ Et maintenant quelques remarques :
 </tr>
 </table>
 <hr class="mark">
-<table class="etape" summary="Quatrième étape" cellpadding="5">
+<table summary="Quatrième étape" cellpadding="5">
 <tr> 
   <td width="220">
     <p class="normal">
@@ -329,7 +331,7 @@ Et maintenant quelques remarques :
 </tr>
 </table>
 <hr class="mark">
-<table class="etape" summary="Cinquième étape" cellpadding="5">
+<table summary="Cinquième étape" cellpadding="5">
 <tr> 
   <td width="220">
     <p class="normal">

diff --git a/templates/docs/faq.head.tpl b/templates/docs/faq.head.tpl
deleted file mode 100644 (file)
index 66de413..0000000
--- a/templates/docs/faq.head.tpl
+++ /dev/null
@@ -1,12 +0,0 @@
-{* $Id: faq.head.tpl,v 1.1 2004-01-29 13:57:56 x2000habouzit Exp $ *}
-{literal}
-<style type="text/css" media="screen">
-  <!--
-  li.sujet {text-align: left;}
-  div.ptititre {font-weight: bold; margin-top: 1.2em; margin-bottom: 0.2em;}
-  div.explication {text-align: justify;}
-  p.explication {margin-bottom: 0.1em;}
-  -->
-</style>
-{/literal}
-{* vim:set et sw=2 sts=2 sws=2: *}

diff --git a/templates/docs/faq.tpl b/templates/docs/faq.tpl
index 280b5ec..2b17dee 100644 (file)
--- a/templates/docs/faq.tpl
+++ b/templates/docs/faq.tpl
@@ -1,4 +1,4 @@
-{* $Id: faq.tpl,v 1.2 2004-01-29 16:21:54 x2000habouzit Exp $ *}
+{* $Id: faq.tpl,v 1.3 2004-01-31 10:20:16 x2000habouzit Exp $ *}
 
 <div class="rubrique">
   Foire aux questions
@@ -13,17 +13,17 @@
   Questions générales
 </div>
 <ul>
-  <li class="sujet"> 
+  <li> 
     <a href="#pop">Comment récupérer mon courrier sur polytechnique.org ?</a>
   </li>
-  <li class="sujet">
+  <li>
     <a href="#smtp">Comment envoyer mon courrier avec comme champ expéditeur 
     (From) mon adresse en polytechnique.org ?</a>
   </li>
   <li>
     <a href="#nntp">Comment lire les forums avec mon logiciel de courrier éléctronique ?</a> 
   </li>
-  <li class="sujet">
+  <li>
     <a href="#carva">Quelle est l'origine du nom de domaine carva.org ?</a>
   </li>
 </ul>
@@ -31,17 +31,17 @@
   Remplissage des champs
 </div>
 <ul>
-  <li class="sujet"> 
+  <li> 
     <a href="#mails1">Quelle est la différence entre les mails promo, emploi, 
     et les autres mails collectifs ?</a>
   </li>
-  <li class="sujet">
+  <li>
     <a href="#flags">Quelle est la différence entre les cases de visibilité vert ou orange ?</a>
   </li>
-  <li class="sujet">
+  <li>
     <a href="#niveau_langue">A quoi correspondent les niveaux de langues ?</a>
   </li>
-  <li class="sujet">
+  <li>
     <a href="#cv">Faut-il remplir le CV et comment ?</a>
   </li>
 </ul>
@@ -49,14 +49,14 @@
   Problèmes de connexion
 </div>
 <ul>
-  <li class="sujet"> 
+  <li> 
     <a href="#config">Quels sont les paramètres et la configuration nécessaires 
     pour se connecter correctement ?</a>
   </li>
-  <li class="sujet">
+  <li>
     <a href="#passe">J'ai perdu mon mot de passe, que faire ?</a>
   </li>
-  <li class="sujet">
+  <li>
     <a href="#acces">Je n'arrive pas à me connecter ! Que faut-il essayer ?</a>
   </li>
 </ul>
@@ -64,20 +64,20 @@
   Utilisation post-connexion
 </div>
 <ul>
-  <li class="sujet">
+  <li>
     <a href="#ethique">Quelle est l'éthique que vous privilégiez pour les mails 
     collectifs ?</a>
   </li>
-  <li class="sujet">
+  <li>
     <a href="#mails2">Puis-je envoyer un mail à des X et comment ?</a>
   </li>
-  <li class="sujet">
+  <li>
     <a href="#secu">Puis-je utiliser le même mot de passe qu'ailleurs ?</a>
   </li>
-  <li class="sujet">
+  <li>
     <a href="#secu2">Quel est le niveau de sécurité de Polytechnique.org ?</a>
   </li>
-  <li class="sujet">
+  <li>
     <a href="#panne">Vous tombez souvent en panne ?</a>
   </li>
 </ul>
@@ -87,11 +87,11 @@
   Questions générales
 </div>
 <a id="pop" name="pop"></a>
-<div class="ptititre">
+<div class="sstitre">
   Comment récupérer mon courrier sur polytechnique.org ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     Les mails envoyés sur polytechnique.org sont redirigés vers la ou les adresses e-mails 
     que tu as précisée(s) dans ton profil (premier sous-menu dans "Mes Paramètres"). Tu 
     dois donc récupérer ton courrier sur cette (ces) adresse(s) comme tu en as l'habitude, 
@@ -99,12 +99,12 @@
   </p>
 </div>   
 <a id="smtp" name="smtp"></a> 
-<div class="ptititre">
+<div class="sstitre">
   Comment envoyer mon courrier avec comme champ expéditeur (From) mon adresse en 
   polytechnique.org ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     Normalement, il suffit de <a href="<?php echo url("docs/doc_emails.php")?>">configurer son identité</a>
     avec l'adresse en polytechnique.org, mais certains serveurs SMTP
     (la première machine qui prend en charge l'expédition du courrier)
@@ -118,7 +118,7 @@
 </div>
 
 <a id="nntp" name="nntp"></a> 
-<div class="ptititre">
+<div class="sstitre">
   Comment lire les forums avec mon logiciel de courrier électronique ?
 </div>
 <div class="explication">
@@ -131,15 +131,15 @@
 </div>
 
 <a id="carva" name="carva"></a>
-<div class="ptititre">
+<div class="sstitre">
   Quelle est l'origine du nom de domaine carva.org ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     Dans le jargon de l'école, un 'carva' signifiait un 'X' lorsque celle-ci était 
     sur la montagne Ste Geneviève. <br /><br />
   </p>
-  <p class="explication">
+  <p>
     <strong>Définition de Carva:</strong>
   </p>
   <ul>
@@ -160,7 +160,7 @@
       (Balzac, Le Curé de village, Pl. t. VIII, p. 695).
     </li>
   </ul>
-  <p class="explication">
+  <p>
     (Dictionnaire de la langue française, Le Robert, Paris 1987)
   </p>
 </div>
@@ -169,11 +169,11 @@
   Remplissage des champs
 </div>
 <a id="mails1" name="mails1"></a> 
-<div class="ptititre">
+<div class="sstitre">
   Quelle est la différence entre les mails promo, emploi, et les autres mails collectifs ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     Les mails promo concernent des événements promo, réunion, informations sur les 
     cocons, bref la vie d'une promo. Il y a seulement quelques personnes par promo qui 
     peuvent les envoyer, pour éviter que chacun le fasse de son côté. Le mieux si tu 
@@ -181,7 +181,7 @@
     ou un responsable du web de ta promo, qui se chargera éventuellement de nous demander 
     un envoi propre à tous les inscrits ayant accepté les mails promo dans leur profil.
   </p>
-  <p class="explication">
+  <p>
     Les mails emplois sont assez mal définis à l'heure actuelle. Ca peut aller de 
     proposition d'embauche ou de stage venant de camarades ou d'entreprises, jusqu'à 
     présentation d'entreprises. Dans la mesure du possible, ces mails seront dirigés 
@@ -189,18 +189,18 @@
     e-mails des profils d'inscrits appropriés ayant par ailleurs accepté ce type de 
     mail collectif.
   </p>
-  <p class="explication">
+  <p>
     Tous les autres mails collectifs, c'est-à-dire envoyer un mail à une liste de 
     destinataires, ensemble ou individuellement, supérieure à 20, ne sont pas 
     autorisés (sauf évidemment mailing lists). 
   </p>
 </div>
 <a id="flags" name="flags"></a> 
-<div class="ptititre">
+<div class="sstitre">
   Quelle est la différence entre les cases de visibilité ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     Pour chaque information, il est possible de choisir son degré de visibilité.
     Certaines informations peuvent être mises sur le site public accessible par
     les non-polytechniciens : si tu le souhaites, coche la case verte "site
@@ -214,11 +214,11 @@
   </p>
 </div>
 <a id="niveau_langue" name="niveau_langue"></a>
-<div class="ptititre">
+<div class="sstitre">
   A quoi correspondent les niveaux de langues ?
   </div>
   <div class="explication">
-    <p class="explication">
+    <p>
     <ul>
     <li>Niveau 6 : Maîtrise complète de la langue.
     <p>Tu comprends tout ce que tu lis ou écoutes dans des
@@ -269,16 +269,16 @@
 </div>
 
 <a id="cv" name="cv"></a>
-<div class="ptititre">
+<div class="sstitre">
   Faut-il remplir le CV et comment ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     D'abord, le CV reste d'accès limité aux inscrits, il n'est pas possible de 
     l'afficher dans les recherches publiques. D'autre part, nous ne le transmettrons 
     jamais, à quiconque.
   </p>
-  <p class="explication">
+  <p>
     Ton CV complet, si tu veux le mettre, a plutôt sa place sur ta page web et pas 
     sur Polytechnique.org. L'idée du CV ici, c'est surtout d'avoir des mots-clés qui 
     permettent de faire des recherches plus évoluées. Ainsi, les loisirs peuvent être 
@@ -309,12 +309,12 @@ parapente cin
   Problèmes de connexion
 </div>
 <a id="config" name="config"></a>
-<div class="ptititre">
+<div class="sstitre">
   Quels sont les paramètres et la configuration nécessaires pour se connecter 
   correctement ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     Il faut un navigateur qui exécute le javascript. 
     Ce point est absolument nécessaire pour accéder au site sans problème. 
     Il y a de grandes chances que ton problème vienne de là, nous te conseillons de 
@@ -322,11 +322,11 @@ parapente cin
   </p>
 </div>    
 <a id="passe" name="passe"></a>
-<div class="ptititre">
+<div class="sstitre">
   J'ai perdu mon mot de passe, que faire ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     Rends toi sur la page "me connecter", là où tu aurais tapé ton mot de passe 
     si tu t'en souvenais. Il y a un lien "j'ai perdu mon mot de passe". Clique 
     dessus. Il te sera alors proposé une procédure de récupération automatique 
@@ -334,24 +334,24 @@ parapente cin
   </p>
 </div>
 <a id="acces" name="acces"></a>
-<div class="ptititre">
+<div class="sstitre">
   Je n'arrive pas à me connecter ! Que faut-il essayer ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     Bon, il y a beaucoup de possibilités, on va les prendre dans l'ordre.
   </p>
-  <p class="explication">
+  <p>
     As-tu déjà accédé au site ?
   </p>
-  <p class="explication">
+  <p>
     Si oui, vérifie que tu rentres correctement ton login (début de ton adresse 
     en polytechnique.org sans @polytechnique.org) et ton mot de passe. Un 
     copier/coller avec un espace de trop est vite fait, un clavier qwerty au lieu 
     d'azerty ou l'inverse aussi, et la touche "CAPS LOCK" enfoncée n'arrange pas 
     non plus les choses.
   </p>
-  <p class="explication">
+  <p>
     Une fois que tu es sûr de ton mot de passe et de ton login, vérifie que ton 
     browser exécute correctement le javascript. Par exemple, la date est-elle 
     correctement affichée en haut de la page ? Le javascript est complètement 
@@ -359,7 +359,7 @@ parapente cin
     passer en clair sur Internet. C'est à ça qu'il sert notamment pour la 
     connexion.
   </p>
-  <p class="explication">
+  <p>
     Sinon, tu n'es peut-être pas inscrit (en es-tu vraiment sûr ?). Pour
     le savoir, vérifie que ton adresse en polytechnique.org répond. Si c'est le 
     cas, tu es inscrit, sinon rends-toi sur la page d'inscription : pour une 
@@ -380,11 +380,11 @@ parapente cin
   Utilisation post-connexion
 </div>
 <a id="ethique" name="ethique"></a>
-<div class="ptititre">
+<div class="sstitre">
   Quelle est l'éthique que vous privilégiez pour les mails collectifs ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     Nous ne faisons pas d'éthique. C'est à toi de dire ce que tu es prêt à recevoir 
     et pas à nous. Les règles imposées concernent avant tout le bon fonctionnement 
     du service, aussi bien du point de vue purement technique (surcharge) que 
@@ -392,11 +392,11 @@ parapente cin
   </p>
 </div>
 <a id="mails2" name="mails2"></a> 
-<div class="ptititre">
+<div class="sstitre">
   Puis-je envoyer un mail à des X et comment ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     Oui, bien sûr. Si tu as une information promo, envoie-la aux responsables web 
     de ta promo (qui ne sont pas forcément des kessiers) qui se chargeront de l'envoi 
     avec nous (ils jouent le rôle de filtre pour éviter que chaque personne ne 
@@ -404,7 +404,7 @@ parapente cin
     que des outils de communication promo sont ou seront mis en place sur le site. 
     Comme le message au login, ou les forums. Evite les mails promo quand tu peux !
   </p>
-  <p class="explication">
+  <p>
     Tu veux recruter des X pour des stages ou des embauches ? Il n'y a pas de règle 
     générale dans ce domaine, il faut nous contacter pour voir à qui on peut l'envoyer. 
     Si tu es inscrit, tu peux commencer par l'envoyer à une mailing list bien choisie 
@@ -415,7 +415,7 @@ parapente cin
     recevoir ce type de mail, en plus de ne pas respecter les conditions générales 
     du service.
   </p>
-  <p class="explication">
+  <p>
     Tu as besoin d'envoyer un mail à 50 X assez souvent ? Malheureusement pour ton 
     mail, la configuration actuelle va bloquer au bout du 20ème mail. Ce besoin est 
     exactement celui d'une mailing list. Pour l'instant, coupe ton mail en plusieurs 
@@ -423,11 +423,11 @@ parapente cin
   </p>
 </div>
 <a id="secu" name="secu"></a>
-<div class="ptititre">
+<div class="sstitre">
   Puis-je utiliser le même mot de passe qu'ailleurs ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     D'une manière générale, le système le mieux sécurisé pâtit de l'utilisation du
     même mot de passe dans un système moins sécurisé. En effet, le système sécurisé 
     ne craint pas normalement que ton mot de passe soit percé. Par contre, en 
@@ -446,18 +446,18 @@ parapente cin
 </div>
 
 <a id="secu2" name="secu2"></a>
-<div class="ptititre">
+<div class="sstitre">
   Quel est le niveau de sécurité de Polytechnique.org ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     Concernant le mot de passe de l'utilisateur : le plus élevé imaginable puisqu'il 
     circule de manière cryptée irréversible. En fait, avant même d'être envoyé sur 
     Internet, ton ordinateur le chiffre sur place irréversiblement grâce au javascript 
     (d'où son utilité pour se connecter). Puis il est mélangé à un challenge envoyé par 
     le serveur, et enfin seulement la réponse part sur le Web.
   </p>
-  <p class="explication">
+  <p>
     Concernant la protection des informations du site en général, le niveau de sécurité 
     est correct par rapport au type d'information contenu. Il est possible de simuler 
     un accès à partir de la connaissance d'un mot de passe crypté et d'un challenge, 
@@ -467,11 +467,11 @@ parapente cin
 </div>
 
 <a id="panne" name="panne"></a>
-<div class="ptititre">
+<div class="sstitre">
   Vous tombez souvent en panne ?
 </div>
 <div class="explication">
-  <p class="explication">
+  <p>
     En fait, il arrive au service d'être interrompu, bien que nous n'y puissions rien.
     En un an, on a dénombré quatre arrêts de deux jours dus à nos prestataires, et un 
     dû à notre changement important de configuration, serveur, scripts, etc.... Il faut 

diff --git a/templates/index.head.tpl b/templates/index.head.tpl
deleted file mode 100644 (file)
index d67f53f..0000000
--- a/templates/index.head.tpl
+++ /dev/null
@@ -1,16 +0,0 @@
-{* $Id: index.head.tpl,v 1.2 2004-01-26 12:36:32 x2000habouzit Exp $ *}
-{literal}
-    <style type="text/css" media="screen,print">
-      <!--
-      li.spaced {
-        padding-bottom: 0.5em;
-        text-align: justify;
-      }
-      li {
-        padding-left: 4px;
-        padding-right: 4px;
-      }
-      -->
-    </style>
-{/literal}
-{* vim:set et sw=2 sts=2 sws=2: *}

diff --git a/templates/login.head.tpl b/templates/login.head.tpl
deleted file mode 100644 (file)
index 5b86a94..0000000
--- a/templates/login.head.tpl
+++ /dev/null
@@ -1,14 +0,0 @@
-{* $Id: login.head.tpl,v 1.3 2004-01-27 09:08:56 x2000habouzit Exp $ *}
-
-{literal}
-    <style type="text/css" media="screen">
-      <!--
-      div.dernierlogin {font-size: smaller;}
-      p.loinenbas {margin-top: 3em;}
-      p.warning { font-size: 80%; font-style: italic; }
-      table.bicol td.info { padding: 0.5em 0.5em 0.5em 0.5em; width: 50%; }
-      -->
-    </style>
-{/literal}
-
-{* vim:set et sw=2 sts=2 sws=2: *}

diff --git a/templates/login.tpl b/templates/login.tpl
index 871a2e1..29ee524 100644 (file)
--- a/templates/login.tpl
+++ b/templates/login.tpl
@@ -1,4 +1,4 @@
-{* $Id: login.tpl,v 1.2 2004-01-26 19:40:51 x2000habouzit Exp $ *}
+{* $Id: login.tpl,v 1.3 2004-01-31 10:20:16 x2000habouzit Exp $ *}
 
 {if $date}
   <div class="rubrique">
@@ -11,7 +11,7 @@
   à jour sans que tu t'en aperçoives, mais d'autres nécessitent
   ton intervention.
   </p>
-  <p class="loinenbas">
+  <p class="normal" style="margin-top: 3em;">
     <a href="profil.php">Clique ici pour continuer.</a>
   </p>
 {elseif $naissance}
@@ -19,12 +19,12 @@
 {else}
 
 <div class="rubrique">Bienvenue {dyn s=$smarty.session.prenom} :o)
-  </div>
-  <div class="dernierlogin">
-    Ta connexion précédente date du
-    <strong>{dyn s=$smarty.session.lastlogin|date_format:"%x, %T"}</strong>
-    depuis la machine <strong>{dyn s=$smarty.session.host}</strong>
-  </div>
+</div>
+<div class="smaller">
+  Ta connexion précédente date du
+  <strong>{dyn s=$smarty.session.lastlogin|date_format:"%x, %T"}</strong>
+  depuis la machine <strong>{dyn s=$smarty.session.host}</strong>
+</div>
   
 {dynamic on="0$fiche_incitation"}
   <p class="normal">La dernière mise à jour de ta
@@ -69,7 +69,7 @@
       <td class="info">
         {$ev.texte|nl2br}
         <br />
-        <p class="warning">Annonce proposée par
+        <p class="smaller">Annonce proposée par
         <a href="javascript:x()" onclick="popWin('x.php?x={$ev.username}')">
           {$ev.prenom} {$ev.nom} X{$ev.promo}
         </a>
@@ -80,7 +80,7 @@
   {/foreach}
 {/dynamic}
 
-  <p class="warning">
+  <p class="smaller">
   Nota Bene : les informations présentées ici n'engagent que leurs auteurs
   respectifs et sont publiées à leur initiative. L'association Polytechnique.org
   ne pourrait en aucun cas être tenue responsable de la nature des propos relatés

diff --git a/templates/password_prompt.head.tpl b/templates/password_prompt.head.tpl
index c0af818..eee442c 100644 (file)
--- a/templates/password_prompt.head.tpl
+++ b/templates/password_prompt.head.tpl
@@ -1,15 +1,5 @@
-{* $Id: password_prompt.head.tpl,v 1.4 2004-01-26 19:40:51 x2000habouzit Exp $ *}
+{* $Id: password_prompt.head.tpl,v 1.5 2004-01-31 10:20:16 x2000habouzit Exp $ *}
 
-{literal}
-    <style type="text/css" media="screen">
-      <!--
-      .login {font-weight: bold;}
-      div.warning {margin-top: 0.4em; color: red; font-weight: bold;}
-      div.explication {font-size: smaller; font-weight: bold;}
-      #pwd.bicol { width: 70%; margin-left: 15%; }
-      -->
-    </style>
-{/literal}
     <script language="javascript" src="{"javascript/md5.js"|url}" type="text/javascript"></script>
     <script language="javascript" src="{"javascript/do_challenge_response.js"|url}" type="text/javascript"></script>
 

diff --git a/templates/password_prompt.tpl b/templates/password_prompt.tpl
index 89dcb59..82952a0 100644 (file)
--- a/templates/password_prompt.tpl
+++ b/templates/password_prompt.tpl
@@ -1,4 +1,4 @@
-{* $Id: password_prompt.tpl,v 1.6 2004-01-28 16:54:47 x2000habouzit Exp $ *}
+{* $Id: password_prompt.tpl,v 1.7 2004-01-31 10:20:16 x2000habouzit Exp $ *}
 <noscript>
   <span class="erreur">
     Ton navigateur n'accepte pas le javaScript !!
@@ -42,13 +42,13 @@ Si tu n'es pas {insert name="getName" script="insert.password.inc.php"}, change
 <br />
 
 <form action="{$smarty.server.REQUEST_URI}" method="post" name="login" onSubmit="doChallengeResponse(); return false;">
-  <table id="pwd" class="bicol" cellpadding="4" summary="Formulaire de login">
+  <table class="tinybicol" cellpadding="4" summary="Formulaire de login">
     <tr>
       <th colspan="2">Connexion</th>
     </tr>
     <tr>
-      <td>
-        <span class="login">Login </span>(prenom.nom) :
+      <td class="titre">
+        Login (prenom.nom) :
       </td>
       <td>
         <input type="text" name="username"size=20 maxlength=50
@@ -56,8 +56,8 @@ Si tu n'es pas {insert name="getName" script="insert.password.inc.php"}, change
       </td>
     </tr>
     <tr>
-      <td>
-        <span class="login">Mot de passe:</span>
+      <td class="titre">
+        Mot de passe:
       </td>
       <td>
         <input type="password" name="password" size=10 maxlength=10>
@@ -83,7 +83,7 @@ Probl
 {dynamic}
 {if $smarty.request.response}<!-- failed login code //-->
 <br />
-<div class="warning">
+<div class="erreur">
   Erreur d'identification. Essaie à nouveau !
 </div>
 {/if}

diff --git a/templates/password_prompt_logged.head.tpl b/templates/password_prompt_logged.head.tpl
index a811db6..247b396 100644 (file)
--- a/templates/password_prompt_logged.head.tpl
+++ b/templates/password_prompt_logged.head.tpl
@@ -1,31 +1,18 @@
-{* $Id: password_prompt_logged.head.tpl,v 1.3 2004-01-26 19:40:51 x2000habouzit Exp $ *}
+{* $Id: password_prompt_logged.head.tpl,v 1.4 2004-01-31 10:20:16 x2000habouzit Exp $ *}
 
-{literal}
-    <style type="text/css" media="screen">
-      <!--
-      .login {font-weight: bold;}
-      div.warning {margin-top: 0.4em; color: red; font-weight: bold;}
-      div.explication {font-size: smaller; font-weight: bold;}
-      #pwd.bicol { width: 60%; margin-left: 20%; }
-      -->
-    </style>
-{/literal}
     <script language="javascript" src="{"javascript/md5.js"|url}" type="text/javascript"></script>
-{literal}
     <script language="javascript"type="text/javascript">
       <!--
-      function doChallengeResponse() {
-        str = "{/literal}{$smarty.cookies.ORGlogin}{literal}:" +
+      function doChallengeResponse() {ldelim}
+        str = "{$smarty.cookies.ORGlogin}:" +
         MD5(document.login.password.value) + ":" +
         document.loginsub.challenge.value;
 
         document.loginsub.response.value = MD5(str);
         document.login.password.value = "";
         document.loginsub.submit();
-      }
+      {rdelim}
       // -->
     </script>
-{/literal}
-
 
 {* vim:set et sw=2 sts=2 sws=2: *}

diff --git a/templates/password_prompt_logged.tpl b/templates/password_prompt_logged.tpl
index 9509a6c..08f8de6 100644 (file)
--- a/templates/password_prompt_logged.tpl
+++ b/templates/password_prompt_logged.tpl
@@ -1,4 +1,4 @@
-{* $Id: password_prompt_logged.tpl,v 1.5 2004-01-28 16:54:47 x2000habouzit Exp $ *}
+{* $Id: password_prompt_logged.tpl,v 1.6 2004-01-31 10:20:16 x2000habouzit Exp $ *}
 
 <div style="text-align:center">
   <table width="90%" summary="Accès sécurisé">
@@ -7,9 +7,11 @@
         <img src="{"images/cadenas_rouge.png"|url}" alt=" [ CADENAS ROUGE ] ">
       </td>
       <td>
-        <div class="explication">
-          Pour des raisons de sécurité, il est obligatoire de taper ton mot de passe, même
-          avec l'accès permanent, pour certaines opérations sensibles.
+        <div class="smaller">
+          <strong>
+            Pour des raisons de sécurité, il est obligatoire de taper ton mot de passe, même
+            avec l'accès permanent, pour certaines opérations sensibles.
+          </strong>
         </div>
       </td>
     </tr>
@@ -17,10 +19,10 @@
 </div>
 <br /><br />
 <form action="{$smarty.server.REQUEST_URI}" method="post" id="login" name="login" onSubmit='doChallengeResponse(); return false;'>
-  <table id="pwd" class="bicol" cellpadding="4" summary="Formulaire de login">
+  <table class="tinybicol" cellpadding="4" summary="Formulaire de login">
     <tr>
-      <td>
-        <span class="login">Mot de passe:</span>
+      <td class="titre">
+        Mot de passe:
       </td>
       <td>
         <input type="password" name="password" size=10 maxlength=10>
@@ -40,7 +42,7 @@
 <br />
 {dynamic}
 {if $smarty.request.response}<!-- failed login code -->
-<div class="warning">
+<div class="erreur">
   Erreur d'identification. Essaie à nouveau !
 </div>
 {/if}

diff --git a/templates/preferences.head.tpl b/templates/preferences.head.tpl
deleted file mode 100644 (file)
index 2885373..0000000
--- a/templates/preferences.head.tpl
+++ /dev/null
@@ -1,12 +0,0 @@
-{* $Id: preferences.head.tpl,v 1.1 2004-01-26 16:14:51 x2000habouzit Exp $ *}
-
-{literal}
-    <style type="text/css" media="screen,print">
-    <!--
-      .explication {font-style: italic; padding: 0.25em;}
-      .lien {font-weight: bold; padding: 0.25em;}
-    -->
-    </style>
-{/literal}
-    
-{* vim:set et sw=2 sts=2 sws=2: *}

diff --git a/templates/preferences.tpl b/templates/preferences.tpl
index b6e43e6..1197111 100644 (file)
--- a/templates/preferences.tpl
+++ b/templates/preferences.tpl
@@ -1,4 +1,4 @@
-{* $Id: preferences.tpl,v 1.2 2004-01-26 19:40:51 x2000habouzit Exp $ *}
+{* $Id: preferences.tpl,v 1.3 2004-01-31 10:20:16 x2000habouzit Exp $ *}
 <div class="rubrique">
   Préférences
 </div>
@@ -10,14 +10,14 @@
       </th>
     </tr>
     <tr class="impair">
-      <td><div class="lien">
+      <td><div class="question">
           <a href="{"emails.php"|url}">Mes adresses de redirection</a>
         </div>
         <div class="explication">
           Tu peux configurer tes différentes redirections de mails ici.
         </div>
       </td>
-      <td><div class="lien">
+      <td><div class="question">
           <a href="{"alias.php"|url}">Mon alias mail @melix.net/.org</a>
         </div>
         <div class="explication">
@@ -26,14 +26,14 @@
       </td>
     </tr>
     <tr class="pair">
-      <td><div class="lien">
+      <td><div class="question">
           <a href="{"carva_redirect.php"|url}">Ma redirection de page WEB</a>
         </div>
         <div class="explication">
           Tu peux configurer ta redirection WEB http://www.carva.org/{dyn s=$smarty.session.username}
         </div>
       </td>
-      <td><div class="lien">
+      <td><div class="question">
           <a href="{"skins.php"|url}">Apparence du site (skins)</a>
         </div>
         <div class="explication">
@@ -50,7 +50,7 @@
       <th>Mots de passe et accès au site</th>
     </tr>
     <tr class="impair">
-      <td><div class="lien">
+      <td><div class="question">
           <a href="{"motdepassemd5.php"|url}">Changer mon mot de passe pour le site</a>
         </div>
         <div class="explication">
@@ -59,7 +59,7 @@
       </td>
     </tr>
     <tr class="pair">
-      <td><div class="lien">
+      <td><div class="question">
           <a href="{"acces_smtp.php"|url}">Activer l'accès SMTP et NNTP</a>
         </div>
         <div class="explication">
@@ -72,7 +72,7 @@
     <tr class="impair">
       <td>
 {if $has_cookie}
-        <div class="lien">
+        <div class="question">
           <a href="cookie_off.php">Supprimer l'accès permanent</a>
         </div>
         <div class="explication">
@@ -81,7 +81,7 @@
           comme initialement.
         </div>
 {else}
-        <div class="lien">
+        <div class="question">
           <a href="cookie_on.php">Attribuer un cookie d'authentification permanente</a>
         </div>
         <div class="explication">