app.css 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
  1. /** kit_admin-v1.0.5 MIT License By http://kit/zhengjinfan.cn e-mail:zheng_jinfan@126.com */
  2. .kit-sided .layui-side-scroll .layui-nav-item a,.layui-layout-admin .layui-header .layui-layout-right {
  3. padding: 0
  4. }
  5. .kit-table,.kit-table .kit-table-header {
  6. position: relative;
  7. box-shadow: 0 1px 7px 0 #ccc
  8. }
  9. ::-webkit-scrollbar {
  10. width: 10px;
  11. height: 10px
  12. }
  13. ::-webkit-scrollbar-button:vertical {
  14. display: none
  15. }
  16. ::-webkit-scrollbar-corner,::-webkit-scrollbar-track {
  17. background-color: #e2e2e2
  18. }
  19. ::-webkit-scrollbar-thumb {
  20. border-radius: 0;
  21. background-color: rgba(0,0,0,.3)
  22. }
  23. ::-webkit-scrollbar-thumb:vertical:hover {
  24. background-color: rgba(0,0,0,.35)
  25. }
  26. ::-webkit-scrollbar-thumb:vertical:active {
  27. background-color: rgba(0,0,0,.38)
  28. }
  29. .kit-nav .layui-this,.layui-layout-left .layui-nav-item:hover {
  30. background-color: #393D49!important
  31. }
  32. .kit-layout-admin .kit-logo-mobile {
  33. display: none
  34. }
  35. .kit-nav .layui-nav-item {
  36. line-height: 50px
  37. }
  38. .kit-nav .layui-nav-item .layui-nav-more {
  39. top: 22px
  40. }
  41. .kit-nav .layui-nav-item .layui-nav-mored {
  42. top: 16px
  43. }
  44. .kit-nav .layui-nav-item .layui-nav-child {
  45. top: 55px
  46. }
  47. .kit-nav * {
  48. font-size: 13px
  49. }
  50. .kit-nav .layui-nav-bar {
  51. height: 0
  52. }
  53. .kit-nav .layui-this:after {
  54. content: none
  55. }
  56. .kit-layout-admin .layui-footer {
  57. height: 35px;
  58. line-height: 35px
  59. }
  60. .kit-layout-admin .layui-body {
  61. bottom: 35px;
  62. top: 50px
  63. }
  64. .kit-layout-admin .layui-header {
  65. height: 50px
  66. }
  67. .kit-layout-admin .layui-logo {
  68. line-height: 50px
  69. }
  70. .kit-layout-admin .kit-side {
  71. top: 50px
  72. }
  73. .kit-layout-admin .kit-sided {
  74. width: 50px
  75. }
  76. .kit-side .layui-side-scroll,.kit-side .layui-side-scroll .layui-nav-tree {
  77. width: auto
  78. }
  79. .kit-side .layui-side-scroll .kit-side-fold {
  80. height: 35px;
  81. background-color: #4A5064;
  82. color: #aeb9c2;
  83. line-height: 35px;
  84. text-align: center;
  85. cursor: pointer
  86. }
  87. .kit-sided .layui-side-scroll .layui-nav-item {
  88. text-align: center
  89. }
  90. .kit-sided .layui-side-scroll a span {
  91. display: none
  92. }
  93. .kit-layout-admin .kit-body-folded,.kit-layout-admin .kit-footer-folded {
  94. left: 50px
  95. }
  96. .kit-table .kit-table-header {
  97. height: 50px
  98. }
  99. .kit-table .kit-table-header .kit-search-btns {
  100. padding: 10px;
  101. position: absolute
  102. }
  103. .kit-table .kit-table-header .kit-search-inputs {
  104. position: absolute;
  105. right: 70px;
  106. top: 0;
  107. padding: 10px 25px 10px 10px
  108. }
  109. .kit-table .kit-table-header .kit-search-inputs .kit-search-keyword {
  110. margin-right: 10px;
  111. position: relative
  112. }
  113. .kit-table .kit-table-header .kit-search-inputs .kit-search-more {
  114. cursor: pointer;
  115. color: #009688;
  116. position: absolute;
  117. top: 15px;
  118. right: -50px
  119. }
  120. .kit-table .kit-table-header .kit-search-inputs .kit-search-keyword input {
  121. height: 30px;
  122. line-height: 30px;
  123. width: 200px;
  124. padding-right: 32px
  125. }
  126. .kit-table .kit-table-header .kit-search-inputs .kit-search-keyword button {
  127. position: absolute;
  128. right: 0;
  129. top: 0;
  130. width: 30px;
  131. height: 30px;
  132. border: 0;
  133. cursor: pointer;
  134. background-color: #009688;
  135. color: #fff
  136. }
  137. .kit-tab .kit-tab-tool,.kit-tab .kit-tab-tool-body .kit-line {
  138. border-bottom: 1px solid #e2e2e2
  139. }
  140. .kit-table .kit-table-header .kit-search-btns .layui-btn {
  141. padding: 0 15px
  142. }
  143. .kit-table .kit-search-mored {
  144. width: 100%;
  145. height: auto;
  146. top: 51px;
  147. background-color: #fff;
  148. z-index: 5;
  149. box-shadow: 0 4px 7px -3px #ccc;
  150. position: absolute;
  151. margin-bottom: 10px;
  152. display: none
  153. }
  154. .kit-table .kit-search-mored .kit-search-body {
  155. padding: 10px 10px 45px
  156. }
  157. .kit-table .kit-search-mored .kit-search-footer {
  158. height: 50px;
  159. bottom: 0;
  160. left: 0;
  161. position: absolute;
  162. width: 100%;
  163. border-top: 1px solid #e2e2e2;
  164. text-align: right
  165. }
  166. .kit-tab,.kit-table .kit-table-body {
  167. position: relative
  168. }
  169. .kit-table .kit-search-mored .kit-search-footer .kit-btn {
  170. margin: 10px 5px;
  171. padding: 0 15px
  172. }
  173. .kit-table .kit-search-mored .kit-search-footer .kit-btn:last-child {
  174. margin-right: 15px
  175. }
  176. .kit-tab,.kit-table .kit-table-body .layui-table-view {
  177. margin: 0
  178. }
  179. .kit-tab .kit-tab-tool {
  180. position: absolute;
  181. width: 10px;
  182. height: 40px;
  183. top: 0;
  184. right: 10px;
  185. /*border-left: 1px solid #e2e2e2;*/
  186. line-height: 40px;
  187. text-align: center;
  188. cursor: pointer;
  189. /*border-right: 1px solid #e2e2e2*/
  190. }
  191. .kit-tab .kit-tab-tool:hover {
  192. background-color: #f3f3f3
  193. }
  194. .kit-tab .kit-tab-tool-body {
  195. position: absolute;
  196. top: 40px;
  197. right: 10px;
  198. width: 150px;
  199. border: 1px solid #e2e2e2;
  200. display: none;
  201. background-color: #fff
  202. }
  203. .kit-tab .kit-tab-tool-body ul {
  204. text-align: center;
  205. padding: 8px 0
  206. }
  207. .kit-tab .kit-tab-tool-body ul li.kit-item {
  208. line-height: 35px;
  209. cursor: pointer;
  210. color: #393D49
  211. }
  212. .kit-tab .kit-tab-tool-body ul li.kit-item:hover {
  213. background-color: #f3f3f3
  214. }
  215. .kit-tab-bg{
  216. background: #f2f2f2;
  217. }
  218. .kit-tab .layui-tab-title {
  219. width: calc(100% - 20px);
  220. padding-right: 0;
  221. position: absolute
  222. }
  223. .kit-tab .layui-tab-content {
  224. margin-top: 40px;
  225. padding: 0
  226. }
  227. .kit-tab .layui-tab-content iframe {
  228. width: 100%;
  229. border: 0
  230. }
  231. @media screen and (max-width:950px) {
  232. .kit-layout-admin .layui-body,.kit-layout-admin .layui-footer,.kit-layout-admin .layui-layout-left {
  233. left: 50px
  234. }
  235. .kit-layout-admin .kit-side {
  236. width: 50px
  237. }
  238. .kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item,.kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item dl dd {
  239. text-align: center
  240. }
  241. .kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item a,.kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item dl dd a {
  242. padding: 0;
  243. cursor: pointer;
  244. }
  245. .kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item a span,.kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item dl dd a span,.kit-layout-admin .layui-logo,.kit-side .layui-side-scroll .kit-side-fold {
  246. display: none;
  247. cursor: pointer;
  248. }
  249. .kit-layout-admin .kit-logo-mobile {
  250. display: block;
  251. width: 50px
  252. }
  253. }