forms.less 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. input[type=text].input-fluid {
  2. width: 100%;
  3. box-sizing: border-box;
  4. padding: 10px;
  5. font-size: 16px;
  6. -moz-box-sizing: border-box;
  7. height: 100%;
  8. }
  9. input[type="checkbox"].cr1 {
  10. display: none;
  11. }
  12. .editor-option label.cr1 {
  13. display: inline-block;
  14. margin: 5px 0 1px 0;
  15. }
  16. label.cr1 {
  17. display: inline-block;
  18. height: 18px;
  19. position: relative;
  20. top: -2px;
  21. clear: none;
  22. text-indent: 2px;
  23. margin: 0 0 0px 0;
  24. padding: 0 0 0 23px;
  25. vertical-align:middle;
  26. background: url(@checkboxImageUrl) left top no-repeat;
  27. cursor:pointer;
  28. }
  29. input[type="checkbox"]:checked+label {
  30. background: url(@checkboxImageUrl) 0px -18px no-repeat;
  31. }
  32. .gf-form {
  33. padding-bottom: 10px;
  34. .checkbox-label {
  35. padding-left: 7px;
  36. display: inline;
  37. }
  38. }
  39. .gf-fluid-input {
  40. border: none;
  41. display: block;
  42. overflow: hidden;
  43. padding-right: 10px;
  44. input[type=text] {
  45. width: 100%;
  46. padding: 5px 6px;
  47. height: 100%;
  48. box-sizing: border-box;
  49. }
  50. textarea {
  51. width: 100%;
  52. padding: 5px 6px;
  53. height: 100%;
  54. box-sizing: border-box;
  55. }
  56. }