国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

332 lines
5.5KB

  1. body {
  2. line-height:1.5;
  3. font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
  4. color:#545b62;
  5. letter-spacing:.6px
  6. }
  7. a {
  8. color:#545b62;
  9. text-decoration:none
  10. }
  11. a:hover {
  12. color:#ec982c;
  13. text-decoration:none
  14. }
  15. img {
  16. max-width:100%;
  17. border-radius:.25rem
  18. }
  19. ul,ol {
  20. margin:0;
  21. padding:0;
  22. list-style:none
  23. }
  24. h1,h2,h3,h4,h5,h6 {
  25. margin:0;
  26. line-height:1.5;
  27. font-weight:600;
  28. color:#393d49
  29. }
  30. h1 {
  31. font-size:32px
  32. }
  33. h2 {
  34. font-size:24px
  35. }
  36. h3,h4 {
  37. font-size:18px
  38. }
  39. h5,h6 {
  40. font-size:16px
  41. }
  42. form.search {
  43. display:flex;
  44. width:100%
  45. }
  46. .body-bg {
  47. background:#f5f5f5
  48. }
  49. .body-img {
  50. background:url(../img/member_bg.jpg);
  51. background-repeat:no-repeat;
  52. background-position:top center
  53. }
  54. .navbar-toggler {
  55. font-size:16px
  56. }
  57. .spec .card {
  58. text-align:center
  59. }
  60. .spec .card img {
  61. max-width:200px;
  62. margin:0 auto
  63. }
  64. .spec .card-body {
  65. padding:.25rem
  66. }
  67. .spec .border-bottom-dashed {
  68. border-bottom:dashed 1px #929292
  69. }
  70. .spec > li .title h4 {
  71. display:inline
  72. }
  73. .spec > li .title a {
  74. color:#212529
  75. }
  76. .spec > li > a > img,.article-spec > a > img {
  77. width:120px
  78. }
  79. .spec > li .title .label {
  80. padding:0 10px;
  81. color:#1eb867;
  82. background:#b7e9b4;
  83. border-radius:.25rem
  84. }
  85. .ddcard,.ddcard-normal {
  86. border:none
  87. }
  88. .ddcard > .card-header {
  89. padding:0;
  90. background:#fff;
  91. border-bottom:solid 4px #1eb867
  92. }
  93. .ddcard-normal > .card-header {
  94. padding:10px;
  95. background:#fff;
  96. border-bottom:0
  97. }
  98. .ddcard-normal > .card-header .caption,.ddcard > .card-header .caption {
  99. font-size:18px;
  100. font-weight:600
  101. }
  102. .ddcard > .card-header .more a,.ddcard-normal > .card-header .more a {
  103. font-size:14px;
  104. color:#1eb867
  105. }
  106. .ddcard > ul > li,.ddcard > ol > li,.ddcard-normal > ul > li,.ddcard-normal > ol > li {
  107. padding-bottom:10px;
  108. color:#c0c0c0;
  109. overflow:hidden;
  110. text-overflow:ellipsis;
  111. white-space:nowrap
  112. }
  113. .ddcard > ul > li:nth-child(1),.ddcard > ol > li:nth-child(1) {
  114. margin-top:10px
  115. }
  116. .ddcard > ul > li:last-child,.ddcard > ol > li:last-child,.ddcard-normal > ul > li:last-child,.ddcard-normal > ol > li:last-child {
  117. padding-bottom:0
  118. }
  119. .ddcard > .card-header .caption span {
  120. display:inline-block;
  121. padding:6px 12px;
  122. color:#fff;
  123. background:#1eb867;
  124. border-radius:.2rem .2rem 0 0
  125. }
  126. .ddcard-normal > .list-group > li i {
  127. color:#1eb867
  128. }
  129. .ddcard-normal {
  130. padding:0;
  131. box-shadow:0 .125rem .25rem rgba(0,0,0,.075)
  132. }
  133. .ddcard-normal ul {
  134. padding:10px
  135. }
  136. .title::before {
  137. margin-right:10px;
  138. padding:2px;
  139. content:" ";
  140. background:#1eb867;
  141. border-radius:.2rem
  142. }
  143. .breadcrumb {
  144. margin-bottom:0
  145. }
  146. .spec > li .description,.spec > li .description a {
  147. line-height:30px;
  148. font-size:16px;
  149. color:#868686;
  150. display:-webkit-box;
  151. -webkit-line-clamp:3;
  152. -webkit-box-orient:vertical;
  153. overflow:hidden
  154. }
  155. .items > li .type {
  156. position:relative;
  157. padding:0 5px;
  158. margin-right:10px;
  159. top:-3px;
  160. height:18px;
  161. line-height:18px;
  162. font-size:14px;
  163. color:#fff;
  164. background:#1eb867
  165. }
  166. .items > li .pane {
  167. display:inline-block;
  168. margin-right:10px;
  169. margin-bottom:10px;
  170. width:10px;
  171. height:10px;
  172. background:#1eb867;
  173. vertical-align:middle
  174. }
  175. .items > li .caption {
  176. line-height:30px
  177. }
  178. .items > li .title,.items > li .caption a {
  179. display:inline;
  180. line-height:18px;
  181. color:#212529
  182. }
  183. .items > li .description,.items > li .description a,.items > li .addinfo {
  184. color:#868686;
  185. display:-webkit-box;
  186. -webkit-line-clamp:3;
  187. -webkit-box-orient:vertical;
  188. overflow:hidden;
  189. line-height:30px;
  190. word-break:break-all
  191. }
  192. .items .border-bottom-dashed {
  193. border-bottom:dashed 1px #929292
  194. }
  195. .items img {
  196. max-width:100px
  197. }
  198. .items > li .label {
  199. margin-left:10px;
  200. padding:0 5px;
  201. color:#fff840;
  202. font-size:14px;
  203. height:30px;
  204. line-height:30px;
  205. background:#fff840;
  206. border:1px solid #fff840;
  207. border-radius:.25rem;
  208. text-decoration-line:none
  209. }
  210. .items > li .label:hover {
  211. color:#fff
  212. }
  213. .article-main h1,.article-main h2,.article-main h3,.article-main h4,.article-main h5,.article-main h6 {
  214. margin-bottom:1rem;
  215. font-size:24px
  216. }
  217. .article-meta span {
  218. margin-right:1rem
  219. }
  220. .digg .comment-container {
  221. width:200px;
  222. padding:10px 20px;
  223. border:1px solid #f5f5f5;
  224. border-radius:30px;
  225. margin:0 6px;
  226. cursor:pointer
  227. }
  228. .digg .comment-container:hover {
  229. background:#fffce0
  230. }
  231. .digg .comment-top {
  232. display:flex;
  233. flex-direction:row;
  234. align-items:center;
  235. margin-bottom:10px
  236. }
  237. .digg .comment-top-text {
  238. margin-left:10px;
  239. color:#497cf6
  240. }
  241. .digg .comment-top-text-danger {
  242. margin-left:10px;
  243. color:#d21d35
  244. }
  245. .digg .text-like {
  246. color:#497cf6
  247. }
  248. .digg .text-unlike {
  249. color:#d21d35
  250. }
  251. .digg .comment-top p {
  252. margin-bottom:unset
  253. }
  254. .prenext .pagination-previous,.pagination-next {
  255. padding:6px 12px;
  256. font-size:14px;
  257. color:#a6a5a6;
  258. border-radius:30px;
  259. border:1px solid #f0f0f0;
  260. cursor:pointer
  261. }
  262. .prenext .pagination-previous:hover,.pagination-next:hover {
  263. color:#c2e5d0;
  264. background:#1eac5a
  265. }
  266. .actbox {
  267. float:right;
  268. padding:10px
  269. }
  270. .actbox ul {
  271. list-style:none
  272. }
  273. .actbox ul li {
  274. float:left;
  275. margin-left:10px
  276. }
  277. .copyright {
  278. padding:1.5rem;
  279. background:#343a40
  280. }
  281. .flink,.flink a,.copyright,.copyright a {
  282. color:#fff
  283. }
  284. .nav-link {
  285. padding:0 10px;
  286. height:36px;
  287. line-height:36px
  288. }
  289. .logo img {
  290. height:40px
  291. }
  292. .user-login {
  293. line-height:40px
  294. }
  295. .user-admin img {
  296. margin-right:10px;
  297. width:30px;
  298. height:30px;
  299. border-radius:50%;
  300. border-bottom:1px solid #eee
  301. }
  302. .table {
  303. color:#545b62
  304. }
  305. .form-control,.btn,.fa {
  306. font-size:14px!important
  307. }
  308. .btn+.btn,.btn-text+.btn-text {
  309. margin-left:1rem
  310. }
  311. #btnScrollTop {
  312. display:none;
  313. position:fixed;
  314. padding:10px 12px;
  315. right:1rem;
  316. bottom:1rem;
  317. z-index:9998;
  318. font-size:16px;
  319. color:#fff;
  320. cursor:pointer;
  321. background:#ec982c;
  322. border-radius:.25rem;
  323. border:0
  324. }
  325. #btnScrollTop:hover {
  326. background:#e77817
  327. }
  328. @media (max-width:480px) {
  329. .m-pb-2 {
  330. padding-bottom:2rem
  331. }
  332. }