login.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. /** layuiAdmin.std-v1.0.0 LPPL License By http://www.layui.com/admin/ */
  2. #LAY_app,body,html {
  3. height:100%
  4. }
  5. body{
  6. background-image: url('../images/log-bj7.jpg');
  7. background-size: 100% 100%;
  8. }
  9. .layui-layout-body {
  10. overflow:auto
  11. }
  12. #LAY-user-login,.layadmin-user-display-show {
  13. display:block!important
  14. }
  15. .layadmin-user-login {
  16. position:relative;
  17. left:0;
  18. top:0;
  19. padding:110px 0;
  20. min-height:100%;
  21. box-sizing:border-box
  22. }
  23. .layadmin-user-login-main {
  24. width:375px;
  25. margin:0 auto;
  26. box-sizing:border-box;
  27. background-color: #fff;
  28. opacity: 0.9;
  29. }
  30. .layadmin-user-login-box {
  31. padding:20px
  32. }
  33. .layadmin-user-login-header {
  34. text-align:center
  35. }
  36. .layadmin-user-login-header h2 {
  37. margin-bottom:10px;
  38. font-weight:300;
  39. font-size:30px;
  40. color:#000
  41. }
  42. .layadmin-user-login-header p {
  43. font-weight:300;
  44. color:#999
  45. }
  46. .layadmin-user-login-body .layui-form-item {
  47. position:relative
  48. }
  49. .layadmin-user-login-icon {
  50. position:absolute;
  51. left:1px;
  52. top:1px;
  53. width:38px;
  54. line-height:36px;
  55. text-align:center;
  56. color:#d2d2d2
  57. }
  58. .layadmin-user-login-body .layui-form-item .layui-input {
  59. padding-left:38px
  60. }
  61. .layadmin-user-login-codeimg {
  62. height:38px;
  63. width:100%;
  64. cursor:pointer;
  65. box-sizing:border-box
  66. }
  67. .layadmin-user-login-other {
  68. position:relative;
  69. font-size:0;
  70. line-height:38px;
  71. padding-top:20px
  72. }
  73. .layadmin-user-login-other>* {
  74. display:inline-block;
  75. vertical-align:middle;
  76. margin-right:10px;
  77. font-size:14px
  78. }
  79. .layadmin-user-login-other .layui-icon {
  80. position:relative;
  81. top:2px;
  82. font-size:26px
  83. }
  84. .layadmin-user-login-other a:hover {
  85. opacity:.8
  86. }
  87. .layadmin-user-jump-change {
  88. float:right
  89. }
  90. .layadmin-user-login-footer {
  91. position:absolute;
  92. left:0;
  93. bottom:0;
  94. width:100%;
  95. line-height:30px;
  96. padding:20px;
  97. text-align:center;
  98. box-sizing:border-box;
  99. color:rgba(0,0,0,.5)
  100. }
  101. .layadmin-user-login-footer span {
  102. padding:0 5px
  103. }
  104. .layadmin-user-login-footer a {
  105. padding:0 5px;
  106. color:rgba(0,0,0,.5)
  107. }
  108. .layadmin-user-login-footer a:hover {
  109. color:rgba(0,0,0,1)
  110. }
  111. .layadmin-user-login-main[bgimg] {
  112. background-color:#fff;
  113. box-shadow:0 0 5px rgba(0,0,0,.05)
  114. }
  115. .ladmin-user-login-theme {
  116. position:fixed;
  117. bottom:0;
  118. left:0;
  119. width:100%;
  120. text-align:center
  121. }
  122. .ladmin-user-login-theme ul {
  123. display:inline-block;
  124. padding:5px;
  125. background-color:#fff
  126. }
  127. .ladmin-user-login-theme ul li {
  128. display:inline-block;
  129. vertical-align:top;
  130. width:64px;
  131. height:43px;
  132. cursor:pointer;
  133. transition:all .3s;
  134. -webkit-transition:all .3s;
  135. background-color:#f2f2f2
  136. }
  137. .ladmin-user-login-theme ul li:hover {
  138. opacity:.9
  139. }
  140. @media screen and (max-width:768px) {
  141. .layadmin-user-login {
  142. padding-top:60px
  143. }
  144. .layadmin-user-login-main {
  145. width:300px
  146. }
  147. .layadmin-user-login-box {
  148. padding:10px
  149. }
  150. }