From 4da4a8572e8680f5af5ac1593c66235d391d418a Mon Sep 17 00:00:00 2001 From: copyrighttxt <183881018+copyrighttxt@users.noreply.github.com> Date: Mon, 3 Aug 2026 14:42:24 -0400 Subject: [PATCH] Update signup.css --- app/static/css/signup.css | 201 -------------------------------------- 1 file changed, 201 deletions(-) diff --git a/app/static/css/signup.css b/app/static/css/signup.css index fdf74e0..fc69645 100644 --- a/app/static/css/signup.css +++ b/app/static/css/signup.css @@ -11,54 +11,6 @@ body { min-height: 100vh; } -.logo-outside { - position: absolute; - top: 50%; - transform: translateY(-50%); - max-width: 500px; - width: 500px; - height: auto; - z-index: 0; - pointer-events: none; - margin-top: -100px; - margin-right: 120px; -} - -.form-control { - display: block; - width: 100%; - padding: .375rem .75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: var(--bs-body-color); - background-color: var(--bs-body-bg); - background-clip: padding-box; - border: var(--bs-border-width) solid var(--bs-border-color); - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border-radius: var(--bs-border-radius); - max-width: 300px; - transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; -} - -.signup-subtitle { - text-align: center; - margin-bottom: 5px; - color: rgb(255 255 255 / 90%); - font-size: larger; - margin-left: 800px; -} - -.element.style { - min-width: 300px; -} - -.signup-wrapper img { - min-width: 700px; -} - .signup-container { min-width: 330px; display: inline-block; @@ -127,156 +79,3 @@ a:hover { color: rgb(3, 133, 255) !important; transition: 0.2s; } - -/* Logo outside the signup card so it can overlap/escape the container */ -.signup-wrapper { position: relative; } -.logo-outside { - position: absolute; - right: -40px; /* push beyond the card -- adjust to taste */ - top: 50%; - transform: translateY(-50%); - max-width: 320px; - width: auto; - height: auto; - z-index: 0; /* behind the card; use higher if you want it above */ - pointer-events: none; -} -.signup-container { position: relative; z-index: 1; } -.signup-subtitle { text-align: center; margin-bottom: 12px; color: rgba(230,238,248,0.9); font-size: small; } - -/* Two-column layout for signup: left card + right visual */ -.signup-row { - display: flex; - align-items: stretch; - gap: 0; - background: transparent; - box-shadow: none; -} -.signup-card { flex: 0 0 330px; } -.signup-visual { flex: 1 1 0; } -.signup-visual img { display:block; width:100%; height:100%; object-fit:cover; } - -@media (max-width: 992px) { - .signup-row { display: block; } - .signup-card { width: 100%; } - .signup-visual { display: none; } -}body { - background: radial-gradient(circle, #333 10%, transparent 11%),radial-gradient(circle at bottom left, #333 5%, transparent 6%),radial-gradient(circle at bottom right, #333 5%, transparent 6%),radial-gradient(circle at top left, #333 5%, transparent 6%),radial-gradient(circle at top right, #333 5%, transparent 6%); - background-size: 3em 3em; - background-color: rgb(20,20,20); -} - -#main { - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; -} - -.signup-container { - min-width: 330px; - display: inline-block; - background-color: rgba(25,25,25, 1); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); -} - -/* only align h1 tags */ -.signup-container h1 { - text-align: center; - margin-bottom: 0; - font-size: 3.5rem; - font-weight: 700; -} -.signup-container p { - text-align: center; - padding: 0; - margin-bottom: 15px; - font-size: small; -} - -.signup-container button { - width: 100%; - font-weight: 600; - font-size: larger; - padding: 3px; - margin-bottom: 0 !important; - color: #fff; -} - -.signup-container a { - font-size: small; - font-weight: 400 !important; -} - -.col { - padding: 0 !important; -} - -#password { - min-width: 300px; - margin-top: 10px; - margin-bottom: 10px; -} - -.messagealerts { - background: rgba(255, 0, 0, 0.2); - color: rgb(226, 226, 226); - word-wrap: break-word; -} - -.form-text { - /* wrap the text*/ - word-wrap: break-word; -} - -a { - text-decoration: none !important; - color: rgb(32, 147, 255) !important; - font-weight: 500 !important; - transition: 0.2s; -} - -a:hover { - text-decoration: none !important; - color: rgb(3, 133, 255) !important; - transition: 0.2s; -} - -/* Logo outside the signup card so it can overlap/escape the container */ -.signup-wrapper { position: relative; } -.logo-outside { - position: absolute; - right: -40px; /* push beyond the card -- adjust to taste */ - top: 50%; - transform: translateY(-50%); - max-width: 320px; - width: auto; - height: auto; - z-index: 0; /* behind the card; use higher if you want it above */ - pointer-events: none; -} -.signup-container { position: relative; z-index: 1; } -.signup-subtitle { text-align: center; margin-bottom: 12px; color: rgba(230,238,248,0.9); font-size: small; } - -@media (max-width: 992px) { - .logo-outside { display: none; } - .signup-container { min-width: 320px; } -} - -/* Two-column layout for signup: left card + right visual */ -.signup-row { - display: flex; - align-items: stretch; - gap: 0; - background: transparent; - box-shadow: none; -} -.signup-card { flex: 0 0 330px; } -.signup-visual { flex: 1 1 0; } -.signup-visual img { display:block; width:100%; height:100%; object-fit:cover; } - -@media (max-width: 992px) { - .signup-row { display: block; } - .signup-card { width: 100%; } - .signup-visual { display: none; } -}