X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fquattro%2Fdark%2Fstyle.css;h=847017ee5bf36b361b3bacafae855ea930329285;hb=92007a1438b8be0bef2c6d72c1e2cc288e7b23ff;hp=bb255fa46060cc144432622dc8e5b1db216675a1;hpb=c50b49d303aec426ad14eac470c212f96887d8a1;p=friendica.git diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css index bb255fa460..847017ee5b 100644 --- a/view/theme/quattro/dark/style.css +++ b/view/theme/quattro/dark/style.css @@ -1443,9 +1443,13 @@ blockquote.shared_content { } .oembed.video > a.embed_video { display: block; - float: none; + float: left; + position: relative; } .oembed.video > a.embed_video > div { + position: absolute; + top: 0px; + left: 0px; background: rgba(255, 255, 255, 0.36) url(../../../images/icons/48/play.png) no-repeat center center !important; } /* threaded comments */ @@ -2109,6 +2113,22 @@ ul.tabs li .active { width: 50px; float: left; } +/* manage page */ +.identity-match-photo { + position: relative; +} +.identity-match-photo .manage-notify { + background-color: #19AEFF; + border-radius: 5px; + font-size: 10px; + padding: 1px 3px; + min-width: 15px; + text-align: right; + position: absolute; + right: 10px; + top: -5px; + color: #ffffff; +} /* videos page */ .videos .video-top-wrapper { width: 200px; @@ -2344,6 +2364,53 @@ ul.tabs li .active { .mail-list-wrapper .mail-delete { float: right; } +#message-preview { + margin-top: 1em; + box-sizing: border-box; +} +#message-preview * { + box-sizing: border-box; + white-space: nowrap; +} +#message-preview .mail-list-wrapper .mail-subject { + width: 100%; +} +#message-preview .mail-list-wrapper .mail-date { + font-size: 0.8em; + width: 25%; + text-align: right; +} +#message-preview .mail-list-wrapper .mail-from { + font-size: 0.8em; + width: 75%; +} +#message-preview .mail-list-wrapper .mail-count { + font-size: 0.8em; + width: 100%; +} +#message-preview .mail-list-wrapper .mail-delete { + display: none; +} +#message-preview .mail-list-wrapper .mail-date, +#message-preview .mail-list-wrapper .mail-from, +#message-preview .mail-list-wrapper .mail-count { + opacity: 0.5; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +#message-preview .mail-list-wrapper:hover .mail-date, +#message-preview .mail-list-wrapper:hover .mail-from, +#message-preview .mail-list-wrapper:hover .mail-count { + opacity: 1; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} #mail-display-subject { background-color: #f6f7f8; color: #2d2d2d;