forms.less 1.0 KB

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