modified how images are shown in gallery and when missing

This commit is contained in:
jorge-vitrubio 2022-10-21 16:10:49 +02:00
parent d23a83e963
commit f391e86701
2 changed files with 32 additions and 9 deletions

View File

@ -211,7 +211,6 @@
-moz-box-shadow: 3px 3px 4px #91939a; -moz-box-shadow: 3px 3px 4px #91939a;
-webkit-box-shadow: 3px 3px 4px #91939a; -webkit-box-shadow: 3px 3px 4px #91939a;
box-shadow: 3px 3px 4px #91939a; box-shadow: 3px 3px 4px #91939a;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=145, Color='#91939a');
position: relative; position: relative;
} }
.news-thumb { .news-thumb {

View File

@ -49,8 +49,29 @@ table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }
img {border: 0} img {
border: 0;
position: relative;
}
img:before {
content:"no image:" attr(alt);
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('https://grafica.hangar.org/assets/img/hangar-logo-favico.png');
background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-blend-mode: darken;
background-color: #fafafa;
padding: 1rem;
text-align: left;
font-size: 0.6rem;
color: #999;
}
/* General Structure and Styles /* General Structure and Styles
--------------------------------------------- */ --------------------------------------------- */
body { body {
@ -1134,14 +1155,17 @@ form#commentform p.form-submit input#submit {
padding:5px 0px 5px 0px; padding:5px 0px 5px 0px;
} }
.gallery .gallery-item { .gallery .gallery-item {
float: left; max-width: 33%;
/* margin: 10px 5px 0px 5px;*/ overflow: hidden;
text-align: center;
/* width: 31%!important;*/
vertical-align: top;
} }
.gallery img { .gallery img {
/* border: 2px solid #D2D2DF!important;*/ /* background-image: url('https://grafica.hangar.org/assets/img/hangar-logo-favico.png');
background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-blend-mode: darken;
background-color: #fafafa;*/
border: none !important;
} }
.gallery .gallery-caption { .gallery .gallery-caption {
margin-left: 0; margin-left: 0;