|
@@ -10,19 +10,30 @@ the alert is displayed for ten seconds. -->
|
|
|
body {
|
|
body {
|
|
|
background-color: transparent;
|
|
background-color: transparent;
|
|
|
position: relative; /* Ensure relative positioning for absolute children */
|
|
position: relative; /* Ensure relative positioning for absolute children */
|
|
|
|
|
+ width: 300;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ img {
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ video {
|
|
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#alertVid {
|
|
#alertVid {
|
|
|
display: none;
|
|
display: none;
|
|
|
max-height: 100px;
|
|
max-height: 100px;
|
|
|
- position: absolute; /* Allow positioning with top, left, etc. */
|
|
|
|
|
|
|
+ position: relative;
|
|
|
z-index: 1; /* Ensure it's below nameBox */
|
|
z-index: 1; /* Ensure it's below nameBox */
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#alertImg {
|
|
#alertImg {
|
|
|
display: none;
|
|
display: none;
|
|
|
max-height: 100px;
|
|
max-height: 100px;
|
|
|
- position: absolute; /* Allow positioning */
|
|
|
|
|
|
|
+ position: relative;
|
|
|
z-index: 1; /* Ensure it's below nameBox */
|
|
z-index: 1; /* Ensure it's below nameBox */
|
|
|
}
|
|
}
|
|
|
|
|
|