You are here

Home » API reference » AT Tools 8.3

threecol-source-ordered-4-5-3.css in AT Tools 8.3

Same filename in this branch
  1. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-flex/css/threecol/threecol-source-ordered-4-5-3.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/threecol/threecol-source-ordered-4-5-3.css
.threecol-source-ordered-4-5-3 .hr--1-2 .l-r:first-child {
  margin-left: 33.33333%;
  width: 66.66667%;
  float: left;
}

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

.threecol-source-ordered-4-5-3 .hr--1-3 .l-r:first-child {
  width: 75%;
  float: left;
}

.threecol-source-ordered-4-5-3 .hr--1-3 .l-r:last-child {
  width: 25%;
  float: right;
  margin-right: 0;
}

.threecol-source-ordered-4-5-3 .hr--2-3 .l-r {
  width: 50%;
  float: left;
}

.threecol-source-ordered-4-5-3 .hr--2-3 .l-r:last-child {
  float: right;
  margin-right: 0;
}

.threecol-source-ordered-4-5-3 .arc--3 .l-r:first-child {
  margin-left: 33.33333%;
  width: 41.66667%;
  float: left;
}

.threecol-source-ordered-4-5-3 .arc--3 .l-r:nth-child(2) {
  margin-left: -75%;
  width: 33.33333%;
  float: left;
}

.threecol-source-ordered-4-5-3 .arc--3 .l-r:last-child {
  width: 25%;
  float: right;
  margin-right: 0;
}

File

at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/threecol/threecol-source-ordered-4-5-3.css
View source 
  1. .threecol-source-ordered-4-5-3 .hr--1-2 .l-r:first-child {

  2.   margin-left: 33.33333%;

  3.   width: 66.66667%;

  4.   float: left;

  5. }

  6. 

  7. .threecol-source-ordered-4-5-3 .hr--1-2 .l-r:last-child {

  8.   margin-left: -100%;

  9.   width: 33.33333%;

  10.   float: left;

  11. }

  12. 

  13. .threecol-source-ordered-4-5-3 .hr--1-3 .l-r:first-child {

  14.   width: 75%;

  15.   float: left;

  16. }

  17. 

  18. .threecol-source-ordered-4-5-3 .hr--1-3 .l-r:last-child {

  19.   width: 25%;

  20.   float: right;

  21.   margin-right: 0;

  22. }

  23. 

  24. .threecol-source-ordered-4-5-3 .hr--2-3 .l-r {

  25.   width: 50%;

  26.   float: left;

  27. }

  28. 

  29. .threecol-source-ordered-4-5-3 .hr--2-3 .l-r:last-child {

  30.   float: right;

  31.   margin-right: 0;

  32. }

  33. 

  34. .threecol-source-ordered-4-5-3 .arc--3 .l-r:first-child {

  35.   margin-left: 33.33333%;

  36.   width: 41.66667%;

  37.   float: left;

  38. }

  39. 

  40. .threecol-source-ordered-4-5-3 .arc--3 .l-r:nth-child(2) {

  41.   margin-left: -75%;

  42.   width: 33.33333%;

  43.   float: left;

  44. }

  45. 

  46. .threecol-source-ordered-4-5-3 .arc--3 .l-r:last-child {

  47.   width: 25%;

  48.   float: right;

  49.   margin-right: 0;

  50. }