clear.css 1.6 KB

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