diff options
author | Mounir IDRASSI <mounir.idrassi@idrix.fr> | 2025-01-06 11:50:20 +0100 |
---|---|---|
committer | Mounir IDRASSI <mounir.idrassi@idrix.fr> | 2025-01-06 11:50:20 +0100 |
commit | e8e0be2ad55fbcb88228c5e8e7e65922458e3a49 (patch) | |
tree | 1f4df72697e84cf47f77e9f5b96b68c0231995f6 /doc/html/styles.css | |
parent | a8c904813b78d966acb16c1b1a1fca17f05524fb (diff) | |
download | VeraCrypt-e8e0be2ad55fbcb88228c5e8e7e65922458e3a49.tar.gz VeraCrypt-e8e0be2ad55fbcb88228c5e8e7e65922458e3a49.zip |
Update donation HTML page to use new PayPal donation links
We add javascript code to the page to handle dynamic selection of donation currency
Diffstat (limited to 'doc/html/styles.css')
-rw-r--r-- | doc/html/styles.css | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/doc/html/styles.css b/doc/html/styles.css index 6d9a5695..84c1515d 100644 --- a/doc/html/styles.css +++ b/doc/html/styles.css @@ -28,4 +28,55 @@ #menu li a:hover { background-color: #111111; } + +#currency-form select:hover, #currency-form input[type="submit"]:hover { + background-color: #111111; + color: white; +} + +#currency-form select { + border: 1px solid #08aad7; + border-radius: 3px; +} + +#currency-form input[type="submit"] { + border-radius: 3px; +} + +.donation-buttons { + display: flex; + flex-wrap: wrap; + gap: 15px; + margin: 20px 0; +} + +.donation-button { + display: flex; + flex-direction: column; + align-items: center; + min-width: 100px; +} + +.donation-button a { + display: block; + text-decoration: none; +} + +.donation-button img { + display: block; + max-width: 100%; + height: auto; +} + +.currency-label { + margin-top: 5px; + text-align: center; + font-size: 0.9em; +} + +.donation-button a:hover { + opacity: 0.9; + transform: translateY(-1px); + transition: all 0.2s ease; +} |