better css for fiche.tpl

diff --git a/htdocs/css/default.css b/htdocs/css/default.css
index ad21ded..833d4db 100644 (file)
--- a/htdocs/css/default.css
+++ b/htdocs/css/default.css
@@ -333,29 +333,136 @@ div.conteneur_tab {
         [ cas de la fiche ]
 *******************************************************************************/
 
-div.boite {
+#fiche{
+  min-width: 760px;
+  font-size: small;
+}
+
+em.intitule {
+  color: purple;
+  font-size: small;
+}
+
+/*Boite en haut à gauche*/
+#fiche_identite{
+  float: left;
   border: 1px solid #5555BB;
-  background: #FFFFC0;
   padding: 5px;
   margin: 5px;
+  width: 500px;
 }
 
-div.boite div.titre {
-  background: #9999FF;
-  margin: 5px;
+#fiche_identite div.civilite {
+  text-align: center;
+  font-weight: bold;
+  width: 100%;
+}
+
+#fiche div.categorie{
+  float: left;
+  color: purple;
+  font-style: italic;
+  font-size: normal;
+}
+#fiche hr{
+  clear: left;
+  float: left;
+  width: 500px;
+  height: 1;
+  border-left: 0px;
+  border-right: 0px;
+  border-bottom: 0px;
+  border-top: 1px solid #003399;
+}
+
+/*Boite de droite : photos, binets*/
+#fiche_divers{
+  float: right;
+  width: 210px;
+  text-align: center;
+}
+
+#fiche_adresses{
+  float: left;
+  /*border: 1px solid #5555BB;*/
   padding: 5px;
+  margin: 5px;
+  width: 500px;
+}
+
+#fiche_adresses em{
+  color: purple;
+}
+#fiche_adresses span{
+  font-weight: bold;
+}
+
+div.adresse{
+  float: left;
+  padding: 10px;
+  /*border: 1px dotted #999;*/
+  width: 25ex;
+  margin: 5px;
+  margin-top: 0px;
+}
+
+div.adresse div.titre{
   text-align: center;
+  width: 100%;
+  color: purple;
 }
 
-div.boite div.item {
+#fiche_infospro{
   float: left;
+  /*border: 1px solid #5555BB;*/
+  padding: 10px;
+  width: 500px;
+  margin: 5px;
+}
+
+#fiche_infospro em{
+  color: purple;
+}
+#fiche_infospro span{
+  font-weight: bold;
+}
+
+#fiche_infospro div.entreprise{
+  width: 100%;
+  border: 1px dotted #BBB;
+  margin-bottom: 10px;
   padding: 5px;
+}
+
+div.entreprise div.titre{
+  text-align: center;
+  width: 100%;
+  font-weight: bold;
+}
+
+div.entreprise div.details{
+  float: left;
+  padding: 10px;
+  width: 25ex;
   margin: 5px;
+  margin-left: 0px;
+}
+
+div.entreprise div.adr_pro{
+  float: right;
+  padding: 10px;
+  width: 25ex;
+  margin: 5px;
+}
+
+#fiche_cv{
+  float: left;
+  padding: 10px;
+  width: 25ex;
+  margin: 5px; 
 }
 
 div.spacer { clear: both; }
-div.item div.title { font-weight: bold; }
-div.item div.value { }
 
 /*******************************************************************************
     A   SKIN
@@ -464,4 +571,4 @@ div.item div.value { }
 }
 
 /* vim: set et ts=4 sts=4 sw=4: */
-/* $Id: default.css,v 1.38 2004-09-02 19:39:20 x2000habouzit Exp $ */
+/* $Id: default.css,v 1.39 2004-09-05 20:15:06 x2000coic Exp $ */

diff --git a/templates/fiche.tpl b/templates/fiche.tpl
index 0b0aa70..9455013 100644 (file)
--- a/templates/fiche.tpl
+++ b/templates/fiche.tpl
@@ -17,17 +17,18 @@
  *  Foundation, Inc.,                                                      *
  *  59 Temple Place, Suite 330, Boston, MA  02111-1307  USA                *
  ***************************************************************************
-        $Id: fiche.tpl,v 1.7 2004-09-02 23:25:31 x2000habouzit Exp $
+        $Id: fiche.tpl,v 1.8 2004-09-05 20:15:09 x2000coic Exp $
  ***************************************************************************}
 
 
 {dynamic}
-<div class="boite">
-  <div class="item" style="text-align:center;padding-left: 20px;padding-right: 20px; max-width: 250px;">
-    <strong>{$prenom} {$nom}</strong><br />
-    <span>X {$promo}&nbsp;-&nbsp;{$applis|smarty:nodefaults}</span><br />
+<div id="fiche">
+
+<div id="fiche_identite">
+    <div class="civilite">{$prenom} {$nom}</div>
+    <div><em>{$nationalite}</em> - X {$promo}&nbsp;-&nbsp;Formation&nbsp;: {$applis|smarty:nodefaults}</div>
     <span style="font-size: small;">(Fiche mise à jour le {$date|date_format:"%d/%m/%Y"})</span><br />
-    <span>
+    <div>
       <a href="vcard.php/{$forlife}.vcf?x={$user_id}"><img src="images/vcard.png" alt="Afficher la carte de visite" /></a>&nbsp;
       {if !$is_contact}
       <a href="javascript:x()"  onclick="popWin('mescontacts.php?action=ajouter&amp;user={$forlife}')"><img src="images/ajouter.gif" alt="Ajouter parmi mes contacts" /></a>&nbsp;
@@ -36,129 +37,135 @@
         href="sendmail.php?contenu=Tu%20trouveras%20ci-apres%20la%20fiche%20de%20{$prenom}%20{$nom}%20https://www.polytechnique.org/fiche.php?user={$forlife}"  onclick="return popup(this)">
         <img src="images/mail.png" alt="Envoyer l'URL" />
       </a>
-    </span>
-    <br />
+    </div>
     <a href="mailto:{$forlife}@polytechnique.org">{$forlife}@polytechnique.org</a><br />
-    <span><em>Section</em> : {$section}</span><br />
-    <span><em>Binet(s)</em> : {$binets}</span><br />
-    <span><em>Groupe(s) X</em> : {$groupes}</span><br />
-    {if $mobile}<br /><span><em>Mobile</em> : {$mobile}</span><br />{/if}
-    {if $web}<br /><span><em>Site Web</em> :</span><br /><span><a href="{$web}" onclick="return popup(this)">{$web}</a></span><br />{/if}
-    {if $libre}<br /><span><em>Commentaires</em> :</span><br /><span>{$libre|nl2br}</span>{/if}
-  </div>
-  <div class="item">
-    <img alt="Photo de {$forlife}" src="{$photo_url}" width="{$size_x}" height="{$size_y}" />
-  </div>
-  <div class="spacer">&nbsp;</div>
 </div>
 
+<div id="fiche_divers">
+    <div><img alt="Photo de {$forlife}" src="{$photo_url}" width="{$size_x}" height="{$size_y}" /></div>
+    <em class="intitule">Section : </em><span>{$section}</span><br />
+    <em class="intitule">Binet(s) : </em><span>{$binets}</span><br />
+    <em class="intitule">Groupe(s) X : </em><span>{$groupes}</span><br />
+    {if $mobile}<em class="intitule">Mobile : </em><span>{$mobile}</span><br />{/if}
+    {if $web}<em class="intitule">Site Web : </em><br /><a href="{$web}" onclick="return popup(this)">{$web}</a><br />{/if}
+    {if $libre}<br /><em class="intitule">Commentaires : </em><br /><span>{$libre|nl2br}</span>{/if}
+</div>
+
+<div style="clear: left;">&nbsp;</div>
+<div class="categorie">Contact : </div>
+<hr />
+
+<div id="fiche_adresses">
 {foreach from=$adr item="address" key="i"}
-<div class="boite">
-  <div class="titre">{$address.title}</div>
-  {if $address.adr1 || $address.pays || $address.ville}
-  <div class="item">
-    <div class="title">Adresse :</div>
-    <div class="value">
-      {if $address.adr1}<span>{$address.adr1}</span><br />{/if}
-      {if $address.adr2}<span>{$address.adr2}</span><br />{/if}
-      {if $address.adr3}<span>{$address.adr3}</span><br />{/if}
-      {if $address.ville}<span>{$address.cp} {$address.ville}</span><br />{/if}
-      {if $address.pays}
-      <span>{$address.pays}{if $address.region} ({$address.region}){/if}</span>
-      {/if}
-    </div>
-  </div>
-  {/if}
-  <div class="spacer">&nbsp;</div>
+  <div class="adresse" {if $adr|@count == 1}style="width: 450px; border: 0px;"{/if}>
+    <div class="titre">{$address.title}</div>
+    {if $address.adr1 || $address.pays || $address.ville}
+      <div>
+          {if $address.adr1}<span>{$address.adr1}</span><br />{/if}
+          {if $address.adr2}<span>{$address.adr2}</span><br />{/if}
+          {if $address.adr3}<span>{$address.adr3}</span><br />{/if}
+          {if $address.ville}<span>{$address.cp} {$address.ville}</span><br />{/if}
+          {if $address.pays}
+            <span>{$address.pays}{if $address.region} ({$address.region}){/if}</span>
+          {/if}
+      </div>
+    {/if}
 
-  {if $address.tel}
-  <div class="item">
-    <div class="title">Tél :</div>
-    <div class="value">{$address.tel}</div>
-  </div>
-  {/if}
+    {if $address.tel}
+      <div>
+       <em class="small">Tél : </em>
+       <span class="value">{$address.tel}</span>
+      </div>
+    {/if}
 
-  {if $address.fax}
-  <div class="item">
-    <div class="title">Fax :</div>
-    <div class="value">{$address.fax}</div>
-  </div>
-  {/if}
-  <div class="spacer">&nbsp;</div>
-</div>
+    {if $address.fax}
+    <div>
+      <em class="small">Fax : </em>
+      <span class="value">{$address.fax}</span>
+    </div>
+    {/if}
+ </div>
 {/foreach}
+<div class="spacer">&nbsp;</div>
+</div>
 
+<div class="categorie">Informations professionnelles : </div>
+<hr />
+
+<div id="fiche_infospro">
 {foreach from=$adr_pro item="address" key="i"}
-<div class="boite">
-  <div class="titre">Infos professionnelles - Entreprise n°{$i+1}</div>
-  {if $address.entreprise}
-  <div class="item">
-    <div class="title">Entreprise/Organisme :</div>
-    <div class="value">{$address.entreprise}</div>
-  </div>
-  {/if}
-  {if $address.secteur}
-  <div class="item">
-    <div class="title">Secteur :</div>
-    <div class="value">{$address.secteur}{if $address.ss_secteur} ({$address.ss_secteur}){/if}</div>
+<div class="entreprise">
+  <div class="titre">Entreprise n°{$i+1}</div>
+  <div class="details">
+    {if $address.entreprise}
+    <div>
+      <em>Entreprise/Organisme : </em>
+      <span>{$address.entreprise}</span>
+    </div>
+    {/if}
+    {if $address.secteur}
+     <div>
+       <em>Secteur : </em>
+       <span>{$address.secteur}{if $address.ss_secteur} ({$address.ss_secteur}){/if}</span>
+     </div>
+    {/if}
+  
+    {if $address.fonction}
+      <div>
+        <em>Fonction : </em>
+        <span>{$address.fonction}</span>
+      </div>
+    {/if}
+    {if $address.poste}
+     <div>
+      <em>Poste : </em>
+      <span>{$address.poste}</span>
+     </div>
+    {/if}
   </div>
-  {/if}
-  <div class="spacer">&nbsp;</div>
 
-  {if $address.adr1 || $address.pays || $address.ville}
-  <div class="item">
-    <div class="title">Adresse :</div>
-    <div class="value">
+  <div class="adr_pro">
+    {if $address.adr1 || $address.pays || $address.ville}
+    <em>Adresse : </em><br />
       {if $address.adr1}<span>{$address.adr1}</span><br />{/if}
       {if $address.adr2}<span>{$address.adr2}</span><br />{/if}
       {if $address.adr3}<span>{$address.adr3}</span><br />{/if}
       {if $address.ville}<span>{$address.cp} {$address.ville}</span><br />{/if}
       {if $address.pays}
-      <span>{$address.pays}{if $address.region} ({$address.region}){/if}</span>
+        <span>{$address.pays}{if $address.region} ({$address.region}){/if}</span>
       {/if}
-    </div>
-  </div>
-  {/if}
-  <div class="spacer">&nbsp;</div>
+    {/if}
 
-  {if $address.fonction}
-  <div class="item">
-    <div class="title">Fonction :</div>
-    <div class="value">{$address.fonction}</div>
-  </div>
-  {/if}
-  {if $address.poste}
-  <div class="item">
-    <div class="title">Poste :</div>
-    <div class="value">{$address.poste}</div>
-  </div>
-  {/if}
-  <div class="spacer">&nbsp;</div>
-
-  {if $address.tel}
-  <div class="item">
-    <div class="title">Tél :</div>
-    <div class="value">{$address.tel}</div>
-  </div>
-  {/if}
+    {if $address.tel}
+      <div>
+        <em>Tél : </em>
+        <span>{$address.tel}</span>
+      </div>
+    {/if}
 
-  {if $address.fax}
-  <div class="item">
-    <div class="title">Fax :</div>
-    <div class="value">{$address.fax}</div>
+    {if $address.fax}
+      <div>
+        <em>Fax : </em>
+        <span>{$address.fax}</span>
+      </div>
+    {/if}
   </div>
-  {/if}
   <div class="spacer">&nbsp;</div>
 </div>
 {/foreach}
+</div>
 
 {if $cv}
-<div class="boite">
-  <div class="titre">CV</div>
-  <div class="item">{$cv|nl2br}</div>
-  <div class="spacer">&nbsp;</div>
+<div class="spacer">&nbsp;</div>
+<div class="categorie">Curriculum Vitae : </div>
+<hr />
+<div class="spacer">&nbsp;</div>
+<div id="fiche_cv">
+  <div>{$cv|nl2br}</div>
 </div>
 {/if}
+
+</div>
 {/dynamic}
 
 {* vim:set et sw=2 sts=2 sws=2: *}