fbm.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. /* Flexible box model classes */
  2. /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
  3. .hbox {
  4. display: -webkit-box;
  5. -webkit-box-orient: horizontal;
  6. -webkit-box-align: stretch;
  7. display: -moz-box;
  8. -moz-box-orient: horizontal;
  9. -moz-box-align: stretch;
  10. display: box;
  11. box-orient: horizontal;
  12. box-align: stretch;
  13. }
  14. .hbox > * {
  15. -webkit-box-flex: 0;
  16. -moz-box-flex: 0;
  17. box-flex: 0;
  18. }
  19. .vbox {
  20. display: -webkit-box;
  21. -webkit-box-orient: vertical;
  22. -webkit-box-align: stretch;
  23. display: -moz-box;
  24. -moz-box-orient: vertical;
  25. -moz-box-align: stretch;
  26. display: box;
  27. box-orient: vertical;
  28. box-align: stretch;
  29. }
  30. .vbox > * {
  31. -webkit-box-flex: 0;
  32. -moz-box-flex: 0;
  33. box-flex: 0;
  34. }
  35. .reverse {
  36. -webkit-box-direction: reverse;
  37. -moz-box-direction: reverse;
  38. box-direction: reverse;
  39. }
  40. .box-flex0 {
  41. -webkit-box-flex: 0;
  42. -moz-box-flex: 0;
  43. box-flex: 0;
  44. }
  45. .box-flex1, .box-flex {
  46. -webkit-box-flex: 1;
  47. -moz-box-flex: 1;
  48. box-flex: 1;
  49. }
  50. .box-flex2 {
  51. -webkit-box-flex: 2;
  52. -moz-box-flex: 2;
  53. box-flex: 2;
  54. }
  55. .box-group1 {
  56. -webkit-box-flex-group: 1;
  57. -moz-box-flex-group: 1;
  58. box-flex-group: 1;
  59. }
  60. .box-group2 {
  61. -webkit-box-flex-group: 2;
  62. -moz-box-flex-group: 2;
  63. box-flex-group: 2;
  64. }
  65. .start {
  66. -webkit-box-pack: start;
  67. -moz-box-pack: start;
  68. box-pack: start;
  69. }
  70. .end {
  71. -webkit-box-pack: end;
  72. -moz-box-pack: end;
  73. box-pack: end;
  74. }
  75. .center {
  76. -webkit-box-pack: center;
  77. -moz-box-pack: center;
  78. box-pack: center;
  79. }