diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/frond.min.css | 2 | ||||
| -rw-r--r-- | css/frond.min.css.map | 7 | ||||
| -rw-r--r-- | css/frond.sass | 76 | ||||
| -rw-r--r-- | css/normalize.css | 527 | ||||
| -rw-r--r-- | css/salida.min.css | 2 | ||||
| -rw-r--r-- | css/salida.min.css.map | 7 | ||||
| -rw-r--r-- | css/salida.sass | 109 |
7 files changed, 730 insertions, 0 deletions
diff --git a/css/frond.min.css b/css/frond.min.css new file mode 100644 index 0000000..a64bce2 --- /dev/null +++ b/css/frond.min.css @@ -0,0 +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}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 */ diff --git a/css/frond.min.css.map b/css/frond.min.css.map new file mode 100644 index 0000000..44d5906 --- /dev/null +++ b/css/frond.min.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AAQA,IAAI,CACA,UAAU,CATN,OAAO,CAUX,KAAK,CATA,IAAI,CAWb,WAAW,CACP,MAAM,CAAE,IAAI,CACZ,KAAK,CAAE,GAAG,CACV,SAAS,CAAE,KAAK,CAChB,UAAU,CAbN,OAAO,CAcX,OAAO,CAAE,IAAI,CACb,cAAc,CAAE,MAAM,CACtB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,MAAM,CAEnB,oBAAQ,CACJ,cAAc,CAAE,IAAI,CAE5B,MAAM,CACF,OAAO,CAAE,IAAI,CACb,KAAK,CAAE,GAAG,CACV,OAAO,CAAE,QAAQ,CACjB,eAAe,CAAE,MAAM,CAEvB,UAAG,CACC,WAAW,CAAE,MAAM,CACnB,KAAK,CAAE,IAAI,CACX,cAAc,CAAE,GAAG,CAE3B,OAAO,CACH,KAAK,CAAE,IAAI,CAEX,UAAE,CACE,UAAU,CAAE,MAAM,CAEtB,mBAAW,CACP,OAAO,CAAE,IAAI,CACb,SAAS,CAAE,IAAI,CACf,eAAe,CAAE,MAAM,CAEvB,sCAAkB,CACd,MAAM,CAAE,SAAS,CACjB,aAAa,CAAE,IAAI,CACnB,KAAK,CAAE,GAAG,CACV,aAAa,CAAE,GAAG,CAClB,OAAO,CAAE,SAAS,CAClB,SAAS,CAAE,IAAI,CACf,KAAK,CAAE,OAAO,CAEd,4CAAO,CACH,MAAM,CAAE,iBAAiB,CACzB,KAAK,CAAE,OAAO,CACtB,0BAAM,CACF,MAAM,CAAE,IAAI,CACZ,UAAU,CAzDb,OAAO,CA0DJ,KAAK,CA7DR,IAAI,CA8DD,MAAM,CAAE,IAAI,CACZ,aAAa,CAAE,GAAG,CAClB,OAAO,CAAE,SAAS,CAClB,MAAM,CAAE,OAAO,CAGvB,iBAAU,CACN,SAAS,CAAE,IAAI,CACf,0BAAQ,CACJ,KAAK,CAlEN,IAAI,CAmEH,eAAe,CAAE,IAAI,CACrB,gCAAO,CACH,KAAK,CAAE,OAAO", +"sources": ["frond.sass"], +"names": [], +"file": "frond.min.css" +}
\ No newline at end of file diff --git a/css/frond.sass b/css/frond.sass new file mode 100644 index 0000000..19213c1 --- /dev/null +++ b/css/frond.sass @@ -0,0 +1,76 @@ +$fondo: #2d3743 +$blanco: #fff +$lo: #e9f1f7 +$asana: #067ab4 +$submit: #3895ea +$red: #fc636b +$copyleft: #ccc + +body + background: $fondo + color: $blanco + +.contenedor + margin: auto + width: 70% + max-width: 700px + background: $asana + display: flex + flex-direction: column + flex-wrap: wrap + align-items: center + + .libreyt + padding-bottom: 60px + +header + display: flex + width: 90% + padding: 20px 0px + justify-content: center + + img + align-items: center + width: 100% + vertical-align: top + +section + width: 100% + + h2 + text-align: center + + .formulario + display: flex + flex-wrap: wrap + justify-content: center + + input[type="text"] + border: 2px solid + margin-bottom: 15px + width: 80% + border-radius: 5px + padding: 15px 20px + font-size: 15px + color: #a4a4a4 + + &:focus + border: 2px solid $submit + color: #4c4d4f + .boton + margin: auto + background: $submit + color: $blanco + border: none + border-radius: 3px + padding: 15px 40px + cursor: pointer + +footer + p.copyleft + font-size: 12px + a.enlace + color: $copyleft + text-decoration: none + &:hover + color: #2dde98 diff --git a/css/normalize.css b/css/normalize.css new file mode 100644 index 0000000..e086df0 --- /dev/null +++ b/css/normalize.css @@ -0,0 +1,527 @@ +/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ + + +/** + * 1. Change the default font family in all browsers (opinionated). + * 2. Correct the line height in all browsers. + * 3. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ + + +/* Document + ========================================================================== */ + +html { + font-family: sans-serif; + /* 1 */ + line-height: 1.15; + /* 2 */ + -ms-text-size-adjust: 100%; + /* 3 */ + -webkit-text-size-adjust: 100%; + /* 3 */ +} + + +/* Sections + ========================================================================== */ + + +/** + * Remove the margin in all browsers (opinionated). + */ + +body { + margin: 0; +} + + +/** + * Add the correct display in IE 9-. + */ + +article, aside, footer, header, nav, section { + display: block; +} + + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + + +/* Grouping content + ========================================================================== */ + + +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in IE. + */ + +figcaption, figure, main { + /* 1 */ + display: block; +} + + +/** + * Add the correct margin in IE 8. + */ + +figure { + margin: 1em 40px; +} + + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; + /* 1 */ + height: 0; + /* 1 */ + overflow: visible; + /* 2 */ +} + + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ +} + + +/* Text-level semantics + ========================================================================== */ + + +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ + +a { + background-color: transparent; + /* 1 */ + -webkit-text-decoration-skip: objects; + /* 2 */ +} + + +/** + * Remove the outline on focused links when they are also active or hovered + * in all browsers (opinionated). + */ + +a:active, a:hover { + outline-width: 0; +} + + +/** + * 1. Remove the bottom border in Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; + /* 1 */ + text-decoration: underline; + /* 2 */ + text-decoration: underline dotted; + /* 2 */ +} + + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ + +b, strong { + font-weight: inherit; +} + + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, strong { + font-weight: bolder; +} + + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, kbd, samp { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ +} + + +/** + * Add the correct font style in Android 4.3-. + */ + +dfn { + font-style: italic; +} + + +/** + * Add the correct background and color in IE 9-. + */ + +mark { + background-color: #ff0; + color: #000; +} + + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + + +/* Embedded content + ========================================================================== */ + + +/** + * Add the correct display in IE 9-. + */ + +audio, video { + display: inline-block; +} + + +/** + * Add the correct display in iOS 4-7. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + + +/** + * Remove the border on images inside links in IE 10-. + */ + +img { + border-style: none; +} + + +/** + * Hide the overflow in IE. + */ + +svg:not(:root) { + overflow: hidden; +} + +video { + width: 100%; + height: auto; +} + +/* Forms + ========================================================================== */ + + +/** + * 1. Change the font styles in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ + +button, input, optgroup, select, textarea { + font-family: sans-serif; + /* 1 */ + font-size: 100%; + /* 1 */ + line-height: 1.15; + /* 1 */ + margin: 0; + /* 2 */ +} + + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, input { + /* 1 */ + overflow: visible; +} + + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, select { + /* 1 */ + text-transform: none; +} + + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ + +button, html [type="button"], +/* 1 */ + +[type="reset"], [type="submit"] { + -webkit-appearance: button; + /* 2 */ +} + + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + + +/** + * Change the border, margin, and padding in all browsers (opinionated). + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; + /* 1 */ + color: inherit; + /* 2 */ + display: table; + /* 1 */ + max-width: 100%; + /* 1 */ + padding: 0; + /* 3 */ + white-space: normal; + /* 1 */ +} + + +/** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ +} + + +/** + * Remove the default vertical scrollbar in IE. + */ + +textarea { + overflow: auto; +} + + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ + +[type="checkbox"], [type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ +} + + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { + height: auto; +} + + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} + + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} + + +/* Interactive + ========================================================================== */ + + +/* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + */ + +details, +/* 1 */ + +menu { + display: block; +} + + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + + +/* Scripting + ========================================================================== */ + + +/** + * Add the correct display in IE 9-. + */ + +canvas { + display: inline-block; +} + + +/** + * Add the correct display in IE. + */ + +template { + display: none; +} + + +/* Hidden + ========================================================================== */ + + +/** + * Add the correct display in IE 10-. + */ + +[hidden] { + display: none; +} diff --git a/css/salida.min.css b/css/salida.min.css new file mode 100644 index 0000000..972786a --- /dev/null +++ b/css/salida.min.css @@ -0,0 +1,2 @@ +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 img{align-items:center;width:100%;vertical-align:top}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} +/*# sourceMappingURL=salida.min.css.map */ diff --git a/css/salida.min.css.map b/css/salida.min.css.map new file mode 100644 index 0000000..a57df5c --- /dev/null +++ b/css/salida.min.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "AASA,IAAI,CACA,UAAU,CAVN,OAAO,CAWX,KAAK,CAVA,IAAI,CAYb,WAAW,CACP,MAAM,CAAE,IAAI,CACZ,KAAK,CAAE,IAAI,CACX,SAAS,CAAE,KAAK,CAChB,OAAO,CAAE,IAAI,CACb,cAAc,CAAE,MAAM,CACtB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,MAAM,CAEnB,oBAAQ,CACJ,cAAc,CAAE,IAAI,CAEpB,yBAAI,CACA,OAAO,CAAE,IAAI,CACb,KAAK,CAAE,GAAG,CACV,SAAS,CAAE,KAAK,CAChB,cAAc,CAAE,GAAG,CACnB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,MAAM,CACnB,eAAe,CAAE,MAAM,CAEvB,kCAAQ,CACJ,IAAI,CAAE,OAAO,CACb,SAAS,CAAE,GAAG,CACd,OAAO,CAAE,QAAQ,CAEjB,sCAAG,CACC,KAAK,CAAE,IAAI,CACX,cAAc,CAAE,MAAM,CAE9B,mCAAS,CACL,IAAI,CAAE,CAAC,CACP,UAAU,CAAE,GAAG,CACf,UAAU,CAAE,IAAI,CAChB,QAAQ,CAAE,QAAQ,CAClB,OAAO,CAAE,QAAQ,CAEjB,8CAAU,CACN,WAAW,CAAE,GAAG,CAChB,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CAGjC,gBAAI,CACA,WAAW,CAAE,GAAG,CAEhB,qBAAI,CACA,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,QAAQ,CAEjB,qCAAe,CACX,OAAO,CAAE,OAAO,CAChB,SAAS,CAAE,IAAI,CACf,aAAa,CAAE,GAAG,CAClB,KAAK,CAlEZ,IAAI,CAmEG,gBAAgB,CA9DvB,OAAO,CA+DA,YAAY,CA/DnB,OAAO,CAgEA,eAAe,CAAE,IAAI,CAErC,aAAa,CACT,KAAK,CAAE,GAAG,CACV,SAAS,CAAE,KAAK,CAEpB,MAAM,CACF,OAAO,CAAE,IAAI,CACb,KAAK,CAAE,GAAG,CACV,OAAO,CAAE,QAAQ,CACjB,eAAe,CAAE,MAAM,CAEvB,UAAG,CACC,WAAW,CAAE,MAAM,CACnB,KAAK,CAAE,IAAI,CACX,cAAc,CAAE,GAAG,CAE3B,cAAc,CACV,UAAU,CAAE,CAAC,CACb,aAAa,CAAE,CAAC,CAChB,WAAW,CAAE,GAAG,CAEpB,EAAE,CACE,KAAK,CAAE,IAAI,CAEf,OAAO,CACH,KAAK,CAAE,IAAI,CAEf,EAAE,CACE,UAAU,CAAE,MAAM,CAGlB,iBAAU,CACN,SAAS,CAAE,IAAI,CACf,0BAAQ,CACJ,KAAK,CAlGN,OAAO,CAmGN,eAAe,CAAE,IAAI,CACrB,gCAAO,CACH,KAAK,CAAE,OAAO", +"sources": ["salida.sass"], +"names": [], +"file": "salida.min.css" +}
\ No newline at end of file diff --git a/css/salida.sass b/css/salida.sass new file mode 100644 index 0000000..227a9ac --- /dev/null +++ b/css/salida.sass @@ -0,0 +1,109 @@ +$fondo: #2d3743 +$blanco: #fff +$lo: #e9f1f7 +$asana: #067ab4 +$submit: #3895ea +$red: #fc636b +$green: #5cb85c +$copyleft: #62758d + +body + background: $fondo + color: $blanco + +.contenedor + margin: auto + width: 100% + max-width: 800px + display: flex + flex-direction: column + flex-wrap: wrap + align-items: center + + .libreyt + padding-bottom: 20px + + .row + display: flex + width: 80% + max-width: 400px + flex-direction: row + flex-wrap: wrap + align-items: center + justify-content: center + + .imageyt + flex: 1 0 30% + max-width: 40% + padding: 0px 15px + + img + width: 100% + vertical-align: middle + + .features + flex: 0 + min-height: 1px + max-height: 100% + position: relative + padding: 0px 15px + + .yt-titulo + font-weight: 700 + font-size: 1rem + line-height: 24px + +.contenedor + .row + line-height: 2.5 + + .col + text-align: center + padding: 0px 15px + + .boton-descarga + padding: 2px 5px + font-size: 12px + border-radius: 3px + color: $blanco + background-color: $green + border-color: $green + text-decoration: none + +.librevideojs + width: 90% + max-width: 700px + +header + display: flex + width: 90% + padding: 20px 0px + justify-content: center + + img + align-items: center + width: 100% + vertical-align: top + +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 + a.enlace + color: $copyleft + text-decoration: none + &:hover + color: #2dde98 |