国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

659 linhas
10KB

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