From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sun, 7 Apr 2024 19:32:43 +0200 Subject: Adding upstream version 1:115.7.0. Signed-off-by: Daniel Baumann --- comm/mail/components/im/messages/bubbles/main.css | 210 ++++++++++++++++++++++ 1 file changed, 210 insertions(+) create mode 100644 comm/mail/components/im/messages/bubbles/main.css (limited to 'comm/mail/components/im/messages/bubbles/main.css') diff --git a/comm/mail/components/im/messages/bubbles/main.css b/comm/mail/components/im/messages/bubbles/main.css new file mode 100644 index 0000000000..84e8c7b8d6 --- /dev/null +++ b/comm/mail/components/im/messages/bubbles/main.css @@ -0,0 +1,210 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +body { + margin: 0; + padding: 0; + background: -moz-linear-gradient(top, -moz-dialog, -moz-default-background-color) fixed; + color: #000; +} + +p { + font-family: sans-serif; + margin: 0; + padding: 0; +} + +.bubble { + margin: 20px 20px 3px; + padding: 0; + border-width: 2px; + border-style: solid; + border-radius: 10px; + box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 3px; +} + +#ibcontent:not(.log) > #Chat > .bubble:not(.context,.event) { + -moz-animation-duration: 0.5s; + -moz-animation-name: fadein; + -moz-animation-iteration-count: 1; +} + +@-moz-keyframes fadein { + from { + opacity: 0; + } + + to { + opacity: 1.0; + } +} + +.bubble.context:not(:hover) { + filter: saturate(40%); +} + +.indicator { + margin: 0; + padding: 9px 15px 10px 15px; +} + +.bubble.event { + padding: 4px 15px 4px 15px; + background-color: hsl(0, 0%, 99%); + border-color: hsl(0, 0%, 85%); + box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px; +} + +.pseudo { + display: inline-block; + font-size: smaller; + font-weight: bold; + margin: -9px 0px 3px -15px; + padding: 0px 15px 1px 15px; + /* border-top-left-radius = (border-radius - border-width) of div.bubble, + see bug 1775 for an explanation */ + border-top-left-radius: 8px; + border-bottom-right-radius: 10px; +} + +.pseudo > .time { + display: none; +} + +.bubble:hover > .indicator > .pseudo > .time { + display: inline; +} + +.bubble > .indicator > hr, +.bubble > hr { + margin: 3px 0px 1px 0px; + height: 2px; + border-style: none; + border-top: 1px solid rgba(0, 0, 0, 0.07); + border-bottom: 1px solid rgba(255, 255, 255, 0.5); +} + +.interval, #lastMessage { + text-align: center; + color: hsl(0, 0%, 60%); +} + +#lastMessage { + line-height: 20px; +} + +#ibcontent.log > #lastMessage { + display: none; +} + +p.nick { + font-weight: bold; +} + +p.action { + font-style: italic; +} + +p.action::before { + content: "*** "; +} + +p.event { + color: hsl(0, 0%, 60%); +} + +p.event *:any-link:not(:hover) { + color: hsl(0, 0%, 60%); + text-decoration: none; +} + +p.event *:any-link:hover { + color: hsl(0, 0%, 25%); +} + +#Chat { + white-space: normal; +} + +p *:any-link img { + margin-bottom: 1px; + border-bottom: solid 1px; +} + +#unread-ruler { + border-top: 1px solid rgba(0, 0, 0, 0.16) !important; + border-bottom: 1px solid rgb(255,255,255) !important; +} + +.sessionstart-ruler { + margin: 0; + width: 100%; + border: none; + min-height: 13px; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0,0,0,0.18)); +} + +.ib-sender.message-encrypted { + position: relative; +} + +.ib-sender.message-encrypted::after { + position: relative; + display: inline-block; + content: ''; + width: 11px; + height: 10px; + background: url("chrome://messenger/skin/icons/connection-secure.svg") no-repeat center; + background-size: contain; + margin-inline-start: 4px; + -moz-context-properties: fill; + fill: currentColor; +} + +/* used by javascript */ +.eventToggle { + cursor: pointer; + min-height: 20px; + margin-left: -24px; + padding-left: 24px; + background: url('Bitmaps/minus.png') no-repeat left top; + margin-bottom: -20px; + width: 0; +} + +.eventToggle:hover { + background-image: url('Bitmaps/minus-hover.png'); +} + +.hide-children > .eventToggle { + width: 100%; + margin-bottom: -3px; + background-image: url('Bitmaps/plus.png'); +} + +.hide-children > .eventToggle:hover { + background-image: url('Bitmaps/plus-hover.png'); +} + +.hide-children > .eventToggle::after { + content: "\2026"; /* … */ + color: hsl(0, 0%, 60%); +} + +.hide-children > :is(p.event,hr):not(:first-of-type,:last-of-type,.no-collapse) { + display: none; +} + +.ib-nick { + font-size: smaller; + border: 1px solid; + border-radius: 6px; + padding: 0 0.3em; +} + +.ib-nick[left] { + color: hsl(0, 0%, 60%); + background-color: hsl(0, 0%, 99%); + border-color: hsl(0, 0%, 85%); +} -- cgit v1.2.3