[Sommaire] [Imprimer]

   1  /**

   2   * Image styles

   3   */
   4  
   5  img {
   6      border:none;
   7  }
   8  
   9  img.top {
  10      vertical-align:top;
  11  }
  12  
  13  input.middle, /* for image types */
  14  img.middle {
  15      vertical-align:middle;
  16  }
  17  
  18  img.icon {
  19      vertical-align:bottom;
  20  }
  21  
  22  img.leftmargin {
  23      float:left;
  24      margin-right:1ex;
  25      margin-top:.2ex;
  26      margin-bottom:.2ex;
  27  }
  28  
  29  img.rightmargin {
  30      float:right;
  31      margin-left:1ex;
  32      margin-top:.2ex;
  33      margin-bottom:.2ex;
  34  }
  35  
  36  img.flag {
  37      vertical-align:middle;
  38      border:1px solid #000;
  39  }
  40  
  41  div.single_image_zone {
  42      overflow: hidden;
  43  }
  44  
  45  div.multi_image_zone {
  46      overflow: hidden;
  47      background-color: #eee;
  48      border: 1px solid #ccc;
  49  }
  50  
  51  div.image_block {
  52      /* WARNING: this will screw out backoffice layout (fulltext edit screen) in firefox! 

  53          overflow: hidden; */
  54      text-align: center;
  55  }
  56  
  57  /* We only float image_blocks when in multiple image zone */

  58  div.multi_image_zone div.image_block 
  59  {    
  60      margin: 1ex;
  61      float: left;
  62  }
  63  
  64  div.image_block img {
  65      margin: 1ex;
  66  }
  67  
  68  div.image_legend {
  69      font-size: 84%;
  70      color: #aaa;
  71      margin: 1ex;
  72  }