gecko-dev/mail/base/skin/primaryToolbar.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;
  min-width: 0px;
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
}

toolbar[mode="icons"] .toolbarbutton-text {
  display: none;
}

toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
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 32px 32px 0px);
}

#button-getmsg:hover {
  -moz-image-region: rect(32px 32px 64px 0px);
} 

#button-getmsg[disabled] {
  -moz-image-region: rect(64px 32px 96px 0px) !important;
} 

#button-newmsg {
  -moz-image-region: rect(0px 64px 32px 32px);
}

#button-newmsg:hover {
  -moz-image-region: rect(32px 64px 64px 32px);
} 

#button-newmsg[disabled] {
   -moz-image-region: rect(64px 64px 96px 32px) !important;
} 

#button-address {
  -moz-image-region: rect(0px 96px 32px 64px);
}

#button-address:hover {
  -moz-image-region: rect(32px 96px 64px 64px);
} 

#button-address[disabled="true"] {
  -moz-image-region: rect(64px 96px 96px 64px) !important;
} 

#button-reply {
  -moz-image-region: rect(0px 128px 32px 96px);
}

#button-reply:hover {
  -moz-image-region: rect(32px 128px 64px 96px);
} 

#button-reply[disabled] {
  -moz-image-region: rect(64px 128px 96px 96px) !important;
} 

#button-replyall {
  -moz-image-region: rect(0px 160px 32px 128px);
}

#button-replyall:hover {
  -moz-image-region: rect(32px 160px 64px 128px);
} 

#button-replyall[disabled] {
  -moz-image-region: rect(64px 160px 96px 128px) !important;
} 

#button-forward {
  -moz-image-region: rect(0px 192px 32px 160px);
}

#button-forward:hover {
  -moz-image-region: rect(32px 192px 64px 160px);
} 

#button-forward[disabled] {
  -moz-image-region: rect(64px 192px 96px 160px) !important;
} 

#button-delete {
  -moz-image-region: rect(0px 224px 32px 192px);
}

#button-delete:hover {
  -moz-image-region: rect(32px 224px 64px 192px);
} 

#button-delete[disabled] {
  -moz-image-region: rect(64px 224px 96px 192px) !important;
} 

#button-junk{
  -moz-image-region: rect(0px 256px 32px 224px);
}

#button-junk:hover {
  -moz-image-region: rect(32px 256px 64px 224px);
}

#button-junk[disabled="true"] {
  -moz-image-region: rect(64px 256px 96px 224px) !important;
}

#button-print {
  -moz-image-region: rect(0px 288px 32px 256px);
}

#button-print[buttonover] {
  -moz-image-region: rect(32px 288px 64px 256px);
}

#button-print[buttondown] {
  -moz-image-region: rect(32px 288px 64px 256px);
}

#button-print[disabled] {
  -moz-image-region: rect(64px 288px 96px 256px) !important;
}

#button-stop {
  -moz-image-region: rect(0px 320px 32px 288px);
}

#button-stop:hover {
  -moz-image-region: rect(32px 320px 64px 288px);
} 

#button-stop[disabled="true"] {
  -moz-image-region: rect(64px 320px 96px 288px) !important;
}

#button-file {
  -moz-image-region: rect(0px 352px 32px 320px);
}

#button-file:hover {
  -moz-image-region: rect(32px 352px 64px 320px);
} 

#button-file:hover:active,
#button-file[open] {
  -moz-image-region: rect(32px 352px 64px 320px);
} 

#button-file[disabled] {
  -moz-image-region: rect(64px 352px 96px 320px) !important;
} 

#button-next {
  -moz-image-region: rect(0px 384px 32px 352px);
}

#button-next:hover {
  -moz-image-region: rect(32px 384px 64px 352px);
} 

#button-next[disabled] {
  -moz-image-region: rect(64px 384px 96px 352px) !important;
} 

/* No mark button in thunderbird
#button-mark {
  -moz-image-region: rect(336px 23px 357px 0);
}

#button-mark[buttonover] {
  -moz-image-region: rect(336px 46px 357px 23px);
} 

#button-mark[buttondown] {
  -moz-image-region: rect(336px 69px 357px 46px);
} 

#button-mark[disabled] {
  -moz-image-region: rect(336px 92px 357px 69px) !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 20px 20px 0px);
}

toolbar[iconsize="small"] #button-getmsg[buttonover] {
  -moz-image-region: rect(20px 20px 40px 0px);
} 

toolbar[iconsize="small"] #button-getmsg[disabled] {
  -moz-image-region: rect(40px 20px 60px 0px) !important;
} 

toolbar[iconsize="small"] #button-newmsg {
  -moz-image-region: rect(0px 40px 20px 20px);
}

toolbar[iconsize="small"] #button-newmsg:hover {
  -moz-image-region: rect(20px 40px 40px 20px);
} 

toolbar[iconsize="small"] #button-newmsg[disabled] {
   -moz-image-region: rect(40px 40px 60px 20px) !important;
} 

toolbar[iconsize="small"] #button-address {
  -moz-image-region: rect(0px 60px 20px 40px);
}

toolbar[iconsize="small"] #button-address:hover {
  -moz-image-region: rect(20px 60px 40px 40px);
} 

toolbar[iconsize="small"] #button-address[disabled="true"] {
  -moz-image-region: rect(40px 60px 60px 40px) !important;
} 

toolbar[iconsize="small"] #button-reply {
  -moz-image-region: rect(0px 80px 20px 60px);
}

toolbar[iconsize="small"] #button-reply:hover {
  -moz-image-region: rect(20px 80px 40px 60px);
} 

toolbar[iconsize="small"] #button-reply[disabled] {
  -moz-image-region: rect(40px 80px 60px 60px) !important;
} 

toolbar[iconsize="small"] #button-replyall {
  -moz-image-region: rect(0px 100px 20px 80px);
}

toolbar[iconsize="small"] #button-replyall:hover {
  -moz-image-region: rect(20px 100px 40px 80px);
} 

toolbar[iconsize="small"] #button-replyall[disabled] {
  -moz-image-region: rect(40px 100px 60px 80px) !important;
} 

toolbar[iconsize="small"] #button-forward {
  -moz-image-region: rect(0px 120px 20px 100px);
}

toolbar[iconsize="small"] #button-forward:hover {
  -moz-image-region: rect(20px 120px 40px 100px);
} 

toolbar[iconsize="small"] #button-forward[disabled] {
  -moz-image-region: rect(40px 120px 60px 100px) !important;
} 

toolbar[iconsize="small"] #button-delete {
  -moz-image-region: rect(0px 140px 20px 120px);
}

toolbar[iconsize="small"] #button-delete:hover {
  -moz-image-region: rect(20px 140px 40px 120px);
} 

toolbar[iconsize="small"] #button-delete[disabled] {
  -moz-image-region: rect(40px 140px 60px 120px) !important;
} 

toolbar[iconsize="small"] #button-junk{
  -moz-image-region: rect(0px 160px 20px 140px);
}

toolbar[iconsize="small"] #button-junk:hover {
  -moz-image-region: rect(20px 160px 40px 140px);
}

toolbar[iconsize="small"] #button-junk[disabled="true"] {
  -moz-image-region: rect(40px 160px 60px 140px) !important;
}

toolbar[iconsize="small"] #button-print {
  -moz-image-region: rect(0px 180px 20px 160px);
}

toolbar[iconsize="small"] #button-print[buttonover] {
  -moz-image-region: rect(20px 180px 40px 160px);
}

toolbar[iconsize="small"] #button-print[buttondown] {
  -moz-image-region: rect(20px 180px 40px 160px);
}

toolbar[iconsize="small"] #button-print[disabled] {
  -moz-image-region: rect(40px 180px 60px 160px) !important;
}

toolbar[iconsize="small"] #button-stop {
  -moz-image-region: rect(0px 200px 20px 180px);
}

toolbar[iconsize="small"] #button-stop:hover {
  -moz-image-region: rect(20px 200px 40px 180px);
} 

toolbar[iconsize="small"] #button-stop[disabled="true"] {
  -moz-image-region: rect(40px 200px 60px 180px) !important;
}

toolbar[iconsize="small"] #button-file {
  -moz-image-region: rect(0px 220px 20px 200px);
}

toolbar[iconsize="small"] #button-file:hover {
  -moz-image-region: rect(20px 220px 40px 200px);
} 

toolbar[iconsize="small"] #button-file:hover:active,
toolbar[iconsize="small"] #button-file[open] {
  -moz-image-region: rect(20px 220px 40px 200px);
} 

toolbar[iconsize="small"] #button-file[disabled] {
  -moz-image-region: rect(40px 220px 60px 200px) !important;
} 

toolbar[iconsize="small"] #button-next {
  -moz-image-region: rect(0px 240px 20px 220px);
}

toolbar[iconsize="small"] #button-next:hover {
  -moz-image-region: rect(20px 240px 40px 220px);
} 

toolbar[iconsize="small"] #button-next[disabled] {
  -moz-image-region: rect(40px 240px 60px 220px) !important;
} 

/* ::::: end small primary toolbar buttons ::::: */

#junkBarImage {
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar-small.png");
  -moz-image-region: rect(0px 160px 20px 140px);
}

#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.gif");
}