diff options
author | Jesús <heckyel@hyperbola.info> | 2020-12-06 18:09:43 -0500 |
---|---|---|
committer | Jesús <heckyel@hyperbola.info> | 2020-12-06 18:09:43 -0500 |
commit | 0ba05886483da41cb768b13048f9ed3bb2763832 (patch) | |
tree | ffcf510124cca43bcd7cf8d9e78eff6600ad258b | |
parent | d9aa1f35095965c1d03c8202984993a0534ed9a6 (diff) | |
download | ytlibre-0ba05886483da41cb768b13048f9ed3bb2763832.tar.lz ytlibre-0ba05886483da41cb768b13048f9ed3bb2763832.tar.xz ytlibre-0ba05886483da41cb768b13048f9ed3bb2763832.zip |
Fix styles frond
-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"] |