mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-30 21:55:31 +00:00
274 lines
5.9 KiB
CSS
274 lines
5.9 KiB
CSS
%if 0
|
|
/* 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/. */
|
|
%endif
|
|
|
|
#social-sidebar-header {
|
|
padding: 3px;
|
|
}
|
|
|
|
#social-sidebar-button {
|
|
-moz-appearance: none;
|
|
list-style-image: url(chrome://browser/skin/social/gear_default.png);
|
|
border: none;
|
|
padding: 0;
|
|
margin: 2px;
|
|
}
|
|
#social-sidebar-button > .toolbarbutton-icon {
|
|
min-height: 16px;
|
|
min-width: 16px;
|
|
}
|
|
#social-sidebar-button:hover,
|
|
#social-sidebar-button:hover:active {
|
|
list-style-image: url(chrome://browser/skin/social/gear_clicked.png);
|
|
}
|
|
#social-sidebar-button > .toolbarbutton-menu-dropmarker {
|
|
display: none;
|
|
}
|
|
|
|
#social-sidebar-button[loading="true"] {
|
|
list-style-image: url("chrome://global/skin/icons/loading_16.png");
|
|
}
|
|
|
|
#social-sidebar-favico {
|
|
max-height: 16px;
|
|
max-width: 16px;
|
|
padding: 0;
|
|
margin: 2px;
|
|
}
|
|
|
|
.chat-status-icon {
|
|
max-height: 16px;
|
|
max-width: 16px;
|
|
padding: 0;
|
|
}
|
|
|
|
.chat-toolbarbutton {
|
|
-moz-appearance: none;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
background: none;
|
|
width: 16px;
|
|
}
|
|
|
|
.chat-toolbarbutton > .toolbarbutton-text {
|
|
display: none;
|
|
}
|
|
|
|
.chat-toolbarbutton > .toolbarbutton-icon {
|
|
width: inherit;
|
|
}
|
|
|
|
.chat-close-button {
|
|
list-style-image: url('chrome://browser/skin/social/chat-icons.png');
|
|
-moz-image-region: rect(0, 16px, 16px, 0);
|
|
}
|
|
|
|
.chat-close-button:hover {
|
|
-moz-image-region: rect(0, 32px, 16px, 16px);
|
|
}
|
|
|
|
.chat-close-button:hover:active {
|
|
-moz-image-region: rect(0, 48px, 16px, 32px);
|
|
}
|
|
|
|
.chat-minimize-button {
|
|
list-style-image: url('chrome://browser/skin/social/chat-icons.png');
|
|
-moz-image-region: rect(16px, 16px, 32px, 0);
|
|
}
|
|
|
|
.chat-minimize-button:hover {
|
|
-moz-image-region: rect(16px, 32px, 32px, 16px);
|
|
}
|
|
|
|
.chat-minimize-button:hover:active {
|
|
-moz-image-region: rect(16px, 48px, 32px, 32px);
|
|
}
|
|
|
|
.chat-swap-button {
|
|
list-style-image: url('chrome://browser/skin/social/chat-icons.png');
|
|
-moz-image-region: rect(48px, 16px, 64px, 0);
|
|
}
|
|
|
|
.chat-swap-button:hover {
|
|
-moz-image-region: rect(48px, 32px, 64px, 16px);
|
|
}
|
|
|
|
.chat-swap-button:hover:active {
|
|
-moz-image-region: rect(48px, 48px, 64px, 32px);
|
|
}
|
|
|
|
chatbar > chatbox > .chat-titlebar > .chat-swap-button {
|
|
list-style-image: url('chrome://browser/skin/social/chat-icons.png');
|
|
-moz-image-region: rect(32px, 16px, 48px, 0);
|
|
}
|
|
|
|
chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
|
|
-moz-image-region: rect(32px, 32px, 48px, 16px);
|
|
}
|
|
|
|
chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active {
|
|
-moz-image-region: rect(32px, 48px, 48px, 32px);
|
|
}
|
|
|
|
@media (min-resolution: 2dppx) {
|
|
.chat-close-button {
|
|
list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
|
|
-moz-image-region: rect(0, 32px, 32px, 0);
|
|
}
|
|
|
|
.chat-close-button:hover {
|
|
-moz-image-region: rect(0, 64px, 32px, 32px);
|
|
}
|
|
|
|
.chat-close-button:hover:active {
|
|
-moz-image-region: rect(0, 96px, 32px, 64px);
|
|
}
|
|
|
|
.chat-minimize-button {
|
|
list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
|
|
-moz-image-region: rect(32px, 32px, 64px, 0);
|
|
}
|
|
|
|
.chat-minimize-button:hover {
|
|
-moz-image-region: rect(32px, 64px, 64px, 32px);
|
|
}
|
|
|
|
.chat-minimize-button:hover:active {
|
|
-moz-image-region: rect(32px, 96px, 64px, 64px);
|
|
}
|
|
|
|
.chat-swap-button {
|
|
list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
|
|
-moz-image-region: rect(96px, 32px, 128px, 0);
|
|
}
|
|
|
|
.chat-swap-button:hover {
|
|
-moz-image-region: rect(96px, 64px, 128px, 32px);
|
|
}
|
|
|
|
.chat-swap-button:hover:active {
|
|
-moz-image-region: rect(96px, 96px, 128px, 64px);
|
|
}
|
|
|
|
chatbar > chatbox > .chat-titlebar > .chat-swap-button {
|
|
list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
|
|
-moz-image-region: rect(64px, 32px, 96px, 0);
|
|
}
|
|
|
|
chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
|
|
-moz-image-region: rect(64px, 64px, 96px, 32px);
|
|
}
|
|
|
|
chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active {
|
|
-moz-image-region: rect(64px, 96px, 96px, 64px);
|
|
}
|
|
}
|
|
|
|
.chat-title {
|
|
font-weight: bold;
|
|
color: black;
|
|
text-shadow: none;
|
|
cursor: inherit;
|
|
}
|
|
|
|
.chat-titlebar {
|
|
height: 20px;
|
|
min-height: 20px;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 2px;
|
|
-moz-padding-start: 6px;
|
|
border: none;
|
|
border-bottom: 1px solid #ccc;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.chat-titlebar > .notification-anchor-icon {
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.chat-titlebar[minimized="true"] {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.chat-titlebar[activity] {
|
|
background-image: radial-gradient(ellipse closest-side at center, rgb(255,255,255), rgba(255,255,255,0));
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 20px;
|
|
background-position: 0 -10px;
|
|
}
|
|
|
|
.chat-frame {
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.chatbar-button {
|
|
list-style-image: url("chrome://browser/skin/social/services-16.png");
|
|
margin: 0;
|
|
padding: 2px;
|
|
height: 21px;
|
|
width: 21px;
|
|
border: 1px solid #ccc;
|
|
border-bottom: none;
|
|
}
|
|
|
|
@media (min-resolution: 2dppx) {
|
|
.chatbar-button {
|
|
list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
|
|
}
|
|
}
|
|
|
|
.chatbar-button > .toolbarbutton-icon {
|
|
width: 16px;
|
|
}
|
|
|
|
.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
|
|
width: auto;
|
|
height: auto;
|
|
max-height: 16px;
|
|
max-width: 16px;
|
|
}
|
|
|
|
.chatbar-button[open="true"] {
|
|
box-shadow: inset 0 2px 5px rgba(0,0,0,0.6), 0 1px rgba(255,255,255,0.2);
|
|
}
|
|
|
|
.chatbar-button > .toolbarbutton-text,
|
|
.chatbar-button > .toolbarbutton-menu-dropmarker {
|
|
display: none;
|
|
}
|
|
|
|
.chatbar-button > menupopup > menuitem[activity] {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.chatbar-innerbox {
|
|
background: transparent;
|
|
margin: -285px 0 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
chatbar {
|
|
-moz-margin-end: 20px;
|
|
}
|
|
|
|
chatbox {
|
|
-moz-margin-start: 4px;
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
border-bottom: none;
|
|
}
|
|
|
|
window > chatbox {
|
|
-moz-margin-start: 0px;
|
|
margin: 0px;
|
|
border: none;
|
|
padding: 0px;
|
|
}
|