You are here

Home » API reference » AT Tools 8.3

fourcol-source-ordered-inset-left-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-inset-left-3.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fourcol/fourcol-source-ordered-inset-left-3.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.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. 

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

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

  9.   width: 33.33333%;

  10.   float: right;

  11.   margin-right: 0;

  12. }

  13. 

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

  15.   width: 50%;

  16.   float: left;

  17. }

  18. 

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

  20.   float: right;

  21.   margin-right: 0;

  22. }

  23. 

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

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

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

  27.   margin-left: 33.33333%;

  28.   width: 66.66667%;

  29.   float: left;

  30. }

  31. 

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

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

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

  35.   margin-left: -100%;

  36.   width: 33.33333%;

  37.   float: left;

  38. }

  39. 

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

  41.   width: 50%;

  42.   float: left;

  43. }

  44. 

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

  46.   float: right;

  47.   margin-right: 0;

  48. }

  49. 

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

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

  52.   width: 66.66667%;

  53.   float: right;

  54.   margin-right: 0;

  55. }

  56. 

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

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

  59.   clear: right;

  60.   width: 66.66667%;

  61.   float: left;

  62.   margin-left: 33.33333%;

  63.   margin-right: -100%;

  64. }

  65. 

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

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

  68.   width: 33.33333%;

  69. }

  70. 

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

  72.   margin-left: 25%;

  73.   width: 41.66667%;

  74.   float: left;

  75. }

  76. 

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

  78.   width: 33.33333%;

  79.   float: right;

  80.   margin-right: 0;

  81. }

  82. 

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

  84.   width: 41.66667%;

  85.   float: left;

  86. }

  87. 

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

  89.   width: 75%;

  90.   float: right;

  91.   margin-right: 0;

  92. }

  93. 

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

  95.   clear: right;

  96.   width: 33.33333%;

  97.   float: left;

  98.   margin-left: 25%;

  99.   margin-right: -100%;

  100. }

  101. 

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

  103.   width: 25%;

  104.   float: left;

  105.   margin-left: 75%;

  106.   margin-right: -100%;

  107. }

  108. 

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

  110.   width: 25%;

  111. }