diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/main.css | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/src/main.css b/src/main.css index b5c61c9..7bd4dda 100644 --- a/src/main.css +++ b/src/main.css @@ -1,3 +1,43 @@ @tailwind base; @tailwind components; @tailwind utilities; + +/* The Modal (background) */ +.modal { + display: none; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 1; /* Sit on top */ + 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 */ + padding-top: 60px; + } + + /* Modal Content */ + .modal-content { + background-color: #fefefe; + margin: 5% auto; /* 5% from the top and centered */ + padding: 20px; + border: 1px solid #888; + width: 80%; /* Could be more or less, depending on screen size */ + } + + /* The Close Button */ + .close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: black; + text-decoration: none; + cursor: pointer; + } +
\ No newline at end of file |