gecko-dev/mail/base/skin/primaryToolbar.css

467 строки
11 KiB
CSS

/*
* The contents of this file are subject to the Netscape Public
* License Version 1.1 (the "License"); you may not use this file
* except in compliance with the License. You may obtain a copy of
* the License at http://www.mozilla.org/NPL/
*
* Software distributed under the License is distributed on an "AS
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
* implied. See the License for the specific language governing
* rights and limitations under the License.
*
* The Original Code is Mozilla Communicator client code, released
* March 31, 1998.
*
* The Initial Developer of the Original Code is Netscape
* Communications Corporation. Portions created by Netscape are
* Copyright (C) 1998-1999 Netscape Communications Corporation. All
* Rights Reserved.
*
* Contributor(s):
*
*/
/* ===== primaryToolbar.css =============================================
== Images for the Mail primary toolbar.
======================================================================= */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ::::: primary toolbar buttons ::::: */
.toolbarbutton-1 {
-moz-box-orient: vertical;
list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
}
.toolbarbutton-1[type="menu"] > .toolbarbutton-menu-dropmarker {
display: none;
}
toolbar[mode="full"] .toolbarbutton-1 {
min-width: 47px;
}
toolbar[mode="icons"] .toolbarbutton-text {
display: none;
}
toolbar[mode="text"] .toolbarbutton-icon {
display: none;
}
toolbar[mode="text"] .toolbarbutton-text {
padding: 0 !important;
margin: 3px 5px !important;
}
#button-getmsg {
-moz-image-region: rect(0px 24px 24px 0px);
}
#button-getmsg:hover {
-moz-image-region: rect(24px 24px 48px 0px);
}
#button-getmsg[disabled] {
-moz-image-region: rect(48px 24px 72px 0px) !important;
}
#button-newmsg {
-moz-image-region: rect(0px 48px 24px 24px);
}
#button-newmsg:hover {
-moz-image-region: rect(24px 48px 48px 24px);
}
#button-newmsg[disabled] {
-moz-image-region: rect(48px 48px 72px 24px) !important;
}
#button-address {
-moz-image-region: rect(0px 72px 24px 48px);
}
#button-address:hover {
-moz-image-region: rect(24px 72px 48px 48px);
}
#button-address[disabled="true"] {
-moz-image-region: rect(48px 72px 72px 48px) !important;
}
#button-reply {
-moz-image-region: rect(0px 96px 24px 72px);
}
#button-reply:hover {
-moz-image-region: rect(24px 96px 48px 72px);
}
#button-reply[disabled] {
-moz-image-region: rect(48px 96px 72px 72px) !important;
}
#button-replyall {
-moz-image-region: rect(0px 120px 24px 96px);
}
#button-replyall:hover {
-moz-image-region: rect(24px 120px 48px 96px);
}
#button-replyall[disabled] {
-moz-image-region: rect(48px 120px 72px 96px) !important;
}
#button-forward {
-moz-image-region: rect(0px 144px 24px 120px);
}
#button-forward:hover {
-moz-image-region: rect(24px 144px 48px 120px);
}
#button-forward[disabled] {
-moz-image-region: rect(48px 144px 72px 120px) !important;
}
#button-delete {
-moz-image-region: rect(0px 168px 24px 144px);
}
#button-delete:hover {
-moz-image-region: rect(24px 168px 48px 144px);
}
#button-delete[disabled] {
-moz-image-region: rect(48px 168px 72px 144px) !important;
}
.junk-button {
-moz-image-region: rect(0px 192px 24px 168px);
}
.junk-button:hover {
-moz-image-region: rect(24px 192px 48px 168px);
}
.junk-button[disabled="true"] {
-moz-image-region: rect(48px 192px 72px 168px) !important;
}
#button-print {
-moz-image-region: rect(0px 216px 24px 192px);
}
#button-print[buttonover] {
-moz-image-region: rect(24px 216px 48px 192px);
}
#button-print[buttondown] {
-moz-image-region: rect(24px 216px 48px 192px);
}
#button-print[disabled] {
-moz-image-region: rect(48px 216px 72px 192px) !important;
}
#button-stop {
-moz-image-region: rect(0px 240px 24px 216px);
}
#button-stop:hover {
-moz-image-region: rect(24px 240px 48px 216px);
}
#button-stop[disabled="true"] {
-moz-image-region: rect(48px 240px 72px 216px) !important;
}
#button-file {
-moz-image-region: rect(0px 264px 24px 240px);
}
#button-file:hover {
-moz-image-region: rect(24px 264px 48px 240px);
}
#button-file:hover:active,
#button-file[open] {
-moz-image-region: rect(24px 264px 48px 240px);
}
#button-file[disabled] {
-moz-image-region: rect(48px 264px 72px 240px) !important;
}
#button-next {
-moz-image-region: rect(0px 288px 24px 264px);
}
#button-next:hover {
-moz-image-region: rect(24px 288px 48px 264px);
}
#button-next[disabled] {
-moz-image-region: rect(48px 288px 72px 264px) !important;
}
#button-previous {
-moz-image-region: rect(0px 312px 24px 288px);
}
#button-previous:hover {
-moz-image-region: rect(24px 312px 48px 288px);
}
#button-previous[disabled] {
-moz-image-region: rect(48px 312px 72px 288px) !important;
}
#button-mark {
-moz-image-region: rect(0px 336px 24px 312px);
}
#button-mark[buttonover] {
-moz-image-region: rect(24px 336px 48px 312px);
}
#button-mark[buttondown] {
-moz-image-region: rect(24px 336px 48px 312px);
}
#button-mark[disabled] {
-moz-image-region: rect(48px 336px 72px 312px) !important;
}
/* ::::: small primary toolbar buttons ::::: */
toolbar[iconsize="small"] .toolbarbutton-1 {
list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
}
toolbar[iconsize="small"] #button-getmsg {
-moz-image-region: rect(0px 16px 16px 0px);
}
toolbar[iconsize="small"] #button-getmsg:hover {
-moz-image-region: rect(16px 16px 32px 0px);
}
toolbar[iconsize="small"] #button-getmsg[disabled] {
-moz-image-region: rect(32px 16px 48px 0px) !important;
}
toolbar[iconsize="small"] #button-newmsg {
-moz-image-region: rect(0px 32px 16px 16px);
}
toolbar[iconsize="small"] #button-newmsg:hover {
-moz-image-region: rect(16px 32px 32px 16px);
}
toolbar[iconsize="small"] #button-newmsg[disabled] {
-moz-image-region: rect(32px 32px 48px 16px) !important;
}
toolbar[iconsize="small"] #button-address {
-moz-image-region: rect(0px 48px 16px 32px);
}
toolbar[iconsize="small"] #button-address:hover {
-moz-image-region: rect(16px 48px 32px 32px);
}
toolbar[iconsize="small"] #button-address[disabled="true"] {
-moz-image-region: rect(32px 48px 48px 32px) !important;
}
toolbar[iconsize="small"] #button-reply {
-moz-image-region: rect(0px 64px 16px 48px);
}
toolbar[iconsize="small"] #button-reply:hover {
-moz-image-region: rect(16px 64px 32px 48px);
}
toolbar[iconsize="small"] #button-reply[disabled] {
-moz-image-region: rect(32px 64px 48px 48px) !important;
}
toolbar[iconsize="small"] #button-replyall {
-moz-image-region: rect(0px 80px 16px 64px);
}
toolbar[iconsize="small"] #button-replyall:hover {
-moz-image-region: rect(16px 80px 32px 64px);
}
toolbar[iconsize="small"] #button-replyall[disabled] {
-moz-image-region: rect(32px 80px 48px 64px) !important;
}
toolbar[iconsize="small"] #button-forward {
-moz-image-region: rect(0px 96px 16px 80px);
}
toolbar[iconsize="small"] #button-forward:hover {
-moz-image-region: rect(16px 96px 32px 80px);
}
toolbar[iconsize="small"] #button-forward[disabled] {
-moz-image-region: rect(32px 96px 48px 80px) !important;
}
toolbar[iconsize="small"] #button-delete {
-moz-image-region: rect(0px 112px 16px 96px);
}
toolbar[iconsize="small"] #button-delete:hover {
-moz-image-region: rect(16px 112px 32px 96px);
}
toolbar[iconsize="small"] #button-delete[disabled] {
-moz-image-region: rect(32px 112px 48px 96px) !important;
}
toolbar[iconsize="small"] .junk-button{
-moz-image-region: rect(0px 128px 16px 112px);
}
toolbar[iconsize="small"] .junk-button:hover {
-moz-image-region: rect(16px 128px 32px 112px);
}
toolbar[iconsize="small"] .junk-button[disabled="true"] {
-moz-image-region: rect(32px 128px 48px 112px) !important;
}
toolbar[iconsize="small"] #button-print {
-moz-image-region: rect(0px 144px 16px 128px);
}
toolbar[iconsize="small"] #button-print[buttonover] {
-moz-image-region: rect(16px 144px 32px 128px);
}
toolbar[iconsize="small"] #button-print[buttondown] {
-moz-image-region: rect(16px 144px 32px 128px);
}
toolbar[iconsize="small"] #button-print[disabled] {
-moz-image-region: rect(32px 144px 48px 128px) !important;
}
toolbar[iconsize="small"] #button-stop {
-moz-image-region: rect(0px 160px 16px 144px);
}
toolbar[iconsize="small"] #button-stop:hover {
-moz-image-region: rect(16px 160px 32px 144px);
}
toolbar[iconsize="small"] #button-stop[disabled="true"] {
-moz-image-region: rect(32px 160px 48px 144px) !important;
}
toolbar[iconsize="small"] #button-file {
-moz-image-region: rect(0px 176px 16px 160px);
}
toolbar[iconsize="small"] #button-file:hover {
-moz-image-region: rect(16px 176px 32px 160px);
}
toolbar[iconsize="small"] #button-file:hover:active,
toolbar[iconsize="small"] #button-file[open] {
-moz-image-region: rect(16px 176px 32px 160px);
}
toolbar[iconsize="small"] #button-file[disabled] {
-moz-image-region: rect(32px 176px 48px 160px) !important;
}
toolbar[iconsize="small"] #button-next {
-moz-image-region: rect(0px 192px 16px 176px);
}
toolbar[iconsize="small"] #button-next:hover {
-moz-image-region: rect(16px 192px 32px 176px);
}
toolbar[iconsize="small"] #button-next[disabled] {
-moz-image-region: rect(32px 192px 48px 176px) !important;
}
toolbar[iconsize="small"] #button-previous {
-moz-image-region: rect(0px 208px 16px 192px);
}
toolbar[iconsize="small"] #button-previous:hover {
-moz-image-region: rect(16px 208px 32px 192px);
}
toolbar[iconsize="small"] #button-previous[disabled] {
-moz-image-region: rect(32px 208px 48px 192px) !important;
}
toolbar[iconsize="small"] #button-mark {
-moz-image-region: rect(0px 224px 16px 208px);
}
toolbar[iconsize="small"] #button-mark:hover {
-moz-image-region: rect(16px 224px 32px 208px);
}
toolbar[iconsize="small"] #button-mark[disabled] {
-moz-image-region: rect(32px 224px 48px 208px) !important;
}
/* ::::: end small primary toolbar buttons ::::: */
/* ::::: junk message bar style rules ::::: */
#junkBarImage {
list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
-moz-image-region: rect(0px 128px 16px 112px);
padding-left: 3px;
}
#junkBarMessage {
font-weight: bold;
}
#junkBar {
border-bottom: 1px solid;
-moz-border-bottom-colors: #000000;
background: url("chrome://messenger/skin/icons/junkbar.png") repeat-y bottom left white;
color: white;
}
#junkIcon {
list-style-image: url("chrome://messenger/skin/icons/folder-junk.png");
}
/* ::::: remote content bar status rules ::::: */
#remoteContentMessage {
font-weight: bold;
}
#remoteContentImage {
list-style-image: url("chrome://messenger/skin/icons/remote-blocked.png");
padding: 3px;
}
#remoteContentBar {
border-bottom: 1px solid;
-moz-border-bottom-colors: #000000;
-moz-appearance: toolbox;
background-color: -moz-Dialog;
color: black;
}