/* 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/. */ window { border: 1px solid #9C9CFF; } #audioVideoButton, #screenShareButton, #firefoxButton { height: 29px; margin: 0; -moz-appearance: none; border-style: none; } #firefoxButton { background-image: url("chrome://branding/content/icon48.png"); background-repeat: no-repeat; background-size: 22px; background-position: center center; min-width: 29px; background-color: #000000; } #firefoxButton:hover { background-color: #FFCF00; } #screenShareButton { background-image: url("webRTC-screen-16.png"); background-position: center center; background-repeat: no-repeat; background-size: 16px; min-width: 27px; display: none; } window[sharingscreen] > #screenShareButton { display: -moz-box; } #audioVideoButton { display: none; background-repeat: no-repeat; } /* When screen sharing, need to pull in the separator: */ window[sharingscreen] > #audioVideoButton { margin-right: -1px; } /* Single icon button: */ window[sharingvideo] > #audioVideoButton, window[sharingaudio] > #audioVideoButton { display: -moz-box; background-position: center center; background-size: 16px; min-width: 26px; } window[sharingvideo] > #audioVideoButton { background-image: url("webRTC-camera-16.png"); } window[sharingaudio] > #audioVideoButton { background-image: url("webRTC-microphone-16.png"); } /* Multi-icon button: */ window[sharingaudio][sharingvideo] > #audioVideoButton { background-image: url("webRTC-camera-16.png"), url("webRTC-microphone-16.png"); background-position: 6px center, 26px center; background-size: 16px, 16px; min-width: 46px; } /* Hover styles */ #audioVideoButton, #screenShareButton { /* background-color: #C09070;*/ } #audioVideoButton:hover, #screenShareButton:hover { /* background-color: #FFCF00;*/ } /* Don't show the dropmarker for the type="menu" case */ #audioVideoButton > .box-inherit > .button-menu-dropmarker, #screenShareButton > .box-inherit > .button-menu-dropmarker { display: none; } /* Separator in case of screen sharing + video/audio sharing */ #shareSeparator { width: 1px; margin: 4px -1px 4px 0; background-color: #A09090; /* Separator needs to show above either button when they're hovered: */ position: relative; z-index: 1; display: none; } window[sharingscreen][sharingvideo] > #shareSeparator, window[sharingscreen][sharingaudio] > #shareSeparator { display: -moz-box; } :-moz-any(#audioVideoButton, #screenShareButton, #firefoxButton):-moz-focusring > .button-box { border: none; }