Advertisement
Guest User

TP Alert Code

a guest
Jan 16th, 2019
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.11 KB | None | 0 0
  1. .widget-AlertBox {
  2. position: relative;
  3. }
  4. body,
  5. html {
  6. height: 100%;
  7. width: 100%;
  8. overflow: hidden;
  9. }
  10. #wrap {
  11. position: relative;
  12. height: 100%;
  13. width: 100%;
  14. }
  15. #alert-box {
  16. height: 100%;
  17. width: 100%;
  18. position: absolute;
  19. }
  20. #alert-box.hidden,
  21. .hidden {
  22. opacity: 0;
  23. }
  24. #alert-text {
  25. padding: 20px;
  26. text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000;
  27. margin-top: -200px;
  28. top:50px;
  29. filter:drop-shadow(3px 3px 2px #000000);
  30. }
  31. #alert-message,
  32. #alert-user-message {
  33. text-align: center;
  34. }
  35. #alert-user-message img {
  36. vertical-align: middle;
  37. height: 1em;
  38. }
  39. #alert-image {
  40. position: relative;
  41. }
  42. #alert-image video {
  43. width: 100%;
  44. height: 100%;
  45. position: absolute;
  46. top: -33px;
  47. left: 0;
  48. }
  49. #alert-message > span > span {
  50. display: inline-block;
  51. }
  52. #alert-image {
  53. z-index: 6;
  54. position: relative;
  55. }
  56. #alert-text {
  57. z-index: 6;
  58. position: relative;
  59. margin-top: -200px;
  60. }
  61. #alert-text-wrap {
  62. z-index: 6;
  63. position: relative;
  64. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement