RuoYi.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. /*!
  2. * ruoyi.css
  3. * Author: Ruoyi
  4. */
  5. /** 用户管理 样式布局 */
  6. .box {
  7. position: relative;
  8. border-radius: 3px;
  9. background: #ffffff;
  10. border-top: 3px solid #d2d6de;
  11. margin-bottom: 20px;
  12. width: 100%;
  13. box-shadow: 0 1px 1px rgba(0,0,0,0.1)
  14. }
  15. .box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after {
  16. content: " ";
  17. display: table
  18. }
  19. .box-header:after,.box-body:after,.box-footer:after {
  20. clear: both
  21. }
  22. .btn-box-tool {
  23. padding: 5px;
  24. font-size: 12px;
  25. background: transparent;
  26. color: #97a0b3;
  27. }
  28. .open .btn-box-tool,
  29. .btn-box-tool:hover {
  30. color: #606c84;
  31. }
  32. .box-main {
  33. margin: 0;
  34. border: 0;
  35. padding-top: 2px;
  36. border-radius: 0;
  37. box-shadow: none
  38. }
  39. .box-main>.box-header {
  40. border-bottom: 1px solid #eee;
  41. padding: 12px 10px 2px 15px
  42. }
  43. .box-header .box-title {
  44. display: inline-block;
  45. font-size: 18px;
  46. margin: 0;
  47. line-height: 1;
  48. }
  49. .box-main>.box-header .box-title {
  50. font-size: 16px;
  51. margin-bottom: 13px;
  52. float: left
  53. }
  54. .box-main>.box-header .box-title .fa {
  55. font-size: 14px;
  56. padding-right: 3px;
  57. margin-top: -2px
  58. }
  59. .box-main>.box-header .box-tools {
  60. position: relative;
  61. top: -5px;
  62. right: 0
  63. }
  64. .box-main>.box-header .box-tools .btn {
  65. padding: 3px 10px 5px 10px;
  66. font-size: 14px;
  67. margin-bottom: 2px
  68. }
  69. .box-main>.box-header .box-tools .btn-box-tool {
  70. padding: 4px 2px
  71. }
  72. .box-main form>.box-footer,.nav-main form>.box-footer {
  73. background: #fafafa
  74. }
  75. .box-main form>.box-footer .row,.nav-main form>.box-footer .row {
  76. margin: 5px 0 5px -25px
  77. }
  78. /** select2 样式修改 */
  79. .select2-container--default .select2-selection--multiple .select2-selection__choice {
  80. background-color: #1AB394;
  81. border-color: #1AB394;
  82. padding: 1px 10px;
  83. color: #fff
  84. }
  85. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  86. margin-right: 5px;
  87. color: rgba(255,255,255,0.7)
  88. }
  89. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  90. color: #fff
  91. }
  92. .select2-container .select2-selection--single .select2-selection__rendered {
  93. padding-right: 10px
  94. }