mirror of
https://github.com/JonasunderscoreJones/Website-v1.git
synced 2025-10-25 11:39:18 +02:00
85 lines
No EOL
1.6 KiB
CSS
85 lines
No EOL
1.6 KiB
CSS
#small_devices {
|
|
display: none;
|
|
position: fixed;
|
|
bottom: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
@media only screen and (max-device-width:842px) {
|
|
/* show the popup */
|
|
#small_devices { display: block; }
|
|
}
|
|
|
|
.generic_popup {
|
|
position:absolute;
|
|
z-index: 1;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
background-color: rgb(0,0,0);
|
|
background-color: rgba(0,0,0,0.4);
|
|
-webkit-animation-name: fadeIn;
|
|
-webkit-animation-duration: 0.4s;
|
|
animation-name: fadeIn;
|
|
animation-duration: 0.4s
|
|
}
|
|
|
|
.generic_content {
|
|
position: fixed;
|
|
bottom: 0;
|
|
background-color: #fefefe;
|
|
width: 100%;
|
|
-webkit-animation-name: slideIn;
|
|
-webkit-animation-duration: 0.4s;
|
|
animation-name: slideIn;
|
|
animation-duration: 0.4s
|
|
}
|
|
|
|
.close {
|
|
color: white;
|
|
float: right;
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.close:hover, .close:focus {
|
|
color: #000;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.generic_header {
|
|
padding: 2px 16px;
|
|
background-color: #5cb85c;
|
|
color: white;
|
|
}
|
|
|
|
.generic_body {padding: 2px 16px;}
|
|
|
|
.generic_footer {
|
|
padding: 2px 16px;
|
|
background-color: #5cb85c;
|
|
color: white;
|
|
}
|
|
|
|
@-webkit-keyframes slideIn {
|
|
from {bottom: -300px; opacity: 0}
|
|
to {bottom: 0; opacity: 1}
|
|
}
|
|
|
|
@keyframes slideIn {
|
|
from {bottom: -300px; opacity: 0}
|
|
to {bottom: 0; opacity: 1}
|
|
}
|
|
|
|
@-webkit-keyframes fadeIn {
|
|
from {opacity: 0}
|
|
to {opacity: 1}
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {opacity: 0}
|
|
to {opacity: 1}
|
|
} |