page_layouts.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /* common styles */
  2. .bx-layout-row.bx-lr-dump {
  3. display: block;
  4. }
  5. .bx-layout-row.bx-lr-dump .adm-bp-cell {
  6. margin-top: 0;
  7. margin-bottom: 0;
  8. border-style: dashed;
  9. }
  10. .bx-layout-col {
  11. float:left;
  12. }
  13. /* layout 1 column */
  14. .bx-layout-1-column-column1 {
  15. float:none;
  16. }
  17. /* layout 1 column thin */
  18. .bx-layout-1-column-thin-column1 {
  19. float:none;
  20. width:33.3%;
  21. }
  22. /* layout 1 column half */
  23. .bx-layout-1-column-half-column1 {
  24. float:none;
  25. width:50%;
  26. }
  27. /* layout 3 columns */
  28. .bx-layout-3-columns-column3,
  29. .bx-layout-3-columns-column1 {
  30. width:33.3%;
  31. }
  32. .bx-layout-3-columns-column2 {
  33. width:33.4%;
  34. }
  35. /* layout 3 columns (1:3:2) */
  36. .bx-layout-col1-col3-col2-column1 {
  37. width:20.0%;
  38. }
  39. .bx-layout-col1-col3-col2-column2 {
  40. width:50.0%;
  41. }
  42. .bx-layout-col1-col3-col2-column3 {
  43. width:30.0%;
  44. }
  45. /* layout 2 columns (1:5) */
  46. .bx-layout-col1-col5-column1 {
  47. width:20.0%;
  48. }
  49. .bx-layout-col1-col5-column2 {
  50. width:80.0%;
  51. }
  52. /* layout bar content bar */
  53. .bx-layout-bcb-bar1,
  54. .bx-layout-bcb-bar2 {
  55. width:25.0%;
  56. }
  57. .bx-layout-bcb-content {
  58. width:50.0%;
  59. }
  60. /* layout 2 columns */
  61. .bx-layout-2-columns-column1,
  62. .bx-layout-2-columns-column2 {
  63. width:50%;
  64. }
  65. /* layout bar left */
  66. .bx-layout-bar-left-bar {
  67. width:34%;
  68. }
  69. .bx-layout-bar-left-content {
  70. width:66%;
  71. }
  72. /* layout bar right */
  73. .bx-layout-bar-right-bar {
  74. width:34%;
  75. }
  76. .bx-layout-bar-right-content {
  77. width:66%;
  78. }