column.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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;
  36. padding: 20px;
  37. margin: 0;
  38. }
  39. .page-content {
  40. padding: 0px;
  41. }
  42. .page-content-wrap {
  43. background: #fff;
  44. padding: 20px;
  45. margin: 0;
  46. }
  47. @media (max-width: 600px) {
  48. .layui-nav-no-bg {
  49. background: #fff;
  50. }
  51. .layui-nav-no-bg .layui-nav-item {
  52. border-bottom: 1px solid #f8f8f8;
  53. }
  54. .column-edge {
  55. float: none;
  56. width: 100%;
  57. height: auto;
  58. padding-bottom: 10px;
  59. }
  60. .column-content {
  61. background: #fff;
  62. height: auto;
  63. margin-left: 0px;
  64. }
  65. .layui-tab-content {
  66. padding: 15px 0;
  67. }
  68. .layui-form-label {
  69. padding: 9px 0px;
  70. }
  71. .layui-input-block {
  72. margin-left: 80px;
  73. }
  74. }