maintenance.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @keyframes jme-a-maintenance-pulse {
  2. 0% {
  3. opacity: 0.7;
  4. }
  5. 50% {
  6. opacity: 1.0;
  7. }
  8. 100% {
  9. opacity: 0.7;
  10. }
  11. }
  12. #jme-a-maintenance > *{
  13. all: initial;
  14. font-weight: bold;
  15. font-family: monospace;
  16. font-size: 1em;
  17. color:inherit;
  18. }
  19. #jme-a-maintenance {
  20. all: initial;
  21. text-shadow: unset;
  22. display: block;
  23. z-index: 99999;
  24. position: fixed;
  25. bottom: 0;
  26. left: 0;
  27. min-width: 40vw;
  28. max-width: 100%;
  29. background-color: #c07302;
  30. padding: 1em;
  31. border-top-right-radius: 0.6em;
  32. color: rgb(5, 5, 5);
  33. display: flex;
  34. align-items: center;
  35. opacity: 0.85;
  36. user-select: none;
  37. cursor: pointer;
  38. box-shadow: 0 0 0.5em #3a2300;
  39. }
  40. #jme-a-maintenance.jme-a-maintenance-inprogress {
  41. background-color: #adb900;
  42. animation: jme-a-maintenance-pulse 2s infinite;
  43. color: rgb(88, 25, 0);
  44. }
  45. #jme-a-maintenance.jme-a-maintenance-completed {
  46. background-color: #91ff00;
  47. color: rgb(0, 26, 97);
  48. }
  49. #jme-a-maintenance>img {
  50. all: unset;
  51. height: 1.4em;
  52. padding-right: 0.5em;
  53. }