side.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. .fix:before {
  2. content: '';
  3. clear: both;
  4. display: block
  5. }
  6. .fix:after {
  7. content: '';
  8. clear: both;
  9. display: block
  10. }
  11. .wrapper-content {
  12. height: 100%;
  13. }
  14. .tabs-container {
  15. height: 100%;
  16. }
  17. .wrapper-content {
  18. padding: 0;
  19. width: 100%;
  20. }
  21. .wrapper-content > .col-sm-12 {
  22. padding: 0;
  23. height: 100%;
  24. }
  25. .wrapper-content .col-sm-2 {
  26. padding: 0;
  27. height: 100%;
  28. }
  29. .wrapper-content .col-sm-10 {
  30. padding-right: 0;
  31. height: 100%;
  32. }
  33. .tabs-left {
  34. padding-top: 20px;
  35. background: #fff;
  36. height: 100%;
  37. border-right: 1px solid #d7d7d7;
  38. }
  39. .tab-content-boxs {
  40. margin-top: 20px;
  41. padding: 20px;
  42. background: #FFF;
  43. }
  44. .tab-content-boxs.ons {
  45. background: none;
  46. }
  47. .tabs-left ul {
  48. list-style: none;
  49. padding: 0;
  50. }
  51. .tabs-left ul li {
  52. width: 100%;
  53. line-height: 24px;
  54. position: relative;
  55. list-style: none;
  56. }
  57. .tabs-left ul li a {
  58. display: block;
  59. width: 100%;
  60. font-size: 18px;
  61. color: #575757;
  62. line-height: 32px;
  63. padding-left: 40px;
  64. position: relative;
  65. }
  66. .tabs-left ul li i {
  67. font-size: 18px;
  68. color: #575757;
  69. position: absolute;
  70. left: 10px;
  71. top: 8px;
  72. }
  73. .tabs-left ul li.active {
  74. background: #1fb5ac;
  75. }
  76. .tabs-left ul li.active a, .tabs-left ul li.active i {
  77. color: #fff;
  78. }
  79. panel-body {
  80. width: 88%;
  81. }