common.css 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  1. @charset "utf-8";
  2. /* CSS Document */
  3. html, body, div, span, applet, object, iframe,
  4. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  5. a, abbr, acronym, address, big, cite, code,
  6. del, dfn, em, img, ins, kbd, q, s, samp,
  7. small, strike, strong, sub, sup, tt, var,
  8. b, u, i, center,
  9. dl, dt, dd, ol, ul, li,
  10. fieldset, form, label, legend, input,
  11. table, caption, tbody, tfoot, thead, tr, th, td,
  12. article, aside, canvas, details, embed,
  13. figure, figcaption, footer, header, hgroup,
  14. menu, nav, output, ruby, section, summary,
  15. time, mark, audio, video {
  16. margin: 0;
  17. padding: 0;
  18. border: 0;
  19. font-size: 100%;
  20. font: inherit;
  21. font-weight: normal;
  22. }
  23. input {
  24. outline-color:#de2013;
  25. }
  26. button,textarea {
  27. outline: none;
  28. }
  29. em, s, i {
  30. font: normal;
  31. }
  32. body {
  33. font: 14px "微软雅黑", Helvetica, Arial, sans-serif;
  34. color: #333;
  35. -moz-user-select:none;
  36. -webkit-user-select:none;
  37. -ms-user-select:none;
  38. user-select:none;
  39. }
  40. ol, ul, dl, dt, dd {
  41. list-style: none;
  42. }
  43. table {
  44. border-collapse: collapse;
  45. border-spacing: 0;
  46. }
  47. a {
  48. color: #333;
  49. text-decoration: none;
  50. cursor: pointer;
  51. }
  52. .layui-logo{
  53. cursor: pointer;
  54. }
  55. .layui-logo>img{
  56. max-width:100%;
  57. width: 60%;
  58. }
  59. .layui-side-scroll .layadmin-setTheme-side, .layui-side-menu{
  60. background-color:#20222A!important;
  61. }
  62. .layui-side-scroll .layui-icon-shrink-right{
  63. position: absolute;
  64. right: 10px;
  65. font-size: 18px;
  66. }
  67. .layui-side-scroll .layui-nav .layui-nav-item{
  68. border-top: 1px solid #3E4A59;
  69. }
  70. .layui-side-scroll .layui-nav .layui-nav-item a{
  71. cursor: pointer;
  72. color: #b2b2b2!important;
  73. position: relative;
  74. }
  75. .layui-side-scroll .layui-nav-tree .layui-nav-item a:hover{
  76. color: #ffffff!important;
  77. background-color: transparent!important;
  78. }
  79. .layui-side-scroll .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
  80. background-color: transparent!important;
  81. }
  82. .layui-side-scroll .layui-nav .layui-nav-item a .iconfont{
  83. color: #ffffff;
  84. }
  85. .layui-side-scroll .layui-nav .layui-nav-item a .font-icon{
  86. display: inline-block;
  87. width: 28px;
  88. height: 28px;
  89. line-height: 28px;
  90. border-radius: 50%;
  91. background-color: #8c72e3;
  92. vertical-align: middle;
  93. text-align: center;
  94. }
  95. .layui-side-scroll .layui-nav .layui-nav-item:nth-child(3) a .font-icon{
  96. background-color: #ff4750;
  97. }
  98. .layui-side-scroll .layui-nav .layui-nav-item:nth-child(4) a .font-icon{
  99. background-color: #5d51ff;
  100. }
  101. .layui-side-scroll .layui-nav .layui-nav-item:nth-child(5) a .font-icon{
  102. background-color: #ffb501;
  103. }
  104. .layui-side-scroll .layui-nav .layui-nav-item:nth-child(6) a .font-icon{
  105. background-color: #01c853;
  106. }
  107. .layui-side-scroll .layui-nav .layui-nav-item:nth-child(7) a .font-icon{
  108. background-color: #ff1744;
  109. }
  110. .layui-side-scroll .layui-nav .layui-nav-item:nth-child(8) a .font-icon{
  111. background-color: #01b9d5;
  112. }
  113. .layui-side-scroll .item-title{
  114. vertical-align: middle;
  115. margin-left: 5px;
  116. }
  117. .layui-side-scroll .layui-nav-tree .layui-nav-child a:before{
  118. content: '';
  119. display: block;
  120. position: absolute;
  121. height: 6px;
  122. width: 6px;
  123. border-radius: 50%;
  124. background-color: #475467;
  125. left: 20.5px;
  126. top: 15px;
  127. border: 1px solid #2C3440;
  128. }
  129. .layui-side-scroll .layui-nav-tree .layui-nav-child a:hover:before{
  130. background-color: #ffffff;
  131. }
  132. .layui-side-scroll .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:before{
  133. background-color: #ffffff;
  134. }
  135. .layui-side-scroll .layui-nav .layui-nav-child dd:before{
  136. content: '';
  137. display: block;
  138. position: absolute;
  139. height: 100%;
  140. border-right: 1px solid #475467;
  141. left: 24px;
  142. }
  143. .layui-side-scroll .layui-nav .layui-nav-item>a{
  144. padding: 0 20px 0 10px!important;
  145. }
  146. .layui-side-scroll .layui-nav .layui-nav-item dd a{
  147. padding: 0 20px 0 48px!important;
  148. }
  149. .layui-layout-admin .layui-sideact{
  150. width: 70px;
  151. overflow-x: initial;
  152. }
  153. .layui-layout-admin .layui-sideact .layui-side-scroll{
  154. width: 100%;
  155. overflow-x: initial;
  156. }
  157. .layui-layout-admin .layui-sideact .layui-nav-tree{
  158. width: 100%;
  159. }
  160. .layui-layout-admin .layui-sideact .layui-side-scroll .layui-nav .layui-nav-item>a{
  161. display: block;
  162. text-align: center;
  163. padding: 0!important;
  164. }
  165. .layui-layout-admin .layui-sideact .item-title,.layui-layout-admin .layui-sideact .layui-nav-more,.layui-layout-admin .layui-sideact .layui-nav-itemed>.layui-nav-child{
  166. display: none;
  167. }
  168. .layui-side-scroll .layui-nav .layui-nav-itemact{
  169. position: relative;
  170. }
  171. .layui-layout-admin .layui-sideact .layui-side-scroll .layui-icon-shrink-right{
  172. position: initial;
  173. right: 0;
  174. }
  175. .layui-side-scroll .layui-nav .layui-nav-itemact a .font-icon{
  176. display: none;
  177. }
  178. .layui-layout-admin .layui-sideact .layui-nav-itemact .item-title{
  179. margin-left: 0;
  180. background-color: #475466;
  181. display: block;
  182. }
  183. .layui-layout-admin .layui-sideact .layui-nav-itemact>.layui-nav-child{
  184. position: absolute;
  185. left: 70px;
  186. top: 0;
  187. z-index: 1;
  188. width: 120px;
  189. padding: 6px 15px;
  190. display: block;
  191. background-color: #242A33!important;
  192. }
  193. .layui-side-scroll .layui-nav .layui-nav-itemact .layui-nav-child dd:before,.layui-side-scroll .layui-nav-tree .layui-nav-itemact .layui-nav-child a:before{
  194. content:none;
  195. }
  196. .layui-side-scroll .layui-nav .layui-nav-itemact dd a{
  197. padding: 0!important;
  198. }
  199. .layui-bodyact{
  200. left: 70px;
  201. }
  202. .layui-layout-admin .layui-body{
  203. bottom: 0px;
  204. }
  205. .layui-body .layadmin-header .layui-breadcrumb{
  206. height: 50px;
  207. line-height: 50px;
  208. margin-bottom: 0;
  209. border-radius: 0;
  210. }
  211. .layui-body .layui-breadcrumb{
  212. padding: 0 15px;
  213. box-sizing: border-box;
  214. border-bottom: 1px solid #dddddd;
  215. }
  216. .layui-card{
  217. box-shadow:none;
  218. }
  219. .layui-body .main{
  220. padding: 15px 15px 0 15px;
  221. box-sizing: border-box;
  222. }
  223. .layui-table-body{
  224. overflow-x: auto;
  225. overflow-y: hidden;
  226. }
  227. .layui-table-cell{
  228. line-height: 29px;
  229. height: 29px;
  230. }