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

624 lines
9.1KB

  1. ::-webkit-scrollbar {
  2. width:6px;
  3. height:6px
  4. }
  5. ::-webkit-scrollbar-track {
  6. background:#f5f5f5;
  7. border-radius:.2rem
  8. }
  9. ::-webkit-scrollbar-thumb {
  10. background:#dee2e6;
  11. border-radius:.2rem
  12. }
  13. * {
  14. font-size:12px
  15. }
  16. body {
  17. line-height:1.6;
  18. letter-spacing:.6px;
  19. font:12px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
  20. color:#545b62;
  21. background:#fff
  22. }
  23. a {
  24. color:#545b62;
  25. text-decoration:none
  26. }
  27. a:hover {
  28. color:#ec982c;
  29. text-decoration:none
  30. }
  31. h1,h2,h3,ul,ol,div,form {
  32. margin:0;
  33. padding:0
  34. }
  35. td,th,div {
  36. word-break:break-all;
  37. word-wrap:break-word
  38. }
  39. li,dd {
  40. margin:0;
  41. padding:0;
  42. list-style:none
  43. }
  44. img {
  45. margin-right:10px;
  46. border-radius:.2rem
  47. }
  48. label {
  49. margin-bottom:0
  50. }
  51. input {
  52. padding:.25rem .65rem;
  53. height:28px;
  54. color:#545b62;
  55. background:#fff;
  56. border:1px solid #dee2e6;
  57. border-radius:.2rem;
  58. transition:all .3s
  59. }
  60. input[type=file] {
  61. padding:0;
  62. height:auto;
  63. border:0
  64. }
  65. input[type=button],input[type=submit],input[type=reset] {
  66. padding:.25rem .65rem;
  67. height:auto;
  68. color:#fff;
  69. background:#1eb867;
  70. border-radius:.2rem;
  71. border:0;
  72. transition:all .3s
  73. }
  74. input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus {
  75. height:auto;
  76. box-shadow:none;
  77. outline:none;
  78. vertical-align:text-top
  79. }
  80. textarea {
  81. padding:.25rem .65rem;
  82. color:#545b62;
  83. background:#fff;
  84. border:1px solid #dee2e6;
  85. border-radius:.2rem;
  86. transition:all .3s
  87. }
  88. select {
  89. padding:.25rem .65rem;
  90. height:28px;
  91. color:#545b62;
  92. background:#fff;
  93. border:1px solid #dee2e6;
  94. border-radius:.2rem;
  95. transition:all .3s
  96. }
  97. select:focus,input:focus,textarea:focus {
  98. color:#495057;
  99. background:#fff;
  100. border-color:#80bdff;
  101. box-shadow:0 0 0 0.2rem rgba(0,123,255,.25);
  102. outline:0
  103. }
  104. .coolbg {
  105. padding:.25rem .65rem;
  106. background:#f5f5f5;
  107. border-bottom:1px solid #dee2e6;
  108. border-radius:.2rem;
  109. border:0;
  110. cursor:pointer
  111. }
  112. .coolbg2 {
  113. height:28px;
  114. background:#dfddd2;
  115. border:1px solid #dee2e6
  116. }
  117. .coolbt {
  118. background:#e4f7d7;
  119. border-left:1px solid #efefef;
  120. border-top:1px solid #efefef;
  121. border-bottom:1px solid #acacac;
  122. cursor:pointer
  123. }
  124. .coolbt2 {
  125. background:#f7fcda;
  126. border-left:1px solid #efefef;
  127. border-top:1px solid #efefef;
  128. border-bottom:1px solid #acacac
  129. }
  130. .coolbg3 {
  131. width:140px;
  132. height:28px;
  133. background:#dfddd2;
  134. border:1px solid #bdc5b4;
  135. text-align:right
  136. }
  137. .coolbg61 {
  138. width:390px;
  139. height:28px;
  140. line-height:28px;
  141. background:#e7f3b1;
  142. border-top:1px solid #bdc5b4;
  143. border-left:1px solid #bdc5b4;
  144. border-right:1px solid #bdc5b4;
  145. text-align:right
  146. }
  147. .coolbg62 {
  148. padding:.6rem;
  149. width:390px;
  150. height:300px;
  151. background:#F8FDF0;
  152. border:1px solid #bdc5b4
  153. }
  154. .coolbg4 {
  155. width:160px;
  156. background:#fff;
  157. border-bottom:1px solid #dee2e6;
  158. text-align:right
  159. }
  160. .wsselect {
  161. padding:.65rem 0;
  162. background:#fff;
  163. overflow:auto
  164. }
  165. .pubdlg {
  166. background:#fff;
  167. border:2px solid #1eb867;
  168. border-radius:.2rem;
  169. z-index:8888
  170. }
  171. .pubdlg .title {
  172. padding-left:.65rem;
  173. line-height:30px;
  174. font-weight:600;
  175. color:#545b62;
  176. background:#f5f5f5;
  177. border-bottom:1px solid #dee2e6
  178. }
  179. .fullpagediv {
  180. position:absolute;
  181. top:0;
  182. left:0;
  183. width:100%;
  184. height:100%;
  185. background:#cdcdcd;
  186. opacity:.6;
  187. z-index:1999
  188. }
  189. .quicksel {
  190. margin-left:10px;
  191. margin-top:10px;
  192. width:680px;
  193. height:420px;
  194. overflow:auto;
  195. z-index:10005
  196. }
  197. .quickselfoot {
  198. padding:.65rem 0;
  199. border-top:1px solid #dee2e6
  200. }
  201. .quickselItem {
  202. display:block;
  203. line-height:28px
  204. }
  205. .quickselItem .topcat {
  206. padding:0 10px;
  207. background:#e9ecef;
  208. clear:both
  209. }
  210. .quickselItem .soncat {
  211. padding:0 10px
  212. }
  213. .quickselItem .item {
  214. display:inline-block;
  215. padding-left:10px
  216. }
  217. .mysource,.mywriter {
  218. width:300px;
  219. background:#fff;
  220. border:2px solid #1eb867;
  221. z-index:10001
  222. }
  223. .dlgws div {
  224. padding:.65rem;
  225. width:100%
  226. }
  227. #uploadfield {
  228. float:left
  229. }
  230. #uploadwait {
  231. z-index:19999
  232. }
  233. .option1 {
  234. background:#e9ecef
  235. }
  236. .option2 {
  237. background:#adb5bd
  238. }
  239. .option3 {
  240. background:#fff
  241. }
  242. .divpre img {
  243. max-width:150px;
  244. max-height:100px
  245. }
  246. .divpre {
  247. overflow:hidden
  248. }
  249. .colordlg {
  250. padding:.6rem;
  251. width:120px;
  252. background:#fff;
  253. border:2px solid #1eb867;
  254. z-index:10005
  255. }
  256. body.hidemenu {
  257. background:none
  258. }
  259. body.showmenu .body-left {
  260. display:block
  261. }
  262. body.hidemenu .body-left {
  263. display:none
  264. }
  265. body.showmenu .body-right {
  266. left:220px;
  267. transition:all .3s
  268. }
  269. body.hidemenu .body-right {
  270. left:0;
  271. transition:all .3s
  272. }
  273. .body-left {
  274. position:absolute;
  275. top:60px;
  276. left:0;
  277. bottom:0;
  278. width:220px
  279. }
  280. .body-right {
  281. position:absolute;
  282. right:0;
  283. top:60px;
  284. bottom:0
  285. }
  286. .main,.menu {
  287. width:100%;
  288. height:100%
  289. }
  290. .main iframe,.menu iframe {
  291. width:100%;
  292. height:98%;
  293. border:0
  294. }
  295. .head {
  296. width:100%;
  297. height:60px;
  298. background:linear-gradient(45deg,#1eb867,#009688 90%);
  299. box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075)
  300. }
  301. .top-logo {
  302. float:left;
  303. padding-left:30px;
  304. width:220px
  305. }
  306. .top-name a {
  307. float:left;
  308. height:60px;
  309. line-height:60px;
  310. font-size:18px;
  311. font-weight:600;
  312. color:#fff
  313. }
  314. .top-name a img {
  315. width:90px
  316. }
  317. .top-version a {
  318. float:left;
  319. height:60px;
  320. line-height:60px;
  321. font-size:18px;
  322. font-weight:600;
  323. color:#fff
  324. }
  325. .top-version {
  326. float:left;
  327. margin-top:18px;
  328. margin-left:5px;
  329. color:#fff
  330. }
  331. .btn-version {
  332. float:left;
  333. margin-top:18px;
  334. margin-left:5px
  335. }
  336. .top-item ul li {
  337. float:left;
  338. padding-left:30px;
  339. height:60px;
  340. line-height:60px
  341. }
  342. .top-item ul li a,.top-admin ul li a {
  343. font-size:14px;
  344. color:#fff
  345. }
  346. .top-item ul li a:hover,.top-admin ul li a:hover {
  347. color:#dee2e6
  348. }
  349. .search {
  350. margin-left:-30px;
  351. height:20px;
  352. line-height:20px;
  353. font-size:12px;
  354. color:#545b62;
  355. background:0;
  356. border-radius:.2rem;
  357. border:0;
  358. cursor:pointer
  359. }
  360. .search-input {
  361. width:160px;
  362. height:26px;
  363. line-height:26px;
  364. font-size:12px;
  365. background:#fff;
  366. border:0;
  367. border-radius:.2rem;
  368. vertical-align:middle
  369. }
  370. .top-admin {
  371. float:right;
  372. margin-right:30px;
  373. height:60px;
  374. line-height:60px
  375. }
  376. .top-admin img {
  377. margin-right:10px;
  378. width:30px;
  379. height:30px;
  380. border-radius:50%
  381. }
  382. .top-admin ul li {
  383. float:left;
  384. padding-left:30px;
  385. height:60px;
  386. line-height:60px
  387. }
  388. .user-img {
  389. margin-right:10px;
  390. width:30px;
  391. height:30px;
  392. border-radius:50%;
  393. border:1px solid #dee2e6
  394. }
  395. .menu-box {
  396. margin:0;
  397. padding:1rem 5px;
  398. background:#ffff
  399. }
  400. .menu {
  401. width:100%;
  402. background:#fff;
  403. border-radius:.2rem;
  404. box-shadow:0 .125rem .25rem rgba(0,0,0,.075)
  405. }
  406. .menu .link {
  407. position:relative;
  408. padding-left:50px;
  409. display:block;
  410. height:40px;
  411. line-height:40px;
  412. cursor:pointer;
  413. transition:all .3s
  414. }
  415. .menu li:last-child .link {
  416. border-bottom:0
  417. }
  418. .menu li i {
  419. position:absolute;
  420. top:12px;
  421. left:20px;
  422. color:#545b62
  423. }
  424. .menu li i.fa-angle-down {
  425. right:20px;
  426. left:auto
  427. }
  428. .menu li.open .link,.menu li.open i {
  429. color:#1eb867
  430. }
  431. .menu li.open i.fa-angle-down {
  432. transform:rotate(180deg)
  433. }
  434. .submenu {
  435. display:none;
  436. padding:5px 0;
  437. background:#adb5bd;
  438. border-radius:0 0 .2rem .2rem
  439. }
  440. .submenu li {
  441. height:40px;
  442. line-height:40px;
  443. transition:all .3s
  444. }
  445. .submenu li:hover {
  446. background:#009688
  447. }
  448. .submenu a {
  449. float:left;
  450. display:block;
  451. padding:0 10px 0 50px;
  452. color:#fff
  453. }
  454. .submenu .active {
  455. background:#1eb867
  456. }
  457. .submenu-right {
  458. float:right!important;
  459. padding:0 20px 0 10px!important
  460. }
  461. .card-body {
  462. padding:.65rem
  463. }
  464. #text {
  465. font-size:0
  466. }
  467. #latestVersion {
  468. display:none
  469. }
  470. #_fileList,#_verList {
  471. height:400px;
  472. overflow-y:scroll
  473. }
  474. #_msgInfo {
  475. display:none
  476. }
  477. .update-close {
  478. background-color:#fff;
  479. border:0
  480. }
  481. .updates-dot {
  482. display:none;
  483. position:absolute;
  484. top:12px;
  485. right:8px;
  486. height:6px;
  487. width:6px;
  488. background:#dc3545;
  489. border-radius:50%
  490. }
  491. .spinner-border {
  492. width:20px;
  493. height:20px;
  494. vertical-align:bottom
  495. }
  496. .list-group-item {
  497. padding:.65rem 0
  498. }
  499. span.page-link {
  500. color:#fff;
  501. background:#1eb867
  502. }
  503. .maintable {
  504. width:98%!important;
  505. border:1px solid #dee2e6!important
  506. }
  507. .form-control {
  508. display:inline-block;
  509. margin-right:10px
  510. }
  511. .table {
  512. margin-bottom:0;
  513. color:#545b62
  514. }
  515. .table td,.table th {
  516. padding:.65rem;
  517. vertical-align:middle
  518. }
  519. .btn-xs {
  520. padding:2px;
  521. line-height:12px;
  522. font-size:12px
  523. }
  524. .btn+.btn,.btn-text+.btn-text {
  525. margin-left:10px
  526. }
  527. .fa {
  528. font-size:14px!important;
  529. color:inherit;
  530. cursor:pointer
  531. }
  532. .admin-win {
  533. background:#f5f5f5;
  534. border:1px solid #dee2e6
  535. }
  536. .admin-win-iframe {
  537. width:100%;
  538. height:360px
  539. }
  540. .admin-itemnote1 {
  541. height:30px;
  542. background:#e9ecef;
  543. border-radius:.2rem .2rem 0 0
  544. }
  545. .admin-itemnote2 {
  546. height:30px;
  547. background:#f5f5f5;
  548. border-radius:.2rem .2rem 0 0
  549. }
  550. .admin-border {
  551. border:1px solid #dee2e6
  552. }
  553. .admin-td {
  554. padding:.65rem;
  555. border-bottom:1px solid #dee2e6
  556. }
  557. .admin-textarea-xl {
  558. width:100%;
  559. height:90px
  560. }
  561. .admin-textarea-sm {
  562. width:360px;
  563. height:50px
  564. }
  565. .admin-input-lg {
  566. width:380px
  567. }
  568. .admin-input-md {
  569. width:360px
  570. }
  571. .admin-input-sm {
  572. width:160px
  573. }
  574. .admin-input-xs {
  575. width:60px
  576. }
  577. .web-info {
  578. padding:10px;
  579. background:#f5f5f5;
  580. border-radius:.2rem;
  581. text-align:center
  582. }
  583. .thumbnail-md {
  584. max-width:200px;
  585. max-height:120px
  586. }
  587. .thumbnail-sm {
  588. max-width:60px;
  589. max-height:60px
  590. }
  591. .icon img {
  592. margin-right:10px;
  593. width:20px;
  594. height:20px;
  595. border-radius:.2rem
  596. }
  597. .file-relative {
  598. position:relative
  599. }
  600. .file-absolute {
  601. position:absolute;
  602. top:0;
  603. right:0;
  604. opacity:0;
  605. cursor:pointer
  606. }
  607. #browsehappy {
  608. padding:20px 30px;
  609. font-size:14px;
  610. line-height:16px;
  611. color:#856404;
  612. background:#fff3cd;
  613. border-radius:.25rem;
  614. border:0
  615. }
  616. .browsehappy-close {
  617. float:right;
  618. cursor:pointer
  619. }
  620. @media (min-width:480px) {
  621. .modal-dialog {
  622. max-width:500px
  623. }
  624. }