diff options
| -rw-r--r-- | templates/css/frond.min.css | 3 | ||||
| -rw-r--r-- | templates/css/frond.sass | 25 | ||||
| -rw-r--r-- | templates/css/salida.min.css | 1 | ||||
| -rw-r--r-- | templates/css/salida.sass | 14 |
4 files changed, 23 insertions, 20 deletions
diff --git a/templates/css/frond.min.css b/templates/css/frond.min.css index a64bce2..e7ea5db 100644 --- a/templates/css/frond.min.css +++ b/templates/css/frond.min.css @@ -1,2 +1 @@ -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}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"]{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{border:2px solid #3895ea;color:#4c4d4f}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}footer p.copyleft a.enlace{color:#ccc;text-decoration:none}footer p.copyleft a.enlace:hover{color:#2dde98} -/*# sourceMappingURL=frond.min.css.map */ +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}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"]{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{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}footer p.copyleft a.enlace{color:#ccc;text-decoration:none}footer p.copyleft a.enlace:hover{color:#2dde98} diff --git a/templates/css/frond.sass b/templates/css/frond.sass index 19213c1..36a54f4 100644 --- a/templates/css/frond.sass +++ b/templates/css/frond.sass @@ -1,14 +1,18 @@ -$fondo: #2d3743 -$blanco: #fff -$lo: #e9f1f7 $asana: #067ab4 -$submit: #3895ea -$red: #fc636b $copyleft: #ccc +$enlace: #2dde98 +$fondo: #2d3743 +$red: #fc636b +$submit: #3895ea +$submit-text: #fff +$text: #fff +$textbox-focus: #221f1f +$textbox: #a4a4a4 +$URLbox: #f5f5f1 body background: $fondo - color: $blanco + color: $text .contenedor margin: auto @@ -46,21 +50,22 @@ section justify-content: center input[type="text"] + background: $URLbox border: 2px solid margin-bottom: 15px width: 80% border-radius: 5px padding: 15px 20px font-size: 15px - color: #a4a4a4 + color: $textbox &:focus border: 2px solid $submit - color: #4c4d4f + color: $textbox-focus .boton margin: auto background: $submit - color: $blanco + color: $submit-text border: none border-radius: 3px padding: 15px 40px @@ -73,4 +78,4 @@ footer color: $copyleft text-decoration: none &:hover - color: #2dde98 + color: $enlace diff --git a/templates/css/salida.min.css b/templates/css/salida.min.css index 903dfc6..5d95fdd 100644 --- a/templates/css/salida.min.css +++ b/templates/css/salida.min.css @@ -1,2 +1 @@ body{background:#2d3743;color:#fff}.contenedor{margin:auto;width:100%;max-width:800px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.contenedor .libreyt{padding-bottom:20px}.contenedor .libreyt .row{display:flex;width:80%;max-width:400px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.contenedor .libreyt .row .imageyt{flex:1 0 30%;max-width:40%;padding:0px 15px}.contenedor .libreyt .row .imageyt img{width:100%;vertical-align:middle}.contenedor .libreyt .row .features{flex:0;min-height:1px;max-height:100%;position:relative;padding:0px 15px}.contenedor .libreyt .row .features .yt-titulo{font-weight:700;font-size:1rem;line-height:24px}.contenedor .row{line-height:2.5}.contenedor .row .col{text-align:center;padding:0px 15px}.contenedor .row .col .boton-descarga{padding:2px 5px;font-size:12px;border-radius:3px;color:#fff;background-color:#5cb85c;border-color:#5cb85c;text-decoration:none}.librevideojs{width:90%;max-width:700px}header{display:flex;width:90%;padding:20px 0px;justify-content:center}header a.drm-free{align-items:center;height:auto;opacity:.5;transition:opacity 150ms}header a.drm-free:before{content:url("../images/drm-free.png");vertical-align:top;display:block;position:absolute;top:12px;left:12px;max-width:120px;width:100%}header a.drm-free:hover{opacity:1}h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;line-height:1.1}hr{width:100%}section{width:100%}h2{text-align:center}footer p.copyleft{font-size:12px}footer p.copyleft a.enlace{color:#62758d;text-decoration:none}footer p.copyleft a.enlace:hover{color:#2dde98}@media screen and (max-width: 768px){header a.drm-free:before{display:none}} -/*# sourceMappingURL=salida.min.css.map */ diff --git a/templates/css/salida.sass b/templates/css/salida.sass index ffabf7f..01ff820 100644 --- a/templates/css/salida.sass +++ b/templates/css/salida.sass @@ -1,11 +1,11 @@ -$fondo: #2d3743 -$blanco: #fff -$lo: #e9f1f7 $asana: #067ab4 -$submit: #3895ea -$red: #fc636b -$green: #5cb85c +$blanco: #fff $copyleft: #62758d +$enlace: #2dde98 +$fondo: #2d3743 +$green: #5cb85c +$red: #fc636b +$submit: #3895ea body background: $fondo @@ -120,7 +120,7 @@ footer color: $copyleft text-decoration: none &:hover - color: #2dde98 + color: $enlace @media screen and (max-width: 768px) header |