You are here

Home » API reference » AT Tools 8.2

fourcol-source-ordered-inset-left.css in AT Tools 8.2

Same filename in this branch
  1. 8.2 at_theme_generator/starterkits/starterkit/layout/site-builder/css/fourcol/fourcol-source-ordered-inset-left.css
  2. 8.2 at_theme_generator/starterkits/starterkit/layout/flex-builder/css/fourcol/fourcol-source-ordered-inset-left.css
Same filename and directory in other branches
  1. 8 at_theme_generator/starterkits/starterkit/layout/site-builder/css/fourcol/fourcol-source-ordered-inset-left.css
.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.10169%;
  float: left;
  margin-right: 1.69492%;
}

.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: 32.20339%;
  float: right;
  margin-right: 0;
}

.fourcol-source-ordered-inset-left .hr--2-3 .l-r {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
}

.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.89831%;
  width: 66.10169%;
  float: left;
  margin-right: 1.69492%;
}

.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: -101.69492%;
  width: 32.20339%;
  float: left;
  margin-right: 1.69492%;
}

.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: 49.15254%;
  float: left;
  margin-right: 1.69492%;
}

.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: 205.26316%;
  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: 205.26316%;
  float: left;
  margin-left: 105.26316%;
  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: 100%;
}

.fourcol-source-ordered-inset-left .hr--2-3-4 .l-r:first-child {
  margin-left: 33.89831%;
  width: 32.20339%;
  float: left;
  margin-right: 1.69492%;
}

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

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

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

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

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

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

File

at_theme_generator/starterkits/starterkit/layout/site-builder/css/fourcol/fourcol-source-ordered-inset-left.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.10169%;

  4.   float: left;

  5.   margin-right: 1.69492%;

  6. }

  7. 

  8. .fourcol-source-ordered-inset-left .hr--1-2 .l-r:last-child,

  9. .fourcol-source-ordered-inset-left .hr--1-3 .l-r:last-child {

  10.   width: 32.20339%;

  11.   float: right;

  12.   margin-right: 0;

  13. }

  14. 

  15. .fourcol-source-ordered-inset-left .hr--2-3 .l-r {

  16.   width: 49.15254%;

  17.   float: left;

  18.   margin-right: 1.69492%;

  19. }

  20. 

  21. .fourcol-source-ordered-inset-left .hr--2-3 .l-r:last-child {

  22.   float: right;

  23.   margin-right: 0;

  24. }

  25. 

  26. .fourcol-source-ordered-inset-left .hr--1-4 .l-r:first-child,

  27. .fourcol-source-ordered-inset-left .hr--2-4 .l-r:first-child,

  28. .fourcol-source-ordered-inset-left .hr--3-4 .l-r:first-child {

  29.   margin-left: 33.89831%;

  30.   width: 66.10169%;

  31.   float: left;

  32.   margin-right: 1.69492%;

  33. }

  34. 

  35. .fourcol-source-ordered-inset-left .hr--1-4 .l-r:last-child,

  36. .fourcol-source-ordered-inset-left .hr--2-4 .l-r:last-child,

  37. .fourcol-source-ordered-inset-left .hr--3-4 .l-r:last-child {

  38.   margin-left: -101.69492%;

  39.   width: 32.20339%;

  40.   float: left;

  41.   margin-right: 1.69492%;

  42. }

  43. 

  44. .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 {

  45.   width: 49.15254%;

  46.   float: left;

  47.   margin-right: 1.69492%;

  48. }

  49. 

  50. .fourcol-source-ordered-inset-left .hr--1-2-3 .l-r:last-child {

  51.   float: right;

  52.   margin-right: 0;

  53. }

  54. 

  55. .fourcol-source-ordered-inset-left .hr--1-2-4 .l-r:first-child,

  56. .fourcol-source-ordered-inset-left .hr--1-3-4 .l-r:first-child {

  57.   width: 205.26316%;

  58.   float: right;

  59.   margin-right: 0;

  60. }

  61. 

  62. .fourcol-source-ordered-inset-left .hr--1-2-4 .l-r:nth-child(2),

  63. .fourcol-source-ordered-inset-left .hr--1-3-4 .l-r:nth-child(2) {

  64.   clear: right;

  65.   width: 205.26316%;

  66.   float: left;

  67.   margin-left: 105.26316%;

  68.   margin-right: -100%;

  69. }

  70. 

  71. .fourcol-source-ordered-inset-left .hr--1-2-4 .l-r:last-child,

  72. .fourcol-source-ordered-inset-left .hr--1-3-4 .l-r:last-child {

  73.   width: 100%;

  74. }

  75. 

  76. .fourcol-source-ordered-inset-left .hr--2-3-4 .l-r:first-child {

  77.   margin-left: 33.89831%;

  78.   width: 32.20339%;

  79.   float: left;

  80.   margin-right: 1.69492%;

  81. }

  82. 

  83. .fourcol-source-ordered-inset-left .hr--2-3-4 .l-r:nth-child(2) {

  84.   width: 32.20339%;

  85.   float: right;

  86.   margin-right: 0;

  87. }

  88. 

  89. .fourcol-source-ordered-inset-left .hr--2-3-4 .l-r:last-child {

  90.   width: 32.20339%;

  91.   float: left;

  92.   margin-right: 1.69492%;

  93. }

  94. 

  95. .fourcol-source-ordered-inset-left .arc--4 .l-r:first-child {

  96.   width: 66.10169%;

  97.   float: right;

  98.   margin-right: 0;

  99. }

  100. 

  101. .fourcol-source-ordered-inset-left .arc--4 .l-r:nth-child(2) {

  102.   clear: right;

  103.   width: 32.20339%;

  104.   float: left;

  105.   margin-left: 33.89831%;

  106.   margin-right: -100%;

  107. }

  108. 

  109. .fourcol-source-ordered-inset-left .arc--4 .l-r:nth-child(3) {

  110.   width: 32.20339%;

  111.   float: left;

  112.   margin-left: 67.79661%;

  113.   margin-right: -100%;

  114. }

  115. 

  116. .fourcol-source-ordered-inset-left .arc--4 .l-r:last-child {

  117.   width: 32.20339%;

  118. }