ry-ui.css 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179
  1. /**
  2. * 通用css样式布局处理
  3. * Copyright (c) 2019 ruoyi
  4. */
  5. /** 基础通用 **/
  6. .pt5 {
  7. padding-top: 5px;
  8. }
  9. .pr5 {
  10. padding-right: 5px;
  11. }
  12. .pb5 {
  13. padding-bottom: 5px;
  14. }
  15. .mt5 {
  16. margin-top: 5px;
  17. }
  18. .mr5 {
  19. margin-right: 5px;
  20. }
  21. .mb5 {
  22. margin-bottom: 5px;
  23. }
  24. .ml5 {
  25. margin-left: 5px;
  26. }
  27. .mt10 {
  28. margin-top: 10px;
  29. }
  30. .mr10 {
  31. margin-right: 10px;
  32. }
  33. .mb10 {
  34. margin-bottom: 10px;
  35. }
  36. .ml0 {
  37. margin-left: 10px;
  38. }
  39. .mt20 {
  40. margin-top: 20px;
  41. }
  42. .mr20 {
  43. margin-right: 20px;
  44. }
  45. .mb20 {
  46. margin-bottom: 20px;
  47. }
  48. .m20 {
  49. margin-left: 20px;
  50. }
  51. .m50 {
  52. margin-left: 50px;
  53. }
  54. .img-xs {
  55. width: 32px;
  56. height: 32px;
  57. }
  58. .img-sm {
  59. width: 64px;
  60. height: 64px;
  61. }
  62. .img-md {
  63. width: 96px;
  64. height: 96px;
  65. }
  66. .img-lg {
  67. width: 120px;
  68. height: 120px;
  69. }
  70. .section-content {
  71. min-height: 250px;
  72. margin-right: auto;
  73. margin-left: auto;
  74. padding: 5px 5px 5px 5px;
  75. width: 100%;
  76. height: 100%;
  77. position: absolute;
  78. }
  79. .ibox {
  80. margin-bottom: 25px;
  81. background-color: #fff;
  82. border: 1px solid #ddd;
  83. border-radius: 4px;
  84. height: 100%;
  85. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  86. }
  87. .list-group-striped > .list-group-item {
  88. border-left: 0;
  89. border-right: 0;
  90. border-radius: 0;
  91. padding-left: 0;
  92. padding-right: 0
  93. }
  94. .ibox-title-gray {
  95. height: 41px;
  96. background-color: #f0f3f4;
  97. color: #333;
  98. font-weight: 700;
  99. border-radius: 2px 2px 0 0;
  100. padding: 13px !important;
  101. border-bottom: 1px solid #eee;
  102. display: block;
  103. clear: both;
  104. }
  105. .dashboard-header h5 {
  106. padding: 8px 0 0 0;
  107. display: inline-block;
  108. font-size: 14px;
  109. text-overflow: ellipsis;
  110. float: left;
  111. font-weight: 400;
  112. }
  113. .ibox-title-gray h5 {
  114. display: inline-block;
  115. font-size: 14px;
  116. margin: 0 0 7px;
  117. padding: 0;
  118. text-overflow: ellipsis;
  119. float: left;
  120. }
  121. /* 导航页签 */
  122. .nav-tabs-custom {
  123. margin-bottom: 20px;
  124. background: #fff;
  125. box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  126. border-radius: 3px
  127. }
  128. .nav-tabs-custom>.nav-tabs {
  129. margin: 0;
  130. border-bottom-color: #f4f4f4;
  131. border-top-right-radius: 3px;
  132. border-top-left-radius: 3px
  133. }
  134. .nav-tabs-custom>.nav-tabs>li {
  135. border-top: 3px solid transparent;
  136. margin-bottom: -2px;
  137. margin-right: 5px
  138. }
  139. .nav-tabs-custom>.nav-tabs>li.header {
  140. padding-left: 5px;
  141. font-size: 16px;
  142. line-height: 30px;
  143. }
  144. .nav-tabs-custom>.nav-tabs>li.disabled>a {
  145. color: #777
  146. }
  147. .nav-tabs-custom>.nav-tabs>li>a {
  148. color: #444;
  149. font-weight: normal;
  150. border-radius: 0
  151. }
  152. .nav-tabs-custom>.nav-tabs>li>a,.nav-tabs-custom>.nav-tabs>li>a:hover {
  153. background: transparent;
  154. margin: 0
  155. }
  156. .nav-tabs-custom>.nav-tabs>li>a:hover {
  157. color: #999
  158. }
  159. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
  160. border-color: transparent
  161. }
  162. .nav-tabs-custom>.nav-tabs>li.active {
  163. border-top-color: #1890ff
  164. }
  165. .nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li.active:hover>a {
  166. background-color: #fff;
  167. color: #444
  168. }
  169. .nav-tabs-custom>.nav-tabs>li.active>a {
  170. border-top-color: transparent;
  171. border-bottom-color: transparent;
  172. border-left-color: #f4f4f4;
  173. border-right-color: #f4f4f4
  174. }
  175. .nav-tabs-custom>.tab-content {
  176. background: #fff;
  177. padding: 10px;
  178. border-bottom-right-radius: 3px;
  179. border-bottom-left-radius: 3px
  180. }
  181. /** 弹层组件 禁用样式 **/
  182. .layer-disabled {
  183. border: 1px #dedede solid !important;
  184. background-color: #f1f1f1 !important;
  185. color: #333 !important;
  186. pointer-events: none;
  187. }
  188. /** 用户管理 样式布局 **/
  189. .box {
  190. position: relative;
  191. border-radius: 3px;
  192. background: #ffffff;
  193. border-top: 3px solid #d2d6de;
  194. margin-bottom: 20px;
  195. width: 100%;
  196. box-shadow: 0 1px 1px rgba(0,0,0,0.1)
  197. }
  198. .box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after {
  199. content: " ";
  200. display: table
  201. }
  202. .box-header:after,.box-body:after,.box-footer:after {
  203. clear: both
  204. }
  205. .btn-box-tool {
  206. padding: 5px;
  207. font-size: 12px;
  208. background: transparent;
  209. color: #97a0b3;
  210. }
  211. .open .btn-box-tool,
  212. .btn-box-tool:hover {
  213. color: #606c84;
  214. }
  215. .box-main {
  216. margin: 0;
  217. border: 0;
  218. padding-top: 2px;
  219. border-radius: 0;
  220. box-shadow: none
  221. }
  222. .box-main>.box-header {
  223. border-bottom: 1px solid #eee;
  224. padding: 12px 10px 2px 15px
  225. }
  226. .box-header .box-title {
  227. display: inline-block;
  228. font-size: 18px;
  229. margin: 0;
  230. line-height: 1;
  231. }
  232. .box-main>.box-header .box-title {
  233. font-size: 16px;
  234. margin-bottom: 13px;
  235. float: left
  236. }
  237. .box-main>.box-header .box-title .fa {
  238. font-size: 14px;
  239. padding-right: 3px;
  240. margin-top: -2px
  241. }
  242. .box-main>.box-header .box-tools {
  243. position: relative;
  244. top: -5px;
  245. right: 0
  246. }
  247. .box-main>.box-header .box-tools .btn {
  248. padding: 3px 10px 5px 10px;
  249. font-size: 14px;
  250. margin-bottom: 2px
  251. }
  252. .box-main>.box-header .box-tools .btn-box-tool {
  253. padding: 4px 2px
  254. }
  255. .box-main form>.box-footer,.nav-main form>.box-footer {
  256. background: #fafafa
  257. }
  258. .box-main form>.box-footer .row,.nav-main form>.box-footer .row {
  259. margin: 5px 0 5px -25px
  260. }
  261. @media ( min-width : 768px) {
  262. .section-content .about {
  263. padding-left: 0px
  264. }
  265. }
  266. /** select2 样式修改 **/
  267. .select2-container--default .select2-selection--multiple .select2-selection__choice {
  268. background-color: #1AB394;
  269. border-color: #1AB394;
  270. padding: 1px 10px;
  271. color: #fff
  272. }
  273. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  274. margin-right: 5px;
  275. color: rgba(255,255,255,0.7)
  276. }
  277. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  278. color: #fff
  279. }
  280. .select2-container .select2-selection--single .select2-selection__rendered {
  281. padding-right: 10px
  282. }
  283. /** 表单验证 样式布局 **/
  284. .control-label.is-required:before {
  285. content: '* ';
  286. color: red;
  287. }
  288. label.error {
  289. position: absolute;
  290. right: 18px;
  291. top: 6px;
  292. color: #ef392b;
  293. font-size: 12px;
  294. z-index:99;
  295. }
  296. .input-group label.error {
  297. z-index:99;
  298. right: 42px
  299. }
  300. .input-group input.error + label.error + .input-group-addon>i {
  301. color: #ed5565;
  302. }
  303. .input-group.date label.error {
  304. z-index:99;
  305. right: 3px
  306. }
  307. .Validform_error,input.error,textarea.error,select.error {
  308. background-color: #fbe2e2;
  309. border-color: #c66161;
  310. color: #c00
  311. }
  312. .Validform_wrong,.Validform_right,.Validform_warning {
  313. display: inline-block;
  314. height: 20px;
  315. font-size: 12px;
  316. vertical-align: middle;
  317. padding-left: 25px
  318. }
  319. .i-checks label.error, .check-box label.error, .radio-box label.error {
  320. right: auto;
  321. width: 150px;
  322. left: 210px;
  323. top: 1px;
  324. max-width: none;
  325. }
  326. /** 复选框&单选框 **/
  327. .check-box,.radio-box {
  328. display: inline-block;
  329. box-sizing: border-box;
  330. cursor: pointer;
  331. position: relative;
  332. padding-left: 25px;
  333. padding-right: 15px;
  334. padding-top: 8px;
  335. }
  336. .icheckbox, .icheckbox-blue, .iradio, .iradio-blue, .iradio-purple {
  337. position: absolute;
  338. top: 8px;
  339. left: 0
  340. }
  341. /** iCheck **/
  342. .icheckbox-blue,.iradio-blue {
  343. display: block;
  344. margin: 0;
  345. padding: 0;
  346. width: 18px;
  347. height: 18px;
  348. background: url(../../img/blue.png) no-repeat;
  349. border: none;
  350. cursor: pointer
  351. }
  352. .icheckbox-blue,.icheckbox-blue.static:hover {
  353. background-position: 0 0
  354. }
  355. .icheckbox-blue.hover,.icheckbox-blue:hover {
  356. background-position: -20px 0
  357. }
  358. .icheckbox-blue.checked {
  359. background-position: -40px 0
  360. }
  361. .icheckbox-blue.disabled {
  362. background-position: -60px 0;
  363. cursor: default
  364. }
  365. .icheckbox-blue.checked.disabled {
  366. background-position: -80px 0
  367. }
  368. .iradio-blue,.iradio-blue.static:hover {
  369. background-position: -100px 0
  370. }
  371. .iradio-blue.hover,.iradio-blue:hover {
  372. background-position: -120px 0
  373. }
  374. .iradio-blue.checked {
  375. background-position: -140px 0
  376. }
  377. .iradio-blue.disabled {
  378. background-position: -160px 0;
  379. cursor: default
  380. }
  381. .iradio-blue.checked.disabled {
  382. background-position: -180px 0
  383. }
  384. /* ztree */
  385. div.ztree-border {
  386. margin-top: 10px;
  387. border: 1px solid #e5e6e7;
  388. background: #FFFFFF none;
  389. border-radius:4px;
  390. }
  391. /* 切换开关 */
  392. .toggle-switch {
  393. display: -webkit-inline-box;
  394. display: -webkit-inline-flex;
  395. display: -ms-inline-flexbox;
  396. display: inline-flex;
  397. -webkit-box-align: center;
  398. -webkit-align-items: center;
  399. -ms-flex-align: center;
  400. align-items: center;
  401. margin-bottom: 0;
  402. padding-top: 8px;
  403. }
  404. .toggle-switch input {
  405. height: 0;
  406. width: 0;
  407. position: absolute;
  408. opacity: 0;
  409. }
  410. .toggle-switch span {
  411. display: inline-block;
  412. position: relative;
  413. width: 40px;
  414. height: 10px;
  415. -webkit-border-radius: 10px;
  416. border-radius: 10px;
  417. background-color: #ebebeb;
  418. border: 2px solid #ebebeb;
  419. cursor: pointer;
  420. -webkit-transition: all .1s ease;
  421. -o-transition: all .1s ease;
  422. transition: all .1s ease
  423. }
  424. .toggle-switch span:after {
  425. content: '';
  426. height: 20px;
  427. width: 20px;
  428. -webkit-border-radius: 50%;
  429. border-radius: 50%;
  430. position: absolute;
  431. left: 1px;
  432. top: -7px;
  433. color: #aaa;
  434. -webkit-transition: all .1s ease;
  435. -o-transition: all .1s ease;
  436. transition: all .1s ease;
  437. text-align: center;
  438. font-size: 13px;
  439. background-color: #fff;
  440. -webkit-box-shadow: rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px;
  441. box-shadow: rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px
  442. }
  443. .toggle-switch input:checked~span:after {
  444. left: -webkit-calc(100% - 20px);
  445. left: calc(100% - 20px);
  446. background-color: #33cabb
  447. }
  448. .toggle-switch.switch-solid span {
  449. height: 20px;
  450. }
  451. .toggle-switch.switch-solid span:after {
  452. top: -2px;
  453. }
  454. .switch-solid input:checked~span {
  455. background-color: #33cabb;
  456. border-color: #33cabb
  457. }
  458. .switch-solid input:checked~span:after {
  459. background-color: #fff;
  460. color: #33cabb
  461. }
  462. /** 遮罩层 **/
  463. .loaderbox {
  464. display: inline-block;
  465. min-width: 125px;
  466. padding: 10px;
  467. margin: 0 auto;
  468. color: #000 !important;
  469. font-size: 13px;
  470. font-weight: 400;
  471. text-align: center;
  472. vertical-align: middle;
  473. border: 1px solid #ddd;
  474. background-color: #eee;
  475. -webkit-border-radius: 2px;
  476. -moz-border-radius: 2px;
  477. -ms-border-radius: 2px;
  478. -o-border-radius: 2px;
  479. border-radius: 2px;
  480. -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  481. -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  482. box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  483. }
  484. .loaderbox .loading-activity {
  485. float: left;
  486. width: 18px;
  487. height: 18px;
  488. border: solid 2px transparent;
  489. border-top-color: #000;
  490. border-left-color: #000;
  491. border-radius: 10px;
  492. -webkit-animation: pace-spinner 400ms linear infinite;
  493. -moz-animation: pace-spinner 400ms linear infinite;
  494. -ms-animation: pace-spinner 400ms linear infinite;
  495. -o-animation: pace-spinner 400ms linear infinite;
  496. animation: pace-spinner 400ms linear infinite;
  497. }
  498. @media (max-width: 767px) {
  499. .loading-activity {
  500. width: 18px;
  501. height: 18px;
  502. }
  503. }
  504. @-ms-keyframes pace-spinner {
  505. 0% {
  506. -ms-transform: rotate(0deg);
  507. transform: rotate(0deg);
  508. }
  509. 100% {
  510. -ms-transform: rotate(360deg);
  511. transform: rotate(360deg);
  512. }
  513. }
  514. @keyframes pace-spinner {
  515. 0% {
  516. transform: rotate(0deg);
  517. }
  518. 100% {
  519. transform: rotate(360deg);
  520. }
  521. }
  522. /** 表单查询条件 **/
  523. .select-list ul, .layui-layer-content ul {
  524. margin: 0;
  525. padding: 0;
  526. -webkit-tap-highlight-color: rgba(0,0,0,0);
  527. }
  528. .select-list li, .layui-layer-content li {
  529. list-style: none;
  530. }
  531. .select-time .time-input {
  532. display: block;
  533. width: 100%;
  534. padding-left: 10px;
  535. }
  536. label {
  537. font-weight: normal;
  538. }
  539. .container-div {
  540. padding: 0px 28px;
  541. height: 100%;
  542. }
  543. .container-div .row {
  544. height: 100%;
  545. }
  546. .search-collapse,.select-table {
  547. width: 100%;
  548. background: #fff;
  549. border-radius: 6px;
  550. margin-top: 10px;
  551. padding-top: 5px;
  552. padding-bottom: 13px;
  553. box-shadow: 1px 1px 3px rgba(0,0,0,.2);
  554. }
  555. .search-collapse {
  556. position: relative;
  557. }
  558. .search-collapse .col-sm-6 .control-label {
  559. color: #333;
  560. }
  561. @media ( max-width : 768px) {
  562. .search-collapse {
  563. display: none;
  564. }
  565. }
  566. @media ( min-width : 768px) {
  567. .select-list li {
  568. float: left;
  569. }
  570. }
  571. .select-list li {
  572. color: #333;
  573. margin: 5px 15px 5px 0px;
  574. }
  575. .select-list li p, .select-list li label:not(.radio-box){
  576. float: left;
  577. width: 65px;
  578. margin: 5px 0px 0px 0px;
  579. text-align:right;
  580. }
  581. .select-list li input {
  582. border: 1px solid #ddd;
  583. border-radius: 4px;
  584. background: transparent;
  585. outline: none;
  586. height: 30px;
  587. width: 200px;
  588. padding-left: 5px;
  589. }
  590. .select-list li .submit-btn {
  591. border: 0px;
  592. border-radius: 4px;
  593. background: transparent;
  594. outline: none;
  595. width: 40px;
  596. height: 23px;
  597. }
  598. .select-list li select {
  599. border: 1px solid #ddd;
  600. border-radius: 4px;
  601. background: transparent;
  602. outline: none;
  603. height: 30px;
  604. width: 200px;
  605. }
  606. .bootstrap-select.form-control .btn-default {
  607. color: inherit;
  608. padding: 4px 6px 4px;
  609. border-radius: 4px;
  610. border: 1px solid #e5e6e7;
  611. outline: none;
  612. height: 31px;
  613. background: #FFFFFF none
  614. }
  615. .file-input .btn-default {
  616. color: inherit;
  617. background: white;
  618. border: 1px solid #e7eaec;
  619. }
  620. .select-list .btn-default {
  621. color: #555;
  622. padding: 5px 5px;
  623. border: 1px solid #ddd;
  624. border-radius: 4px;
  625. background: transparent;
  626. outline: none;
  627. height: 30px;
  628. width: 200px;
  629. }
  630. .select-list .btn-default:hover,.select-list .btn-default:focus,.select-list .btn-default:active,.select-list .btn-default.active,.open .dropdown-toggle.btn-default {
  631. color: #555;
  632. background-color: #e4e4e4;
  633. border-color: #b2b2b2
  634. }
  635. .select-list .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  636. height: 30px;
  637. width: 200px;
  638. }
  639. .select-list .bootstrap-select > .dropdown-toggle.bs-placeholder,
  640. .select-list .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
  641. .select-list .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
  642. .select-list .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  643. color: inherit;
  644. font-size: 13px;
  645. }
  646. .select-list .bootstrap-select .dropdown-toggle .caret {
  647. position: inherit;
  648. }
  649. .select-list .select-selectpicker li {
  650. float: none;
  651. }
  652. .select-list .dropdown-menu>li>a,.bootstrap-select.form-control .dropdown-menu>li>a {
  653. line-height: inherit;
  654. }
  655. .select-list .dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a,.bootstrap-select.form-control .dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a{
  656. color: #fff;
  657. text-decoration: none;
  658. background-color: #12889a
  659. }
  660. .select-list .select2-container--bootstrap {
  661. width: 200px!important;
  662. display: inline-block;
  663. }
  664. .select-list .select2-container--bootstrap .select2-selection {
  665. border-radius: 6px;
  666. }
  667. .select-list .select2-container--bootstrap .select2-selection--single {
  668. height: 30px!important;
  669. padding: 5px 10px;
  670. }
  671. .select-list .select-time input {
  672. width: 93px;
  673. }
  674. .select-time label,.select-time span,.select-time input {
  675. float: left;
  676. }
  677. @media (max-width:767px) {
  678. .select-time label,.select-time span,.select-time input {
  679. float: none;
  680. }
  681. .select-list .select-time input {
  682. width: 200px;
  683. }
  684. }
  685. .select-time label {
  686. margin-top: 5px;
  687. }
  688. .select-time span {
  689. display: block;
  690. margin: 5px 5px;
  691. }
  692. .search-btn {
  693. background-color: #1ab394;
  694. border-color: #1ab394;
  695. color: #FFF;
  696. margin-bottom: 5px;
  697. display: inline-block;
  698. padding: 6px 12px;
  699. margin-bottom: 0;
  700. font-size: 14px;
  701. font-weight: 400;
  702. line-height: 1.42857143;
  703. text-align: center;
  704. white-space: nowrap;
  705. border-radius: 3px;
  706. vertical-align: middle;
  707. cursor: pointer;
  708. }
  709. .select-title{
  710. color:#3d5266;
  711. font-size:15px;
  712. padding:10px 0px;
  713. font-weight: normal;
  714. }
  715. /** 表格查询数据 **/
  716. .table-striped {
  717. min-height: 75%;
  718. }
  719. .table-striped .bootstrap-table, .table-striped .table-bordered {
  720. border: 0px!important;
  721. }
  722. .table-bordered .table>thead>tr>th, .table-bordered .table>tbody>tr>th {
  723. font-weight: normal;
  724. font-size: 13px
  725. }
  726. .table-striped table>thead>tr>th, .table-striped table>tbody>tr>th, .table-striped table>tfoot>tr>th, .table-striped table>thead>tr>td, .table-striped table>tbody>tr>td, .table-striped table>tfoot>tr>td {
  727. border-bottom: 1px solid #e7eaec!important;
  728. background-color: transparent;
  729. border: 0px;
  730. }
  731. .table-bordered table>thead>tr>th:first-child, .table-bordered table>tbody>tr>td:first-child {
  732. border-left: 1px solid #ddd;
  733. }
  734. .table-bordered table>thead>tr>th:last-child, .table-bordered table>tbody>tr>td:last-child {
  735. border-right: 1px solid #ddd;
  736. }
  737. .table-bordered table>thead>tr>th, .table-bordered table>tbody>tr>td {
  738. border-top: 1px solid #ddd!important;
  739. border-bottom: 1px solid #ddd;
  740. }
  741. .fixed-table-footer {
  742. border-top: 0px solid #ddd;
  743. }
  744. .fixed-table-container {
  745. border: 0px solid #ddd;
  746. }
  747. .table-striped .table>thead>tr>th, .table-striped .table>tbody>tr>th {
  748. border-bottom: 1px solid #ccc!important;
  749. border-top: 0px!important;
  750. font-weight: normal;
  751. font-size: 13px
  752. }
  753. .table-striped table thead {
  754. background-color: #eff3f8;
  755. }
  756. .fixed-table-container thead th >.both{
  757. display: inline-block
  758. }
  759. .editable-input .input-sm {
  760. height: 32px!important;
  761. }
  762. /** 表格列宽拖动样式 **/
  763. .rc-handle-container {
  764. position: relative;
  765. }
  766. .rc-handle {
  767. position: absolute;
  768. width: 7px;
  769. cursor: ew-resize;
  770. margin-left: -3px;
  771. z-index: 2;
  772. }
  773. table.rc-table-resizing {
  774. cursor: ew-resize;
  775. }
  776. table.rc-table-resizing thead,
  777. table.rc-table-resizing thead > th,
  778. table.rc-table-resizing thead > th > a {
  779. cursor: ew-resize;
  780. }
  781. /** 表格冻结列样式 **/
  782. .fixed-columns, .fixed-columns-right {
  783. position: absolute;
  784. top: 0;
  785. height: 100%;
  786. background-color: #fff;
  787. box-sizing: border-box;
  788. z-index: 1;
  789. }
  790. .fixed-columns {
  791. left: 0;
  792. }
  793. .fixed-columns .fixed-table-body {
  794. overflow: hidden !important;
  795. }
  796. .fixed-columns-right {
  797. right: 0;
  798. }
  799. .fixed-columns-right .fixed-table-body {
  800. overflow-x: hidden !important;
  801. }
  802. .bootstrap-table .table-hover > tbody > tr.hover > td {
  803. background-color: #f5f5f5;
  804. }
  805. /** 表格树样式 **/
  806. .bootstrap-tree-table .treetable-indent {width:16px; height: 16px; display: inline-block; position: relative;}
  807. .bootstrap-tree-table .treetable-expander {width:16px; height: 16px; display: inline-block; position: relative; cursor: pointer;}
  808. .bootstrap-tree-table .treetable-selected{background: #f5f5f5 !important;}
  809. .bootstrap-tree-table .treetable-table{border:0 !important;margin-bottom:0}
  810. .bootstrap-tree-table .treetable-table tbody {display:block;height:auto;overflow-y:auto;}
  811. .bootstrap-tree-table .treetable-table thead, .treetable-table tbody tr {display:table;width:100%;table-layout:fixed;}
  812. .bootstrap-tree-table .treetable-thead th{line-height:24px;border: 0 !important;border-radius: 4px;border-left:0px solid #e7eaec !important;border-bottom:1px solid #ccc!important;text-align: left;}
  813. .bootstrap-tree-table .treetable-thead tr :first-child{border-left:0 !important}
  814. .bootstrap-tree-table .treetable-tbody td{border: 0 !important;border-left:0px solid #e7eaec !important;border-bottom:1px solid #e7eaec!important;white-space: nowrap; text-overflow: ellipsis;}
  815. .bootstrap-tree-table .treetable-tbody tr :first-child{border-left:0 !important}
  816. .bootstrap-tree-table .treetable-bars .tool-left, .bootstrap-tree-table .treetable-bars .tool-right{margin-top: 10px; margin-bottom: 10px;}
  817. .bootstrap-tree-table .treetable-bars .tool-left{float: left;}
  818. .bootstrap-tree-table .treetable-bars .tool-right{float: right;}
  819. .bootstrap-tree-table .treetable-bars .columns li label{display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.428571429;max-width: 100%;margin-bottom: 5px;cursor:pointer;}
  820. .bootstrap-tree-table .table{border-bottom: 0px solid #e7eaec!important;}
  821. .bootstrap-tree-table .table-bordered .treetable-thead th {border-left: 1px solid #e7eaec!important;}
  822. .bootstrap-tree-table .table-bordered .treetable-tbody td {border-right: 1px solid #e7eaec!important;}
  823. /** 首页样式 **/
  824. .ax_close_max {
  825. position: fixed;
  826. top: 5px;
  827. left: 5px;
  828. z-index: 9999;
  829. display: none;
  830. color: #ccc;
  831. }
  832. .navbar-right > .user-menu > .dropdown-menu {
  833. border-top-right-radius:0;
  834. border-top-left-radius:0;
  835. padding:1px 0 0 0;
  836. border-top-width:0;
  837. width:138px;
  838. }
  839. .navbar-right > .user-menu .user-image {
  840. float:left;
  841. width:27px;
  842. height:27px;
  843. border-radius:50%;
  844. margin-right:8px;
  845. margin-top:-3px;
  846. }
  847. @media (max-width:767px) {
  848. .navbar-right > .user-menu .user-image {
  849. float:none;
  850. margin-right:0;
  851. margin-top:-8px;
  852. line-height:10px;
  853. }
  854. }.dropdown-menu > li > a > .glyphicon,.dropdown-menu > li > a > .fa,.dropdown-menu > li > a > .ion {
  855. margin-right:10px;
  856. }
  857. .dropdown-menu > li > a:hover {
  858. background-color:#e1e3e9;
  859. color:#333;
  860. }
  861. .dropdown-menu > .divider {
  862. background-color:#eee;
  863. }
  864. /** 表单布局 **/
  865. .form-header {
  866. font-size:15px;
  867. color:#6379bb;
  868. border-bottom:1px solid #ddd;
  869. margin:8px 10px 25px 10px;
  870. padding-bottom:5px
  871. }
  872. .main-content {
  873. background-color: #ffffff;
  874. color: inherit;
  875. padding: 10px 15px 15px 15px;
  876. border-color: #e7eaec;
  877. -webkit-border-image: none;
  878. -o-border-image: none;
  879. border-image: none;
  880. border-width: 1px 0px;
  881. }
  882. /** 表格跳转样式 **/
  883. .pageGo input {
  884. height: 32px;
  885. width: 50px;
  886. margin-left: 5px;
  887. margin-right: 5px;
  888. text-align: center;
  889. display: block;
  890. float:left;
  891. }
  892. .pageGo button {
  893. height: 32px;
  894. display: block;
  895. float:left;
  896. }
  897. /** 表格行拖拽样式 **/
  898. .reorder_rows_onDragClass td {
  899. color:yellow!important;
  900. background-color:#999!important;
  901. text-shadow:0 0 10px black,0 0 10px black,0 0 8px black,0 0 6px black,0 0 6px black;
  902. box-shadow:0 12px 14px -12px #111 inset,0 -2px 2px -1px #333 inset
  903. }
  904. /** 表格列拖拽样式 **/
  905. .dragtable-sortable {
  906. list-style-type: none; margin: 0; padding: 0; -moz-user-select: none;
  907. }
  908. .dragtable-sortable li {
  909. margin: 0; padding: 0; float: left; font-size: 1em; background: white;
  910. }
  911. .dragtable-sortable th, .dragtable-sortable td{
  912. border-left: 0px;
  913. }
  914. .dragtable-sortable li:first-child th, .dragtable-sortable li:first-child td {
  915. border-left: 1px solid #CCC;
  916. }
  917. .ui-sortable-helper {
  918. opacity: 0.7;filter: alpha(opacity=70);
  919. }
  920. .ui-sortable-placeholder {
  921. -moz-box-shadow: 4px 5px 4px #C6C6C6 inset;
  922. -webkit-box-shadow: 4px 5px 4px #C6C6C6 inset;
  923. box-shadow: 4px 5px 4px #C6C6C6 inset;
  924. border-bottom: 1px solid #CCCCCC;
  925. border-top: 1px solid #CCCCCC;
  926. visibility: visible !important;
  927. background: #EFEFEF !important;
  928. visibility: visible !important;
  929. }
  930. .ui-sortable-placeholder * {
  931. opacity: 0.0; visibility: hidden;
  932. }
  933. /** 表格选中样式 **/
  934. .bootstrap-table .fixed-table-container .table tbody tr.selected td {
  935. background-color: #E8F7FD;
  936. color: #1890ff;
  937. }
  938. /** 滚动条样式 **/
  939. ::-webkit-scrollbar-track {
  940. background-color: #F5F5F5;
  941. }
  942. /** 气泡弹出框样式 **/
  943. .popover {
  944. font-size: 13px;
  945. max-width: unset;
  946. }
  947. .popover-title {
  948. padding: 8px 14px;
  949. margin: 0 !important;
  950. font-size: 14px;
  951. background-color: #f7f7f7;
  952. border-bottom: 1px solid #ebebeb;
  953. border-radius: 5px 5px 0 0;
  954. }
  955. .popover-content {
  956. padding: 5px;
  957. }
  958. /** 向上滚动样式 **/
  959. #scroll-up {
  960. border-width: 0;
  961. position: fixed;
  962. right: 2px;
  963. z-index: 99;
  964. -webkit-transition-duration: .3s;
  965. transition-duration: .3s;
  966. opacity: 0;
  967. filter: alpha(opacity=0);
  968. bottom: -24px;
  969. visibility: hidden;
  970. background-color: #aaa;
  971. color: #fff;
  972. font-size: 14px;
  973. display: none;
  974. }
  975. #scroll-up.display {
  976. opacity: .7;
  977. filter: alpha(opacity=70);
  978. bottom: 2px;
  979. visibility: visible;
  980. }
  981. /* 设置菜单样式 */
  982. .menu-content {
  983. padding: 10px 10px 10px 25px !important;
  984. }
  985. .tab-content > .tab-pane {
  986. display: none;
  987. }
  988. .tab-content > .active {
  989. display: block;
  990. }
  991. .height-full {
  992. height: 100% !important;
  993. }
  994. /* 设置滚动条样式 */
  995. ::-webkit-scrollbar {
  996. width:10px!important;
  997. height:10px!important;
  998. -webkit-appearance:none;
  999. background:#f1f1f1
  1000. }
  1001. ::-webkit-scrollbar-thumb {
  1002. height:5px;
  1003. border:1px solid transparent;
  1004. border-top:0;
  1005. border-bottom:0;
  1006. border-radius:6px;
  1007. background-color:#ccc;
  1008. background-clip:padding-box
  1009. }
  1010. /* 设置placeholder样式 */
  1011. ::-webkit-input-placeholder {
  1012. color: #b3b3b3!important;
  1013. }
  1014. :-moz-placeholder {
  1015. color: #b3b3b3!important;
  1016. }
  1017. ::-moz-placeholder {
  1018. color: #b3b3b3!important;
  1019. }
  1020. :-ms-input-placeholder {
  1021. color: #b3b3b3!important;
  1022. }