diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 56 |
1 files changed, 56 insertions, 0 deletions
@@ -79,3 +79,59 @@ body { filter: drop-shadow(2px 2px 5px gray); box-shadow: 2px 2px 5px gray; } + +/* Modal Background (Overlay) */ +.modal { + display: none; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 1000; /* Sit on top */ + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */ +} + +/* Modal Content Box */ +.modal-content { + background-color: #fff; + margin: 2rem auto; + padding: 20px; + border: 1px solid #888; + width: 50%; + text-align: center; + border-radius: 8px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); +} + +/* OK Button Style */ +.ok-button { + margin-top: 10px; + padding: 10px 20px; + font-size: 16px; + cursor: pointer; + border: none; + border-radius: 5px; + background-color: #007bff; + color: white; + transition: background-color 0.3s ease; +} + +.ok-button:hover { + background-color: #0056b3; +} + +table { + width: 100%; + border-collapse: collapse; + font-family: Arial, sans-serif; +} +th, td { + border: 1px solid #ccc; + padding: 10px; + text-align: left; +} +th { + background-color: #f4f4f4; +} |