X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fquattro%2Fgreen%2Fstyle.css;h=8f3b32dae20a06db26c0a7a5327ca4e642330f96;hb=d3bb9447006bcc9c33c62f7194efec0262628e80;hp=8e6a020b8ae9f02e5c91e1b86420ab23a9214d32;hpb=64149336a0c9e4a68c913ec8e4df22f0282fdcf1;p=friendica.git diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css index 8e6a020b8a..8f3b32dae2 100644 --- a/view/theme/quattro/green/style.css +++ b/view/theme/quattro/green/style.css @@ -64,6 +64,9 @@ .icon.type-unkn { background-image: url("../../../images/icons/22/zip.png"); } +.icon.type-application { + background-image: url("../../../images/icons/22/zip.png"); +} .icon.type-audio { background-image: url("../../../images/icons/22/audio.png"); } @@ -134,6 +137,9 @@ .icon.s10.type-unkn { background-image: url("../../../images/icons/10/zip.png"); } +.icon.s10.type-application { + background-image: url("../../../images/icons/10/zip.png"); +} .icon.s10.type-audio { background-image: url("../../../images/icons/10/audio.png"); } @@ -204,6 +210,9 @@ .icon.s16.type-unkn { background-image: url("../../../images/icons/16/zip.png"); } +.icon.s16.type-application { + background-image: url("../../../images/icons/16/zip.png"); +} .icon.s16.type-audio { background-image: url("../../../images/icons/16/audio.png"); } @@ -274,6 +283,9 @@ .icon.s22.type-unkn { background-image: url("../../../images/icons/22/zip.png"); } +.icon.s22.type-application { + background-image: url("../../../images/icons/22/zip.png"); +} .icon.s22.type-audio { background-image: url("../../../images/icons/22/audio.png"); } @@ -344,6 +356,9 @@ .icon.s48.type-unkn { background-image: url("../../../images/icons/48/zip.png"); } +.icon.s48.type-application { + background-image: url("../../../images/icons/48/zip.png"); +} .icon.s48.type-audio { background-image: url("../../../images/icons/48/audio.png"); } @@ -477,6 +492,19 @@ div.jGrowl div.info { color: #ffffff; padding-left: 58px; } +/* notifications page */ +.notif-item { + padding: 0.5em; +} +.notif-item:nth-child(even) { + background-color: #ddffdd; +} +.notif-item:nth-child(odd) { + background-color: #ffffff; +} +.notif-item .notif-image { + width: 16px; +} /* header */ header { position: fixed; @@ -1163,6 +1191,9 @@ section { color: #2d2d2d; border: 1px solid #2d2d2d; } +.wall-item-comment-wrapper.photo { + margin: 1em 2em 1em 0px; +} .threaded .wall-item-comment-wrapper { margin-left: 0px; } @@ -1252,6 +1283,9 @@ section { opacity: 0.5; }*/ .wwto { + position: absolute !important; + width: 25px; + height: 25px; background: #FFFFFF; border: 2px solid #364e59; height: 25px; @@ -1269,6 +1303,58 @@ section { width: 25px; height: 25px; } +/* reshare e embed */ +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.wall-item-container .wall-item-content .type-link img.attachment-image, +.type-link img.attachment-image { + max-width: 650px; + max-height: inital; + float: none; + margin-right: 0px; +} +.type-link blockquote { + margin: 1em 0px; + max-height: 160px; + overflow: hidden; + padding-left: 1em; +} +.type-video blockquote { + padding-left: 1em; +} +.shared_header { + height: 32px; + color: #999; + border-top: 1px solid #cccccc; + padding-top: 5px; + margin-top: 5px; +} +.shared_header img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + float: left; +} +.shared_header span { + margin-left: 9px; +} +blockquote.shared_content { + margin-left: 32px; + color: #000; + border: none; +} +.oembed.video > a.embed_video { + display: block; + float: none; +} +.oembed.video > a.embed_video > div { + background: rgba(255, 255, 255, 0.36) url(../../../images/icons/48/play.png) no-repeat center center !important; +} /* threaded comments */ .children { margin-top: 1em; @@ -1349,6 +1435,42 @@ span[id^="showmore-wrap"] { .contact-photo-wrapper { position: relative; } +.contact-select { + position: absolute; + top: 64px; + left: 64px; + display: none; +} +.contact-select:checked, +.contact-photo:hover .contact-select { + display: block; +} +#contacts-actions { + position: absolute; + left: 800px; + width: 200px; + background-color: #ffffff; + border: 2px solid #364e59; + display: none; +} +#contacts-actions .batch-action { + display: block; + width: 100%; + background-color: #ffffff; + border: 0px; + color: #2d2d2d; + text-align: left; + padding: 5px 10px; + font-size: 11px; +} +#contacts-actions .batch-action:hover { + background-color: #ccff42; +} +@media (max-width: 1000px) { + #contacts-actions { + left: 40px; + } +} .contact-photo { width: 48px; height: 48px; @@ -1866,6 +1988,11 @@ ul.tabs li .active { background: url("../../../images/icons/16/user.png") no-repeat left center; padding-left: 18px; } +#photo-top-upload-link, +.photos-upload-link { + margin: 1em 0px; + display: block; +} .photos-upload-link a, #photo-top-upload-link { background: url("../../../images/icons/16/add.png") no-repeat left center; @@ -1931,10 +2058,8 @@ ul.tabs li .active { background: url("../../../images/icons/22/image.png") no-repeat top left; padding-left: 23px; min-height: 22px; -} -#photo-album-title a { - display: block; - padding-top: 5px; + padding-top: 6px; + /* a { display: block;}*/ } #photo-caption { display: block; @@ -1971,10 +2096,20 @@ ul.tabs li .active { /* profile match wrapper */ .profile-match-wrapper { float: left; - width: 90px; - height: 90px; + width: 110px; + height: 110px; margin-bottom: 20px; } +.profile-match-wrapper .drophide { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + opacity: 0.3; + position: relative; + top: 10px; + left: -10px; +} .profile-match-wrapper .contact-photo { width: 80px; height: 80px;