Presentación de videos en modo 'responsive' por defecto usando los estilos del editor

This commit is contained in:
Manuel Cillero 2018-02-20 19:59:03 +01:00
parent b99e3bff3d
commit 02f57502c3
5 changed files with 30 additions and 12 deletions

View file

@ -80,6 +80,7 @@ div#content h1 {
div.journal div[id^="note-"] > h4:first-child {
font-size: 13px;
padding-right: 0;
margin: 10px 0 20px;
line-height: 15px;
}
.journal-link {
@ -98,7 +99,6 @@ h4 img.gravatar {
display: block;
float: left;
margin-right: 6px;
margin-bottom: 4px;
}
div.gravatar-with-child > img.gravatar:nth-child(2) {
border: solid 1px #d5d5d5;

View file

@ -84,6 +84,22 @@ hr {
border: 0;
}
/* Youtube plugin */
div.youtube-embed-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
div.youtube-embed-wrapper .responsive-view {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Responsive */
@media screen and (max-width: 767px) {
.wiki p, .wiki li {