1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
6 border: 1px solid #9C9CFF;
14 -moz-appearance: none;
20 -moz-context-properties: fill;
25 background-image: url("chrome://branding/content/icon48.png");
26 background-repeat: no-repeat;
27 background-size: 22px;
28 background-position: center center;
30 background-color: #000000;
33 #firefoxButton:hover {
34 background-color: #FFCF00;
38 background-image: url("chrome://browser/skin/notification-icons.svg#screen-indicator");
39 background-position: center center;
40 background-repeat: no-repeat;
41 background-size: 16px;
46 window[sharingscreen] > #screenShareButton {
52 background-repeat: no-repeat;
55 /* When screen sharing, need to pull in the separator: */
56 window[sharingscreen] > #audioVideoButton {
60 /* Single icon button: */
61 window[sharingvideo] > #audioVideoButton,
62 window[sharingaudio] > #audioVideoButton {
64 background-position: center center;
65 background-size: 16px;
69 window[sharingvideo] > #audioVideoButton {
70 background-image: url("chrome://browser/skin/notification-icons.svg#camera-indicator");
73 window[sharingaudio] > #audioVideoButton {
74 background-image: url("chrome://browser/skin/notification-icons.svg#microphone-indicator");
77 /* Multi-icon button: */
78 window[sharingaudio][sharingvideo] > #audioVideoButton {
79 background-image: url("chrome://browser/skin/notification-icons.svg#camera-indicator"),
80 url("chrome://browser/skin/notification-icons.svg#microphone-indicator");
81 background-position: 6px center, 26px center;
82 background-size: 16px, 16px;
89 /* background-color: #C09070;*/
92 #audioVideoButton:hover,
93 #screenShareButton:hover {
94 /* background-color: #FFCF00;*/
97 /* Don't show the dropmarker for the type="menu" case */
98 #audioVideoButton > .box-inherit > .button-menu-dropmarker,
99 #screenShareButton > .box-inherit > .button-menu-dropmarker {
103 /* Separator in case of screen sharing + video/audio sharing */
106 margin: 4px -1px 4px 0;
107 background-color: #A09090;
108 /* Separator needs to show above either button when they're hovered: */
114 window[sharingscreen][sharingvideo] > #shareSeparator,
115 window[sharingscreen][sharingaudio] > #shareSeparator {
119 :-moz-any(#audioVideoButton, #screenShareButton,
120 #firefoxButton):-moz-focusring > .button-box {