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

344 lines
5.8KB

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