layui-admin.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  1. @charset "UTF-8";
  2. .layui-btn {
  3. background-color: #0092DC;
  4. }
  5. .layui-btn-primary:hover {
  6. border-color: #0092DC;
  7. color: #333;
  8. }
  9. .layui-table-box{
  10. overflow: initial;
  11. }
  12. .layui-table-body{
  13. overflow: initial;
  14. }
  15. .layui-table-cell{
  16. overflow: initial;
  17. }
  18. .table-responsive{
  19. overflow: initial;
  20. }
  21. .layui-table img{margin: 0px -10px;width: calc(100% + 20px);height: calc(100% + 20px);}
  22. /*部分样式重构*/
  23. .layui-laypage-limits select{
  24. height: 26px;
  25. }
  26. .layui-card-body {
  27. }
  28. .layui-table-cell p{
  29. height: 20px;
  30. line-height: 20px;
  31. }
  32. /*table复选框*/
  33. .layui-table-view .layui-form-checkbox[lay-skin=primary] i {
  34. width: 14px;
  35. height: 14px;
  36. }
  37. .layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span {
  38. color:#333 !important;
  39. }
  40. .layui-form-checked[lay-skin=primary] i {
  41. border-color: #0093DE;
  42. background-color: #0093DE;
  43. color: #fff;
  44. }
  45. .layui-form-checkbox[lay-skin=primary] i {
  46. width: 14px;
  47. height: 14px;
  48. line-height: 12px;
  49. }
  50. /*后台layui-admin样式*/
  51. .layui-tab-title .layui-this:after{
  52. border-bottom: 2px solid #0092DC !important;
  53. }
  54. .layui-btn-group button i{
  55. line-height: 30px;
  56. margin-right: 3px;
  57. vertical-align: bottom;
  58. }
  59. .back-f8{
  60. background-color: #F8F8F8;
  61. }
  62. .layui-card-body p.layuiadmin-big-font {
  63. font-size: 24px;
  64. color: #666;
  65. line-height: 36px;
  66. padding: 5px 0 10px;
  67. overflow: hidden;
  68. text-overflow: ellipsis;
  69. word-break: break-all;
  70. white-space: nowrap;
  71. }
  72. .layuiadmin-badge, .layuiadmin-btn-group, .layuiadmin-span-color {
  73. position: absolute;
  74. right: 15px;
  75. }
  76. .layuiadmin-badge {
  77. top: 50%;
  78. margin-top: -9px;
  79. }
  80. .layui-nav-child li{
  81. text-align: left;
  82. }
  83. .layui-btn-xs{margin-left: 0px !important;}
  84. .site-demo-button{
  85. padding-bottom: 20px;
  86. padding-left: 10px;
  87. }
  88. .avatar{width: 50px;height: 50px;}
  89. /*---------------------------*/
  90. .backlog-body{
  91. padding: 10px 15px;
  92. background-color: #f8f8f8;
  93. color: #999;
  94. border-radius: 2px;
  95. transition: all .3s;
  96. -webkit-transition: all .3s;
  97. overflow: hidden;
  98. max-height: 84px;
  99. }
  100. .backlog-body h3{
  101. margin-bottom: 10px;
  102. }
  103. .right-icon{
  104. position: absolute;
  105. right: 10px;
  106. }
  107. .backlog-body p cite {
  108. font-style: normal;
  109. font-size: 17px;
  110. font-weight: 300;
  111. color: #009688;
  112. }
  113. /*----------------------------*/
  114. .layui-card-body{
  115. padding-left: 10px;
  116. padding-right: 10px;
  117. }
  118. .layuiadmin-span-color i {
  119. padding-left: 5px;
  120. }
  121. .block-rigit{
  122. text-align: right;
  123. }
  124. .block-rigit button{
  125. width: 100px;
  126. letter-spacing: .5em;
  127. line-height: 28px;
  128. }
  129. .layuiadmin-card-list{
  130. padding: 1.6px;
  131. }
  132. .layuiadmin-card-list p.layuiadmin-normal-font {
  133. padding-bottom: 10px;
  134. font-size: 20px;
  135. color: #666;
  136. line-height: 24px;
  137. }
  138. /*-----------------------*/
  139. .layadmin-text-center{
  140. text-align: center;
  141. }
  142. /*表格样式*/
  143. .layui-table-view .layui-table td, .layui-table-view .layui-table th {
  144. font-size: 13px;
  145. font-weight: bolder;
  146. }
  147. .layui-table-cell {
  148. white-space:normal;
  149. height: auto!important;
  150. font-size: 13px;
  151. font-weight: normal;
  152. word-wrap: break-word;
  153. }
  154. /*form 样式*/
  155. .layui-form-select .layui-input {
  156. padding-right: 30px;
  157. cursor: pointer;
  158. font-size: 12px;
  159. height: 32px;
  160. }
  161. .layui-form-select dl {
  162. top: 32px;
  163. font-size: 12px;
  164. }
  165. .layui-form-select dl dd.layui-this {
  166. background-color: #0092DC;
  167. color: #fff;
  168. }
  169. .layui-input{
  170. height: 32px;
  171. font-size: 12px;
  172. }
  173. .layui-input-block .layui-admin-input{
  174. width: 50%;
  175. font-size: 12px;
  176. height: 32px;
  177. }
  178. .layui-form-item{
  179. margin-bottom: 0;
  180. }
  181. .layui-input-block .time-w{
  182. width: 200px;
  183. }
  184. .layui-form-pane .layui-input, .layui-select, .layui-textarea {
  185. height: 34px;
  186. line-height: 1.5;
  187. padding: 4px 12px;
  188. font-size: 12px;
  189. border: 1px solid #e5e6e7;
  190. color: #333;
  191. background-color: #fff;
  192. }
  193. .layui-form-pane{
  194. /*padding: 20px;*/
  195. }
  196. .layui-form-pane .layui-inline .layui-form-label {
  197. padding: 5px 15px;
  198. height: 34px;
  199. line-height: 24px;
  200. background: none;
  201. border-radius: 5px 0 0 5px;
  202. }
  203. .layui-form-item .layui-btn{
  204. margin-top: -5px;
  205. }
  206. .layui-form-label{
  207. width: auto;
  208. padding: 6px;
  209. }
  210. .layui-fluid {
  211. padding: 0;
  212. }
  213. .layui-btn-normal{
  214. background-color:#0092DC;
  215. }
  216. .layui-btn .layui-icon {
  217. font-size: 12px;
  218. }
  219. .layui-btn-sm i {
  220. font-size: 12px!important;
  221. }
  222. .layui-form-onswitch {
  223. border-color: #0092DC;
  224. background-color: #0092DC;
  225. }
  226. .layui-btn-primary {
  227. border: 1px solid #e5e6e7;
  228. background-color: #fff;
  229. color: #333;
  230. }