|
@ -385,21 +385,21 @@ box-sizing: border-box; |
|
|
height: 100%; /* Full height */ |
|
|
height: 100%; /* Full height */ |
|
|
overflow: auto; /* Enable scroll if needed */ |
|
|
overflow: auto; /* Enable scroll if needed */ |
|
|
background-color: rgb(0,0,0); /* Fallback color */ |
|
|
background-color: rgb(0,0,0); /* Fallback color */ |
|
|
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ |
|
|
background-color: rgba(0,0,0,0.5); /* Black w/ opacity */ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* Modal Content/Box */ |
|
|
/* Modal Content/Box */ |
|
|
.modal-content { |
|
|
.modal-content { |
|
|
background-color: #fefefe; |
|
|
background-color: yellow; |
|
|
margin: 15% auto; /* 15% from the top and centered */ |
|
|
margin: 15% auto; /* 15% from the top and centered */ |
|
|
padding: 20px; |
|
|
padding: 15px; |
|
|
border: 1px solid #888; |
|
|
border: 1px solid #888; |
|
|
width: 40%; /* Could be more or less, depending on screen size */ |
|
|
width: 40%; /* Could be more or less, depending on screen size */ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* The Close Button */ |
|
|
/* The Close Button */ |
|
|
.close { |
|
|
.close { |
|
|
color: red; |
|
|
color: grey; |
|
|
float: right; |
|
|
float: right; |
|
|
font-size: 28px; |
|
|
font-size: 28px; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
@ -407,7 +407,7 @@ box-sizing: border-box; |
|
|
|
|
|
|
|
|
.close:hover, |
|
|
.close:hover, |
|
|
.close:focus { |
|
|
.close:focus { |
|
|
color: black; |
|
|
color: red; |
|
|
text-decoration: none; |
|
|
text-decoration: none; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
} |
|
|
} |
|
|