main.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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:"Helvetica Neue",Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
  9. }
  10. a{text-decoration: none}
  11. .content{
  12. background: none repeat scroll 0 0 #fff;
  13. position: absolute;
  14. left: 220px;
  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. .crumbs{
  24. margin-bottom: 20px;
  25. }
  26. .pagination{
  27. margin: 20px 0;
  28. text-align: right;
  29. }
  30. .plugins-tips{
  31. padding:10px;
  32. margin-bottom: 20px;
  33. background: #eef1f6;
  34. }
  35. .plugins-tips a{
  36. color: #20a0ff;
  37. }
  38. .el-button+.el-tooltip {
  39. margin-left: 10px;
  40. }
  41. .el-table td,.el-table th{
  42. padding:5px 18px;
  43. }
  44. .el-table tr:hover{
  45. background: #f6faff;
  46. }
  47. .mgb20{
  48. margin-bottom: 20px;
  49. }
  50. .move-enter-active,.move-leave-active{
  51. transition: opacity .5s;
  52. }
  53. .move-enter,.move-leave{
  54. opacity: 0;
  55. }
  56. /*BaseForm*/
  57. .form-box{
  58. width:600px;
  59. }
  60. .form-box .line{
  61. text-align: center;
  62. }
  63. .el-time-panel__content::after, .el-time-panel__content::before {
  64. margin-top: -7px;
  65. }
  66. /*Readme*/
  67. .ms-doc .el-checkbox__input.is-disabled+.el-checkbox__label{
  68. color: #333;
  69. cursor: pointer;
  70. }
  71. /*Upload*/
  72. .pure-button{
  73. width:150px;
  74. height:40px;
  75. line-height: 40px;
  76. text-align: center;
  77. background: #00a2ff;
  78. color: #fff;
  79. border-radius: 3px;
  80. }
  81. .g-core-image-corp-container .info-aside{
  82. height:45px;
  83. }
  84. .el-upload--text {
  85. background-color: #fff;
  86. border: 1px dashed #d9d9d9;
  87. border-radius: 6px;
  88. box-sizing: border-box;
  89. width: 360px;
  90. height: 180px;
  91. text-align: center;
  92. cursor: pointer;
  93. position: relative;
  94. overflow: hidden;
  95. }
  96. .el-upload--text .el-icon-upload {
  97. font-size: 67px;
  98. color: #97a8be;
  99. margin: 40px 0 16px;
  100. line-height: 50px;
  101. }
  102. .el-upload--text {
  103. color: #97a8be;
  104. font-size: 14px;
  105. text-align: center;
  106. }
  107. .el-upload--text em {
  108. color: #20a0ff;
  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. }