forms.less 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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: 19px;
  19. position: relative;
  20. clear: none;
  21. text-indent: 2px;
  22. margin: 0 0 0px 0;
  23. padding: 0 0 0 20px;
  24. vertical-align: top;
  25. background: url(@checkboxImageUrl) left top no-repeat;
  26. cursor:pointer;
  27. }
  28. input[type="checkbox"]:checked+label {
  29. background: url(@checkboxImageUrl) 0px -21px no-repeat;
  30. }
  31. .gf-form {
  32. padding-bottom: 10px;
  33. .checkbox-label {
  34. padding-left: 7px;
  35. display: inline;
  36. }
  37. }
  38. .gf-fluid-input {
  39. border: none;
  40. display: block;
  41. overflow: hidden;
  42. padding-right: 10px;
  43. input[type=text] {
  44. width: 100%;
  45. padding: 5px 6px;
  46. height: 100%;
  47. box-sizing: border-box;
  48. }
  49. textarea {
  50. width: 100%;
  51. padding: 5px 6px;
  52. height: 100%;
  53. box-sizing: border-box;
  54. }
  55. }