console.layout.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. /* 页面布局 - 全局 */
  2. .layui-layout > .layui-side {
  3. top: 50px;
  4. bottom: 0;
  5. overflow: auto;
  6. }
  7. .layui-layout > .layui-body {
  8. top: 50px;
  9. bottom: 0;
  10. overflow: auto;
  11. }
  12. .layui-layout > .layui-body > .layui-card {
  13. box-shadow: none;
  14. }
  15. .layui-layout > .layui-body > .layui-card > .layui-card-body {
  16. padding: 15px 15px;
  17. }
  18. .layui-layout > .layui-body > .layui-card > .layui-card-header {
  19. height: 50px;
  20. border: none;
  21. line-height: 50px;
  22. box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  23. background: #fff;
  24. }
  25. /* 页面布局 - 头部 */
  26. .layui-header {
  27. height: 50px;
  28. background: #393D49 !important;
  29. }
  30. .layui-header [data-target-menu-type] {
  31. border-left: 1px solid rgba(0, 0, 0, 0);
  32. border-right: 1px solid rgba(0, 0, 0, 0.15);
  33. }
  34. .layui-header .layui-layout-left,
  35. .layui-header .layui-layout-right {
  36. padding: 0;
  37. }
  38. .layui-header .layui-logo {
  39. color: #fff;
  40. width: 199px;
  41. height: auto;
  42. font-size: 18px;
  43. line-height: 49px;
  44. border-right: 1px solid rgba(0, 0, 0, 0.15);
  45. border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  46. }
  47. .layui-header .layui-logo sup {
  48. font-size: 9px;
  49. line-height: 9px;
  50. }
  51. .layui-header .layui-nav-item {
  52. height: 50px;
  53. line-height: 50px;
  54. }
  55. .layui-header .layui-nav-item.layui-this {
  56. background: #009688;
  57. }
  58. .layui-header .layui-nav-item > a {
  59. color: #fff !important;
  60. }
  61. .layui-header .layui-nav-item .layui-nav-child {
  62. top: 49px;
  63. padding: 0;
  64. border: none;
  65. line-height: 45px;
  66. }
  67. .layui-header .layui-nav-item .layui-nav-child + a {
  68. padding-right: 35px;
  69. }
  70. .layui-header .layui-nav-item .layui-nav-child.layui-show + a {
  71. background: #fff;
  72. }
  73. .layui-header .layui-nav-item .layui-nav-child.layui-show + a span {
  74. color: #333;
  75. }
  76. .layui-header .layui-nav-item .layui-nav-child dd a {
  77. padding: 0;
  78. color: #333;
  79. text-align: center;
  80. border-top: 1px solid #eaedf1;
  81. }
  82. .layui-header .layui-nav-bar,
  83. .layui-header .layui-nav-item:after {
  84. display: none !important;
  85. }
  86. .layui-header .layui-layout-right > li > a {
  87. border-left: 1px solid rgba(0, 0, 0, 0.15);
  88. border-right: 1px solid rgba(0, 0, 0, 0);
  89. }
  90. /* 页面布局 - 左则 */
  91. .layui-layout > .layui-side .layui-nav-bar {
  92. display: none !important;
  93. }
  94. .layui-layout > .layui-side .layui-side-scroll {
  95. width: 100% !important;
  96. }
  97. .layui-layout > .layui-side .layui-nav-item {
  98. border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  99. }
  100. .layui-layout > .layui-side .layui-nav-item a {
  101. height: 45px;
  102. display: block;
  103. line-height: 45px;
  104. color: #fff !important;
  105. }
  106. .layui-layout > .layui-side .layui-nav-item a:hover {
  107. background: hsla(0, 0%, 39%, 0.2) !important;
  108. }
  109. .layui-layout > .layui-side .layui-nav-itemed {
  110. border-bottom: none !important;
  111. }
  112. .layui-layout > .layui-side .layui-nav-tree-top a {
  113. height: 28px !important;
  114. line-height: 28px !important;
  115. }
  116. .layui-layout.layui-layout-left-mini > .layui-body {
  117. left: 50px;
  118. }
  119. .layui-layout.layui-layout-left-mini > .layui-side .layui-nav-more {
  120. display: none !important;
  121. }
  122. .layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item a {
  123. padding: 0;
  124. }
  125. .layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .nav-text {
  126. display: none;
  127. }
  128. .layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .nav-icon {
  129. display: inline-block !important;
  130. padding: 0 !important;
  131. }
  132. .layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .layui-nav-child {
  133. padding: 0;
  134. display: block !important;
  135. background-color: rgba(0, 0, 0, 0.3) !important;
  136. }
  137. .layui-layout.layui-layout-left-mini > .layui-side,
  138. .layui-layout.layui-layout-left-mini > .layui-side .layui-nav-tree,
  139. .layui-layout.layui-layout-left-mini > .layui-side .layui-side-scroll {
  140. width: 50px;
  141. text-align: center;
  142. }
  143. .layui-layout.layui-layout-left-mini [data-target-menu-type] i {
  144. display: inline-block;
  145. -webkit-transform: rotate(180deg);
  146. transform: rotate(180deg);
  147. -ms-transform: rotate(180deg);
  148. }
  149. .layui-layout.layui-layout-left-hide > .layui-body {
  150. left: 0 !important;
  151. }
  152. .layui-layout.layui-layout-left-hide > .layui-side {
  153. display: none;
  154. }
  155. .layui-layout.layui-layout-left-hide [data-target-menu-type] {
  156. display: none;
  157. }
  158. /*# sourceMappingURL=console.layout.css.map */