- height: 30px;
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png");
-}
-
-.devtools-responsiveui-sleep-button {
- -moz-appearance: none;
- /* compensate browserStack top padding */
- margin-top: -67px;
- margin-right: 10px;
-
- min-width: 10px;
- width: 50px;
- height: 5px;
-
- border: 1px solid #444;
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- border-bottom-color: transparent;
-
- background-image: linear-gradient(to top, #111 11%, #333 56%);
-}
-
-.devtools-responsiveui-sleep-button:hover:active {
- background-image: linear-gradient(to top, #aaa 11%, #ddd 56%);
-}
-
-.devtools-responsiveui-volume-buttons {
- margin-left: -29px;
-}
-
-.devtools-responsiveui-volume-up-button,
-.devtools-responsiveui-volume-down-button {
- -moz-appearance: none;
- border: 1px solid red;
- min-width: 8px;
- height: 40px;
-
- border: 1px solid #444;
- border-right-color: transparent;
-
- background-image: linear-gradient(to right, #111 11%, #333 56%);
-}
-
-.devtools-responsiveui-volume-up-button:hover:active,
-.devtools-responsiveui-volume-down-button:hover:active {
- background-image: linear-gradient(to right, #aaa 11%, #ddd 56%);
-}
-
-.devtools-responsiveui-volume-up-button {
- border-top-left-radius: 12px;
-}
-
-.devtools-responsiveui-volume-down-button {
- border-bottom-left-radius: 12px;
-}
-
-@media (min-resolution: 2dppx) {
- .devtools-responsiveui-resizebarV {
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png");
- }
-
- .devtools-responsiveui-resizebarH {
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png");
- }
-
- .devtools-responsiveui-resizehandle {
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png");
- }
-}
-
-/* === END responsivedesign.inc.css === */
-
-/* === including indicator.css is done at the start of the file === */
-
-/* Error counter */
-
-#developer-toolbar-toolbox-button[error-count]:before {
- color: #000000;
- min-width: 16px;
- text-shadow: none;
- background-color: #FF0000;
- border-radius: 1px;
- -moz-margin-end: 5px;
-}
-
-/* Social toolbar item */
-
-#social-provider-button {
- -moz-image-region: rect(0, 16px, 16px, 0);
- list-style-image: url("chrome://browser/skin/social/services-16.png");
-}
-
-#social-provider-button > .toolbarbutton-menu-dropmarker {
- display: none;
-}
-
-.toolbarbutton-badge-container {
- margin: 0;
- padding: 0;
- position: relative;
-}
-
-#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container {
- padding: 2px 2px;
-}
-
-.toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon {
- position: absolute;
- top: 2px;
- right: 2px;
-}
-
-.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) {
- -moz-margin-end: 0;
-}
-
-.toolbarbutton-badge[badge=""] {
- display: none;
-}
-.toolbarbutton-badge[badge]:not([badge=""])::after {
- /* The |content| property is set in the content stylesheet. */
- font-size: 9px;
- font-weight: bold;
- padding: 0 1px;
- color: #FF9F00;
- background-color: #000000;
- border: 1px solid #9C9CFF;
- border-radius: 2px;
- position: absolute;
- top: 0;
- right: 0;
-}
-
-#nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""])::after {
- top: 1px;
- right: 1px;
-}
-
-.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
- left: 0;
- right: auto;
-}
-
-#nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after {
- left: 1px;
- right: auto;
-}
-
-#social-notification-icon-mentions {
- background-color: #000000;
- border-radius: 3px;
- -moz-margin-start: 2px;
-}
-
-#social-notification-icon-mentions:hover {
- background-color: #FFCF00;
-}
-
-#social-notification-icon-mentions[open="true"] {
- background-color: #FF9F00;
-}
-
-#social-sidebar-splitter {
- border: 0;
-}
-
-.popup-notification-icon[popupid="servicesInstall"] {
- list-style-image: url("chrome://browser/skin/social/services-64.png");
-}
-#servicesInstall-notification-icon {
- list-style-image: url("chrome://browser/skin/social/services-16.png");
-}
-#social-undoactivation-button {
- -moz-margin-start: 0; /* override default label margin to match description margin */
-}
-
-#socialActivatedNotification .popup-notification-button-container {
- margin-left: 6px;
-}
-
-.social-activation-icon {
- width: auto;
- height: auto;
- max-height: 64px;
- max-width: 64px;
-}
-
-#social-activation-message {
- max-width: 250px;
-}
-
-#social-activation-message > label {
- margin: 0;
-}
-
-/* social toolbar provider menu */
-.social-statusarea-popup {
- margin-top: 0;
- margin-left: -12px;
- margin-right: -12px;
-}
-
-.social-statusarea-user {
- border-bottom: 1px solid #9C9CFF;
- background-color: #000000;
- color: #FF9F00;
- position: relative;
- cursor: pointer;
-}
-
-.social-statusarea-user-portrait {
- width: 32px;
- height: 32px;
- border-radius: 2px;
- margin: 10px;
-}
-
-.social-statusarea-loggedInStatus {
- background: transparent;
- border: none;
- color: #3333FF;
- min-width: 0;
- margin: 0 6px;
- list-style-image: none;
-}
-
-#social-statusarea-user[_moz-menuactive] > vbox > .social-statusarea-loggedInStatus {
- text-decoration: underline;
-}
-
-.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
- padding: 0;
-}
-
-.social-panel-frame {
- border-radius: inherit;
-}
-
-/* === BEGIN chat.inc.css === */
-
-#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.gif");
-}
-
-#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 3px;
- margin: 0;
- background: none;
-}
-
-.chat-toolbarbutton:hover {
-/* background-color: rgba(255,255,255,.35);*/
-}
-
-.chat-toolbarbutton:hover:active {
-/* background-color: rgba(255,255,255,.5);*/
-}
-
-.chat-toolbarbutton > .toolbarbutton-text {
- display: none;
-}
-
-.chat-toolbarbutton > .toolbarbutton-icon {
- width: 16px;
- height: 16px;
-}
-
-.chat-close-button {
- list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close");
-}
-
-.chat-close-button:-moz-any(:hover,:hover:active) {
- list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active");
-}
-
-.chat-minimize-button {
- list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize");
-}
-
-.chat-minimize-button:-moz-any(:hover,:hover:active) {
- list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active");
-}
-
-.chat-swap-button {
- list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand");
- transform: rotate(180deg);
-}
-
-.chat-swap-button:-moz-any(:hover,:hover:active) {
- list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active");
-}
-
-chatbar > chatbox > .chat-titlebar > .chat-swap-button {
- transform: none;
-}
-
-.chat-title {
- font-weight: bold;
- font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
- text-shadow: none;
- cursor: inherit;
-}
-
-.chat-titlebar {
- background-color: #9C9CFF;
- color: #000000;
- height: 30px;
- min-height: 30px;
- width: 100%;
- margin: 0;
- padding: 7px 6px;
- border: none;
- border-bottom: 1px solid #008484;
- cursor: pointer;
-}
-
-.chat-titlebar > .notification-anchor-icon {
- margin-left: 2px;
- margin-right: 2px;
-}
-
-.chat-titlebar[minimized="true"] {
- border-bottom: none;
-}
-
-.chat-titlebar[selected] {
- background-color: #008484;
-}
-
-.chat-titlebar[activity] {
- background-color: #E7ADE7;
-}
-
-chatbox[dark=true] > .chat-titlebar,
-chatbox[dark=true] > .chat-titlebar[selected] {
-/* border-bottom: none;
- background-color: #000;
- background-image: none;*/
-}
-
-chatbox[dark=true] > .chat-titlebar > hbox > .chat-title {
-/* font-weight: normal;
- color: #c1c1c1;*/
-}
-
-.chat-frame {
- padding: 0;
- margin: 0;
- overflow: hidden;
-}
-
-.chatbar-button {
- list-style-image: url("chrome://browser/skin/social/services-16.png");
- background-color: #000000;
- border: none;
- margin: 0;
- padding: 2px;
- height: 21px;
- width: 21px;
- border-top: 1px solid #008484;
- -moz-border-end: 1px solid #008484;
-}
-
-@media (min-resolution: 2dppx) {
- .chatbar-button {
- list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
- }