From ef60a4bd581ec9fb85384c6a262b499373a37d67 Mon Sep 17 00:00:00 2001 From: polo Date: Sat, 28 Jun 2025 10:34:25 +0200 Subject: formulaire de contact 1 --- public/css/form.css | 54 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 public/css/form.css (limited to 'public/css/form.css') diff --git a/public/css/form.css b/public/css/form.css new file mode 100644 index 0000000..473252c --- /dev/null +++ b/public/css/form.css @@ -0,0 +1,54 @@ +.form form{ + background-color: white; + margin: auto; + padding: 10px; + max-width: 800px; + display: grid; + grid-template-columns: auto 1fr; + gap: 10px; + align-items: center; /* vertical */ +} +.form label{ + text-align: right; +} +.form .full_width_column{ + grid-column: 1 / span 2; +} +.form form input[type=submit] +{ + color: #ff1d04; + font-size: medium; + border-radius: 4px; + background-color: white; + border: lightgrey 2px outset; +} +.form form input[type=submit]:hover +{ + background-color: #ffff00; + border-radius: 4px; + cursor: pointer; +} + +.no_recipient_warning{ + color: red; + text-align: center; +} + +.form .admin_form{ + background-color: #f0f0f0; + margin: auto; + padding: 10px; + max-width: 800px; +} + +@media screen and (max-width: 600px){ + .form form{ + grid-template-columns: 1fr; + } + .form label{ + text-align: left; + } + .form .full_width_column { + grid-column: 1; + } +} \ No newline at end of file -- cgit v1.2.3