You are here

fourcol-source-ordered-inset-left-3.css in AT Tools 8.3

.fourcol-source-ordered-inset-left .hr--1-2 .l-r:first-child,
.fourcol-source-ordered-inset-left .hr--1-3 .l-r:first-child {
  width: 66.66667%;
  float: left;
}

.fourcol-source-ordered-inset-left .hr--1-2 .l-r:last-child,
.fourcol-source-ordered-inset-left .hr--1-3 .l-r:last-child {
  width: 33.33333%;
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-inset-left .hr--2-3 .l-r {
  width: 50%;
  float: left;
}

.fourcol-source-ordered-inset-left .hr--2-3 .l-r:last-child {
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-inset-left .hr--1-4 .l-r:first-child,
.fourcol-source-ordered-inset-left .hr--2-4 .l-r:first-child,
.fourcol-source-ordered-inset-left .hr--3-4 .l-r:first-child {
  margin-left: 33.33333%;
  width: 66.66667%;
  float: left;
}

.fourcol-source-ordered-inset-left .hr--1-4 .l-r:last-child,
.fourcol-source-ordered-inset-left .hr--2-4 .l-r:last-child,
.fourcol-source-ordered-inset-left .hr--3-4 .l-r:last-child {
  margin-left: -100%;
  width: 33.33333%;
  float: left;
}

.fourcol-source-ordered-inset-left .hr--1-2-3 .l-r:nth-child(2), .fourcol-source-ordered-inset-left .hr--1-2-3 .l-r:last-child {
  width: 50%;
  float: left;
}

.fourcol-source-ordered-inset-left .hr--1-2-3 .l-r:last-child {
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-inset-left .hr--1-2-4 .l-r:first-child,
.fourcol-source-ordered-inset-left .hr--1-3-4 .l-r:first-child {
  width: 66.66667%;
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-inset-left .hr--1-2-4 .l-r:nth-child(2),
.fourcol-source-ordered-inset-left .hr--1-3-4 .l-r:nth-child(2) {
  clear: right;
  width: 66.66667%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%;
}

.fourcol-source-ordered-inset-left .hr--1-2-4 .l-r:last-child,
.fourcol-source-ordered-inset-left .hr--1-3-4 .l-r:last-child {
  width: 33.33333%;
}

.fourcol-source-ordered-inset-left .hr--2-3-4 .l-r:first-child {
  margin-left: 25%;
  width: 41.66667%;
  float: left;
}

.fourcol-source-ordered-inset-left .hr--2-3-4 .l-r:nth-child(2) {
  width: 33.33333%;
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-inset-left .hr--2-3-4 .l-r:last-child {
  width: 41.66667%;
  float: left;
}

.fourcol-source-ordered-inset-left .arc--4 .l-r:first-child {
  width: 75%;
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-inset-left .arc--4 .l-r:nth-child(2) {
  clear: right;
  width: 33.33333%;
  float: left;
  margin-left: 25%;
  margin-right: -100%;
}

.fourcol-source-ordered-inset-left .arc--4 .l-r:nth-child(3) {
  width: 25%;
  float: left;
  margin-left: 75%;
  margin-right: -100%;
}

.fourcol-source-ordered-inset-left .arc--4 .l-r:last-child {
  width: 25%;
}

File

at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fourcol/fourcol-source-ordered-inset-left-3.css
View source
  1. .fourcol-source-ordered-inset-left .hr--1-2 .l-r:first-child,
  2. .fourcol-source-ordered-inset-left .hr--1-3 .l-r:first-child {
  3. width: 66.66667%;
  4. float: left;
  5. }
  6. .fourcol-source-ordered-inset-left .hr--1-2 .l-r:last-child,
  7. .fourcol-source-ordered-inset-left .hr--1-3 .l-r:last-child {
  8. width: 33.33333%;
  9. float: right;
  10. margin-right: 0;
  11. }
  12. .fourcol-source-ordered-inset-left .hr--2-3 .l-r {
  13. width: 50%;
  14. float: left;
  15. }
  16. .fourcol-source-ordered-inset-left .hr--2-3 .l-r:last-child {
  17. float: right;
  18. margin-right: 0;
  19. }
  20. .fourcol-source-ordered-inset-left .hr--1-4 .l-r:first-child,
  21. .fourcol-source-ordered-inset-left .hr--2-4 .l-r:first-child,
  22. .fourcol-source-ordered-inset-left .hr--3-4 .l-r:first-child {
  23. margin-left: 33.33333%;
  24. width: 66.66667%;
  25. float: left;
  26. }
  27. .fourcol-source-ordered-inset-left .hr--1-4 .l-r:last-child,
  28. .fourcol-source-ordered-inset-left .hr--2-4 .l-r:last-child,
  29. .fourcol-source-ordered-inset-left .hr--3-4 .l-r:last-child {
  30. margin-left: -100%;
  31. width: 33.33333%;
  32. float: left;
  33. }
  34. .fourcol-source-ordered-inset-left .hr--1-2-3 .l-r:nth-child(2), .fourcol-source-ordered-inset-left .hr--1-2-3 .l-r:last-child {
  35. width: 50%;
  36. float: left;
  37. }
  38. .fourcol-source-ordered-inset-left .hr--1-2-3 .l-r:last-child {
  39. float: right;
  40. margin-right: 0;
  41. }
  42. .fourcol-source-ordered-inset-left .hr--1-2-4 .l-r:first-child,
  43. .fourcol-source-ordered-inset-left .hr--1-3-4 .l-r:first-child {
  44. width: 66.66667%;
  45. float: right;
  46. margin-right: 0;
  47. }
  48. .fourcol-source-ordered-inset-left .hr--1-2-4 .l-r:nth-child(2),
  49. .fourcol-source-ordered-inset-left .hr--1-3-4 .l-r:nth-child(2) {
  50. clear: right;
  51. width: 66.66667%;
  52. float: left;
  53. margin-left: 33.33333%;
  54. margin-right: -100%;
  55. }
  56. .fourcol-source-ordered-inset-left .hr--1-2-4 .l-r:last-child,
  57. .fourcol-source-ordered-inset-left .hr--1-3-4 .l-r:last-child {
  58. width: 33.33333%;
  59. }
  60. .fourcol-source-ordered-inset-left .hr--2-3-4 .l-r:first-child {
  61. margin-left: 25%;
  62. width: 41.66667%;
  63. float: left;
  64. }
  65. .fourcol-source-ordered-inset-left .hr--2-3-4 .l-r:nth-child(2) {
  66. width: 33.33333%;
  67. float: right;
  68. margin-right: 0;
  69. }
  70. .fourcol-source-ordered-inset-left .hr--2-3-4 .l-r:last-child {
  71. width: 41.66667%;
  72. float: left;
  73. }
  74. .fourcol-source-ordered-inset-left .arc--4 .l-r:first-child {
  75. width: 75%;
  76. float: right;
  77. margin-right: 0;
  78. }
  79. .fourcol-source-ordered-inset-left .arc--4 .l-r:nth-child(2) {
  80. clear: right;
  81. width: 33.33333%;
  82. float: left;
  83. margin-left: 25%;
  84. margin-right: -100%;
  85. }
  86. .fourcol-source-ordered-inset-left .arc--4 .l-r:nth-child(3) {
  87. width: 25%;
  88. float: left;
  89. margin-left: 75%;
  90. margin-right: -100%;
  91. }
  92. .fourcol-source-ordered-inset-left .arc--4 .l-r:last-child {
  93. width: 25%;
  94. }