backend.css 21 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001
  1. @import url("../css/bootstrap.css");
  2. @import url("../css/fastadmin.css");
  3. @import url("../css/skins/skin-green.css");
  4. @import url("../css/skins/skin-blue.css");
  5. @import url("../css/iconfont.css");
  6. @import url("../libs/font-awesome/css/font-awesome.min.css");
  7. @import url("../libs/toastr/toastr.min.css");
  8. @import url("../libs/fastadmin-layer/dist/theme/default/layer.css");
  9. @import url("../libs/bootstrap-table/dist/bootstrap-table.min.css");
  10. @import url("../libs/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css");
  11. @import url("../libs/bootstrap-daterangepicker/daterangepicker.css");
  12. @import url("../libs/nice-validator/dist/jquery.validator.css");
  13. @import url("../libs/bootstrap-select/dist/css/bootstrap-select.min.css");
  14. @import url("../libs/fastadmin-selectpage/selectpage.css");
  15. @import url("../libs/bootstrap-slider/slider.css");
  16. html,
  17. body {
  18. height: 100%;
  19. }
  20. body {
  21. background: #f1f4f6;
  22. font-size: 13px;
  23. }
  24. body.is-dialog {
  25. background: #fff;
  26. }
  27. .selection {
  28. position: absolute;
  29. border: 1px solid #8B9;
  30. background-color: #BEC;
  31. }
  32. .main-header .logo,
  33. .main-header .navbar {
  34. -webkit-transition: none;
  35. -moz-transition: none;
  36. -o-transition: none;
  37. transition: none;
  38. }
  39. .main-header .navbar {
  40. position: relative;
  41. }
  42. .bootstrap-dialog .modal-dialog {
  43. /*width: 70%;*/
  44. max-width: 885px;
  45. }
  46. /*iOS兼容*/
  47. html.ios-fix,
  48. html.ios-fix body {
  49. height: 100%;
  50. overflow: auto;
  51. -webkit-overflow-scrolling: touch;
  52. }
  53. .wrapper {
  54. height: 100%;
  55. }
  56. #header {
  57. background: #fff;
  58. }
  59. .content-wrapper {
  60. position: relative;
  61. height: 100%;
  62. }
  63. .control-relative {
  64. position: relative;
  65. }
  66. .tab-addtabs .tab-pane {
  67. height: 100%;
  68. width: 100%;
  69. }
  70. .row-between .col-xs-6 + .col-xs-6:before {
  71. content: "~";
  72. position: absolute;
  73. left: -2%;
  74. top: 6px;
  75. }
  76. @media only screen and (min-width: 481px) {
  77. .row-flex {
  78. display: flex;
  79. flex-wrap: wrap;
  80. }
  81. .row-flex > [class*='col-'] {
  82. display: flex;
  83. flex-direction: column;
  84. }
  85. .row-flex.row:after,
  86. .row-flex.row:before {
  87. display: flex;
  88. }
  89. }
  90. @media (max-width: 991px) {
  91. .main-header .navbar-custom-menu a.btn-danger {
  92. color: #fff;
  93. background-color: #e74c3c;
  94. }
  95. .main-header .navbar-custom-menu a.btn-primary {
  96. color: #fff;
  97. background-color: #2c3e50;
  98. }
  99. }
  100. .common-search-table {
  101. min-height: 20px;
  102. padding: 15px;
  103. margin-bottom: 15px;
  104. background-color: #f5f5f5;
  105. }
  106. /* 固定的底部按钮 */
  107. .fixed-footer {
  108. position: fixed;
  109. bottom: 0;
  110. background-color: #ecf0f1;
  111. width: 100%;
  112. margin-bottom: 0;
  113. padding: 10px;
  114. }
  115. table.table-template {
  116. overflow: hidden;
  117. }
  118. .sp_container .msg-box {
  119. position: absolute;
  120. right: 0;
  121. top: 0;
  122. }
  123. .toast-top-right-index {
  124. top: 62px;
  125. right: 12px;
  126. }
  127. .bootstrap-select .status {
  128. background: #f0f0f0;
  129. clear: both;
  130. color: #999;
  131. font-size: 12px;
  132. font-weight: 500;
  133. line-height: 1;
  134. margin-bottom: -5px;
  135. padding: 10px 20px;
  136. }
  137. .img-center {
  138. margin: 0 auto;
  139. display: inline;
  140. float: none;
  141. }
  142. /*
  143. * RIBBON
  144. */
  145. #ribbon {
  146. overflow: hidden;
  147. padding: 15px 15px 0 15px;
  148. position: relative;
  149. }
  150. #ribbon a {
  151. color: #777 !important;
  152. text-decoration: none !important;
  153. }
  154. #ribbon .breadcrumb {
  155. display: inline-block;
  156. margin: 0;
  157. padding: 0;
  158. background: none;
  159. vertical-align: top;
  160. }
  161. #ribbon .breadcrumb > .active,
  162. #ribbon .breadcrumb li {
  163. color: #aaa;
  164. }
  165. #ribbon .shortcut a {
  166. margin-left: 10px;
  167. }
  168. .is-dialog #main {
  169. background: #fff;
  170. }
  171. .is-dialog .layer-footer {
  172. display: none;
  173. }
  174. form.form-horizontal .control-label {
  175. font-weight: normal;
  176. }
  177. .user-panel > .image img {
  178. width: 45px;
  179. height: 45px;
  180. }
  181. /*panel扩展描述样式*/
  182. .panel-intro {
  183. margin-bottom: 0;
  184. border: none;
  185. }
  186. .panel-intro > .panel-heading {
  187. padding: 15px;
  188. padding-bottom: 0;
  189. background: #e8edf0;
  190. border-color: #e8edf0;
  191. position: relative;
  192. }
  193. .panel-intro > .panel-heading .panel-lead {
  194. margin-bottom: 15px;
  195. }
  196. .panel-intro > .panel-heading .panel-lead em {
  197. display: block;
  198. font-weight: bold;
  199. font-style: normal;
  200. }
  201. .panel-intro > .panel-heading .panel-title {
  202. height: 25px;
  203. font-weight: normal;
  204. white-space: nowrap;
  205. overflow: hidden;
  206. text-overflow: ellipsis;
  207. }
  208. .panel-intro > .panel-heading .panel-control {
  209. height: 42px;
  210. position: absolute;
  211. top: 8px;
  212. right: 8px;
  213. }
  214. .panel-intro > .panel-heading .panel-control .fa {
  215. font-size: 14px;
  216. }
  217. .panel-intro > .panel-heading .nav-tabs {
  218. border-bottom: 0;
  219. margin-bottom: 0;
  220. }
  221. .panel-intro > .panel-heading .nav-tabs > li > a {
  222. margin-right: 4px;
  223. color: #95a5a6;
  224. background-color: #d8e0e6;
  225. border: 1px solid #e8edf0;
  226. border-bottom-color: transparent;
  227. }
  228. .panel-intro > .panel-heading .nav-tabs > li > a:hover,
  229. .panel-intro > .panel-heading .nav-tabs > li > a:focus {
  230. border: 1px solid #e8edf0;
  231. color: #7b8a8b;
  232. background-color: #c9d4dc;
  233. }
  234. .panel-intro > .panel-heading .nav-tabs > li.active > a,
  235. .panel-intro > .panel-heading .nav-tabs > li.active > a:hover,
  236. .panel-intro > .panel-heading .nav-tabs > li.active > a:focus {
  237. color: #7b8a8b;
  238. background-color: #ffffff;
  239. border-bottom-color: transparent;
  240. cursor: default;
  241. }
  242. /*单表格*/
  243. .panel-tabs .panel-heading {
  244. padding: 12px 15px 12px 15px;
  245. }
  246. .panel-tabs .panel-heading .panel-lead {
  247. margin-bottom: 0px;
  248. }
  249. /*选项卡*/
  250. .panel-nav .panel-heading {
  251. padding: 0px;
  252. padding-bottom: 0;
  253. background: #f1f4f6;
  254. border-color: #f1f4f6;
  255. }
  256. .panel-nav .nav-tabs > li > a {
  257. padding: 12px 15px;
  258. background-color: #e8edf0;
  259. border: 1px solid #f1f4f6;
  260. }
  261. .panel-nav .nav-tabs > li > a:hover,
  262. .panel-nav .nav-tabs > li > a:focus {
  263. border: 1px solid #e8edf0;
  264. background-color: #e8edf0;
  265. }
  266. .panel-nav .nav-tabs > li.active > a,
  267. .panel-nav .nav-tabs > li.active > a:hover,
  268. .panel-nav .nav-tabs > li.active > a:focus {
  269. border-color: #f1f4f6;
  270. border-bottom-color: transparent;
  271. }
  272. /*顶栏addtabs*/
  273. .nav-addtabs {
  274. height: 100%;
  275. border: none;
  276. }
  277. .nav-addtabs.disable-top-badge > li > a > .pull-right-container {
  278. display: none;
  279. }
  280. .nav-addtabs > li {
  281. margin: 0;
  282. }
  283. .nav-addtabs > li > a {
  284. height: 50px;
  285. line-height: 50px;
  286. padding: 0 15px;
  287. border-radius: 0;
  288. border: none;
  289. border-right: 1px solid rgba(0, 0, 0, 0.05);
  290. margin: 0;
  291. color: #95a5a6;
  292. }
  293. .nav-addtabs > li > a:hover,
  294. .nav-addtabs > li > a:focus {
  295. border: none;
  296. color: #2c3e50;
  297. border-right: 1px solid rgba(0, 0, 0, 0.05);
  298. }
  299. .nav-addtabs > li.active > a {
  300. height: 50px;
  301. line-height: 50px;
  302. padding: 0 15px;
  303. border-radius: 0;
  304. border: none;
  305. border-right: 1px solid rgba(0, 0, 0, 0.05);
  306. background: #f1f4f6;
  307. color: #2c3e50;
  308. overflow: hidden;
  309. }
  310. .nav-addtabs > li.active > a:hover,
  311. .nav-addtabs > li.active > a:focus {
  312. border: none;
  313. color: #2c3e50;
  314. background: #f1f4f6;
  315. border-right: 1px solid rgba(0, 0, 0, 0.05);
  316. }
  317. .nav-addtabs > li .close-tab {
  318. font-size: 10px;
  319. position: absolute;
  320. right: 0px;
  321. top: 50%;
  322. margin-top: -8px;
  323. z-index: 100;
  324. cursor: pointer;
  325. color: #eee;
  326. display: none;
  327. }
  328. .nav-addtabs > li .close-tab:before {
  329. content: "\e626";
  330. font-family: iconfont;
  331. font-style: normal;
  332. font-weight: normal;
  333. text-decoration: inherit;
  334. font-size: 18px;
  335. }
  336. .nav-addtabs .open > a:hover,
  337. .nav-addtabs .open > a:focus {
  338. border-right: 1px solid rgba(0, 0, 0, 0.05);
  339. }
  340. .nav-addtabs ul li {
  341. position: relative;
  342. }
  343. .nav-addtabs li:hover > .close-tab {
  344. display: block;
  345. }
  346. .multiplenav .content-wrapper,
  347. .multiplenav .right-side {
  348. padding-top: 94px;
  349. }
  350. .multiplenav #firstnav .nav-addtabs {
  351. padding-right: 450px;
  352. }
  353. #firstnav {
  354. height: 50px;
  355. border-bottom: 1px solid transparent;
  356. box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  357. position: relative;
  358. }
  359. #firstnav .sidebar-toggle {
  360. position: absolute;
  361. width: 45px;
  362. text-align: center;
  363. height: 50px;
  364. line-height: 50px;
  365. padding: 0;
  366. }
  367. #firstnav .nav-addtabs {
  368. position: absolute;
  369. left: 45px;
  370. z-index: 98;
  371. }
  372. #firstnav .navbar-custom-menu {
  373. position: absolute;
  374. top: 0;
  375. right: 0;
  376. z-index: 99;
  377. background: transparent;
  378. }
  379. /*次栏菜单栏*/
  380. #secondnav {
  381. height: 44px;
  382. position: absolute;
  383. top: 50px;
  384. left: 0;
  385. background: #fff;
  386. width: 100%;
  387. box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  388. padding: 5px 10px;
  389. -webkit-user-select: none;
  390. -moz-user-select: none;
  391. user-select: none;
  392. }
  393. #secondnav .nav-addtabs {
  394. height: 100%;
  395. border: none;
  396. }
  397. #secondnav .nav-addtabs.disable-top-badge > li > a > .pull-right-container {
  398. display: none;
  399. }
  400. #secondnav .nav-addtabs > li {
  401. border: 1px solid #eee;
  402. border-radius: 3px;
  403. padding: 0 15px;
  404. height: 30px;
  405. line-height: 30px;
  406. margin: 2px 5px 2px 0;
  407. background: #fff;
  408. }
  409. #secondnav .nav-addtabs > li > a {
  410. display: block;
  411. color: #495060 !important;
  412. height: 100%;
  413. padding: 0;
  414. line-height: 28px;
  415. font-size: 12px;
  416. vertical-align: middle;
  417. opacity: 1;
  418. overflow: hidden;
  419. background: none;
  420. border: none;
  421. }
  422. #secondnav .nav-addtabs > li.active {
  423. border-color: #bdbebd;
  424. background-color: #f7f7f7;
  425. }
  426. #secondnav .nav-addtabs > li .close-tab {
  427. font-size: 10px;
  428. position: absolute;
  429. right: 0px;
  430. top: 50%;
  431. margin-top: -8px;
  432. z-index: 100;
  433. cursor: pointer;
  434. color: #eee;
  435. }
  436. #secondnav .nav-addtabs > li .close-tab:before {
  437. content: "\e626";
  438. font-family: iconfont;
  439. font-style: normal;
  440. font-weight: normal;
  441. text-decoration: inherit;
  442. font-size: 18px;
  443. }
  444. #secondnav .nav-addtabs > li:hover,
  445. #secondnav .nav-addtabs > li:focus {
  446. border-color: #bdbebd;
  447. }
  448. #secondnav .nav-addtabs ul li {
  449. position: relative;
  450. }
  451. #secondnav .nav-addtabs li:hover > .close-tab {
  452. display: block;
  453. border-color: #222e32;
  454. color: #222e32;
  455. }
  456. .main-sidebar .sidebar-form {
  457. overflow: visible;
  458. }
  459. .main-sidebar .sidebar-form .menuresult {
  460. z-index: 999;
  461. position: absolute;
  462. top: 34px;
  463. left: -1px;
  464. width: 100%;
  465. max-height: 250px;
  466. overflow: auto;
  467. margin: 0;
  468. border-top: none;
  469. border-top-left-radius: 0;
  470. border-top-right-radius: 0;
  471. }
  472. .main-sidebar .sidebar-form .menuresult a {
  473. border-top: 1px solid #eee;
  474. background-color: #fff;
  475. border-bottom: 1px solid #eee;
  476. margin-bottom: -1px;
  477. display: block;
  478. padding: 10px 15px;
  479. color: #222d32;
  480. }
  481. .main-sidebar .sidebar-form .menuresult a:hover {
  482. background: #eee;
  483. }
  484. .input-group .sp_result_area {
  485. width: 100%;
  486. }
  487. .sidebar-menu.show-submenu .treeview-menu {
  488. display: block;
  489. }
  490. .sidebar-menu > li .badge {
  491. margin-top: 0;
  492. }
  493. .sidebar-menu .treeview-menu > li > a {
  494. font-size: inherit;
  495. }
  496. .sidebar-collapse .user-panel > .image img {
  497. width: 25px;
  498. height: 25px;
  499. }
  500. @media (min-width: 768px) {
  501. .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  502. top: 41px;
  503. }
  504. .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
  505. top: 7px !important;
  506. height: 17px;
  507. }
  508. }
  509. .fieldlist dd {
  510. display: block;
  511. margin: 5px 0;
  512. }
  513. .fieldlist dd input {
  514. display: inline-block;
  515. width: 300px;
  516. }
  517. .fieldlist dd input:first-child {
  518. width: 110px;
  519. }
  520. .fieldlist dd ins {
  521. width: 110px;
  522. display: inline-block;
  523. text-decoration: none;
  524. font-weight: bold;
  525. }
  526. /* 弹窗中的表单 */
  527. .form-layer {
  528. height: 100%;
  529. min-height: 150px;
  530. min-width: 300px;
  531. }
  532. .form-layer .form-body {
  533. width: 100%;
  534. overflow: auto;
  535. top: 0;
  536. position: absolute;
  537. z-index: 10;
  538. bottom: 50px;
  539. padding: 15px;
  540. }
  541. .form-layer .form-footer {
  542. height: 50px;
  543. line-height: 50px;
  544. background-color: #ecf0f1;
  545. width: 100%;
  546. position: absolute;
  547. z-index: 200;
  548. bottom: 0;
  549. margin: 0;
  550. }
  551. .form-layer .form-footer .form-group {
  552. margin-left: 0;
  553. margin-right: 0;
  554. }
  555. #treeview .jstree-container-ul .jstree-node {
  556. display: block;
  557. clear: both;
  558. }
  559. #treeview .jstree-leaf:not(:first-child) {
  560. float: left;
  561. background: none;
  562. margin-left: 0;
  563. min-width: 80px;
  564. clear: none;
  565. }
  566. #treeview .jstree-leaf {
  567. width: 33%;
  568. float: left;
  569. margin-left: 0;
  570. padding-left: 24px;
  571. min-width: 80px;
  572. clear: none;
  573. color: #777;
  574. }
  575. #treeview .jstree-leaf > .jstree-icon,
  576. #treeview .jstree-leaf .jstree-themeicon {
  577. display: none;
  578. }
  579. #treeview .jstree-last {
  580. background-image: url("../img/32px.png");
  581. background-position: -292px -4px;
  582. background-repeat: repeat-y;
  583. }
  584. #treeview .jstree-children:before,
  585. #treeview .jstree-children:after {
  586. content: " ";
  587. display: table;
  588. }
  589. #treeview .jstree-children:after {
  590. clear: both;
  591. }
  592. #treeview .jstree-themeicon {
  593. display: none;
  594. }
  595. /*去除bootstrap-table的边框*/
  596. .fixed-table-container {
  597. border: none !important;
  598. }
  599. /*修复nice-validator新版下的一处BUG*/
  600. .nice-validator input,
  601. .nice-validator select,
  602. .nice-validator textarea,
  603. .nice-validator [contenteditable] {
  604. display: inline-block;
  605. *display: inline;
  606. *zoom: 1;
  607. }
  608. /*修复nice-validator和summernote的编辑框冲突*/
  609. .nice-validator .note-editor .note-editing-area .note-editable {
  610. display: inherit;
  611. }
  612. /*预览区域*/
  613. .plupload-preview {
  614. padding: 0 10px;
  615. margin-bottom: 0;
  616. }
  617. .plupload-preview li {
  618. margin-top: 15px;
  619. }
  620. .plupload-preview .thumbnail {
  621. margin-bottom: 10px;
  622. }
  623. .plupload-preview a {
  624. display: block;
  625. }
  626. .plupload-preview a:first-child {
  627. height: 90px;
  628. }
  629. .plupload-preview a img {
  630. height: 80px;
  631. object-fit: cover;
  632. }
  633. .pjax-loader-bar .progress {
  634. position: fixed;
  635. top: 0;
  636. left: 0;
  637. height: 2px;
  638. background: #77b6ff;
  639. box-shadow: 0 0 10px rgba(119, 182, 255, 0.7);
  640. -webkit-transition: width 0.4s ease;
  641. transition: width 0.4s ease;
  642. }
  643. .dropdown-menu.text-left a,
  644. .dropdown-menu.text-left li {
  645. text-align: left !important;
  646. }
  647. .bootstrap-table .fixed-table-toolbar .dropdown-menu {
  648. overflow: auto;
  649. }
  650. .bootstrap-table .fa-toggle-on.fa-2x {
  651. font-size: 1.86em;
  652. }
  653. .bootstrap-table .form-commonsearch .form-group {
  654. margin-left: 0;
  655. margin-right: 0;
  656. white-space: nowrap;
  657. }
  658. .toolbar {
  659. margin-top: 10px;
  660. margin-bottom: 10px;
  661. }
  662. .fixed-table-toolbar .bs-bars,
  663. .fixed-table-toolbar .columns,
  664. .fixed-table-toolbar .search {
  665. line-height: inherit;
  666. }
  667. .fixed-table-toolbar .toolbar {
  668. margin-top: 0;
  669. margin-bottom: 0;
  670. }
  671. .bootstrap-table table tbody tr:first-child td .bs-checkbox {
  672. vertical-align: middle;
  673. }
  674. .bootstrap-table td.bs-checkbox {
  675. vertical-align: middle;
  676. }
  677. table.table-nowrap tbody > tr > td,
  678. table.table-nowrap thead > tr > th {
  679. white-space: nowrap;
  680. }
  681. .fixed-table-container thead th .sortable {
  682. padding-right: 0;
  683. }
  684. .dropdown-submenu {
  685. position: relative;
  686. }
  687. .dropdown-submenu > .dropdown-menu {
  688. overflow: auto;
  689. top: 0;
  690. left: 100%;
  691. margin-top: -6px;
  692. margin-left: -1px;
  693. -webkit-border-radius: 0 6px 6px 6px;
  694. -webkit-background-clip: padding-box;
  695. -moz-border-radius: 0 6px 6px 6px;
  696. -moz-background-clip: padding;
  697. border-radius: 0 6px 6px 6px;
  698. background-clip: padding-box;
  699. }
  700. .dropdown-submenu:hover > .dropdown-menu {
  701. display: block;
  702. }
  703. .dropdown-submenu:hover > a:after {
  704. border-left-color: #fff;
  705. }
  706. .dropdown-submenu > a:after {
  707. display: block;
  708. content: " ";
  709. float: right;
  710. width: 0;
  711. height: 0;
  712. border-color: transparent;
  713. border-style: solid;
  714. border-width: 5px 0 5px 5px;
  715. border-left-color: #ccc;
  716. margin-top: 5px;
  717. margin-right: -10px;
  718. }
  719. .dropdown-submenu.pull-left {
  720. float: none;
  721. }
  722. .dropdown-submenu.pull-left > .dropdown-menu {
  723. left: -100%;
  724. margin-left: 10px;
  725. -webkit-border-radius: 6px 0 6px 6px;
  726. -webkit-background-clip: padding-box;
  727. -moz-border-radius: 6px 0 6px 6px;
  728. -moz-background-clip: padding;
  729. border-radius: 6px 0 6px 6px;
  730. background-clip: padding-box;
  731. }
  732. /*重写toast的几个背景色*/
  733. .toast-primary {
  734. background-color: #48c9b0 !important;
  735. }
  736. .toast-success {
  737. background-color: #18bc9c !important;
  738. }
  739. .toast-error {
  740. background-color: #e74c3c !important;
  741. }
  742. .toast-info {
  743. background-color: #5dade2 !important;
  744. }
  745. .toast-warning {
  746. background-color: #f1c40f !important;
  747. }
  748. .toast-inverse {
  749. background-color: #34495e !important;
  750. }
  751. .toast-default {
  752. background-color: #bdc3c7 !important;
  753. }
  754. #toast-container > div,
  755. #toast-container > div:hover {
  756. -webkit-box-shadow: 0 0 3px #eee;
  757. -moz-box-shadow: 0 0 3px #eee;
  758. box-shadow: 0 0 3px #eee;
  759. }
  760. .layui-layer-fast {
  761. /*自定义底部灰色操作区*/
  762. }
  763. .layui-layer-fast .layui-layer-title {
  764. background: #2c3e50 !important;
  765. color: #fff !important;
  766. border-bottom: none;
  767. }
  768. .layui-layer-fast .layui-layer-title ~ .layui-layer-setwin {
  769. top: 0px;
  770. height: 42px;
  771. }
  772. .layui-layer-fast .layui-layer-title ~ .layui-layer-setwin > a {
  773. height: 42px;
  774. line-height: 42px;
  775. display: inline-block;
  776. }
  777. .layui-layer-fast.layui-layer-border {
  778. border: none !important;
  779. box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3) !important;
  780. }
  781. .layui-layer-fast.layui-layer-iframe {
  782. overflow: visible;
  783. }
  784. .layui-layer-fast .layui-layer-moves {
  785. -webkit-box-sizing: content-box;
  786. -moz-box-sizing: content-box;
  787. box-sizing: content-box;
  788. }
  789. .layui-layer-fast .layui-layer-btn {
  790. text-align: center !important;
  791. padding: 10px !important;
  792. background: #ecf0f1;
  793. overflow: hidden;
  794. }
  795. .layui-layer-fast .layui-layer-btn a {
  796. background-color: #95a5a6;
  797. border-color: #95a5a6;
  798. color: #fff !important;
  799. height: 31px;
  800. margin-top: 0;
  801. border: 1px solid transparent;
  802. }
  803. .layui-layer-fast .layui-layer-btn .layui-layer-btn0 {
  804. background-color: #18bc9c;
  805. border-color: #18bc9c;
  806. }
  807. .layui-layer-fast .layui-layer-footer {
  808. padding: 8px 20px;
  809. background-color: #ecf0f1;
  810. height: auto;
  811. text-align: inherit !important;
  812. }
  813. .layui-layer-fast .layui-layer-setwin > a {
  814. background: none !important;
  815. }
  816. .layui-layer-fast .layui-layer-setwin > a cite {
  817. display: none;
  818. }
  819. .layui-layer-fast .layui-layer-setwin > a:after {
  820. content: "\e625";
  821. font-family: iconfont;
  822. font-style: normal;
  823. font-weight: normal;
  824. text-decoration: inherit;
  825. position: absolute;
  826. font-size: 18px;
  827. color: #fff;
  828. margin: 0;
  829. z-index: 1;
  830. }
  831. .layui-layer-fast .layui-layer-setwin > a:hover {
  832. text-decoration: none !important;
  833. background: none !important;
  834. }
  835. .layui-layer-fast .layui-layer-setwin > a:focus {
  836. text-decoration: none !important;
  837. }
  838. .layui-layer-fast .layui-layer-setwin .layui-layer-min {
  839. display: none;
  840. }
  841. .layui-layer-fast .layui-layer-setwin .layui-layer-min:after {
  842. content: "\e625";
  843. }
  844. .layui-layer-fast .layui-layer-setwin .layui-layer-max {
  845. display: none;
  846. }
  847. .layui-layer-fast .layui-layer-setwin .layui-layer-max:after {
  848. content: "\e623";
  849. }
  850. .layui-layer-fast .layui-layer-setwin .layui-layer-maxmin {
  851. display: none;
  852. }
  853. .layui-layer-fast .layui-layer-setwin .layui-layer-maxmin:after {
  854. content: "\e624";
  855. }
  856. .layui-layer-fast .layui-layer-setwin .layui-layer-close1:after {
  857. content: "\e626";
  858. }
  859. .layui-layer-fast .layui-layer-setwin .layui-layer-close2,
  860. .layui-layer-fast .layui-layer-setwin .layui-layer-close2:hover {
  861. background: url('../libs/fastadmin-layer/dist/theme/default/icon.png') no-repeat -149px -31px !important;
  862. top: -30px;
  863. right: -30px;
  864. }
  865. .layui-layer-fast .layui-layer-setwin .layui-layer-close2:after,
  866. .layui-layer-fast .layui-layer-setwin .layui-layer-close2:hover:after {
  867. display: none;
  868. }
  869. .layui-layer-content {
  870. clear: both;
  871. }
  872. .layui-layer-fast-msg {
  873. min-width: 100px;
  874. }
  875. .layui-layer-fast-tab .layui-layer-title .layui-this {
  876. color: #333;
  877. }
  878. .layui-layer-fast-tab .layui-layer-content .layui-layer-tabmain {
  879. margin: 0;
  880. padding: 0;
  881. }
  882. .n-bootstrap .input-group > .n-right {
  883. position: absolute;
  884. }
  885. @media (min-width: 564px) {
  886. body.is-dialog .daterangepicker {
  887. min-width: 130px;
  888. }
  889. body.is-dialog .daterangepicker .ranges ul {
  890. width: 130px;
  891. }
  892. }
  893. /*手机版样式*/
  894. @media (max-width: 480px) {
  895. #firstnav .navbar-custom-menu ul li a {
  896. padding-left: 10px;
  897. padding-right: 10px;
  898. }
  899. #firstnav .navbar-nav > .user-menu .user-image {
  900. margin-top: -3px;
  901. }
  902. .fixed-table-toolbar .columns-right.btn-group {
  903. display: none;
  904. }
  905. .fixed .content-wrapper,
  906. .fixed .right-side {
  907. padding-top: 50px;
  908. }
  909. .multiplenav .fixed .content-wrapper,
  910. .multiplenav .fixed .right-side {
  911. padding-top: 94px;
  912. }
  913. .multiplenav .content-wrapper,
  914. .multiplenav .right-side {
  915. padding-top: 94px;
  916. }
  917. .main-sidebar,
  918. .left-side {
  919. padding-top: 144px;
  920. }
  921. }
  922. /*平板样式*/
  923. @media (max-width: 767px) {
  924. body .wrapper .main-header .logo {
  925. background: none;
  926. color: #fff;
  927. border-bottom: 0 solid transparent;
  928. position: absolute;
  929. top: 0;
  930. z-index: 1200;
  931. width: 130px;
  932. left: 50%;
  933. margin-left: -65px;
  934. }
  935. body .sidebar .mobilenav a.btn-app {
  936. color: #444;
  937. width: 100px;
  938. height: 70px;
  939. font-size: 13px;
  940. }
  941. body .sidebar .mobilenav a.btn-app i.fa {
  942. font-size: 24px;
  943. }
  944. body .sidebar .mobilenav a.btn-app span {
  945. margin-top: 5px;
  946. display: block;
  947. }
  948. body .sidebar .mobilenav a.btn-app.active {
  949. color: #222d32;
  950. }
  951. body .wrapper .main-header .navbar .dropdown-menu li > a {
  952. color: #333;
  953. }
  954. body .wrapper .main-header .navbar .dropdown-menu li > a:hover {
  955. background: #eee;
  956. }
  957. body .wrapper .main-header .navbar .dropdown-menu li.active > a {
  958. color: #fff;
  959. }
  960. body .wrapper .main-header .navbar .dropdown-menu li.active > a:hover {
  961. background: #222d32;
  962. }
  963. .main-sidebar,
  964. .left-side {
  965. padding-top: 50px;
  966. }
  967. .n-bootstrap .n-right {
  968. margin-top: 0;
  969. top: -20px;
  970. position: absolute;
  971. left: 0;
  972. text-align: right;
  973. width: 100%;
  974. }
  975. .n-bootstrap .n-right .msg-wrap {
  976. position: relative;
  977. }
  978. .n-bootstrap .col-xs-12 > .n-right .msg-wrap {
  979. margin-right: 15px;
  980. }
  981. }
  982. /*修复radio和checkbox样式对齐*/
  983. .radio > label,
  984. .checkbox > label {
  985. margin-right: 10px;
  986. }
  987. .radio > label > input,
  988. .checkbox > label > input {
  989. margin: 2px 0 0;
  990. }
  991. .wipecache li a {
  992. color: #444444 !important;
  993. }
  994. /*修正开关关闭下的颜色值*/
  995. .btn-switcher.disabled {
  996. opacity: .6;
  997. cursor: not-allowed;
  998. }
  999. .btn-switcher .text-gray {
  1000. color: #d2d6de !important;
  1001. }