4,111
edits
No edit summary |
No edit summary |
||
Line 88: | Line 88: | ||
border-top: 1px solid black; | border-top: 1px solid black; | ||
} | } | ||
/* Modal */ | |||
/* ---- Modal How to record ---- */ | |||
.modal { | |||
display: none; /* Hidden by default */ | |||
position: fixed; /* Stay in place */ | |||
z-index: 1; /* Sit on top */ | |||
padding-top: 100px; /* Location of the box */ | |||
left: 0; | |||
top: 0; | |||
width: 100%; /* Full width */ | |||
height: 100%; /* Full height */ | |||
overflow: scroll!important; /* Enable scroll if needed */ | |||
background-color: rgb(0,0,0); /* Fallback color */ | |||
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ | |||
} | |||
/* Modal Content */ | |||
.modal-content { | |||
max-width: 720px!important; | |||
background-color: red; | |||
margin-left: 33%; | |||
margin-right: 67%; | |||
margin-top: -2%; | |||
padding-left: 40px; | |||
padding-right: 60px; | |||
padding-top: 10px; | |||
padding-bottom: 40px; | |||
border: 0px; | |||
border-radius: 10px; | |||
font-size: 20px; | |||
text-align: left; | |||
} | |||
/* The Close Button */ | |||
.close1 { | |||
color: magenta; | |||
float: right; | |||
font-size: 35px; | |||
font-weight: normal; | |||
padding-bottom: 10px; | |||
} | |||
.close1:hover, | |||
.close1:focus { | |||
color: pink; | |||
text-decoration: none; | |||
cursor: pointer; | |||
} | |||
#aboutBtn button{ | |||
font-size: 25px; | |||
background-color: transparent; | |||
text-decoration: underline; | |||
border: none; | |||
font-weight: normal!important; | |||
} | |||
#aboutBtn button:hover { | |||
color: magenda; | |||
background-color: transparent; | |||
text-decoration: underline; | |||
cursor: pointer; | |||
} | |||
/* End Style for modals<------ */ |