国内流行的内容管理系统(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.

408 lines
7.1KB

  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. }
  10. a:hover {
  11. color:#ec982c;
  12. text-decoration:none
  13. }
  14. img {
  15. max-width:100%;
  16. border-radius:.25rem
  17. }
  18. ul,ol {
  19. margin:0;
  20. padding:0;
  21. list-style:none
  22. }
  23. h1,h2,h3,h4,h5,h6 {
  24. margin:0;
  25. line-height:1.5;
  26. font-weight:600;
  27. color:#393d49
  28. }
  29. h1 {
  30. font-size:32px
  31. }
  32. h2 {
  33. font-size:24px
  34. }
  35. h3,h4 {
  36. font-size:18px
  37. }
  38. h5,h6 {
  39. font-size:16px
  40. }
  41. form.search {
  42. display:flex;
  43. width:100%
  44. }
  45. ul.spec > li > a > img,.article-spec > a > img {
  46. width:120px
  47. }
  48. ul.spec .border-bottom-dashed {
  49. border-bottom:dashed 1px #929292
  50. }
  51. ul.spec > li .title a {
  52. color:#212529
  53. }
  54. ul.spec > li .title h4 {
  55. display:inline
  56. }
  57. ul.spec > li .title .label {
  58. padding:0 5px;
  59. color:#28a745;
  60. background:#B7E9B4;
  61. border-radius:.25rem
  62. }
  63. ul.spec > li .description,ul.spec > li .description a {
  64. line-height:30px;
  65. font-size:16px;
  66. color:#868686;
  67. display:-webkit-box;
  68. -webkit-line-clamp:3;
  69. -webkit-box-orient:vertical;
  70. overflow:hidden
  71. }
  72. ul.items > li .type {
  73. position:relative;
  74. padding:0 5px;
  75. margin-right:10px;
  76. top:-3px;
  77. height:18px;
  78. line-height:18px;
  79. font-size:14px;
  80. color:#fff;
  81. background:#28a745
  82. }
  83. ul.items > li .pane {
  84. display:inline-block;
  85. margin-right:10px;
  86. margin-bottom:10px;
  87. width:10px;
  88. height:10px;
  89. background:#28a745;
  90. vertical-align:middle
  91. }
  92. ul.items > li .caption {
  93. line-height:30px
  94. }
  95. ul.items > li .title,ul.items > li .caption a {
  96. display:inline;
  97. line-height:18px;
  98. color:#212529
  99. }
  100. ul.items > li .description,ul.items > li .description a,ul.items > li .addinfo {
  101. color:#868686;
  102. display:-webkit-box;
  103. -webkit-line-clamp:3;
  104. -webkit-box-orient:vertical;
  105. overflow:hidden;
  106. line-height:30px;
  107. word-break:break-all
  108. }
  109. ul.items > li .addinfo {
  110. font-size:14px
  111. }
  112. ul.items .border-bottom-dashed {
  113. border-bottom:dashed 1px #929292
  114. }
  115. ul.items img {
  116. max-width:100px
  117. }
  118. ul.items > li .label {
  119. margin-left:10px;
  120. padding:0 5px;
  121. color:#fff840;
  122. font-size:14px;
  123. height:30px;
  124. line-height:30px;
  125. background:#fff840;
  126. border:1px solid #fff840;
  127. border-radius:.25rem;
  128. text-decoration-line:none
  129. }
  130. ul.items > li .label:hover {
  131. color:#fff
  132. }
  133. ul.items > li .source {
  134. font-size:14px
  135. }
  136. .ddcard,.ddcard-normal {
  137. border:none
  138. }
  139. .ddcard-normal {
  140. padding:.25rem;
  141. box-shadow:1px 0px 5px 5px #f8f8f8
  142. }
  143. .ddcard-normal ul {
  144. padding:.5rem
  145. }
  146. .ddcard > .card-header {
  147. padding:0;
  148. background:#fff;
  149. border-bottom:solid 5px #28a745
  150. }
  151. .ddcard-normal > .card-header {
  152. padding:0;
  153. background:#fff;
  154. border-bottom:0
  155. }
  156. .ddcard-normal > .card-header .caption {
  157. font-size:18px;
  158. font-weight:600
  159. }
  160. .ddcard-normal > .card-header .caption a {
  161. color:#28a745
  162. }
  163. .ddcard-normal > .card-header .caption::before {
  164. margin-right:10px;
  165. padding:6px;
  166. content:" ";
  167. background:#28a745;
  168. border-radius:.2rem
  169. }
  170. .ddcard > .card-header .caption {
  171. font-size:18px
  172. }
  173. .ddcard > .card-header .caption span {
  174. padding:6px 15px;
  175. display:inline-block;
  176. color:#fff;
  177. background:#28a745;
  178. border-radius:.2rem .2rem 0 0
  179. }
  180. .ddcard > .card-header .more a,.ddcard-normal > .card-header .more a {
  181. color:#28a745;
  182. font-size:14px;
  183. line-height:26px
  184. }
  185. .ddcard > .list-group {
  186. margin-left:20px
  187. }
  188. .ddcard > .list-group .label,.ddcard-normal > .list-group .label {
  189. float:right;
  190. font-size:14px;
  191. padding:10px;
  192. color:#12451f;
  193. background:#b6e9b4;
  194. border-radius:.25rem;
  195. margin-left:5px
  196. }
  197. .ddcard-normal > .list-group .time {
  198. color:#c0c0c0
  199. }
  200. .ddcard-normal > ul > li,.ddcard-normal > ol > li {
  201. border-bottom:dashed 1px #cfcfcf;
  202. list-style:none
  203. }
  204. .ddcard-normal > ul > li.media img {
  205. width:75px;
  206. height:57px
  207. }
  208. .ddcard-normal > ul > li.media h4 {
  209. font-size:16px
  210. }
  211. .ddcard-normal .more {
  212. padding-right:1.5rem
  213. }
  214. .ddcard-normal > .list-group > li i {
  215. color:#60B983
  216. }
  217. .ddcard > ul > li,.ddcard > ol > li,.ddcard-normal > ul > li,.ddcard-normal > ol > li {
  218. padding:10px 0;
  219. color:#c0c0c0;
  220. overflow:hidden;
  221. #fff-space:nowrap;
  222. text-overflow:ellipsis
  223. }
  224. .ddcard > ul > li:nth-child(1),.ddcard > ol > li:nth-child(1),.ddcard-normal > ul > li:nth-child(1),.ddcard-normal > ol > li:nth-child(1) {
  225. margin-top:10px;
  226. overflow:hidden;
  227. #fff-space:nowrap;
  228. text-overflow:ellipsis
  229. }
  230. .ddcard > ul > li a,.ddcard > ol > li a,.ddcard-normal > ul > li a,.ddcard-normal > ol > li a {
  231. color:#272727
  232. }
  233. .ddcard > ol > li::before,.ddcard-normal > ol > li::before {
  234. background:#fff840;
  235. color:#fff;
  236. padding:10px 0;
  237. margin-left:-10px;
  238. margin-right:10px;
  239. border-radius:.25rem
  240. }
  241. .ddcard > ol > li:nth-child(1)::before,.ddcard-normal > ol > li:nth-child(1)::before {
  242. content:"1";
  243. background:#fff840;
  244. color:#fff;
  245. padding:6px 6px;
  246. margin-left:0px;
  247. margin-right:10px;
  248. border-radius:.25rem;
  249. width:6px
  250. }
  251. .ddcard > ol > li:nth-child(2)::before,.ddcard-normal > ol > li:nth-child(2)::before {
  252. content:"2";
  253. background:#ffb400;
  254. color:#fff;
  255. padding:6px 5px;
  256. margin-left:0px;
  257. margin-right:10px;
  258. border-radius:.25rem
  259. }
  260. .ddcard > ol > li:nth-child(3)::before,.ddcard-normal > ol > li:nth-child(3)::before {
  261. content:"3";
  262. background:#ffcc00;
  263. color:#fff;
  264. padding:6px 5px;
  265. margin-left:0px;
  266. margin-right:10px;
  267. border-radius:.25rem
  268. }
  269. .digg .comment-container {
  270. width:200px;
  271. padding:10px 20px;
  272. border:1px solid #f8f8f8;
  273. border-radius:30px;
  274. margin:0 6px;
  275. cursor:pointer
  276. }
  277. .digg .comment-container:hover {
  278. background:#fffce0
  279. }
  280. .digg .comment-top {
  281. display:flex;
  282. flex-direction:row;
  283. align-items:center;
  284. margin-bottom:10px
  285. }
  286. .digg .comment-top-text {
  287. color:#497cf6;
  288. margin-left:10px
  289. }
  290. .digg .comment-top-text-danger {
  291. color:#d21d35;
  292. margin-left:10px
  293. }
  294. .digg .text-like {
  295. color:#497cf6
  296. }
  297. .digg .text-unlike {
  298. color:#d21d35
  299. }
  300. .digg .comment-top p {
  301. margin-bottom:unset
  302. }
  303. .prenext .pagination-previous,.pagination-next {
  304. font-size:14px;
  305. color:#a6a5a6;
  306. padding:6px 14px;
  307. border-radius:30px;
  308. border:1px solid #f0f0f0;
  309. cursor:pointer
  310. }
  311. .prenext .pagination-previous:hover,.pagination-next:hover {
  312. color:#c2e5d0;
  313. background:#1eac5a
  314. }
  315. .actbox {
  316. float:right;
  317. padding:10px
  318. }
  319. .actbox ul {
  320. list-style:none
  321. }
  322. .actbox ul li {
  323. float:left;
  324. margin-left:10px
  325. }
  326. .spec .card {
  327. text-align:center
  328. }
  329. .spec .card img {
  330. max-width:200px;
  331. margin:0 auto
  332. }
  333. .spec .card-body {
  334. padding:.25rem
  335. }
  336. .flink,.flink a,.copyright,.copyright a {
  337. color:#fff
  338. }
  339. .copyright {
  340. padding:.5rem;
  341. background:#12451F
  342. }
  343. .btn-xs {
  344. padding:2px;
  345. line-height:12px;
  346. font-size:12px
  347. }
  348. .btn+.btn,.btn-text+.btn-text {
  349. margin-left:1rem
  350. }
  351. .fa {
  352. font-size:14px!important;
  353. color:inherit
  354. }
  355. .table {
  356. color:#545b62
  357. }
  358. .form-control {
  359. height:36px;
  360. line-height:36px;
  361. font-size:14px
  362. }
  363. .nav-link {
  364. padding:0 10px;
  365. height:36px;
  366. line-height:36px
  367. }
  368. .logo img {
  369. height:40px
  370. }
  371. .user-login {
  372. line-height:40px
  373. }
  374. .biz-title::before {
  375. content:" ";
  376. background:#28a745;
  377. padding:6px;
  378. margin-right:10px;
  379. border-radius:.2rem
  380. }
  381. .breadcrumb {
  382. margin-bottom:0
  383. }
  384. .article-main h1,.article-main h2,.article-main h3,.article-main h4,.article-main h5,.article-main h6 {
  385. margin-bottom:1rem;
  386. font-size:24px
  387. }
  388. .article-meta span {
  389. margin-right:1rem
  390. }
  391. #btnScrollTop {
  392. display:none;
  393. position:fixed;
  394. padding:10px 12px;
  395. right:1rem;
  396. bottom:1rem;
  397. z-index:99;
  398. font-size:18px;
  399. color:#fff;
  400. cursor:pointer;
  401. border:none;
  402. background:#ec982c;
  403. border-radius:.25rem;
  404. outline:none
  405. }
  406. #btnScrollTop:hover {
  407. background:#e77817
  408. }