You are here

layouter.css in Layouter - WYSIWYG layout templates 7

.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;
}

.user-layouter-modal {
  border-radius: 24px;
  border: 2px solid #808080 !important;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

div.user-layouter-modal .modal-header {
  background-color: #808080;
  padding: 8px 0.30em 8px 2em;
  border-radius: 19px 19px 0 0;
}

div.user-layouter-modal .modal-header .close {
  margin-right: 15px;
  background: url(images/close.png) no-repeat;
  width: 20px;
  height: 20px;
  opacity: 0.6;
}

div.user-layouter-modal .modal-header .close:hover {
  opacity: 1;
}

File

theme/layouter.css
View source
  1. .layouter-link-wrapper a:hover {
  2. opacity: 0.85;
  3. }
  4. .layouter-form .form-radios {
  5. overflow: hidden;
  6. }
  7. .layouter-form .layouter-radio-wrapper {
  8. float: left;
  9. }
  10. .layouter-form .form-type-radio {
  11. overflow: hidden;
  12. float: left;
  13. margin-right: 20px !important;
  14. }
  15. .layouter-form .form-type-radio input {
  16. float: left;
  17. height: 62px;
  18. }
  19. .layouter-form .form-type-radio label {
  20. float: left !important;
  21. display: block;
  22. width: 60px !important;
  23. height: 62px;
  24. margin-left: 4px !important;
  25. text-indent: -9999px;
  26. }
  27. .layouter-form .image_only label {
  28. background: url(images/image_only.png) no-repeat center;
  29. }
  30. .layouter-form .two_columns label {
  31. background: url(images/two_columns.png) no-repeat;
  32. }
  33. .layouter-form .two_columns_img_left_text_right label {
  34. background: url(images/two_columns_img_left_text_right.png) no-repeat;
  35. }
  36. .layouter-form .two_columns_img_right_text_left label {
  37. background: url(images/two_columns_img_right_text_left.png) no-repeat center;
  38. }
  39. .layouter-form .two_columns_text_img_left label {
  40. background: url(images/two_columns_text_img_left.png) no-repeat;
  41. }
  42. .layouter-form .big_img_text_below label {
  43. background: url(images/big_img_text_below.png) no-repeat;
  44. }
  45. .layouter-form .big_img_text_above label {
  46. background: url(images/big_img_text_above.png) no-repeat center;
  47. }
  48. .layouter-form .big_img_two_column_text_below label {
  49. background: url(images/big_img_two_column_text_below.png) no-repeat;
  50. }
  51. .layouter-form .big_img_two_column_text_above label {
  52. background: url(images/big_img_two_column_text_above.png) no-repeat;
  53. }
  54. .user-layouter-modal {
  55. border-radius: 24px;
  56. border: 2px solid #808080 !important;
  57. box-shadow: 0 0 10px rgba(0,0,0,0.5);
  58. }
  59. div.user-layouter-modal .modal-header {
  60. background-color: #808080;
  61. padding: 8px 0.30em 8px 2em;
  62. border-radius: 19px 19px 0 0;
  63. }
  64. div.user-layouter-modal .modal-header .close {
  65. margin-right: 15px;
  66. background: url(images/close.png) no-repeat;
  67. width: 20px;
  68. height: 20px;
  69. opacity: 0.6;
  70. }
  71. div.user-layouter-modal .modal-header .close:hover {
  72. opacity: 1;
  73. }