From f391e86701297eb5cf7b50738e744c7ea104c113 Mon Sep 17 00:00:00 2001
From: jorge-vitrubio <jorge@vitrubio.net>
Date: Fri, 21 Oct 2022 16:10:49 +0200
Subject: [PATCH] modified how images are shown in gallery and when missing

---
 css/styleHangar.css |  1 -
 style.css           | 40 ++++++++++++++++++++++++++++++++--------
 2 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/css/styleHangar.css b/css/styleHangar.css
index bb57a2d..4c3f59a 100644
--- a/css/styleHangar.css
+++ b/css/styleHangar.css
@@ -211,7 +211,6 @@
 		-moz-box-shadow: 3px 3px 4px #91939a;
 		-webkit-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;
 	}
 	.news-thumb {
diff --git a/style.css b/style.css
index 6ab86c9..ce12807 100644
--- a/style.css
+++ b/style.css
@@ -49,8 +49,29 @@ table {
 	border-collapse: collapse;
 	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
 --------------------------------------------- */
 body {
@@ -1134,14 +1155,17 @@ form#commentform p.form-submit input#submit {
 	padding:5px 0px 5px 0px;
 }
 .gallery .gallery-item {
-	float: left;
-/*	margin: 10px 5px 0px 5px;*/
-	text-align: center;
-/*	width: 31%!important;*/
-	vertical-align: top;
+  max-width: 33%;
+  overflow: hidden;
 }
 .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 {
 	margin-left: 0;