myBase.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. #gui .pinBottom.right {
  2. height: 60px;
  3. display: flex;
  4. align-items: center;
  5. }
  6. .pinBottom-container.drawerOpen {
  7. bottom: 0;
  8. }
  9. #drawer-container.drawerOpen #drawer.open {
  10. height: 140px;
  11. }
  12. #drawer-container.drawerOpen #drawer.open.noScroll,
  13. #drawer.open.noScroll.playing {
  14. height: 137px;
  15. }
  16. #thumb-container .thumbImg .overlay {
  17. color: #fff;
  18. }
  19. #thumb-container .active .overlay {
  20. color: #D6B970;
  21. }
  22. #thumb-container .active > img {
  23. border: 3px solid #D6B970;
  24. }
  25. #drawer {
  26. background-color: rgba(185, 12, 12, 0.8);
  27. }
  28. #drawer .darkGlass {
  29. background-color: transparent;
  30. }
  31. #progressBar .step.active::before,
  32. #progressBar .step.recent::before {
  33. background-color: #D6B970;
  34. }
  35. #popup {
  36. background: none;
  37. }
  38. #popup .popup-content {
  39. overflow: hidden;
  40. }
  41. #cad path {
  42. stroke-width: 0.5;
  43. fill: rgba(185, 12, 12, 0.8);
  44. stroke: #d1b198;
  45. }
  46. #ele1 circle {
  47. fill: rgba(185, 12, 12, 0.8);
  48. r: 1;
  49. }
  50. #share-modal {
  51. display: none !important;
  52. }
  53. @media screen and (max-width: 1000px) {
  54. #drawer.open.noScroll {
  55. height: 118px !important;
  56. }
  57. #scrollFrame {
  58. padding: 8px 15px 0;
  59. }
  60. #scrollFrame .thumbImg .overlay {
  61. font-size: 12px;
  62. }
  63. }