X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fquattro%2Fgreen%2Fstyle.css;h=ea54da6b4bbd4b52c3f36f6577e94eff9ecde02a;hb=e41005ce6ea9d6c41e950f0f8be808e1b31898ee;hp=4897471eacde6404b54d979c75fb7f77010b6abc;hpb=d3699498ac8fdbbce2883ac07c8a3aac9b11a8e4;p=friendica.git diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css index 4897471eac..ea54da6b4b 100644 --- a/view/theme/quattro/green/style.css +++ b/view/theme/quattro/green/style.css @@ -19,6 +19,12 @@ .icon.notify { background-image: url("../../../images/icons/22/notify_off.png"); } +.icon.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.mail { + background-image: url("icons/messages_off.png"); +} .icon.gear { background-image: url("../../../images/icons/22/gear.png"); } @@ -83,6 +89,12 @@ .icon.s10.notify { background-image: url("../../../images/icons/10/notify_off.png"); } +.icon.s10.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s10.mail { + background-image: url("icons/messages_off.png"); +} .icon.s10.gear { background-image: url("../../../images/icons/10/gear.png"); } @@ -147,6 +159,12 @@ .icon.s16.notify { background-image: url("../../../images/icons/16/notify_off.png"); } +.icon.s16.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s16.mail { + background-image: url("icons/messages_off.png"); +} .icon.s16.gear { background-image: url("../../../images/icons/16/gear.png"); } @@ -211,6 +229,12 @@ .icon.s22.notify { background-image: url("../../../images/icons/22/notify_off.png"); } +.icon.s22.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s22.mail { + background-image: url("icons/messages_off.png"); +} .icon.s22.gear { background-image: url("../../../images/icons/22/gear.png"); } @@ -275,6 +299,12 @@ .icon.s48.notify { background-image: url("../../../images/icons/48/notify_off.png"); } +.icon.s48.intro { + background-image: url("icons/contacts_off.png"); +} +.icon.s48.mail { + background-image: url("icons/messages_off.png"); +} .icon.s48.gear { background-image: url("../../../images/icons/48/gear.png"); } @@ -404,9 +434,6 @@ code { padding: 10px; margin-top: 20px; } -textarea { - font-size: 20px; -} #panel { position: absolute; width: 10em; @@ -592,6 +619,14 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/22/notify_on.png"); } +nav #nav-introductions-link.on .icon.s22.intro, +nav #nav-introductions-link.selected .icon.s22.intro { + background-image: url("icons/contacts_on.png"); +} +nav #nav-messages-link.on .icon.s22.mail, +nav #nav-messages-link.selected .icon.s22.mail { + background-image: url("icons/messages_on.png"); +} nav #nav-apps-link.selected { background-color: #364e59; } @@ -651,26 +686,34 @@ ul.menu-popup .toolbar a:hover { background-color: #ffffff; } /* autocomplete popup */ +.autocomplete, .acpopup { max-height: 150px; background-color: #ffffff; color: #2d2d2d; - border: 1px solid #MenuBorder; + border: 1px solid #364e59; overflow: auto; z-index: 100000; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); } +.autocomplete > div, .acpopupitem { color: #2d2d2d; padding: 4px; clear: left; + overflow: auto; + height: auto; } +.autocomplete > div img, .acpopupitem img { float: left; margin-right: 4px; + width: 16px !important; + height: 16px !important; } +.autocomplete > div.selected, .acpopupitem.selected { background-color: #ccff42; } @@ -735,6 +778,22 @@ aside #profile-extra-links li { margin: 0px; list-style: none; } +aside #wallmessage-link { + display: block; + -moz-border-radius: 5px 5px 5px 5px; + -webkit-border-radius: 5px 5px 5px 5px; + border-radius: 5px 5px 5px 5px; + color: #ffffff; + background: #009100 url('../../../images/connect-bg.png') no-repeat left center; + font-weight: bold; + text-transform: uppercase; + padding: 4px 2px 2px 35px; + margin-top: 3px; +} +aside #wallmessage-link:hover { + text-decoration: none; + background-color: #ccff42; +} aside #dfrn-request-link { display: block; -moz-border-radius: 5px 5px 5px 5px; @@ -970,7 +1029,7 @@ section { word-wrap: break-word; } .wall-item-container .wall-item-content img { - max-width: 710px; + max-width: 700px; } .wall-item-container .wall-item-links, .wall-item-container .wall-item-actions { @@ -1037,6 +1096,34 @@ section { .wall-item-container.comment .wall-item-links { padding-left: 12px; } +.wall-item-container.comment .commentbox { + height: 0px; + overflow: hidden; + -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; +} +.wall-item-container.comment .commentbox .wall-item-comment-wrapper { + border-top: 1px solid #999999; + height: 0px; + overflow: hidden; +} +.wall-item-container.comment:hover .commentbox { + height: auto; + overflow: visible; + -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; +} +.wall-item-container.comment:hover .commentbox .wall-item-comment-wrapper { + border-top: 0px; + height: auto; + overflow: visible; +} /* 'tag' item type */ .wall-item-container.item-tag .wall-item-content { opacity: 0.5; @@ -1072,11 +1159,13 @@ section { padding: 0.3em; } .wall-item-comment-wrapper .comment-edit-text-full { - font-size: 20px; height: 4em; color: #2d2d2d; border: 1px solid #2d2d2d; } +.wall-item-comment-wrapper.photo { + margin: 1em 2em 1em 0px; +} .threaded .wall-item-comment-wrapper { margin-left: 0px; } @@ -1126,19 +1215,45 @@ section { padding-top: 5px; } .tag { - background: url("../../../images/tag_b.png") no-repeat center left; + background: url("icons/tag.png") no-repeat center right; color: #ffffff; + padding-right: 8px; padding-left: 3px; } .tag a { - padding-right: 8px; - background: url("../../../images/tag.png") no-repeat center right; color: #ffffff; } -.filesavetags { - padding: 3px 0px 3px 0px; - opacity: 0.5; +.mention { + background: url("icons/men.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 18px; } +.mention a { + color: #666666; +} +.folder { + background: url("icons/folder.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 15px; +} +.folder a { + color: #666666; +} +.category { + background: url("icons/category.png") no-repeat 1px center; + color: #666666; + padding-right: 3px; + padding-left: 15px; +} +.category a { + color: #666666; +} +/*.filesavetags { + padding: 3px 0px 3px 0px; + opacity: 0.5; +}*/ .wwto { background: #FFFFFF; border: 2px solid #364e59; @@ -1157,6 +1272,40 @@ section { width: 25px; height: 25px; } +/* reshare */ +.wall-item-container .wall-item-content .type-link img, +.type-link img { + max-width: 160px; + max-height: 160px; + float: left; + margin-right: 10px; +} +.type-link blockquote { + margin-left: 160px; + max-height: 160px; + overflow: hidden; +} +.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; +} /* threaded comments */ .children { margin-top: 1em; @@ -1237,6 +1386,19 @@ 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 { + clear: both; +} .contact-photo { width: 48px; height: 48px; @@ -1315,9 +1477,6 @@ span[id^="showmore-wrap"] { border: 1px solid #999999; padding: 0.3em; } -#jot .profile-jot-text:focus { - font-size: 20px; -} #jot #jot-tools { margin: 0px; padding: 0px; @@ -2128,3 +2287,47 @@ footer { .videobb:hover { background-position: -112px -16px; } +/** range input css **/ +/* slider root element */ +.slider { + height: 2px; + position: relative; + cursor: pointer; + border: 1px solid #333; + width: 200px; + margin: 10px 0px 10px 0px; + float: left; +} +/* progress bar (enabled with progress: true) */ +.progress { + height: 9px; + background-color: #C5FF00; + display: none; + opacity: 0.6; +} +/* drag handle */ +.handle { + background-color: #ccc; + height: 16px; + width: 8px; + top: -8px; + position: absolute; + display: block; + margin-top: 1px; + border: 1px solid #000; + cursor: move; + -moz-border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; + border-radius: 0 0 5px 5px; + -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); + -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); + box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); +} +/* the input field */ +.range { + width: 20px!important; + font-size: 8pt; + margin-left: 10px; + border: 0px; + color: #999999; +}