X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=9d85665424ceca663ff2579d82a98ec839f41487;hb=f5f2076a2d5ec4d8229f168a9a3f66dc2d0bde6c;hp=f09d959391b5e3536c3fc4c0ed0af0bb1a34a9ec;hpb=d0b16b2fc15ac2b3d5db65586a7a94fda8f7224c;p=friendica.git diff --git a/view/global.css b/view/global.css index f09d959391..9d85665424 100644 --- a/view/global.css +++ b/view/global.css @@ -35,9 +35,9 @@ a.btn, a.btn:hover { text-decoration: overline; } -.icon { - width: 48px; - height: 48px; +.template-icon { + width: 24px; + height: 24px; } /* List of social Networks */ @@ -98,6 +98,9 @@ span.connector { margin-right: 0px; } +.wall-item-emoji { + margin-right: 5px; +} .wall-item-like-expanded, .wall-item-dislike-expanded, @@ -345,9 +348,9 @@ 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.photos .photo-album-image-wrapper { float: left; } -.fbrowser.photos a img, .fbrowser.photos .btn-link img { height: 48px; } -.fbrowser.photos a p, .fbrowser.photos .btn-link p { display: none;} +.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; } @@ -675,3 +678,35 @@ span.required { 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; +}