40 lines
901 B
CSS
40 lines
901 B
CSS
#moco-bx-bubble {
|
|
position: fixed;
|
|
bottom: 40px;
|
|
left: 50%;
|
|
margin-left: -30px;
|
|
z-index: 1000;
|
|
|
|
height: 60px;
|
|
width: 60px;
|
|
background-color: white;
|
|
border-radius: 50%;
|
|
box-shadow: -1px -1px 15px 4px rgba(0,0,0,0.05), 2px 2px 15px 4px rgba(0,0,0,0.05);
|
|
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
|
|
cursor: pointer;
|
|
}
|
|
|
|
#moco-bx-container .moco-bx-modal {
|
|
position: fixed; /* Stay in place */
|
|
z-index: 2000; /* Sit on top */
|
|
padding-top: 100px; /* Location of the box */
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%; /* Full width */
|
|
height: 100%; /* Full height */
|
|
overflow: auto; /* Enable scroll if needed */
|
|
background-color: rgb(0,0,0); /* Fallback color */
|
|
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
|
|
}
|
|
|
|
#moco-bx-container .moco-bx-modal-content {
|
|
background-color: white;
|
|
width: 600px;
|
|
padding: 40px;
|
|
margin: 0 auto;
|
|
}
|