common.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. @charset "UTF-8";
  2. /*重写AdmineLTE 的部分效果 start*/
  3. body {
  4. font-family: -apple-system,
  5. "BlinkMacSystemFont",
  6. "Segoe UI",
  7. "PingFang SC",
  8. "Hiragino Sans GB",
  9. "Microsoft YaHei",
  10. Helvetica Neue,
  11. Helvetica,
  12. Arial,
  13. sans-serif,
  14. Apple Color Emoji,
  15. "Segoe UI Emoji",
  16. Segoe UI Symbol;
  17. }
  18. h1,
  19. h2,
  20. h3,
  21. h4,
  22. h5,
  23. h6,
  24. .h1,
  25. .h2,
  26. .h3,
  27. .h4,
  28. .h5,
  29. .h6 {
  30. font-family: -apple-system,
  31. "BlinkMacSystemFont",
  32. "Segoe UI",
  33. "PingFang SC",
  34. "Hiragino Sans GB",
  35. "Microsoft YaHei",
  36. Helvetica Neue,
  37. Helvetica,
  38. Arial,
  39. sans-serif,
  40. Apple Color Emoji,
  41. "Segoe UI Emoji",
  42. Segoe UI Symbol;
  43. }
  44. a {
  45. cursor: pointer;
  46. color:#D44F00;
  47. }
  48. a:hover,
  49. a:active {
  50. text-decoration: underline;
  51. }
  52. @media (max-width: 767px) {
  53. .main-sidebar,
  54. .left-side {
  55. padding-top: 50px
  56. }
  57. .main-header .navbar-custom-menu {
  58. margin: 0 !important;
  59. }
  60. .icl-nav-menu-item:not(.icl-nav-menu-overivew)>li:last-child {
  61. width: 160px !important;
  62. }
  63. }
  64. @media (max-width: 768px) {
  65. .sidebar-mini.sidebar-collapse .main-header .navbar {
  66. margin-left: 0 !important;
  67. }
  68. }
  69. @media (min-width: 768px) {
  70. .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
  71. position: relative !important;
  72. float: right;
  73. width: auto !important;
  74. left: 180px !important;
  75. top: -22px !important;
  76. z-index: 900
  77. }
  78. .sidebar-mini.sidebar-collapse .main-header .navbar {
  79. margin-left: 0
  80. }
  81. }
  82. /* 设置导航默认样式 */
  83. .main-header {
  84. width: 100%;
  85. }
  86. .navbar-header {
  87. margin: 0 16px;
  88. }
  89. .main-header .navbar-custom-menu {
  90. padding: 0;
  91. }
  92. /* 设置导航默认样式 end */
  93. .main-header .navbar {
  94. -webkit-transition: margin-left .3s ease-in-out;
  95. -o-transition: margin-left .3s ease-in-out;
  96. transition: margin-left .3s ease-in-out;
  97. margin-bottom: 0;
  98. margin-left: 0;
  99. border: none;
  100. min-height: 50px;
  101. border-radius: 0
  102. }
  103. .navbar-brand {
  104. height: 60px;
  105. line-height: 50px;
  106. padding: 0;
  107. }
  108. .main-header .sidebar-toggle {
  109. float: left;
  110. background-color: transparent;
  111. background-image: none;
  112. padding: 15px 17px;
  113. }
  114. .navbar-nav>.nav-dropdown-menu>.dropdown-menu {
  115. width: 150px;
  116. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  117. padding: 0 0 0 0;
  118. margin: 0;
  119. top: 100%
  120. }
  121. .main-sidebar,
  122. .left-side {
  123. padding-top: 60px;
  124. }
  125. *,
  126. *:after,
  127. *::before {
  128. -webkit-box-sizing: border-box;
  129. -moz-box-sizing: border-box;
  130. box-sizing: border-box;
  131. }
  132. a {
  133. font-weight: 400;
  134. color: #D44F00;
  135. }
  136. a:hover,
  137. a:active,
  138. a:focus {
  139. color: #e14d57;
  140. }
  141. /*重写AdmineLTE 的部分效果 end*/
  142. .skin-blue .main-header .navbar {
  143. background-color: #212121;
  144. }
  145. /*footer */
  146. .main-footer {
  147. padding: 0;
  148. margin-left: 0;
  149. color: rgba(255,255,255,0.6);
  150. overflow: hidden;
  151. background-color: #191515;
  152. border-top: 0;
  153. }
  154. .icl-footer {
  155. text-align: center;
  156. bottom: 0;
  157. width: 100%;
  158. }
  159. .icl-copyright {
  160. color: rgba(255,255,255,0.6);
  161. font-size: 14px !important;
  162. text-align: center;
  163. height: 54px;
  164. line-height: 54px;
  165. }
  166. .icl-contact {
  167. padding: 10px 0;
  168. }
  169. .contact-main {
  170. margin: 0 auto;
  171. text-align: left;
  172. }
  173. .icl-contact .home-link {
  174. padding: 14px;
  175. text-align: center;
  176. }
  177. .home-link a {
  178. padding: 0 20px;
  179. color:rgba(255,255,255,0.6);
  180. }
  181. .contact-link {
  182. text-align: center;
  183. margin-top: 10px;
  184. }
  185. .join-link {
  186. text-align: center;
  187. margin-top: 10px;
  188. }
  189. /*footer end */