You are here

Home » API reference » Webform Layout 7

layout_box.css in Webform Layout 7

Same filename and directory in other branches
  1. 6 layout_box.css
  2. 7.2 layout_box.css
.webform-layout-box.horiz,
.webform-layout-box.equal {
  word-spacing: -1em; /* remove the space between inline-blocks */
}

.webform-layout-box.horiz > *,
.webform-layout-box.equal > * {
  display: inline-block;
  vertical-align: top;
  word-spacing: normal;
  /* hack for IE 6&7 */
  zoom: 1;
  *display: inline;
}

.webform-layout-box.horiz > * + * {
  margin-left: 1em; /* add space between variable-width blocks */
}

.webform-layout-box > .form-item input{
  max-width: 100%;
}

.webform-layout-box.equal.child-width-2  > * {width: 50%;}
.webform-layout-box.equal.child-width-3  > * {width: 33.3%;}
.webform-layout-box.equal.child-width-4  > * {width: 25%;}
.webform-layout-box.equal.child-width-5  > * {width: 20%;}
.webform-layout-box.equal.child-width-6  > * {width: 16.6%;}
.webform-layout-box.equal.child-width-7  > * {width: 14.2%;}
.webform-layout-box.equal.child-width-8  > * {width: 12.5%;}
.webform-layout-box.equal.child-width-9  > * {width: 11.1%;}

File

layout_box.css
View source 
  1. .webform-layout-box.horiz,

  2. .webform-layout-box.equal {

  3.   word-spacing: -1em; /* remove the space between inline-blocks */

  4. }

  5. 

  6. .webform-layout-box.horiz > *,

  7. .webform-layout-box.equal > * {

  8.   display: inline-block;

  9.   vertical-align: top;

  10.   word-spacing: normal;

  11.   /* hack for IE 6&7 */

  12.   zoom: 1;

  13.   *display: inline;

  14. }

  15. 

  16. .webform-layout-box.horiz > * + * {

  17.   margin-left: 1em; /* add space between variable-width blocks */

  18. }

  19. 

  20. .webform-layout-box > .form-item input{

  21.   max-width: 100%;

  22. }

  23. 

  24. .webform-layout-box.equal.child-width-2  > * {width: 50%;}

  25. .webform-layout-box.equal.child-width-3  > * {width: 33.3%;}

  26. .webform-layout-box.equal.child-width-4  > * {width: 25%;}

  27. .webform-layout-box.equal.child-width-5  > * {width: 20%;}

  28. .webform-layout-box.equal.child-width-6  > * {width: 16.6%;}

  29. .webform-layout-box.equal.child-width-7  > * {width: 14.2%;}

  30. .webform-layout-box.equal.child-width-8  > * {width: 12.5%;}

  31. .webform-layout-box.equal.child-width-9  > * {width: 11.1%;}