4,554
edits
No edit summary |
No edit summary |
||
Line 95: | Line 95: | ||
border-top: 1px solid black; | border-top: 1px solid black; | ||
} | } | ||
/* | /* Style the modal */ | ||
.modal { | .modal { | ||
display: none; | display: none; | ||
position: fixed; | position: fixed; | ||
top: 0; | |||
left: 0; | left: 0; | ||
width: 100%; | |||
width: 100%; | height: 100%; | ||
height: 100%; | background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */ | ||
background-color: rgba(0,0,0,0. | |||
} | } | ||
/* | /* Style the modal content */ | ||
.modal-content { | .modal-content { | ||
position: absolute; | |||
top: 50%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
background-color: #fff; | |||
padding: 20px; | |||
border-radius: 8px; | |||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); | |||
color: | |||
} | } | ||
. | /* Style the close button */ | ||
.close { | |||
position: absolute; | |||
top: 10px; | |||
right: 10px; | |||
font-size: 20px; | |||
font-weight: bold; | |||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
/* End Style for modals<------ */ | /* End Style for modals<------ */ |