You are here

Home » API reference » AT Tools 8.3

fivecol-12--6-6-6-6.css in AT Tools 8.3

Same filename in this branch
  1. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-flex/css/fivecol/fivecol-12--6-6-6-6.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fivecol/fivecol-12--6-6-6-6.css
.fivecol-12--6-6-6-6 .arc--2 .l-r {
  width: 50%;
  float: left;
}

.fivecol-12--6-6-6-6 .arc--2 .l-r:last-child {
  float: right;
  margin-right: 0;
}

.fivecol-12--6-6-6-6 .arc--3 .l-r {
  width: 50%;
  float: left;
}

.fivecol-12--6-6-6-6 .arc--3 .l-r:nth-child(2n) {
  float: right;
  margin-right: 0;
}

.fivecol-12--6-6-6-6 .arc--3 .l-r:last-child {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  clear: both;
}

.fivecol-12--6-6-6-6 .arc--4 .l-r {
  width: 50%;
  float: left;
}

.fivecol-12--6-6-6-6 .arc--4 .l-r:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.fivecol-12--6-6-6-6 .arc--4 .l-r:nth-child(2n + 2) {
  margin-left: 50%;
  margin-right: -100%;
  clear: none;
}

.fivecol-12--6-6-6-6 .arc--5 .l-r {
  width: 50%;
  float: left;
}

.fivecol-12--6-6-6-6 .arc--5 .l-r:first-child {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.fivecol-12--6-6-6-6 .arc--5 .l-r:nth-child(2n) {
  float: right;
  margin-right: 0;
}

File

at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fivecol/fivecol-12--6-6-6-6.css
View source 
  1. .fivecol-12--6-6-6-6 .arc--2 .l-r {

  2.   width: 50%;

  3.   float: left;

  4. }

  5. 

  6. .fivecol-12--6-6-6-6 .arc--2 .l-r:last-child {

  7.   float: right;

  8.   margin-right: 0;

  9. }

  10. 

  11. .fivecol-12--6-6-6-6 .arc--3 .l-r {

  12.   width: 50%;

  13.   float: left;

  14. }

  15. 

  16. .fivecol-12--6-6-6-6 .arc--3 .l-r:nth-child(2n) {

  17.   float: right;

  18.   margin-right: 0;

  19. }

  20. 

  21. .fivecol-12--6-6-6-6 .arc--3 .l-r:last-child {

  22.   width: 100%;

  23.   float: left;

  24.   margin-left: 0;

  25.   margin-right: 0;

  26.   clear: both;

  27. }

  28. 

  29. .fivecol-12--6-6-6-6 .arc--4 .l-r {

  30.   width: 50%;

  31.   float: left;

  32. }

  33. 

  34. .fivecol-12--6-6-6-6 .arc--4 .l-r:nth-child(2n + 1) {

  35.   margin-left: 0;

  36.   margin-right: -100%;

  37.   clear: both;

  38.   margin-left: 0;

  39. }

  40. 

  41. .fivecol-12--6-6-6-6 .arc--4 .l-r:nth-child(2n + 2) {

  42.   margin-left: 50%;

  43.   margin-right: -100%;

  44.   clear: none;

  45. }

  46. 

  47. .fivecol-12--6-6-6-6 .arc--5 .l-r {

  48.   width: 50%;

  49.   float: left;

  50. }

  51. 

  52. .fivecol-12--6-6-6-6 .arc--5 .l-r:first-child {

  53.   width: 100%;

  54.   float: left;

  55.   margin-left: 0;

  56.   margin-right: 0;

  57. }

  58. 

  59. .fivecol-12--6-6-6-6 .arc--5 .l-r:nth-child(2n) {

  60.   float: right;

  61.   margin-right: 0;

  62. }