star.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. .theme-star {
  2. .avue-main{
  3. background: transparent;
  4. }
  5. .avue-contail {
  6. background-image: url("/img/bg/star-squashed.jpg");
  7. background-size: 100% 100%;
  8. }
  9. .avue-logo{
  10. color: #fff;
  11. }
  12. .avue-header,
  13. .avue-logo,
  14. .tags-container {
  15. background-color: transparent;
  16. }
  17. .el-card,.error-page {
  18. opacity: .9;
  19. }
  20. .avue-tabs {
  21. padding: 0 20px ;
  22. }
  23. .avue-tags{
  24. background-color: transparent;
  25. border-top: none;
  26. }
  27. .avue-top{
  28. .avue-breadcrumb{
  29. color:#fff;
  30. }
  31. .el-menu-item{
  32. i,span{
  33. color:#fff;
  34. }
  35. &.is-active{
  36. background-color: rgba(0,0,0,.4)
  37. }
  38. }
  39. .el-dropdown{
  40. color:#fff;
  41. }
  42. }
  43. .avue-sidebar{
  44. box-shadow: 2px 0 6px rgba(0, 21, 41, 0.15);
  45. background-color:transparent;
  46. .el-menu-item,.el-submenu__title{
  47. i,span{
  48. color:#fff
  49. }
  50. &:hover{
  51. background: transparent;
  52. i,span{
  53. color:#409EFF;
  54. }
  55. }
  56. &.is-active {
  57. background-color: rgba(0,0,0,.4);
  58. i,span{
  59. color:#fff;
  60. }
  61. }
  62. }
  63. }
  64. .top-search {
  65. .el-input__inner{
  66. color: #333;
  67. }
  68. input::-webkit-input-placeholder,
  69. textarea::-webkit-input-placeholder {
  70. /* WebKit browsers */
  71. color: #fff;
  72. }
  73. input:-moz-placeholder,
  74. textarea:-moz-placeholder {
  75. /* Mozilla Firefox 4 to 18 */
  76. color: #fff;
  77. }
  78. input::-moz-placeholder,
  79. textarea::-moz-placeholder {
  80. /* Mozilla Firefox 19+ */
  81. color: #fff;
  82. }
  83. input:-ms-input-placeholder,
  84. textarea:-ms-input-placeholder {
  85. /* Internet Explorer 10+ */
  86. color: #fff;
  87. }
  88. }
  89. .top-bar__item {
  90. i {
  91. color: #fff;
  92. }
  93. }
  94. .top-feedback--text {
  95. color: #fff !important;
  96. }
  97. }