diff --git a/static/style.css b/static/style.css index d87a59c..8a1e589 100755 --- a/static/style.css +++ b/static/style.css @@ -1374,3 +1374,66 @@ input[type=checkbox]:hover { } +#save-feature-prompt-message { + width: 160px; + height: 150px; + border-radius: 20px; + background-color: rgba(5,5,5,0.5); + backdrop-filter: blur(6px); + border-color: #5D5D5D; + border-style: solid; + border-width: thin; + position: fixed; + top: 65%; + right: 20px; + transform: translateY(-50%); + z-index: 99; +} +#save-feature-prompt-p { + margin: 35px 10px 15px 10px; + font-size: 14px; + text-align: center; + display: flex; + color: cyan; + justify-content: center; + align-items: center; + transition: color 0.3s; +} +#save-feature-prompt-btn { + display: block; + margin: 0 auto; + font-size: 16px; +} +#save-feature-prompt-close-btn { + background-color: transparent; + border: none; + color: white; + font-size: 16px; + text-decoration: underline; + position: absolute; + top: 0; + right: 15px; +} +#save-feature-prompt-close-btn:hover { + background-color: transparent; + border: none; + color: darkgray; + text-decoration: underline; +} +#save-feature-prompt-close-btn:active { + background-color: transparent; + border: none; + color: #4B4B4B; + text-decoration: underline; +} +#saved-feature-msg-feedback { + color: cyan; + font-size: 16px; + position: fixed; + top: 65%; + right: 20px; + transform: translateY(-50%); + z-index: 99; + text-align: center; +} +