Arreglo de estilos para imágenes
This commit is contained in:
parent
ee728e4268
commit
f51ffdc71d
|
@ -1,7 +1,7 @@
|
||||||
/* General */
|
/* General */
|
||||||
@media screen and (min-width: 641px) {body {margin: 50px;}}
|
@media screen and (min-width: 641px) {body {margin: 50px;}}
|
||||||
@media screen and (max-width: 640px) {body {margin: 25px;}}
|
@media screen and (max-width: 640px) {body {margin: 25px;}}
|
||||||
body {max-width: 512px;}
|
body {max-width: 512px; overflow-x: hidden;}
|
||||||
body.black {background-color: #2d2d2d;}
|
body.black {background-color: #2d2d2d;}
|
||||||
body.black section a:not(.hashover-more-link),
|
body.black section a:not(.hashover-more-link),
|
||||||
body.black footer a:not(.hashover-more-link) {color: rgb(229,87,44);}
|
body.black footer a:not(.hashover-more-link) {color: rgb(229,87,44);}
|
||||||
|
@ -67,6 +67,17 @@ figure {
|
||||||
margin: 1em auto;
|
margin: 1em auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
figcaption:before {
|
||||||
|
content: '▣';
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 640px) {
|
||||||
|
img {
|
||||||
|
width: 100vw;
|
||||||
|
margin-left: -25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 768px) {
|
@media screen and (min-width: 768px) {
|
||||||
figcaption {
|
figcaption {
|
||||||
float: right;
|
float: right;
|
||||||
|
@ -75,6 +86,10 @@ figure {
|
||||||
margin-right: -30%;
|
margin-right: -30%;
|
||||||
padding: 0 1em;
|
padding: 0 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
figcaption:before {
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Footer */
|
/* Footer */
|
||||||
|
|
Loading…
Reference in New Issue