index.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. body:before {
  2. top: 0;
  3. left: 0;
  4. right: 0;
  5. bottom: 0;
  6. opacity: .5;
  7. z-index: -1;
  8. content: "";
  9. position: fixed;
  10. background-image: linear-gradient(135deg, #ffee58 18%, #2196f3 100%);
  11. }
  12. /* 页面样式 */
  13. .layui-tab-item .layui-input{
  14. height: 30px;
  15. }
  16. .header{
  17. height: 50px;
  18. }
  19. .header .logo>div{line-height: 55px;padding: 0 16px;}
  20. .header .logo img{
  21. width: 45px;
  22. cursor: pointer;
  23. -webkit-animation: spin 60s linear 1s 5 alternate;
  24. animation: spin 60s linear infinite;
  25. }
  26. @keyframes spin {
  27. from {
  28. transform: rotate(0deg);
  29. }
  30. to {
  31. transform: rotate(360deg);
  32. }
  33. }
  34. .header h1{
  35. font-weight: bold;
  36. line-height: 55px;
  37. background-image: -webkit-linear-gradient(left, #1e9fff, #E6D205 25%, #1e9fff 50%, #E6D205 75%, #1e9fff);
  38. /*background-image: -webkit-linear-gradient(left, #7320a1, #f86161 25%, #7320a1 50%, #f86161 75%, #7320a1);*/
  39. -webkit-text-fill-color: transparent;
  40. -webkit-background-clip: text;
  41. -webkit-background-size: 200% 100%;
  42. -webkit-animation: masked-animation 4s infinite linear;
  43. }
  44. @-webkit-keyframes masked-animation {
  45. 0% { background-position: 0 0;}
  46. 100% {background-position: -100% 0;}
  47. }
  48. .tabTips{
  49. display: inline-block;
  50. vertical-align: middle;
  51. }
  52. .layui-field-box{
  53. padding: 5px 15px;
  54. }
  55. .layui-form-radio{
  56. margin: 0;
  57. padding-right:0px;
  58. }
  59. .tabGroup{
  60. line-height: 30px;
  61. }
  62. .tabRadio{
  63. margin: 0 !important;
  64. line-height: 30px;
  65. }
  66. .tabInline{
  67. width:50px;
  68. margin: 0 10px;
  69. }
  70. .layui-form-checkbox{
  71. margin: 0 !important;
  72. }
  73. .tabCheckBox{
  74. display: inline-block;
  75. padding: 2px 10px;
  76. line-height: 25px;
  77. width: 580px;
  78. vertical-align: top;
  79. }
  80. .tabCheckBox3{
  81. display: inline-block;
  82. padding: 2px 10px;
  83. line-height: 25px;
  84. width: 730px;
  85. vertical-align: top;
  86. }
  87. .layui-form-checkbox[lay-skin=primary]{
  88. padding-left: 22px;
  89. }
  90. .layui-tab-content{
  91. height: 590px;
  92. background: #fff;
  93. }
  94. .layui-tab-item{
  95. height: 272px;
  96. }
  97. .layui-disabled{
  98. background: #eee;
  99. font-size: 20px;
  100. color: #1E9FFF !important;
  101. padding: 0;
  102. text-align: center;
  103. }
  104. .layui-elem-field{
  105. padding-top: 15px;
  106. }
  107. .layui-elem-field .layui-field-box{
  108. display: flex;
  109. }
  110. .layui-elem-field .layui-inline{
  111. margin: 0px 3px;
  112. }
  113. .layui-elem-field button{
  114. margin: 0 4px;
  115. }
  116. .fieldTips{
  117. display: inline-block;
  118. vertical-align: middle;
  119. /*width: 133px;*/
  120. white-space: nowrap;
  121. line-height: 39px;
  122. }
  123. .layui-badge{
  124. position: absolute;
  125. left: 0;
  126. top: -18px;
  127. right: 0;
  128. background-color: #1e9fff!important;
  129. }
  130. .layui-badge-dot{
  131. vertical-align: middle;
  132. }
  133. .layui-elem-field .layui-block{
  134. padding: 0 15px 10px 15px;
  135. }
  136. .layui-elem-field .layui-block h3{
  137. line-height: 26px;
  138. color: #1E9FFF;
  139. }
  140. .layui-form-radio>i:hover, .layui-form-radioed>i,.layui-anim-scaleSpring{
  141. color: #1E9FFF !important;
  142. }
  143. .layui-form-checked[lay-skin=primary] i{
  144. border-color: #1E9FFF !important;
  145. background-color: #1E9FFF !important;
  146. }
  147. /* scroll */
  148. ::-webkit-scrollbar {
  149. width: 8px;
  150. }
  151. ::-webkit-scrollbar-track {
  152. background-color:#f3f3f3;
  153. -webkit-border-radius: 2em;
  154. -moz-border-radius: 2em;
  155. border-radius:2em;
  156. }
  157. ::-webkit-scrollbar-thumb {
  158. background-color:#c0c0c0;
  159. -webkit-border-radius: 2em;
  160. -moz-border-radius: 2em;
  161. border-radius:2em;
  162. }
  163. a[title="站长统计"]{
  164. position: fixed;
  165. bottom: 0;
  166. z-index: -1;
  167. right: 0;
  168. color: #00000000;
  169. }