alertstyle.css 993 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. body {
  2. background-color: transparent;
  3. position: relative; /* Ensure relative positioning for absolute children */
  4. width: 200px;
  5. margin: 0 auto;
  6. text-align: center;
  7. }
  8. img {
  9. margin: 0 auto;
  10. }
  11. video {
  12. margin: 0 auto;
  13. }
  14. #alertVid {
  15. display: none;
  16. max-height: 190px;
  17. max-width: 190px;
  18. position: relative;
  19. z-index: 1; /* Ensure it's below nameBox */
  20. }
  21. #alertImg {
  22. display: none;
  23. max-height: 190px;
  24. max-width: 190px;
  25. position: relative;
  26. z-index: 1; /* Ensure it's below nameBox */
  27. }
  28. #textBox {
  29. display: none;
  30. position: absolute;
  31. transform: translateX(-50%); /* Center */
  32. z-index: 2; /* Ensure it appears above alertImg and alertVid */
  33. }