diff options
author | 2019-04-04 15:29:03 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:54 +0300 | |
commit | bd144e40af14a6cb8206b67412d0658257b0c049 (patch) | |
tree | af5a302e036ff607870799b1eb5b2326eaa2229c /vnext/src/components/Modal.css | |
parent | c91105360bedcd500ab927798d0b2e262b6ceed3 (diff) |
Modal window styling
Diffstat (limited to 'vnext/src/components/Modal.css')
-rw-r--r-- | vnext/src/components/Modal.css | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/vnext/src/components/Modal.css b/vnext/src/components/Modal.css new file mode 100644 index 00000000..428ee2e3 --- /dev/null +++ b/vnext/src/components/Modal.css @@ -0,0 +1,95 @@ +#dialogt { + height: 100%; + left: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 10; + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(0, 0, 0, 0.3); +} +#dialogw { + z-index: 11; + max-width: 96%; + max-height: calc(100% - 100px); + background-color: #fff; +} +#dialogw a { + display: block; +} +#dialogw img { + max-height: 100%; + max-height: 90vh; + max-width: 100%; +} +#dialog_header { + width: 100%; + height: 44px; + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.header_image { + background: rgba(0, 0, 0, 0.28); +} +#dialogc { + cursor: pointer; + color: #ccc; + padding-right: 6px; +} +.dialoglogin { + background: #fff; + padding: 25px; +} +.dialog-opened { + overflow: hidden; +} +#signemail, +#signfb, +#signvk { + display: block; + line-height: 32px; + margin: 10px 0; + text-decoration: none; + width: 100%; +} +#signvk { + margin-bottom: 30px; +} +.dialoglogin form { + margin-top: 7px; +} +.signinput, +.signsubmit { + border: 1px solid #CCC; + margin: 3px 0; + padding: 3px; +} +.signsubmit { + width: 70px; +} +.dialogshare { + background: #fff; + min-width: 300px; + overflow: auto; + padding: 20px; +} +.dialogl { + background: #fff; + border: 1px solid #DDD; + margin: 3px 0 20px; + padding: 5px; +} +.dialogshare li { + float: left; + margin: 5px 10px 0 0; +} +.dialogshare a { + display: block; +} +.dialogtxt { + background: #fff; + padding: 20px; +} |