grid.php 856 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <?php
  2. /**
  3. * CSS grid
  4. *
  5. * @package Elgg.Core
  6. * @subpackage UI
  7. *
  8. * To work around subpixel rounding discrepancies, apply .elgg-col-last to
  9. * the last column
  10. * @todo we need broswer-specific test cases for this
  11. * @todo this should go away as soon as Opera switches to Webkit
  12. */
  13. ?>
  14. /* ***************************************
  15. Grid
  16. *************************************** */
  17. /*<style>/**/
  18. .elgg-col {
  19. float: left;
  20. }
  21. .elgg-col-alt {
  22. float: right;
  23. }
  24. .elgg-col-1of1 {
  25. float: none;
  26. }
  27. .elgg-col-1of2 {
  28. width: 50%;
  29. }
  30. .elgg-col-1of3 {
  31. width: 33.33%;
  32. }
  33. .elgg-col-2of3 {
  34. width: 66.66%;
  35. }
  36. .elgg-col-1of4 {
  37. width: 25%;
  38. }
  39. .elgg-col-3of4 {
  40. width: 75%;
  41. }
  42. .elgg-col-1of5 {
  43. width: 20%;
  44. }
  45. .elgg-col-2of5 {
  46. width: 40%;
  47. }
  48. .elgg-col-3of5 {
  49. width: 60%;
  50. }
  51. .elgg-col-4of5 {
  52. width: 80%;
  53. }
  54. .elgg-col-1of6 {
  55. width: 16.66%;
  56. }
  57. .elgg-col-5of6 {
  58. width: 83.33%;
  59. }