From f4aa29e0da1174391b0b3a8b1e78573387e97884 Mon Sep 17 00:00:00 2001 From: Angel Zarate Date: Sat, 14 May 2022 16:48:59 -0400 Subject: [PATCH] formulario con los estilos integrados --- src/main/webapp/estilos/form.css | 124 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 124 insertions(+) create mode 100644 src/main/webapp/estilos/form.css diff --git a/src/main/webapp/estilos/form.css b/src/main/webapp/estilos/form.css new file mode 100644 index 0000000..4b99993 --- /dev/null +++ b/src/main/webapp/estilos/form.css @@ -0,0 +1,124 @@ +/* el header donde va el logo y el menu */ +html,body{ + background-image: url(imagenes/descarga.svg); + +} +/* damos los estilos a todo lo que contiene el body */ +body{ + background-color: rgba(11, 49, 110, 0.75); + font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif; + color: wheat; + font-weight: bold; + display: flex; + justify-content: center; + align-items: center; + height: 160%;} + +} +/* para el logo */ +img{ + width: 165px; + padding: 10px; +} + +p.enter{ + text-align: center; + font-size: 20px; +} +/* para el parrafo */ +p:hover{ + color: yellow; +} + +/* para el create o sea para el main */ +.create{ + width: 100%; + max-width: 785px; + min-width: 320px; + border-radius: 15px; + background-color: rgba(11, 49, 110, 0.75); + padding: 1rem; + +} +/* contenedor */ +/* para el forrmulario */ +.form label{ + + display: block; + border: none; + + align-items:center; + + +} + +.form input{ + display: block; + border: none; + width: 50%; + align-items:center; +} +.form input[type="email"],.form input[type="text"],.form input[type="number"]{ + background-color: transparent; + border-radius: 10px; + border: 1px solid #000; + +} +.form input:hover{ + background-color: wheat; +} + + + +a{ + text-decoration: none; +} +ul{ +list-style:none; +font-size:15px; +} + +a{ +text-decoration:none; +color:black; +background-color: #21211d; +border-radius: 10px; + color: #FFF; + padding: 10px; + margin:15px; + text-decoration: none; + cursor: pointer; + background-image: url(imagenes/descarga.svg); +} + .form input[type="reset"] , .form input[type="submit"]{ + text-decoration:none; + background-color: rgba(11, 49, 110, 0.75); + background-image: url(imagenes/descarga.svg); + border-radius: 10px;; + padding: 15px; + border-radius: 10px; + text-decoration: none; + color:#ffff; + text-align:left; + cursor: pointer; + width:80px; + text-align:center; + } + + +input#ruby,input#python,input#c,input#javascript,input#java{ +width:20px; + +} +input#experiencia_laboral,input#notebook,input#universidad{ +width:100px; +} + + + + + +/* parrafo final */ +//mi parte jose leeme + + -- libgit2 0.26.0