X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fglobal.css;h=9d85665424ceca663ff2579d82a98ec839f41487;hb=448c0b5bc94a413f755a79eeac921b1bb0841dfd;hp=800a3ea34de78d3443ac6f2722eb33c7819ccb68;hpb=944f4733be309018805805a6fefbb90acd4cb9fb;p=friendica.git diff --git a/view/global.css b/view/global.css index 800a3ea34d..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,12 +348,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; } @@ -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; +}