Update style.css
Browse files
style.css
CHANGED
@@ -152,3 +152,23 @@ body {
|
|
152 |
height: 100%;
|
153 |
border: none;
|
154 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
152 |
height: 100%;
|
153 |
border: none;
|
154 |
}
|
155 |
+
|
156 |
+
/* Textbox Layer */
|
157 |
+
.textbox-layer {
|
158 |
+
position: absolute;
|
159 |
+
bottom: 0;
|
160 |
+
left: 0;
|
161 |
+
width: 100%;
|
162 |
+
background-color: rgba(255, 255, 255, 0.9);
|
163 |
+
color: #333;
|
164 |
+
padding: 15px;
|
165 |
+
border-top: 2px solid #ccc;
|
166 |
+
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
|
167 |
+
transform: translateY(100%);
|
168 |
+
transition: transform 0.3s ease-in-out;
|
169 |
+
display: none;
|
170 |
+
z-index: 30;
|
171 |
+
}
|
172 |
+
.textbox-layer.active {
|
173 |
+
transform: translateY(0);
|
174 |
+
}
|