diff options
| -rw-r--r-- | templates/css/frond.min.css | 2 | ||||
| -rw-r--r-- | templates/index.tpl | 2 | ||||
| -rw-r--r-- | templates/sass/frond.sass | 2 |
3 files changed, 4 insertions, 2 deletions
diff --git a/templates/css/frond.min.css b/templates/css/frond.min.css index 6dba3b3..7822c85 100644 --- a/templates/css/frond.min.css +++ b/templates/css/frond.min.css @@ -1,2 +1,2 @@ -body{background:#2d3743;color:#fff}.contenedor{margin:auto;width:70%;max-width:700px;background:#067ab4;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.contenedor .libreyt{padding-bottom:60px}a.enlace{color:#ccc;text-decoration:none}a.enlace:hover{color:#2dde98}header{display:flex;width:90%;padding:20px 0px;justify-content:center}header img{align-items:center;width:100%;vertical-align:top}section{width:100%}section h2{text-align:center}section .formulario{display:flex;flex-wrap:wrap;justify-content:center}section .formulario input[type="text"],section .formulario input[type="search"]{background:#f5f5f1;border:2px solid;margin-bottom:15px;width:80%;border-radius:5px;padding:15px 20px;font-size:15px;color:#a4a4a4}section .formulario input[type="text"]:focus,section .formulario input[type="search"]:focus{border:2px solid #3895ea;color:#221f1f}section .formulario .boton{margin:auto;background:#3895ea;color:#fff;border:none;border-radius:3px;padding:15px 40px;cursor:pointer}footer p.copyleft{font-size:12px;text-align:center} +body{background:#2d3743;color:#fff}.contenedor{margin:auto;width:70%;max-width:700px;background:#067ab4;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.contenedor .libreyt{padding-bottom:60px}a.enlace{color:#ccc;text-decoration:none}a.enlace:hover{color:#2dde98}header{display:flex;width:90%;padding:20px 0px;justify-content:center}header img{align-items:center;width:100%;vertical-align:top}section{width:100%}section h2{text-align:center}section .formulario{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center}section .formulario input[type="text"],section .formulario input[type="search"]{background:#f5f5f1;border:2px solid;margin-bottom:15px;width:80%;border-radius:5px;padding:15px 20px;font-size:15px;color:#a4a4a4}section .formulario input[type="text"]:focus,section .formulario input[type="search"]:focus{border:2px solid #3895ea;color:#221f1f}section .formulario .boton{margin:auto;background:#3895ea;color:#fff;border:none;border-radius:3px;padding:15px 40px;cursor:pointer}footer p.copyleft{font-size:12px;text-align:center} /*# sourceMappingURL=frond.min.css.map */ diff --git a/templates/index.tpl b/templates/index.tpl index 009b456..050c67e 100644 --- a/templates/index.tpl +++ b/templates/index.tpl @@ -18,7 +18,7 @@ <hr> <form method="get" autocomplete="off" class="formulario"> <input name="link" type="search" placeholder="Enlace de Youtube"/> - <input class="boton" name="submit" type="submit" value="Decodificar"/> + <input class="boton" type="submit" value="Query"/> </form> </section> <footer> diff --git a/templates/sass/frond.sass b/templates/sass/frond.sass index 01b6d3e..c3f29e4 100644 --- a/templates/sass/frond.sass +++ b/templates/sass/frond.sass @@ -54,6 +54,8 @@ section display: flex flex-wrap: wrap justify-content: center + flex-direction: column + align-items: center input[type="text"], input[type="search"] |