You are here

Home » API reference » Layouter - WYSIWYG layout templates 8

layouter.css in Layouter - WYSIWYG layout templates 8 

.no-close .ui-dialog-titlebar-close {
  display: none;
}
.layouter-link-wrapper a:hover {
  opacity: 0.85;
}
.layouter-form .form-radios {
  overflow: hidden;
}
.layouter-form .layouter-radio-wrapper {
  float: left;
}
.layouter-form .form-type-radio {
  overflow: hidden;
  float: left;
  margin-right: 20px !important;
}
.layouter-form .form-type-radio input {
  float: left;
  height: 62px;
}
.layouter-form .form-type-radio label {
  float: left !important;
  display: block;
  width: 60px !important;
  height: 62px;
  margin-left: 4px !important;
  text-indent: -9999px;
}
.layouter-form .image_only label {
  background: url(../images/image_only.png) no-repeat center;
}
.layouter-form .two_columns label {
  background: url(../images/two_columns.png) no-repeat;
}
.layouter-form .two_columns_img_left_text_right label {
  background: url(../images/two_columns_img_left_text_right.png) no-repeat;
}
.layouter-form .two_columns_img_right_text_left label {
  background: url(../images/two_columns_img_right_text_left.png) no-repeat center;
}
.layouter-form .two_columns_text_img_left label {
  background: url(../images/two_columns_text_img_left.png) no-repeat;
}
.layouter-form .big_img_text_below label {
  background: url(../images/big_img_text_below.png) no-repeat;
}
.layouter-form .big_img_text_above label {
  background: url(../images/big_img_text_above.png) no-repeat center;
}
.layouter-form .big_img_two_column_text_below label {
  background: url(../images/big_img_two_column_text_below.png) no-repeat;
}
.layouter-form .big_img_two_column_text_above label {
  background: url(../images/big_img_two_column_text_above.png) no-repeat;
}

File

css/layouter.css
View source 
  1. .no-close .ui-dialog-titlebar-close {

  2.   display: none;

  3. }

  4. .layouter-link-wrapper a:hover {

  5.   opacity: 0.85;

  6. }

  7. .layouter-form .form-radios {

  8.   overflow: hidden;

  9. }

  10. .layouter-form .layouter-radio-wrapper {

  11.   float: left;

  12. }

  13. .layouter-form .form-type-radio {

  14.   overflow: hidden;

  15.   float: left;

  16.   margin-right: 20px !important;

  17. }

  18. .layouter-form .form-type-radio input {

  19.   float: left;

  20.   height: 62px;

  21. }

  22. .layouter-form .form-type-radio label {

  23.   float: left !important;

  24.   display: block;

  25.   width: 60px !important;

  26.   height: 62px;

  27.   margin-left: 4px !important;

  28.   text-indent: -9999px;

  29. }

  30. .layouter-form .image_only label {

  31.   background: url(../images/image_only.png) no-repeat center;

  32. }

  33. .layouter-form .two_columns label {

  34.   background: url(../images/two_columns.png) no-repeat;

  35. }

  36. .layouter-form .two_columns_img_left_text_right label {

  37.   background: url(../images/two_columns_img_left_text_right.png) no-repeat;

  38. }

  39. .layouter-form .two_columns_img_right_text_left label {

  40.   background: url(../images/two_columns_img_right_text_left.png) no-repeat center;

  41. }

  42. .layouter-form .two_columns_text_img_left label {

  43.   background: url(../images/two_columns_text_img_left.png) no-repeat;

  44. }

  45. .layouter-form .big_img_text_below label {

  46.   background: url(../images/big_img_text_below.png) no-repeat;

  47. }

  48. .layouter-form .big_img_text_above label {

  49.   background: url(../images/big_img_text_above.png) no-repeat center;

  50. }

  51. .layouter-form .big_img_two_column_text_below label {

  52.   background: url(../images/big_img_two_column_text_below.png) no-repeat;

  53. }

  54. .layouter-form .big_img_two_column_text_above label {

  55.   background: url(../images/big_img_two_column_text_above.png) no-repeat;

  56. }