www/squelettes-dist/css/clear.css

   1 /* --------------------------------------------------------------
   2
   3    clear.css
   4    Classes pour faciliter la composition
   5    Cf.: http://contrib.spip.net/3820
   6
   7 -------------------------------------------------------------- */
   8
   9 /* Blocs */
  10 .bloc { display: block; margin-bottom: 1.5em; }
  11 .box { display: block; margin-bottom: 1.5em; padding: 1.5em; background: #EEE; }
  12
  13 /* Listes, tableaux et mosaiques */
  14 .first { margin-left: 0; padding-left: 0; }
  15 .last { margin-right: 0; padding-right: 0; }
  16 .top { margin-top: 0; padding-top: 0; }
  17 .bottom { margin-bottom: 0; padding-bottom: 0; }
  18 .odd {}
  19 .even {}
  20 .sep {}
  21
  22 /* Alignements */
  23 .left { float: left !important; }
  24 .right { float: right !important; }
  25 .center { text-align: center; margin-right: auto; margin-left: auto; }
  26
  27 /* Espaceur de blocs */
  28 .clear { clear: both; }
  29 br.clear, .nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }
  30 hr.clear { visibility: hidden; }
  31
  32 /* clearfix : http://www.positioniseverything.net/easyclearing.html */
  33 .clearfix:after {
  34     content: "\0020";
  35     display: block;
  36     height: 0;
  37     clear: both;
  38     visibility: hidden;
  39     overflow: hidden;
  40 }
  41 .clearfix { display: inline-table; }
  42
  43 /* Hides from IE-mac \*/
  44 .clearfix { height: 1%; }
  45 .clearfix { display: block; }
  46 /* End hide from IE-mac */
  47
  48 /* Non visible a l'ecran */
  49 .offscreen, .invisible { position: absolute; left: -999em; height: 1%; }
  50 .hidden { visibility: hidden; }
  51 .none { display: none; }
  52
  53 /* debug */
  54 .todo { opacity: 0.5; }
  55 .todo:hover { opacity: 1; }
  56 .blink { text-decoration: blink; }
  57
  58 /* end */