From e674ae28b2eb060d4f039798eafc750377018efc Mon Sep 17 00:00:00 2001 From: Fernando Date: Tue, 3 Mar 2026 20:22:18 -0300 Subject: [PATCH] bizzaro --- cadastro.html | 65 +++++++++------- style.css | 210 +++++++++++++++++++++++++------------------------- 2 files changed, 142 insertions(+), 133 deletions(-) diff --git a/cadastro.html b/cadastro.html index 15c68eb..9b5441d 100644 --- a/cadastro.html +++ b/cadastro.html @@ -1,5 +1,5 @@ - + @@ -10,34 +10,43 @@ -
-

Focus Agenda

-
+ +
+

Focus Agenda

+
+ -
- -

Crie sua conta

-
-
- - -
-
- - -
-
- - -
-
- - -
- -
- -
+ +
+

Crie Sua Conta

+ + + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +
+ diff --git a/style.css b/style.css index d3ffff7..c92ec94 100644 --- a/style.css +++ b/style.css @@ -1,112 +1,43 @@ * { padding: 0; margin: 0; - box-sizing: border-box; -} - -p, h1, h2, h3 { - margin: 0; + } + + p, + h1, + h2, + h3 { color: black; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; -} - -body { - - background-size: cover; - background-repeat: no-repeat; - background-position: center; - background-attachment: fixed; + margin: 0; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif + } + + label{ + display: block; + } + + body { height: 100vh; display: flex; - justify-content: flex-start; - align-items: center; - padding-left: 300px; -} - -/* Responsividade do Body */ -@media (max-width: 768px) { - body { - padding-left: 20px; - padding-right: 20px; - justify-content: center; - } -} - -/* Estilização do Card (antigo #log) */ -.card { - width: 350px; - display: flex; - flex-direction: column; - gap: 15px; - color: white; -} - -@media (max-width: 480px) { - .card { - width: 100%; - max-width: 320px; - } -} - -.card h2 { - font-size: 24px; - margin-bottom: 10px; - align-self: center; -} - - -.field { - display: flex; - flex-direction: column; - gap: 5px; -} - -label { - display: block; - font-weight: bold; - color: black; - margin: 0; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; -} - - -input { - height: 50px; - width: 100%; - padding: 10px; - font-size: 16px; - border: 1px solid #ccc; - border-radius: 4px; - box-sizing: border-box; -} - -form { - display: flex; - flex-direction: column; - gap: 15px; - width: 100%; -} - - -button[type="submit"] { - align-self: center; - width: 60%; - padding: 12px; - font-size: 18px; - font-weight: bold; - background-color: #C0392B; - color: white; - border: none; - border-radius: 4px; - cursor: pointer; - transition: background-color 0.3s; - margin-top: 10px; -} - -button[type="submit"]:hover { - background-color: #A03224; -} -#topo { + justify-content: center; + align-items: center; + } + + @media (max-width: 768px) { + body { + padding-left: 20px; + padding-right: 20px; + justify-content: center; + } + } + + @media (max-width: 480px) { + #log { + width: 100% !important; + max-width: 320px; + } + } + #topo { width: 100%; height: 50px; background-color: #111; @@ -118,5 +49,74 @@ button[type="submit"]:hover { align-items: center; justify-content: flex-start; padding-left: 20px; - -} \ No newline at end of file + + } + + #textotop { + font-size: 38px; + margin: 0; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + + #log { + width: 350px; + display: flex; + flex-direction: column; + gap: 15px; + color: white; + margin-top: 70px; /* Compensa a barra fixa do topo */ + } + #campo { + display: flex; + flex-direction: column; + gap: 15px; + align-self: center; + } + #menslog{ + font-size: 20px; + } + + #emailid, #senhaid, #nomeid, #csenhaid { + height: 50px; + width: 100%; + padding: 10px; + font-size: 16px; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + label { + display: block; + margin-bottom: 5px; + font-weight: bold; + color: white; + } + + form { + display: flex; + flex-direction: column; + gap: 15px; + width: 100%; + } + + #logbtn { + align-self: center; + width: 50%; + padding: 12px; + font-size: 18px; + font-weight: bold; + background-color: #C0392B; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s; + } + + #logbtn:hover { + background-color: #A03224; + } + .mens { + align-self: center; + } \ No newline at end of file