admin-1.css 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891
  1. /** layuiAdmin-v1.0.0-beta5 GPL-v2 License By http://www.layui.com/admin/ */
  2. html #layuicss-layuiAdmin {
  3. display:none;
  4. position:absolute;
  5. width:1989px
  6. }
  7. ::-webkit-input-placeholder {
  8. color:#ccc
  9. }
  10. html {
  11. background-color:#fff;
  12. color:#666
  13. }
  14. .layadmin-tabsbody-item,[template] {
  15. display:none
  16. }
  17. [lay-href],[lay-tips],[layadmin-event] {
  18. cursor:pointer
  19. }
  20. .layui-layout-admin .layui-header {
  21. height:50px
  22. }
  23. .layui-layout-admin .layui-header .layui-nav .layui-nav-child a {
  24. color:#333
  25. }
  26. .layui-layout-admin .layui-side {
  27. width:220px;
  28. top:0;
  29. z-index:1001
  30. }
  31. .layui-layout-admin .layui-header .layui-nav .layui-nav-item,.layui-layout-admin .layui-logo {
  32. height:50px;
  33. line-height:50px
  34. }
  35. .layui-layout-admin .layui-logo {
  36. position:fixed;
  37. left:0;
  38. top:0;
  39. z-index:1002;
  40. width:220px;
  41. height:49px;
  42. padding:0 15px;
  43. box-sizing:border-box;
  44. overflow:hidden;
  45. font-weight:300;
  46. background-repeat:no-repeat;
  47. background-position:center center
  48. }
  49. .layadmin-pagetabs,.layui-layout-admin .layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-layout-left {
  50. left:220px
  51. }
  52. .layadmin-pagetabs {
  53. position:fixed;
  54. top:50px;
  55. right:0;
  56. z-index:999
  57. }
  58. .layadmin-pagetabs .layui-breadcrumb {
  59. padding:0 15px
  60. }
  61. .layui-layout-admin .layui-body {
  62. top:90px;
  63. bottom:0
  64. }
  65. .layui-layout-admin .layui-body .layadmin-tabsbody-item {
  66. position:absolute;
  67. top:0;
  68. bottom:0;
  69. left:0;
  70. right:0;
  71. overflow:hidden;
  72. overflow-y:auto
  73. }
  74. .layui-layout-admin .layui-header .layui-nav-img {
  75. width:26px;
  76. height:26px
  77. }
  78. .layui-layout-admin .layui-header .layui-nav-child {
  79. top:55px
  80. }
  81. .layui-layout-admin .layui-header .layui-layout-right .layui-nav-child {
  82. left:auto;
  83. right:0
  84. }
  85. .layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this,.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a {
  86. background:0 0
  87. }
  88. .layadmin-pagetabs,.layui-layout-admin .layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-header .layui-layout-right,.layui-layout-admin .layui-header .layui-nav .layui-nav-item,.layui-layout-admin .layui-layout-left,.layui-layout-admin .layui-logo,.layui-layout-admin .layui-side {
  89. transition:all .3s;
  90. -webkit-transition:all .3s
  91. }
  92. .layui-icon-login-qq {
  93. color:#3492ED
  94. }
  95. .layui-icon-login-wechat {
  96. color:#4DAF29
  97. }
  98. .layui-icon-login-weibo {
  99. color:#CF1900
  100. }
  101. .layui-table td,.layui-table th,.layui-table-fixed-r,.layui-table-header,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row] {
  102. border-color:#f6f6f6
  103. }
  104. .layui-table thead tr,.layui-table-header,.layui-table-mend,.layui-table-patch,.layui-table-tool {
  105. background-color:#fff
  106. }
  107. .layui-table tbody tr:hover,.layui-table-click,.layui-table-hover,.layui-table[lay-even] tr:nth-child(even) {
  108. background-color:#f8f8f8
  109. }
  110. .layui-bg-white {
  111. background-color:#fff
  112. }
  113. .layadmin-loading {
  114. position:absolute;
  115. left:50%;
  116. top:50%;
  117. margin:-16px -15px;
  118. font-size:30px;
  119. color:#c2c2c2
  120. }
  121. .layadmin-fixed {
  122. position:fixed;
  123. left:0;
  124. top:0;
  125. z-index:999
  126. }
  127. .layui-layer-admin .layui-layer-title {
  128. height:50px;
  129. line-height:50px;
  130. border:0;
  131. background-color:#20222A;
  132. color:#fff
  133. }
  134. .layui-layer-admin i[close] {
  135. position:absolute;
  136. padding:5px;
  137. right:10px;
  138. top:12px;
  139. color:#fff;
  140. cursor:pointer
  141. }
  142. .layui-layer-admin .layui-layer-content {
  143. padding:20px;
  144. line-height:22px
  145. }
  146. .layui-layer-admin .layui-layer-content cite {
  147. font-style:normal;
  148. color:#FF5722
  149. }
  150. .layui-layer-adminRight {
  151. top:50px!important;
  152. bottom:0;
  153. box-shadow:1px 1px 10px rgba(0,0,0,.1);
  154. border-radius:0;
  155. overflow:auto
  156. }
  157. .layadmin-note .layui-layer-content {
  158. padding:0
  159. }
  160. .layadmin-note textarea {
  161. display:block;
  162. width:300px;
  163. height:132px;
  164. min-width:300px;
  165. min-height:132px;
  166. line-height:20px;
  167. padding:10px 20px;
  168. border:none;
  169. box-sizing:border-box;
  170. color:#666;
  171. word-wrap:break-word
  172. }
  173. .layui-layout-admin .layui-layout-left {
  174. padding:0 10px
  175. }
  176. .layui-layout-admin .layui-layout-left .layui-nav-item {
  177. margin:0 20px
  178. }
  179. .layui-layout-admin .layui-layout-left a,.layui-layout-admin .layui-layout-right {
  180. padding:0
  181. }
  182. .layui-header .layui-nav-item .layui-icon {
  183. position:relative;
  184. top:1px;
  185. font-size:16px
  186. }
  187. .layui-header .layui-layout-right .layui-badge-dot {
  188. margin-left:11px
  189. }
  190. .layui-header .layui-nav .layui-this:after,.layui-layout-admin .layui-header .layui-nav-bar {
  191. top:0!important;
  192. bottom:auto;
  193. height:3px;
  194. background-color:#fff;
  195. background-color:rgba(255,255,255,.3)
  196. }
  197. .layadmin-body-shade {
  198. position:fixed;
  199. display:none;
  200. left:0;
  201. right:0;
  202. top:0;
  203. bottom:0;
  204. background-color:rgba(0,0,0,.3);
  205. z-index:1000
  206. }
  207. .layui-side-menu .layui-side-scroll {
  208. width:240px
  209. }
  210. .layui-side-menu .layui-nav {
  211. width:220px;
  212. margin-top:50px;
  213. background:0 0
  214. }
  215. .layui-side-menu .layui-nav .layui-nav-item a {
  216. height:40px;
  217. line-height:40px;
  218. padding-left:45px;
  219. padding-right:30px
  220. }
  221. .layui-side-menu .layui-nav .layui-nav-item>a {
  222. padding-top:8px;
  223. padding-bottom:8px
  224. }
  225. .layui-side-menu .layui-nav .layui-nav-item a:hover {
  226. background:0 0
  227. }
  228. .layui-side-menu .layui-nav .layui-nav-itemed>.layui-nav-child {
  229. padding:5px 0
  230. }
  231. .layui-side-menu .layui-nav .layui-nav-item .layui-icon {
  232. position:absolute;
  233. top:50%;
  234. left:20px;
  235. margin-top:-19px
  236. }
  237. .layui-side-menu .layui-nav .layui-nav-child .layui-nav-child {
  238. background:0 0!important
  239. }
  240. .layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a {
  241. padding-left:60px
  242. }
  243. .layui-side-menu .layui-nav .layui-nav-more {
  244. right:15px
  245. }
  246. @media screen and (max-width:992px) {
  247. .layui-layout-admin .layui-side {
  248. transform:translate3d(-220px,0,0);
  249. -webkit-transform:translate3d(-220px,0,0);
  250. width:220px
  251. }
  252. .layadmin-pagetabs,.layui-layout-admin .layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-layout-left {
  253. left:0
  254. }
  255. }
  256. .layadmin-side-shrink .layui-layout-admin .layui-logo {
  257. width:60px;
  258. background-image:url(res/logo.png)
  259. }
  260. .layadmin-side-shrink .layui-layout-admin .layui-logo span {
  261. display:none
  262. }
  263. .layadmin-side-shrink .layui-side {
  264. left:0;
  265. width:60px
  266. }
  267. .layadmin-side-shrink .layadmin-pagetabs,.layadmin-side-shrink .layui-layout-admin .layui-body,.layadmin-side-shrink .layui-layout-admin .layui-footer,.layadmin-side-shrink .layui-layout-admin .layui-layout-left {
  268. left:60px
  269. }
  270. .layadmin-side-shrink .layui-side-menu .layui-nav {
  271. position:static;
  272. width:60px
  273. }
  274. .layadmin-side-shrink .layui-side-menu .layui-nav-item {
  275. position:static
  276. }
  277. .layadmin-side-shrink .layui-side-menu .layui-nav-item>a {
  278. padding-right:0
  279. }
  280. .layadmin-side-shrink .layui-side-menu .layui-nav-item cite,.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child,.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>a .layui-nav-more {
  281. display:none;
  282. padding:8px 0;
  283. width:200px
  284. }
  285. .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-itemed>a {
  286. background:rgba(0,0,0,.3)
  287. }
  288. .layadmin-side-spread-sm .layadmin-pagetabs,.layadmin-side-spread-sm .layui-layout-admin .layui-body,.layadmin-side-spread-sm .layui-layout-admin .layui-footer,.layadmin-side-spread-sm .layui-layout-admin .layui-layout-left {
  289. left:0;
  290. transform:translate3d(220px,0,0);
  291. -webkit-transform:translate3d(220px,0,0)
  292. }
  293. .layadmin-side-spread-sm .layui-layout-admin .layui-layout-right {
  294. transform:translate3d(220px,0,0);
  295. -webkit-transform:translate3d(220px,0,0)
  296. }
  297. .layadmin-side-spread-sm .layui-side {
  298. transform:translate3d(0,0,0);
  299. -webkit-transform:translate3d(0,0,0)
  300. }
  301. .layadmin-side-spread-sm .layadmin-body-shade {
  302. display:block
  303. }
  304. .layadmin-pagetabs .layui-tab-title li:first-child .layui-tab-close,.layadmin-tabs-select.layui-nav .layui-nav-bar,.layadmin-tabs-select.layui-nav .layui-nav-more {
  305. display:none
  306. }
  307. .layadmin-pagetabs {
  308. height:40px;
  309. line-height:40px;
  310. padding:0 80px 0 40px;
  311. background-color:#fff;
  312. box-sizing:border-box;
  313. box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
  314. }
  315. .layadmin-pagetabs .layadmin-tabs-control {
  316. position:absolute;
  317. top:0;
  318. width:40px;
  319. height:100%;
  320. text-align:center;
  321. cursor:pointer;
  322. transition:all .3s;
  323. -webkit-transition:all .3s;
  324. box-sizing:border-box;
  325. border-left:1px solid #f6f6f6
  326. }
  327. .layadmin-pagetabs .layadmin-tabs-control:hover {
  328. background-color:#f6f6f6
  329. }
  330. .layadmin-pagetabs .layui-icon-prev {
  331. left:0;
  332. border-left:none;
  333. border-right:1px solid #f6f6f6
  334. }
  335. .layadmin-pagetabs .layui-icon-next {
  336. right:40px
  337. }
  338. .layadmin-pagetabs .layui-icon-down {
  339. right:0
  340. }
  341. .layadmin-tabs-select.layui-nav {
  342. position:absolute;
  343. left:0;
  344. top:0;
  345. width:100%;
  346. height:100%;
  347. padding:0;
  348. background:0 0
  349. }
  350. .layadmin-tabs-select.layui-nav .layui-nav-item {
  351. line-height:40px
  352. }
  353. .layadmin-tabs-select.layui-nav .layui-nav-item>a {
  354. height:40px
  355. }
  356. .layadmin-tabs-select.layui-nav .layui-nav-item a {
  357. color:#666
  358. }
  359. .layadmin-tabs-select.layui-nav .layui-nav-child {
  360. top:40px;
  361. left:auto;
  362. right:0
  363. }
  364. .layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this,.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this a {
  365. background-color:#f2f2f2!important;
  366. color:#333
  367. }
  368. .layadmin-pagetabs .layui-tab {
  369. margin:0;
  370. overflow:hidden
  371. }
  372. .layadmin-pagetabs .layui-tab-title {
  373. height:40px;
  374. border:none
  375. }
  376. .layadmin-pagetabs .layui-tab-title li {
  377. min-width:0;
  378. line-height:40px;
  379. max-width:160px;
  380. text-overflow:ellipsis;
  381. padding-right:40px;
  382. overflow:hidden;
  383. border-right:1px solid #f6f6f6;
  384. vertical-align:top
  385. }
  386. .layadmin-pagetabs .layui-tab-title li:first-child {
  387. padding-right:15px
  388. }
  389. .layadmin-pagetabs .layui-tab-title li .layui-tab-close {
  390. position:absolute;
  391. right:8px;
  392. top:50%;
  393. margin:-7px 0 0;
  394. width:16px;
  395. height:16px;
  396. line-height:16px;
  397. border-radius:50%;
  398. font-size:12px
  399. }
  400. .layadmin-pagetabs .layui-tab-title li:after {
  401. content:'';
  402. position:absolute;
  403. top:0;
  404. left:0;
  405. width:0;
  406. height:2px;
  407. border-radius:0;
  408. background-color:#292B34;
  409. transition:all .3s;
  410. -webkit-transition:all .3s
  411. }
  412. .layadmin-pagetabs .layui-tab-title li:hover:after {
  413. width:100%
  414. }
  415. .layadmin-pagetabs .layui-tab-title li.layui-this,.layadmin-pagetabs .layui-tab-title li:hover {
  416. background-color:#f6f6f6
  417. }
  418. .layadmin-pagetabs .layui-tab-title li.layui-this:after {
  419. width:100%;
  420. border:none;
  421. height:2px;
  422. background-color:#292B34
  423. }
  424. .layadmin-tabspage-none .layui-layout-admin .layui-header {
  425. border-bottom:none;
  426. box-shadow:0 1px 2px 0 rgba(0,0,0,.05)
  427. }
  428. .layadmin-tabspage-none .layui-layout-admin .layui-body {
  429. top:50px
  430. }
  431. .layadmin-tabspage-none .layadmin-header {
  432. display:block
  433. }
  434. .layadmin-tabspage-none .layadmin-header .layui-breadcrumb {
  435. border-top:1px solid #f6f6f6
  436. }
  437. .layui-layout-admin .layui-header {
  438. border-bottom:1px solid #f6f6f6;
  439. box-sizing:border-box;
  440. background-color:#fff
  441. }
  442. .layui-layout-admin .layui-header a,.layui-layout-admin .layui-header a cite {
  443. color:#333
  444. }
  445. .layui-layout-admin .layui-header a:hover {
  446. color:#000
  447. }
  448. .layui-layout-admin .layui-header .layui-nav .layui-nav-more {
  449. border-top-color:#666
  450. }
  451. .layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
  452. border-color:transparent transparent #666
  453. }
  454. .layui-layout-admin .layui-header .layui-nav .layui-this:after,.layui-layout-admin .layui-header .layui-nav-bar {
  455. height:2px;
  456. background-color:#20222A
  457. }
  458. .layui-layout-admin .layui-logo {
  459. background-color:#20222A;
  460. box-shadow:0 1px 2px 0 rgba(0,0,0,.15)
  461. }
  462. .layui-layout-admin .layui-logo,.layui-layout-admin .layui-logo a {
  463. color:#fff;
  464. color:rgba(255,255,255,.8)
  465. }
  466. .layui-side-menu {
  467. box-shadow:1px 0 2px 0 rgba(0,0,0,.05)
  468. }
  469. .layui-layout-admin .layui-footer {
  470. padding:10px 0;
  471. text-align:center;
  472. box-shadow:0 -1px 2px 0 rgba(0,0,0,.05)
  473. }
  474. .layadmin-setTheme-side,.layui-side-menu {
  475. background-color:#20222A;
  476. color:#fff
  477. }
  478. .layadmin-setTheme-header,.layui-layout-admin .layui-footer {
  479. background-color:#fff
  480. }
  481. .layui-tab-admin .layui-tab-title {
  482. background-color:#393D49;
  483. color:#fff
  484. }
  485. .layui-fluid {
  486. padding:15px
  487. }
  488. .layadmin-header {
  489. display:none;
  490. height:50px;
  491. line-height:50px;
  492. margin-bottom:0;
  493. border-radius:0
  494. }
  495. .layadmin-header .layui-breadcrumb {
  496. padding:0 15px
  497. }
  498. .layui-card-header .layui-icon {
  499. line-height:initial;
  500. position:absolute;
  501. right:15px;
  502. top:50%;
  503. margin-top:-7px
  504. }
  505. .layadmin-carousel {
  506. height:185px!important;
  507. background-color:#fff
  508. }
  509. .layadmin-carousel .layui-carousel-ind li {
  510. background-color:#e2e2e2
  511. }
  512. .layadmin-carousel .layui-carousel-ind li:hover {
  513. background-color:#c2c2c2
  514. }
  515. .layadmin-carousel .layui-carousel-ind li.layui-this {
  516. background-color:#999
  517. }
  518. .layadmin-carousel .layui-carousel,.layadmin-carousel>[carousel-item]>* {
  519. background-color:#fff
  520. }
  521. .layadmin-carousel .layui-col-space10 {
  522. margin:0
  523. }
  524. .layadmin-carousel .layui-carousel-ind {
  525. position:absolute;
  526. top:-41px;
  527. text-align:right
  528. }
  529. .layadmin-carousel .layui-carousel-ind ul {
  530. background:0 0
  531. }
  532. .layui-card .layui-tab-brief .layui-tab-title {
  533. height:42px;
  534. border-bottom-color:#f6f6f6
  535. }
  536. .layui-card .layui-tab-brief .layui-tab-title li {
  537. margin:0 15px;
  538. padding:0;
  539. line-height:42px
  540. }
  541. .layui-card .layui-tab-brief .layui-tab-title li.layui-this {
  542. color:#333
  543. }
  544. .layui-card .layui-tab-brief .layui-tab-title .layui-this:after {
  545. height:43px
  546. }
  547. .layui-card .layui-tab-brief .layui-tab-content {
  548. padding:15px
  549. }
  550. .layui-card .layui-table-view {
  551. margin:0
  552. }
  553. .layadmin-shortcut li {
  554. text-align:center
  555. }
  556. .layadmin-shortcut li .layui-icon {
  557. display:inline-block;
  558. width:100%;
  559. height:60px;
  560. line-height:60px;
  561. text-align:center;
  562. border-radius:2px;
  563. font-size:30px;
  564. background-color:#F8F8F8;
  565. color:#333;
  566. transition:all .3s;
  567. -webkit-transition:all .3s
  568. }
  569. .layadmin-shortcut li cite {
  570. position:relative;
  571. top:2px;
  572. display:block;
  573. color:#666;
  574. text-overflow:ellipsis;
  575. overflow:hidden;
  576. white-space:nowrap;
  577. font-size:14px
  578. }
  579. .layadmin-shortcut li:hover .layui-icon {
  580. background-color:#f2f2f2
  581. }
  582. .layadmin-backlog .layadmin-backlog-body {
  583. display:block;
  584. padding:10px 15px;
  585. background-color:#f8f8f8;
  586. color:#999;
  587. border-radius:2px;
  588. transition:all .3s;
  589. -webkit-transition:all .3s
  590. }
  591. .layadmin-backlog-body h3 {
  592. padding-bottom:10px;
  593. font-size:12px
  594. }
  595. .layadmin-backlog-body p cite {
  596. font-style:normal;
  597. font-size:30px;
  598. font-weight:300;
  599. color:#009688
  600. }
  601. .layadmin-backlog-body:hover {
  602. background-color:#f2f2f2;
  603. color:#888
  604. }
  605. .layadmin-dataview {
  606. height:332px!important
  607. }
  608. .layadmin-dataview>[carousel-item]:before {
  609. display:none
  610. }
  611. .layadmin-dataview>[carousel-item]>div {
  612. height:332px
  613. }
  614. .layadmin-takerates {
  615. padding-top:5px
  616. }
  617. .layadmin-takerates .layui-progress {
  618. margin:50px 0 60px
  619. }
  620. .layadmin-takerates .layui-progress:last-child {
  621. margin-bottom:10px
  622. }
  623. .layadmin-takerates .layui-progress h3 {
  624. position:absolute;
  625. right:0;
  626. top:-35px;
  627. color:#999;
  628. font-size:14px
  629. }
  630. .layadmin-takerates .layui-progress-bar {
  631. text-align:left
  632. }
  633. .layadmin-takerates .layui-progress-text {
  634. top:-35px;
  635. line-height:26px;
  636. font-size:26px
  637. }
  638. .layadmin-news {
  639. height:60px!important;
  640. padding:5px 0
  641. }
  642. .layadmin-news a {
  643. display:block;
  644. line-height:60px;
  645. text-align:center
  646. }
  647. .layadmin-news .layui-carousel-ind {
  648. height:45px
  649. }
  650. .layadmin-list li {
  651. margin-bottom:6px;
  652. padding-bottom:6px;
  653. border-bottom-color:#f6f6f6;
  654. list-style-position:inside;
  655. list-style-type:disc;
  656. text-overflow:ellipsis;
  657. overflow:hidden;
  658. white-space:nowrap
  659. }
  660. .layadmin-list li a {
  661. color:#666
  662. }
  663. .layadmin-list li a:hover {
  664. color:#009688
  665. }
  666. .layadmin-list li:last-child {
  667. border:none;
  668. padding:0;
  669. margin:0
  670. }
  671. .layadmin-text p {
  672. margin-bottom:10px;
  673. text-indent:2em
  674. }
  675. .layadmin-text p:last-child {
  676. margin:0
  677. }
  678. .layadmin-panel-selection {
  679. width:350px;
  680. margin:30px auto
  681. }
  682. .layadmin-panel-selection .layui-panel-window {
  683. padding:30px 50px;
  684. border-top-color:#ddd;
  685. text-align:center
  686. }
  687. .layadmin-panel-selection .layui-panel-window h2 {
  688. padding-bottom:15px;
  689. font-size:18px
  690. }
  691. .layadmin-panel-selection .layui-panel-window ul {
  692. margin-top:15px;
  693. text-align:left
  694. }
  695. .layadmin-panel-selection .layui-btn-container {
  696. margin-top:30px
  697. }
  698. .layadmin-panel-selection .layui-btn-container .layui-btn {
  699. width:100%
  700. }
  701. .layuiAdmin-msg-detail h1 {
  702. font-size:16px
  703. }
  704. .layuiAdmin-msg-detail .layui-card-header {
  705. height:auto;
  706. line-height:30px;
  707. padding:15px
  708. }
  709. .layuiAdmin-msg-detail .layui-card-header span {
  710. padding:0 5px;
  711. color:#999
  712. }
  713. .layuiAdmin-msg-detail .layui-card-header span:first-child {
  714. padding-left:0
  715. }
  716. .layuiAdmin-msg-detail .layui-card-body {
  717. padding:15px
  718. }
  719. .layadmin-setTheme {
  720. padding:15px;
  721. overflow-x:hidden
  722. }
  723. .layadmin-setTheme>h5 {
  724. padding:20px 0 10px;
  725. color:#000
  726. }
  727. .layadmin-setTheme>h5:first-child {
  728. padding-top:0
  729. }
  730. .layadmin-setTheme-color {
  731. width:330px;
  732. font-size:0
  733. }
  734. .layadmin-setTheme-color li {
  735. position:relative;
  736. display:inline-block;
  737. vertical-align:top;
  738. width:80px;
  739. height:50px;
  740. margin:0 15px 15px 0;
  741. background-color:#f2f2f2;
  742. cursor:pointer;
  743. font-size:12px;
  744. color:#666
  745. }
  746. .layadmin-setTheme-color li:after {
  747. content:'';
  748. position:absolute;
  749. z-index:20;
  750. top:50%;
  751. left:50%;
  752. width:1px;
  753. height:0;
  754. border:1px solid #f2f2f2;
  755. transition:all .3s;
  756. -webkit-transition:all .3s;
  757. opacity:0
  758. }
  759. .layadmin-setTheme-color li.layui-this:after,.layadmin-setTheme-color li:hover:after {
  760. width:100%;
  761. height:100%;
  762. padding:4px;
  763. top:-5px;
  764. left:-5px;
  765. border-color:#5FB878;
  766. opacity:1
  767. }
  768. .layadmin-setTheme-header {
  769. position:relative;
  770. z-index:10;
  771. height:10px;
  772. border-top:1px solid #f2f2f2;
  773. border-right:1px solid #f2f2f2
  774. }
  775. .layadmin-setTheme-side {
  776. position:absolute;
  777. left:0;
  778. top:0;
  779. width:20px;
  780. height:100%;
  781. z-index:11;
  782. box-shadow:1px 0 2px 0 rgba(0,0,0,.05)
  783. }
  784. .layadmin-setTheme-logo {
  785. position:absolute;
  786. left:0;
  787. top:0;
  788. width:100%;
  789. height:10px;
  790. box-shadow:0 1px 2px 0 rgba(0,0,0,.15)
  791. }
  792. .layadmin-form-right {
  793. text-align:right
  794. }
  795. .layadmin-about p {
  796. margin-bottom:10px
  797. }
  798. .layadmin-menu-list .layui-card-header {
  799. height:50px;
  800. line-height:50px;
  801. font-size:16px
  802. }
  803. .layadmin-menu-list .layui-card-header:active {
  804. background-color:#f2f2f2
  805. }
  806. .layadmin-menu-list .layui-card-header .layui-icon {
  807. position:relative;
  808. top:1px;
  809. left:0;
  810. display:inline-block;
  811. margin:0 10px;
  812. font-size:18px
  813. }
  814. @-webkit-keyframes layui-rl {
  815. from {
  816. -webkit-transform:translate3d(100%,0,0)
  817. }
  818. to {
  819. -webkit-transform:translate3d(0,0,0)
  820. }
  821. }
  822. @keyframes layui-rl {
  823. from {
  824. transform:translate3d(100%,0,0)
  825. }
  826. to {
  827. transform:translate3d(0,0,0)
  828. }
  829. }
  830. .layui-anim-rl {
  831. -webkit-animation-name:layui-rl;
  832. animation-name:layui-rl
  833. }
  834. @-webkit-keyframes layui-lr {
  835. from {
  836. -webkit-transform:translate3d(0 0,0);
  837. opacity:1
  838. }
  839. to {
  840. -webkit-transform:translate3d(100%,,0,0);
  841. opacity:1
  842. }
  843. }
  844. @keyframes layui-lr {
  845. from {
  846. transform:translate3d(0,0,0)
  847. }
  848. to {
  849. transform:translate3d(100%,0,0)
  850. }
  851. }
  852. .layui-anim-lr,.layui-anim-rl.layer-anim-close {
  853. -webkit-animation-name:layui-lr;
  854. animation-name:layui-lr
  855. }
  856. .layadmin-tips {
  857. margin-top:30px;
  858. text-align:center
  859. }
  860. .layadmin-tips .layui-icon[face] {
  861. display:inline-block;
  862. font-size:300px;
  863. color:#393D49
  864. }
  865. .layadmin-tips .layui-text {
  866. width:500px;
  867. margin:30px auto;
  868. padding-top:20px;
  869. border-top:5px solid #009688;
  870. font-size:16px
  871. }
  872. .layadmin-tips h1 {
  873. font-size:100px;
  874. line-height:100px;
  875. color:#009688
  876. }
  877. .layadmin-tips .layui-text .layui-anim {
  878. display:inline-block
  879. }
  880. @media screen and (max-width:768px) {
  881. .layadmin-panel-selection {
  882. margin:0;
  883. width:auto
  884. }
  885. .layui-body .layui-nav .layui-nav-item {
  886. display:block
  887. }
  888. }
  889. body .layui-card {
  890. box-shadow: 1px 1px 1px 2px rgba(0,0,0,.05);
  891. }