column.less 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .column-wrap {
  2. -moz-box-sizing: border-box;
  3. -webkit-box-sizing: border-box;
  4. box-sizing: border-box;
  5. height: 100%;
  6. width: 100%;
  7. padding: 0px;
  8. background: #f5f5f5;
  9. overflow-x: hidden;
  10. overflow-y: auto;
  11. }
  12. .iframe-h {
  13. height: 100%;
  14. }
  15. .column-edge{
  16. float: left;
  17. padding-top: 16px;
  18. width: 150px;
  19. height: 100%;
  20. -moz-box-sizing: border-box;
  21. -webkit-box-sizing: border-box;
  22. box-sizing: border-box;
  23. }
  24. .column-content {
  25. -moz-box-sizing: border-box;
  26. -webkit-box-sizing: border-box;
  27. box-sizing: border-box;
  28. padding: 15px;
  29. background: #f5f5f5;
  30. height: 100%;
  31. overflow-x: hidden;
  32. margin-left: 0px;
  33. }
  34. .column-content-detail{
  35. background: #fff;padding: 20px;margin: 0;
  36. }
  37. .page-content{
  38. padding: 0px;
  39. }
  40. .page-content-wrap{
  41. background: #fff;padding: 20px;margin: 0;
  42. }
  43. @media (max-width: 600px) {
  44. .layui-nav-no-bg{
  45. background: #fff;
  46. .layui-nav-item{
  47. border-bottom: 1px solid #f8f8f8;
  48. }
  49. }
  50. .column-edge{
  51. float: none;
  52. width: 100%;
  53. height: auto;
  54. padding-bottom: 10px;
  55. }
  56. .column-content {
  57. background: #fff;
  58. height: auto;
  59. margin-left: 0px;
  60. }
  61. .layui-tab-content {
  62. padding: 15px 0;
  63. }
  64. .layui-form-label{
  65. padding: 9px 0px;
  66. }
  67. .layui-input-block {
  68. margin-left: 80px;
  69. }
  70. }