diff options
| -rw-r--r-- | css/salida.min.css | 2 | ||||
| -rw-r--r-- | css/salida.sass | 18 | ||||
| -rw-r--r-- | images/drm-free.png | bin | 0 -> 3213 bytes | |||
| -rw-r--r-- | video.php | 1 |
4 files changed, 18 insertions, 3 deletions
diff --git a/css/salida.min.css b/css/salida.min.css index 972786a..23f22da 100644 --- a/css/salida.min.css +++ b/css/salida.min.css @@ -1,2 +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} +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;max-width:120px;width:100%;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}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} /*# sourceMappingURL=salida.min.css.map */ diff --git a/css/salida.sass b/css/salida.sass index 227a9ac..a403ab0 100644 --- a/css/salida.sass +++ b/css/salida.sass @@ -80,10 +80,24 @@ header padding: 20px 0px justify-content: center - img + a.drm-free align-items: center + max-width: 120px width: 100% - vertical-align: top + height: auto + opacity: .5 + transition: opacity 150ms + + &:before + content: url("../images/drm-free.png") + vertical-align: top + display: block + position: absolute + top: 12px + left: 12px + + &:hover + opacity: 1 h2,h3,h4,h5,h6 margin-top: 0 diff --git a/images/drm-free.png b/images/drm-free.png Binary files differnew file mode 100644 index 0000000..e30994e --- /dev/null +++ b/images/drm-free.png @@ -17,6 +17,7 @@ require_once "processor.php"; <body> <div class="contenedor"> <header> + <a class="drm-free" rel="noopener noreferrer" href="https://www.defectivebydesign.org/drm-free" target="_blank"></a> <h2><?php echo $videoTitle; ?></h2> </header> <hr> |
