main.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. *{margin:0;padding:0;}
  2. html,body,#app,.wrapper{
  3. width:100%;
  4. height:100%;
  5. overflow: hidden;
  6. }
  7. body{
  8. font-family:'PingFang SC', "Helvetica Neue",Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
  9. }
  10. a{text-decoration: none}
  11. .content{
  12. background: none repeat scroll 0 0 #f0f0f0;
  13. position: absolute;
  14. left: 250px;
  15. right: 0;
  16. top: 70px;
  17. bottom:0;
  18. width: auto;
  19. padding:40px;
  20. box-sizing: border-box;
  21. overflow-y: scroll;
  22. }
  23. .container{
  24. padding: 30px;
  25. background: #fff;
  26. border: 1px solid #ddd;
  27. border-radius: 5px;
  28. }
  29. .crumbs{
  30. margin-bottom: 20px;
  31. }
  32. .pagination{
  33. margin: 20px 0;
  34. text-align: right;
  35. }
  36. .plugins-tips{
  37. padding:20px 10px;
  38. margin-bottom: 20px;
  39. }
  40. .el-button+.el-tooltip {
  41. margin-left: 10px;
  42. }
  43. .el-table tr:hover{
  44. background: #f6faff;
  45. }
  46. .mgb20{
  47. margin-bottom: 20px;
  48. }
  49. .move-enter-active,.move-leave-active{
  50. transition: opacity .5s;
  51. }
  52. .move-enter,.move-leave{
  53. opacity: 0;
  54. }
  55. /*BaseForm*/
  56. .form-box{
  57. width:600px;
  58. }
  59. .form-box .line{
  60. text-align: center;
  61. }
  62. .el-time-panel__content::after, .el-time-panel__content::before {
  63. margin-top: -7px;
  64. }
  65. .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){
  66. padding-bottom: 0;
  67. }
  68. /*Readme*/
  69. .ms-doc .el-checkbox__input.is-disabled+.el-checkbox__label{
  70. color: #333;
  71. cursor: pointer;
  72. }
  73. /*Upload*/
  74. .pure-button{
  75. width:150px;
  76. height:40px;
  77. line-height: 40px;
  78. text-align: center;
  79. color: #fff;
  80. border-radius: 3px;
  81. }
  82. .g-core-image-corp-container .info-aside{
  83. height:45px;
  84. }
  85. .el-upload--text {
  86. background-color: #fff;
  87. border: 1px dashed #d9d9d9;
  88. border-radius: 6px;
  89. box-sizing: border-box;
  90. width: 360px;
  91. height: 180px;
  92. text-align: center;
  93. cursor: pointer;
  94. position: relative;
  95. overflow: hidden;
  96. }
  97. .el-upload--text .el-icon-upload {
  98. font-size: 67px;
  99. color: #97a8be;
  100. margin: 40px 0 16px;
  101. line-height: 50px;
  102. }
  103. .el-upload--text {
  104. color: #97a8be;
  105. font-size: 14px;
  106. text-align: center;
  107. }
  108. .el-upload--text em {
  109. font-style: normal;
  110. }
  111. /*VueEditor*/
  112. .ql-container{
  113. min-height: 400px;
  114. }
  115. .ql-snow .ql-tooltip{
  116. transform: translateX(117.5px) translateY(10px) !important;
  117. }
  118. .editor-btn{
  119. margin-top: 20px;
  120. }