You are here

Home » API reference » AT Tools 8.3

fourcol-source-ordered-12--3-6-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/fourcol/fourcol-source-ordered-12--3-6-3.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fourcol/fourcol-source-ordered-12--3-6-3.css
.fourcol-source-ordered-12--3-6-3 .hr--3-4 .l-r {
  width: 50%;
  float: left;
}

.fourcol-source-ordered-12--3-6-3 .hr--3-4 .l-r:last-child {
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-12--3-6-3 .hr--2-3 .l-r:first-child {
  width: 75%;
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-12--3-6-3 .hr--2-3 .l-r:last-child {
  width: 25%;
  float: left;
}

.fourcol-source-ordered-12--3-6-3 .hr--2-4 .l-r:first-child {
  width: 75%;
  float: left;
}

.fourcol-source-ordered-12--3-6-3 .hr--2-4 .l-r:last-child {
  width: 25%;
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-12--3-6-3 .hr--1-2-3 .l-r:nth-child(2) {
  margin-left: 25%;
  width: 75%;
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-12--3-6-3 .hr--1-2-3 .l-r:last-child {
  margin-left: -100%;
  width: 25%;
  float: left;
}

.fourcol-source-ordered-12--3-6-3 .hr--1-2-4 .l-r:nth-child(2) {
  width: 75%;
  float: left;
}

.fourcol-source-ordered-12--3-6-3 .hr--1-2-4 .l-r:last-child {
  width: 25%;
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-12--3-6-3 .hr--1-3-4 .l-r:nth-child(2) {
  width: 75%;
  float: left;
}

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

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

.fourcol-source-ordered-12--3-6-3 .hr--2-3-4 .l-r:nth-child(2) {
  width: 25%;
  float: left;
  margin-left: -75%;
}

.fourcol-source-ordered-12--3-6-3 .hr--2-3-4 .l-r:last-child {
  width: 25%;
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-12--3-6-3 .arc--4 .l-r:nth-child(2) {
  width: 50%;
  float: left;
  margin-left: 25%;
}

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

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

File

at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fourcol/fourcol-source-ordered-12--3-6-3.css
View source 
  1. .fourcol-source-ordered-12--3-6-3 .hr--3-4 .l-r {

  2.   width: 50%;

  3.   float: left;

  4. }

  5. 

  6. .fourcol-source-ordered-12--3-6-3 .hr--3-4 .l-r:last-child {

  7.   float: right;

  8.   margin-right: 0;

  9. }

  10. 

  11. .fourcol-source-ordered-12--3-6-3 .hr--2-3 .l-r:first-child {

  12.   width: 75%;

  13.   float: right;

  14.   margin-right: 0;

  15. }

  16. 

  17. .fourcol-source-ordered-12--3-6-3 .hr--2-3 .l-r:last-child {

  18.   width: 25%;

  19.   float: left;

  20. }

  21. 

  22. .fourcol-source-ordered-12--3-6-3 .hr--2-4 .l-r:first-child {

  23.   width: 75%;

  24.   float: left;

  25. }

  26. 

  27. .fourcol-source-ordered-12--3-6-3 .hr--2-4 .l-r:last-child {

  28.   width: 25%;

  29.   float: right;

  30.   margin-right: 0;

  31. }

  32. 

  33. .fourcol-source-ordered-12--3-6-3 .hr--1-2-3 .l-r:nth-child(2) {

  34.   margin-left: 25%;

  35.   width: 75%;

  36.   float: right;

  37.   margin-right: 0;

  38. }

  39. 

  40. .fourcol-source-ordered-12--3-6-3 .hr--1-2-3 .l-r:last-child {

  41.   margin-left: -100%;

  42.   width: 25%;

  43.   float: left;

  44. }

  45. 

  46. .fourcol-source-ordered-12--3-6-3 .hr--1-2-4 .l-r:nth-child(2) {

  47.   width: 75%;

  48.   float: left;

  49. }

  50. 

  51. .fourcol-source-ordered-12--3-6-3 .hr--1-2-4 .l-r:last-child {

  52.   width: 25%;

  53.   float: right;

  54.   margin-right: 0;

  55. }

  56. 

  57. .fourcol-source-ordered-12--3-6-3 .hr--1-3-4 .l-r:nth-child(2) {

  58.   width: 75%;

  59.   float: left;

  60. }

  61. 

  62. .fourcol-source-ordered-12--3-6-3 .hr--1-3-4 .l-r:last-child {

  63.   width: 25%;

  64.   float: right;

  65.   margin-right: 0;

  66. }

  67. 

  68. .fourcol-source-ordered-12--3-6-3 .hr--2-3-4 .l-r:first-child {

  69.   width: 50%;

  70.   float: left;

  71.   margin-left: 25%;

  72. }

  73. 

  74. .fourcol-source-ordered-12--3-6-3 .hr--2-3-4 .l-r:nth-child(2) {

  75.   width: 25%;

  76.   float: left;

  77.   margin-left: -75%;

  78. }

  79. 

  80. .fourcol-source-ordered-12--3-6-3 .hr--2-3-4 .l-r:last-child {

  81.   width: 25%;

  82.   float: right;

  83.   margin-right: 0;

  84. }

  85. 

  86. .fourcol-source-ordered-12--3-6-3 .arc--4 .l-r:nth-child(2) {

  87.   width: 50%;

  88.   float: left;

  89.   margin-left: 25%;

  90. }

  91. 

  92. .fourcol-source-ordered-12--3-6-3 .arc--4 .l-r:nth-child(3) {

  93.   width: 25%;

  94.   float: left;

  95.   margin-left: -75%;

  96. }

  97. 

  98. .fourcol-source-ordered-12--3-6-3 .arc--4 .l-r:last-child {

  99.   width: 25%;

  100.   float: right;

  101.   margin-right: 0;

  102. }