css changes
authorx2000habouzit <x2000habouzit>
Wed, 24 Nov 2004 09:47:08 +0000 (09:47 +0000)
committerx2000habouzit <x2000habouzit>
Wed, 24 Nov 2004 09:47:08 +0000 (09:47 +0000)
htdocs/css/default.css
htdocs/css/openweb.css
templates/carnet/index.tpl
templates/preferences.tpl

index e2ef3d8..cab61f6 100644 (file)
@@ -60,6 +60,9 @@ legend {
 .smaller { font-size: smaller; font-style: italic; }
 .spacer { clear: both; }
 
+.float2 { float: left; width: 49%; }
+.float3 { float: left; width: 33%; }
+
 /*******************************************************************************
     2   Styles <p>, <div>, <span>, <li>
         [ styles classiques d'effets de texte ]
@@ -105,14 +108,16 @@ h2 {
     font-weight: bold;
 }
 
-p.explication, div.explication {
-    font-style: italic;
-    padding: 0.25em;
-    text-align: justify;
-}
-p.question, div.question {
+h3 {
+    margin: 0em;
     font-weight: bold;
     padding: 0.25em;
+    font-size: inherit;
+}
+
+p.explication, div.explication {
+    font-style: italic;
+    padding: 0em 1ex 1ex 1ex;
 }
 
 li.spaced {
@@ -543,4 +548,4 @@ div.adresse {
 }
 
 /* vim: set et ts=4 sts=4 sw=4: */
-/* $Id: default.css,v 1.68 2004-11-24 09:23:39 x2000habouzit Exp $ */
+/* $Id: default.css,v 1.69 2004-11-24 09:47:08 x2000habouzit Exp $ */
index 24f90e8..7489893 100644 (file)
@@ -64,6 +64,9 @@ legend {
 .smaller { font-size: smaller; font-style: italic; }
 .spacer { clear: both; }
 
+.float2 { float: left; width: 48%; margin: 2px; }
+.float3 { float: left; width: 33%; }
+
 /*******************************************************************************
     2   Styles <p>, <div>, <span>, <li>
         [ styles classiques d'effets de texte ]
@@ -107,14 +110,17 @@ h2 {
     border-bottom: 1px dotted #369;
 }
 
+h3 {
+    margin: 0em;
+    font-weight: bold;
+    padding: 0.5em 0em;
+    font-size: 100%;
+}
+
+
 p.explication, div.explication {
     font-style: italic;
-    padding: 0.25em;
-    text-align: justify;
-}
-p.question, div.question {
-    font-weight: bold;
-    padding: 0.25em;
+    padding: 0em 1ex 1ex 1ex;
 }
 
 li.spaced {
@@ -551,4 +557,4 @@ table#body {
 }
 
 /* vim: set et ts=4 sts=4 sw=4: */
-/* $Id: openweb.css,v 1.7 2004-11-24 09:23:40 x2000habouzit Exp $ */
+/* $Id: openweb.css,v 1.8 2004-11-24 09:47:08 x2000habouzit Exp $ */
index 96f839b..b40e35c 100644 (file)
@@ -17,7 +17,7 @@
  *  Foundation, Inc.,                                                      *
  *  59 Temple Place, Suite 330, Boston, MA  02111-1307  USA                *
  ***************************************************************************
-        $Id: index.tpl,v 1.4 2004-11-13 08:48:27 x2000habouzit Exp $
+        $Id: index.tpl,v 1.5 2004-11-24 09:47:26 x2000habouzit Exp $
  ***************************************************************************}
 
 <h1>Carnet polytechnicien</h1>
   </tr>
   <tr class="impair">
     <td class='half'>
-      <div class="question">
+      <h3>
         <a href="{"carnet/mescontacts.php"|url}">Page de tes contacts</a>
-      </div>
+      </h3>
       <div class="explication">
         Tu peux ici lister tes contacts, en ajouter et en retirer.
       </div>
     </td>
     <td class='half'>
-      <div class="question">
+      <h3>
         <a href="{"carnet/mescontacts.php?trombi=1"|url}">Le trombi de tes contacts</a>
-      </div>
+      </h3>
       <div class="explication">
         La même chose que la page de tes contacts... <strong>en images !</strong>
       </div>
   </tr>
   <tr class="pair">
     <td class='half'>
-      <div class="question">
+      <h3>
         <a href="{"carnet/panel.php"|url}">Tous les évenements de la semaine</a>
-      </div>
+      </h3>
       <div class="explication">
         Affichage de tous les évenements de camarades/promos
       </div>
     </td>
     <td class='half'>
-      <div class="question">
+      <h3>
         <a href="{"carnet/notifs.php"|url}">Configurer tes notifications</a>
-      </div>
+      </h3>
       <div class="explication">
         Être notifié des inscriptions, décès, changement de fiche, ...
       </div>
index edec799..11bed3a 100644 (file)
@@ -17,7 +17,7 @@
  *  Foundation, Inc.,                                                      *
  *  59 Temple Place, Suite 330, Boston, MA  02111-1307  USA                *
  ***************************************************************************
-        $Id: preferences.tpl,v 1.12 2004-11-24 08:54:09 x2000habouzit Exp $
+        $Id: preferences.tpl,v 1.13 2004-11-24 09:47:25 x2000habouzit Exp $
  ***************************************************************************}
 
 <h1>
 
 <table class="bicol" summary="Préférences: services" cellpadding="0" cellspacing="0">
   <tr>
-    <th colspan="2">Configuration des différents services du site
+    <th>
+    Configuration des différents services du site
     </th>
   </tr>
-  <tr class="impair">
-    <td class='half'>
-      <div class="question">
-        <a href="{rel}/emails.php">Mes adresses de redirection</a>
-      </div>
-      <div class="explication">
-        Tu peux configurer tes différentes redirections de mails ici.
-      </div>
-    </td>
-    <td class='half'>
-      <div class="question">
-        <a href="{rel}/alias.php">Mon alias mail @melix.net/.org</a>
-      </div>
-      <div class="explication">
-        Pour choisir un alias @melix.net et @melix.org (en choisir un nouveau annule l'ancien).
-      </div>
-    </td>
-  </tr>
-  <tr class="pair">
-    <td class='half'>
-      <div class="question">
-        <a href="{rel}/carva_redirect.php}">Ma redirection de page WEB</a>
-      </div>
-      <div class="explication">
-        Tu peux configurer tes redirections WEB http://www.carva.org/{dyn s=$smarty.session.bestalias} et http://www.carva.org/{dyn s=$smarty.session.forlife}
-      </div>
-    </td>
-    <td class='half'>
-      <div class="question">
-        <a href="{rel}/skins.php">Apparence du site (skins)</a>
-      </div>
-      <div class="explication">
-        Tu peux changer les couleurs et les images du site.
-      </div>
+  <tr>
+    <td>
+      <div class='float2'>
+        <h3><a href="{rel}/emails.php">Mes adresses de redirection</a></h3>
+        <div class='explication'>
+          Tu peux configurer tes différentes redirections de mails ici.
+        </div>
+      </div>
+      <div class='float2'>
+        <h3><a href="{rel}/alias.php">Mon alias mail @melix.net/.org</a></h3>
+        <div class='explication'>
+          Pour choisir un alias @melix.net et @melix.org (en choisir un nouveau annule l'ancien).
+        </div>
+      </div>
+      <div class='float2'>
+        <h3><a href="{rel}/carva_redirect.php}">Ma redirection de page WEB</a></h3>
+        <div class='explication'>
+          Tu peux configurer tes redirections WEB
+          http://www.carva.org/{dyn s=$smarty.session.bestalias}
+          et http://www.carva.org/{dyn s=$smarty.session.forlife}
+        </div>
+      </div>
+      <div class='float2'>
+        <h3><a href="{rel}/skins.php">Apparence du site (skins)</a></h3>
+        <div class='explication'>
+          Tu peux changer les couleurs et les images du site.
+        </div>
+      </div>
+      <br class='spacer' />
     </td>
   </tr>
 </table>
     <th>Mots de passe et accès au site</th>
   </tr>
   <tr class="impair">
-    <td><div class="question">
-        <a href="{"motdepassemd5.php"|url}">Changer mon mot de passe pour le site</a>
-      </div>
-      <div class="explication">
+    <td>
+      <h3><a href="{"motdepassemd5.php"|url}">Changer mon mot de passe pour le site</a></h3>
+      <div class='explication'>
         permet de changer ton mot de passe pour accéder au site Polytechnique.org
-      </div>
     </td>
   </tr>
   <tr class="pair">
-    <td><div class="question">
-        <a href="{"acces_smtp.php"|url}">Activer l'accès SMTP et NNTP</a>
-      </div>
-      <div class="explication">
+    <td>
+      <h3><a href="{"acces_smtp.php"|url}">Activer l'accès SMTP et NNTP</a></h3>
+      <div class='explication'>
         Pour activer ton compte sur le serveur SMTP et NNTP de Polytechnique.org.
         Cela te permet d'envoyer tes mails plus souplement (SMTP), et de consulter
         les forums directement depuis ton logiciel habituel de courrier électronique.
-      </div>
     </td>
   </tr>
   <tr class="impair">
     <td>
-{if $has_cookie}
-      <div class="question">
-        <a href="cookie_off.php">Supprimer l'accès permanent</a>
-      </div>
-      <div class="explication">
+      {if $has_cookie}
+      <h3><a href="cookie_off.php">Supprimer l'accès permanent</a></h3>
+      <div class='explication'>
         Clique sur le lien ci-dessus pour retirer l'accès sans mot de passe au site. Après avoir
         cliqué, tu devras à nouveau entrer ton mot de passe pour accéder aux différentes pages
         comme initialement.
-      </div>
-{else}
-      <div class="question">
-        <a href="cookie_on.php">Attribuer un cookie d'authentification permanente</a>
-      </div>
-      <div class="explication">
+      {else}
+      <h3><a href="cookie_on.php">Attribuer un cookie d'authentification permanente</a></h3>
+      <div class='explication'>
         Cette option te permet de ne plus avoir à entrer ton mot de passe pour la majorité des pages
         du site. Ce dernier reste cependant nécessaire pour le profil ou le changement de mot de
         passe. Il s'agit d'une option destinée aux utilisateurs fréquents du site, plutôt à l'aise
         avec l'informatique, et pour un ordinateur non partagé.
       </div>
-{/if}
+      {/if}
     </td>
   </tr>
 </table>