X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=78e187c8b7b460cf3ffacd0c12c6cee57bed8833;hb=7621c8aac5329b8c41c45d658dbac82d4b5e2d97;hp=08788c5baf47c893052a45bf37f595b28a8f0347;hpb=c41aaf8a17405e4e11366fec14519994612744b1;p=friendica.git

diff --git a/view/global.css b/view/global.css
index 08788c5baf..78e187c8b7 100644
--- a/view/global.css
+++ b/view/global.css
@@ -35,6 +35,11 @@ a.btn, a.btn:hover {
   text-decoration: overline;
 }
 
+.template-icon {
+	width: 24px;
+	height: 24px;
+}
+
 /* List of social Networks */
 img.connector, img.connector-disabled {
   height: 40px;
@@ -340,12 +345,12 @@ img.acpopup-img {
 .fbrowser .path a:before, .fbrowser .path .btn-link:before { content: "/"; padding-right: 5px;}
 .fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
 .fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
-.fbrowser.image .photo-album-image-wrapper { float: left; }
-.fbrowser.image a img, .fbrowser.image .btn-link img { height: 48px; }
-.fbrowser.image a p, .fbrowser.image .btn-link p { display: none;}
-.fbrowser.file .photo-album-image-wrapper { float:none;  white-space: nowrap; }
-.fbrowser.file img { display: inline; }
-.fbrowser.file p  { display: inline; white-space: nowrap; }
+.fbrowser.photo .photo-album-image-wrapper { float: left; }
+.fbrowser.photo a img, .fbrowser.photo .btn-link img { height: 48px; }
+.fbrowser.photo a p, .fbrowser.photo .btn-link p { display: none;}
+.fbrowser.attachment .photo-album-image-wrapper { float:none;  white-space: nowrap; }
+.fbrowser.attachment img { display: inline; }
+.fbrowser.attachment p  { display: inline; white-space: nowrap; }
 .fbrowser .upload { clear: both; padding-top: 1em;}
 .fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
 .fbrowser .error .close { float: right; font-weight: bold; }
@@ -666,3 +671,39 @@ body.dragging, body.dragging * {
 span.required {
 	color: #c80000;
 }
+
+audio {
+  width: 100%;
+}
+
+/**
+ * Image grid settings START
+ **/
+.imagegrid-row {
+	display: -ms-flexbox; /* IE10 */
+	display: flex;
+	margin-top: 1em;
+	column-gap: 5px;
+}
+
+.imagegrid-column {
+	-ms-flex: 50%; /* IE10 */
+	flex: 50%;
+	display: -ms-flexbox; /* IE10 */
+	display: flex;
+	flex-direction: column;
+	row-gap: 5px;
+}
+
+.imagegrid-column img {
+	-ms-flex: 50%; /* IE10 */
+	flex: 50%;
+}
+/**
+ * Image grid settings END
+ **/
+
+#contactblock .icon {
+	width: 48px;
+	height: 48px;
+}